.bgpix {position:absolute; left:0; top:0; bgcolor:#ffffff;
	background-image:url(/construction/construction-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:90px; padding-left: 20%; padding-right: 0%; 
              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); }
div.intro {width:100%; padding-top:30px; padding-left: 20%; padding-right: 0%; padding-bottom: 130px; 
              font-size:24px; 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.addr {width:100%; padding-top:10px; padding-left:20%; padding-bottom:70px;  height:auto;
              font-size:26px; color:#0000f0; font-weight:bold; font-style:italic; font-family: "Arial", "Helvetica", "sans-serif"; 
			  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8); }

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

#granite-vn { scroll-margin-top: 100px; /* Suggested value: Adjust as needed */}
div.Cnt-Ban1 {width:66.66%; height:auto; padding-top:0; padding-bottom: 30px; padding-left:2%; padding-right:0.5%; }
div.Cnt-Ban2 {width:33.33%; height:auto;  padding-top:0; padding-bottom: 30px; padding-left:0.25%; padding-right:1%; }
div.Cnt-Ban3 {width:33.33%; height:auto;  padding-top:0; padding-bottom: 30px; padding-left:1%; padding-right:0.25%; }
div.Cnt-Ban4 {width:66.66%; height:auto; padding-top:0; padding-bottom: 30px; padding-left:0.5%; padding-right:2%; }
img.SDC {width:100%; height:auto; }
img.demo {width:100%; 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(/construction/construction-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:12%; padding-left: 10%; padding-right: 0; 
              font-size:16px; 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); }   
div.intro {width:100%; padding-top:2%; padding-left: 10%; padding-right: 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); } 
div.addr {width:100%; padding-top: 0; padding-left:10%; padding-right:0;  padding-bottom: 0;
              font-size:12px; color:#6060f0; font-weight:bold; font-style:italic; font-family: "Arial", "Helvetica", "sans-serif";              
			  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); } 

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 {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.Cnt-Ban1 {width:100%; height:auto; padding-top:0; padding-bottom:0; padding-left:0; padding-right:0; }
#granite-vn { scroll-margin-top: 70px; /* Suggested value: Adjust as needed */
}
div.Cnt-Ban2 {width:50%; height:auto; padding-top:0; padding-bottom: 0; padding-left:0; padding-right:0; }
div.Cnt-Ban3 {width:50%; height:auto; padding-top:0; padding-bottom: 0; padding-left:0; padding-right:0; }
img.SDC {width:100%; height:auto; }
img.demo {width:100%; height:auto; }

div.Cnt-Ban4 {width:100%; height:auto; padding-top:0; padding-bottom: 0; padding-left:0; padding-right:0; }

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

}