.bgpix {position:absolute; left:0; top:0; bgcolor:#ffffff;
	background-image:url(granite-vietnam/granite-countertops-banner.png);
	background-repeat:no-repeat;background-size:100%;background-position:center 100px; }

div.MainCtn {position:relative; top:0px; left:0px; width:100%; height:auto; display:flex;flex-wrap:wrap; }
div.SDCIntro {width:100%; padding-top:60px; padding-left: 12%; padding-right: 0; padding-bottom:10px; 
              font-size:26px; color:#f0f0f0; font-weight:bold; font-style:italic; font-family: "Arial", "Helvetica", "sans-serif";
			  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8); line-height: 1.3; }
div.intro {width:100%; height:30px; padding-top:0 ; padding-left: 12%; padding-right: 0%; padding-bottom: 290px; 
              font-size:20px; color:#f0f0f0 ; font-weight:bold ; font-style:italic ; font-family: "Arial", "Helvetica", "sans-serif";
			  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8); line-height: 1.2; }
div.fty-addr {width:70%; height:auto ; padding-top:0; padding-left:50px; padding-bottom:50px; 
              font-size:25px; color:#f0f0f0; font-weight:bold; font-style:italic; font-family: "Arial", "Helvetica", "sans-serif"; 
			  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8); }
div.show-color {width:30%; height:auto ; padding-top:0 ; padding-bottom:50px; 
              font-size:26px; color:#f0f0f0; font-weight:bold; font-style:italic; font-family: "Arial", "Helvetica", "sans-serif"; }

div.Color {position:relative; top:0; left:0; width:100%; height:auto; padding-top:0; padding-bottom:20px;  display:flex;flex-wrap:wrap; 
           font-size:26px; color:#d82828 ; font-weight:bold; font-style:italic; font-family: "Arial", "Helvetica", "sans-serif"; }

#smple {  scroll-margin-top: 120px; }
		   
a.inqa {font-size:16px;color:#ffffff; background-color:#f00000 ; 
        padding-left:5px; padding-top:5px; padding-right:5px; padding-bottom:5px;
        font-weight:normal; text-decoration:underline; font-family: "Arial", "Helvetica", "sans-serif"; }
a.inqa:active {color:#ffffff;}
a.inqa:visited {color:#ffffff;}
a.inqa:hover {color:#000000; text-decoration:none;  font-weight:bold; }

a.inqb {font-size:16px;color:#ffffff; background-color:#0000f0 ; 
        padding-left:5px;padding-top:5px; padding-right:5px; padding-bottom:5px;
        font-weight:normal; text-decoration:underline; font-family: "Arial", "Helvetica", "sans-serif"; }
a.inqb:active {color:#ffffff;}
a.inqb:visited {color:#ffffff;}
a.inqb:hover {color:#000000; text-decoration:none;  font-weight:bold; }

#granite-vn { scroll-margin-top: 100px; /* Suggested value: Adjust as needed */ }

div.CntFty {width:100%; height:auto;  padding-top:0; padding-bottom: 30px;  
          font-size:26px;color:#d82828;font-weight:bold;font-style:italic; font-family: "Arial", "Helvetica", "sans-serif"; }
div.Cnt2w {width:66%; height:auto;  padding-top:0; padding-bottom: 30px;  
          font-size:26px;color:#d82828;font-weight:bold;font-style:italic; font-family: "Arial", "Helvetica", "sans-serif"; }
div.Cnt1w {width:33%; height:auto;  padding-top:0; padding-bottom: 30px;  
          font-size:26px;color:#d82828;font-weight:bold;font-style:italic; font-family: "Arial", "Helvetica", "sans-serif"; }
img.SDC {width:100%; height:auto; }
img.demo {width:100%; height:auto; }

div.gc1 {width:25%; height:auto; }
div.gc2 {width:25%; height:auto; }
div.gc3 {width:25%; height:auto; }
div.gc4 {width:25%; height:auto; }
div.gc5 {width:25%; height:auto; }
div.gc6 {width:25%; height:auto; }
div.gc7 {width:25%; height:auto; }
div.gc8 {width:25%; height:auto; }
div.gc9 {width:25%; height:auto; }
div.gca {width:25%; height:auto; }
div.gcb {width:25%; height:auto; }
div.gcc {width:25%; height:auto; }

a.D:link {text-decoration:none;font-size:16px;color:#303030;font-family="arial";font-weight:bold;}
a.D:active {color:#303030;}
a.D:visited {text-decoration:none; color:#303030;}
a.D:hover{text-decoration:underline; color:#c0c0c0;}
img.gs {width:100%; border:0;}
a.E:link {text-decoration:none;font-size:14px;color:#202020;font-family="arial";font-weight:bold;}
a.E:active {color:#202020;}
a.E:visited {text-decoration:none; color:#202020;font-weight:normal;}
a.E:hover{text-decoration:underline; color:#c0c0c0;}
a.P:link {text-decoration:none;font-size:14px;color:#f00000;font-family="arial";font-weight:bold;}
a.P:active {color:#f00000;}
a.P:visited {text-decoration:none; color:#f00000;font-weight:normal;}
a.P:hover{text-decoration:underline; color:#000000;}

div.InqH {width:100%; height:auto; padding-top:2.5%; padding-bottom:1.5%; 
          font-size:22px;color:#0000C0;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif"; }
div.InqCo {width:100%; height:auto; padding-top:1%; padding-bottom:1.5%; 
          font-size:20px;color:#0000C0;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif"; }
div.InqL {width:50%; padding-left:15%; height:auto ; 
          font-size:17px;color:#606060;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";}
div.InqR {width:50%; padding-right:15%; height:auto ; 
          font-size:17px;color:#606060;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";}

div.foot {width:100%;height:auto; 
          text-decoration:none;font-size:18px;color:#303030;font-family:"arial""Helvetica", "sans-serif";font-weight:normal;}



@media only screen and (max-width: 580px) {

.bgpix {position:absolute; left:0; top:0; bgcolor:#ffffff;
	background-image:url(granite-vietnam/granite-countertops-ban-mp.png);
	background-repeat:no-repeat; background-size:100%; background-position:center 50px; 
	}

div.MainCtn {position:relative; top:0px; left:0px; width:100%; height:auto; display:flex;flex-wrap:wrap; }
	
div.SDCIntro {width:100%; padding-top:6%; padding-left: 10%; padding-right: 0; 
              font-size:14px; color:#f0f0f0;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";
              text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); line-height: 1.2; }   
div.intro {width:100%; padding-top:2%; padding-left: 10%; padding-right: 0; padding-bottom: 170px; 
             font-size:12px; color:#f0f0f0; font-weight:bold; font-style:italic; font-family: "Arial", "Helvetica", "sans-serif";
             text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); line-height: 1.2; } 
div.fty-addr {width:70%; height:auto; padding-left:1%; padding-right:0; padding-top:0 ; padding-bottom: 20px ;
              font-size:12px; color:#f0f0f0; font-weight:bold; font-style:italic; font-family: "Arial", "Helvetica", "sans-serif";              
			  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); line-height: 1.2; } 
div.show-color {width:30%; height:auto ; padding-top:0; padding-left:0; padding-bottom:20px; 
              font-size:26px; color:#f0f0f0; font-weight:bold; font-style:italic; font-family: "Arial", "Helvetica", "sans-serif"; }

div.Color {position:relative; top:0; left:0; width:100%; height: auto; padding-top:0; padding-bottom:0; display:flex; flex-wrap:wrap; 
           font-size:8px;color:#d82828;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";}

#smple {    /* Adjust this value based on the height of your fixed header/banner.
       Start with a value slightly larger than your tallest fixed element. */
       scroll-margin-top: 70px; /* Suggested value: Adjust as needed */
}
a.inqa {font-size:9px;color:#ffffff; background-color:#f00000 ;
        padding-left:2px;padding-top:1px; padding-right:2px; padding-bottom:1px;
        font-weight:normal; text-decoration:underline; font-family: "Arial", "Helvetica", "sans-serif";}
a.inqa:active {color:#ffffff}
a.inqa:visited {color:#ffffff}
a.inqa:hover,focus {color:#000000 }

a.inqb {font-size:9px;color:#ffffff; background-color:#00000f0 ;
        padding-left:2px;padding-top:1px; padding-right:2px; padding-bottom:1px;
        font-weight:normal; text-decoration:underline; font-family: "Arial", "Helvetica", "sans-serif";}
a.inqb:active {color:#ffffff}
a.inqb:visited {color:#ffffff}
a.inqb:hover,focus {color:#000000 }

#granite-vn { scroll-margin-top: 70px; /* Suggested value: Adjust as needed */
}

div.CntFty {width:100%; height:auto;  padding-top:0; padding-bottom: 0; 
          font-size:12px;color:#d82828;font-weight:bold;font-style:italic; font-family: "Arial", "Helvetica", "sans-serif"; }
div.Cnt2w {width:100%; height:auto;  padding-top:0; padding-bottom: 0; 
          font-size:12px;color:#d82828;font-weight:bold;font-style:italic; font-family: "Arial", "Helvetica", "sans-serif"; }
div.Cnt1w {width:50%; height:auto; padding-top:0; padding-bottom: 0; 
          font-size:12px;color:#d82828;font-weight:bold;font-style:italic; font-family: "Arial", "Helvetica", "sans-serif"; }

img.SDC {width:100%; height:auto; }
img.demo {width:100%; height:auto; }

div.gc1 {width:33%; height:auto; }
div.gc2 {width:33%; height:auto; }
div.gc3 {width:33%; height:auto; }
div.gc4 {width:33%; height:auto; }
div.gc5 {width:33%; height:auto; }
div.gc6 {width:33%; height:auto; }
div.gc7 {width:33%; height:auto; }
div.gc8 {width:33%; height:auto; }
div.gc9 {width:33%; height:auto; }
div.gca {width:33%; height:auto; }
div.gcb {width:33%; height:auto; }
div.gcc {width:33%; height:auto; }

a.D:link {font-size:6px; text-decoration:none; font-weight:bold; color:#303030; 
          font-family: "Arial", "Helvetica", "sans-serif";}
a.D:active {color:#303030; font-weight:normal;}
a.D:visited {color:303030; text-decoration:none; font-weight:bold; }
a.D:hover{text-decoration:underline; color:#808080;}
img.gs {width:100%; height:auto; border:0;}

a.E:link {text-decoration:none;font-size:4px;color:#000000;
		  font-family="arial";font-weight:bold; font-family: "Arial", "Helvetica", "sans-serif";}
a.E:active {color:#000000; }
a.E:visited {text-decoration:none; color:#000000;;}
a.E:hover{text-decoration:underline; color:#808080; }

a.P:link {text-decoration:none;font-size:6px;color:#f00000; font-weight:bold; font-family: "Arial", "Helvetica", "sans-serif";}
a.P:active {color:#f00000;}
a.P:visited {text-decoration:none; color:#f00000;font-weight:normal;}
a.P:hover{text-decoration:underline; color:#000000;}


div.InqH {width:100%; height:auto; padding-top:3%; padding-bottom:0.5%; color:#0000C0; font-size:13px;font-weight:bold; 
          font-style:italic; font-family: "Arial", "Helvetica", "sans-serif"; }
div.InqCo {width:100%; height:auto; padding-top:3%; padding-bottom:0.5%; color:#0000C0;font-weight:bold;font-style:italic; 
           font-size:11px; font-family: "Arial", "Helvetica", "sans-serif"; }
div.InqL {width:50%; padding-left:8%; height:auto ; 
      	  font-size:10px;color:#606060;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";}
div.InqR {width:50%; padding-left:0; height:auto ; 
          font-size:10px;color:#606060;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";}

}