.bgpix {position:absolute; left:0; top:0; bgcolor:#ffffff;
	background-image:url(granite-vietnam/granite-countertops-ban.png);
	background-repeat:no-repeat;background-size:95%;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:80px; padding-left: 45%; padding-right: 0%; 
                font-size:24px;color:#f0f0f0;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";}
div.intro {width:100%; padding-top:30px; padding-left: 45%; padding-right: 0%; padding-bottom: 60px; 
                font-size:24px;color:#f0f0f0;font-weight:normal;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";}

div.addr {width:70%; padding-top:10px; padding-left:33%; padding-bottom:1%;  height:auto;
          font-size:16px;color:#0000c0;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif"; }
div.Social {width: 28%; height:auto; padding-top:2px; padding-bottom:70px; }
img.fb {width: 48px; height: 24px; border:0; }
img.twer {width: 48px; height: 24px; border:0; }
img.ig {width: 48px; height: 24px; border:0; }

div.Color {width:100%; height:auto; padding-top:0; padding-bottom:20px;
           font-size:26px;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: 120px; /* Suggested value: Adjust as needed */
}
		   
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; }

div.CntX {width:66%; height:auto; }

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


div.Cnt0 {width:33%; height:auto;  padding-top:0; padding-bottom: 30px; }
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-vn-mp-ban.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:8px; color:#0000c0;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";}
div.intro {width:100%; padding-top:2%; padding-left: 10%; padding-right: 0; padding-bottom: 6px; 
                font-size:8px; color:#0000c0;font-weight:normal;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";}
div.addr {width:70%; padding-left:6%; padding-right:0; padding-top: 0; padding-bottom: 0;
          font-size:8px;color:#0000c0;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif"; }
div.Social {width:30%; padding-top:12px; padding-bottom:30px;}
img.twer {width: 36px; height: 18px; border:0; }
img.ig {width: 36px; height: 18px; border:0; }
img.fb {width: 36px; height: 18px; border:0; }

div.Color {width:100%; height: auto; padding-top:0; padding-bottom:0;
        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 }

div.CntX {width:100%; height:auto; }
#granite-vn { scroll-margin-top: 70px; /* Suggested value: Adjust as needed */
}

div.Cnt0 {width:50%; height:auto; padding-top:0; padding-bottom: 0; }
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";}

}