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

div.MainCtn {position:relative; top:0px; left:0px; width:100%; height:auto; display:flex;flex-wrap:wrap; }
div.SDCIntro {width:100%; padding-top:110px; 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: 190px; 
                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: 30%; height:auto; padding-top:2px; padding-bottom:80px; }
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; font-size:26px;color:#d82828;font-weight:bold;font-style:italic;
           font-family: "Arial", "Helvetica", "sans-serif";}
a.inqa {font-size:16px;color:#0000c0; font-weight:normal; text-decoration:underline; font-family: "Arial", "Helvetica", "sans-serif";}
a.inqa:active {color:#0000c0;}
a.inqa:visited {color:#0000c0;}
a.inqa:hover {color:#0000f0; text-decoration:none;  font-weight:bold; }

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";}


img.chat {width: 18%; height:auto; }

a.eml {font-size:17px;color:#818080; text-decoration:underline; font-weight:bold; font-style:italic;
		font-family: "Arial", "Helvetica", "sans-serif";}
a.eml:active {color:#818080;}
a.eml:visited {color:#818080;}
a.eml:hover {color:#818080; }

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; }
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; 
        font-size:8px;color:#d82828;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";}
a.inqa {font-size:8px; text-decoration:underline; font-weight:bold; color:#0000c0; font-family: "Arial", "Helvetica", "sans-serif";}
a.inqa:active {color:#0000c0;}
a.inqa:visited {color:#0000c0;}
a.inqa:hover{color:#0000f0; }

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.foot {width:100%;height:auto; font-size:5px; text-decoration:none; font-weight:bold; color:#303030; 
		  font-family:"arial""Helvetica", "sans-serif";}
}