@media (min-width: 1250px) and (max-width: 2700px){

}
@media (min-width: 900px) and (max-width: 1250px){
.trContactDetails{width:65%; height:auto; padding:0; margin:0; float:left; color:#fff; font-weight:bold; font-size:15px;}
.trRightBox{width:35%; height:auto; padding:0; margin:0; float:right; color:#fff; font-weight:300; font-size:13px;}
.trISOBox{ width:100%; height:auto; padding:0; margin:7px 0 7px 0; text-align:right; font-weight:bold; font-size:15px;}
}
@media (min-width: 769px) and (max-width: 900px){
.trContactDetails{width:auto; height:auto; padding:0; margin:0; float:left; color:#fff; font-weight:bold; font-size:15px; display:none;}
.trRightBox{width:100%; height:auto; padding:0; margin:0; float:right; color:#fff; font-weight:300; font-size:13px;}
.trISOBox{ width:100%; height:auto; padding:0; margin:7px 0 7px 0; text-align:center; font-weight:bold; font-size:15px;}

header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:0; margin:auto; background:#fff;border-bottom:solid 0px #d30205; position:relative; z-index:101;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
 
header .rightBox{width:100%;float:none; margin:10px 0 10px 0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .logoBox{width:40%;height: auto; padding:0px; margin:10px auto 0px auto; float:none; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:0px; margin:auto; background:#fff; position:absolute; 
z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:100%;float:none; margin:10px 0 10px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .logoBox{width:40%;height: auto; padding:0px; margin:10px auto 0px auto; float:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .menuBox{ margin:0px 0 0 0;}

/*-- Banner Css --*/
.banner{width:100%; height:auto; margin:110px 0 0 0; position:relative;}
.overlay{width:100%; height:100%; padding:0; margin:0; background:none; position:absolute; z-index:1;}
.bannerTextBox{width:80%; height:auto; padding:15px 0; margin:12% 10% 0 10%; color:#fff;position:absolute; top:0; left:0px; z-index:101; text-align:left; border-radius:7px;}
.bannerHeading{width:100%; height:auto; font-size:85px; color:#ffcc5f;text-shadow:2px 2px 5px #000; font-weight:400; margin:0 0 7px 0; text-align:center;}

/*-- Footer Panel --*/
.footerPanel{width:90%; height:auto; padding:60px 5% 50px 5%; margin:auto; background:#231f20;}
.fIconBox{width:5%; height:auto; padding:0; margin:0 0 0 0; float:left; font-size:35px; color:#d30205;}
.fAddress{width:86%; height:auto; padding:0; margin:0 0 0 8%;color: #fff; font-size:17px; float:left;}
.footerCol1{width:25%; height:auto; padding:0; margin:0; float:left;}
.footerCol3{width:60%; height:auto; padding:0; margin:0 5% 0 5%; float:right;}
.fPhoneNo{ font-size:22px; font-weight:bold;}
.fEmail{ font-size:22px; font-weight:bold;}

/*=== INNER PAGE ===*/
.innWrap{width:100%; height:auto; padding:0; margin:0;}
}
@media (min-width: 480px) and (max-width: 769px){
.trContactDetails{width:auto; height:auto; padding:0; margin:0; float:left; color:#fff; font-weight:bold; font-size:15px; display:none;}
.trRightBox{width:100%; height:auto; padding:0; margin:0; float:right; color:#fff; font-weight:300; font-size:13px;}
.trISOBox{ width:100%; height:auto; padding:0; margin:7px 0 7px 0; text-align:center; font-weight:bold; font-size:15px;}

header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:0; margin:auto; background:#fff;border-bottom:solid 0px #d30205; position:relative; z-index:101;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
 
header .rightBox{width:100%;float:none; margin:10px 0 10px 0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .logoBox{width:50%;height: auto; padding:0px; margin:10px auto 0px auto; float:none; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:0px; margin:auto; background:#fff; position:absolute; 
z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:100%;float:none; margin:10px 0 10px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .logoBox{width:50%;height: auto; padding:0px; margin:10px auto 0px auto; float:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .menuBox{ margin:0px 0 0 0;}

/*-- Banner Css --*/
.banner{width:100%; height:auto; margin:0; position:relative; top:-20px;}
.overlay{width:100%; height:100%; padding:0; margin:0; background:none; position:absolute; z-index:1;}
.bannerTextBox{width:80%; height:auto; padding:15px 0; margin:12% 10% 0 10%; color:#fff;position:absolute; top:0; left:0px; z-index:101; text-align:left; border-radius:7px;}
.bannerHeading{width:100%; height:auto; font-size:40px; color:#ffcc5f;text-shadow:2px 2px 5px #000; font-weight:400; margin:0 0 7px 0; text-align:center;}

/*-- Service Panel Css --*/
.servicePanel{width:94%; height:auto;  margin:15px 3% 25px 3%; position:relative;}
.iServBox{width:97%; height:auto; padding:0.5%; margin:0 1% 15px 1%; background:#fff; float:left;}

/*-- Footer Panel --*/
.footerPanel{width:90%; height:auto; padding:40px 5%; margin:auto; background:#231f20;}
.footerCol1{width:100%; height:auto; padding:0; margin:0 0 20px 0; float:none;}
.footerCol3{width:100%; height:auto; padding:0; margin:0; float:none;}
.fIconBox{width:5%; height:auto; padding:0; margin:0 0 0 0; float:left; font-size:35px; color:#d30205;}
.fAddress{width:86%; height:auto; padding:0; margin:0 0 0 8%;color: #fff; font-size:17px; float:left;}
.fPhoneNo{ font-size:23px; font-weight:bold;}
.fEmail{ font-size:23px; font-weight:bold;}
.copyright{width:100%; height:auto; float:none; font-size:15px; text-align:center;}
.poweredBy{width:auto; height:auto; margin:7px 0 0 0; float:none; text-align:center;}

/*=== INNER PAGE ===*/
.innWrap{width:100%; height:auto; padding:0; margin:0;}

/*-- Clients --*/
.clientsBox{width:45%; height:auto; padding:0; margin:0 2% 15px 2%; border:dashed 1px #ccc; float:left; text-align:center;}
.clientsNameBox{width:100%; height:auto; padding:0; margin:0; border-top:dashed 1px #ccc; text-align:center; font-size:14px; font-weight:bold;}


/*-- Contact Us Page Css --*/
.innContactBody{width:94%; height:auto; padding:25px 0; margin:auto 3%; font-size:15px; font-weight:300; line-height:25px; text-align:justify;}
.contactFormBox{width:100%; height:auto; float:none;}
.contactDetailsBox{width:100%; height:auto; margin:0; float:nine; font-weight:500; color:#000;}

}
@media (min-width: 320px) and (max-width: 480px){
h1{ padding:0 0 15px  0; margin:0 0 10px 0; color:#000; font-size:22px; text-align:left; font-weight:bolder;}	
	
.trContactDetails{width:auto; height:auto; padding:0; margin:0; float:left; color:#fff; font-weight:bold; font-size:15px; display:none;}
.trRightBox{width:100%; height:auto; padding:0; margin:0; float:right; color:#fff; font-weight:300; font-size:13px;}
.trISOBox{ width:100%; height:auto; padding:0; margin:7px 0 7px 0; text-align:center; font-weight:bold; font-size:15px;}

header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:0; margin:auto; background:#fff;border-bottom:solid 0px #d30205; position:relative; z-index:101;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
 
header .rightBox{width:100%;float:none; margin:10px 0 10px 0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .logoBox{width:75%;height: auto; padding:0px; margin:10px auto 0px auto; float:none; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:0px; margin:auto; background:#fff; position:absolute; 
z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:100%;float:none; margin:10px 0 10px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .logoBox{width:75%;height: auto; padding:0px; margin:10px auto 0px auto; float:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .menuBox{ margin:0px 0 0 0;}

/*-- Banner Css --*/
.banner{width:100%; height:auto; margin:0; position:relative; top:-20px;}
.overlay{width:100%; height:100%; padding:0; margin:0; background:none; position:absolute; z-index:1;}
.bannerTextBox{width:80%; height:auto; padding:15px 0; margin:12% 10% 0 10%; color:#fff;position:absolute; top:0; left:0px; z-index:101; text-align:left; border-radius:7px;}
.bannerHeading{width:100%; height:auto; font-size:40px; color:#ffcc5f;text-shadow:2px 2px 5px #000; font-weight:400; margin:0 0 7px 0; text-align:center;}

/*-- About Us Css --*/
.aboutPanel{width:94%; height:auto; padding:40px 3%; margin:auto; background:#f2f2f2;}
.aboutText{width:92%; height:auto; margin:auto; font-size:16px; color:#777; font-weight:300; line-height:25px; text-align:center;}
.readMoreBox{width:100%; height:auto; padding:0; margin:50px 0 0 0; text-align:center;}
.readMore{width:auto; height:auto; padding:12px 35px; background:#d30205; border:solid 1px #d30205; color:#fff; font-size:15px; font-weight:300; border-radius:3px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.readMore:hover{background:#000;border:solid 1px #000; color:#fff; font-size:15px; font-weight:300;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; cursor:pointer;}

/*-- Service Panel Css --*/
.servicePanel{width:94%; height:auto;  margin:15px 3% 25px 3%; position:relative;}
.iServBox{width:97%; height:auto; padding:0.5%; margin:0 1% 15px 1%; background:#fff; float:left;}

/*-- Footer Panel --*/
.footerPanel{width:90%; height:auto; padding:40px 5% 30px 5%; margin:auto; background:#231f20;}
.footerCol1{width:100%; height:auto; padding:0; margin:0 0 20px 0; float:none;}
.footerCol3{width:100%; height:auto; padding:0; margin:0; float:none;}
.footerHeading{width:100%; height:auto; padding:0; margin:0; font-size:25px; font-weight:bold; color:#fff;}
.fIconBox{width:10%; height:auto; padding:0; margin:0 0 0 0; float:left; font-size:30px; color:#d30205;}
.fPhoneNo{ font-size:22px; font-weight:bold;}
.fEmail{ font-size:22px; font-weight:bold;}
.copyright{width:100%; height:auto; float:none; font-size:15px; text-align:center;}
.poweredBy{width:auto; height:auto; margin:7px 0 0 0; float:none; text-align:center;}

/*=== INNER PAGE ===*/
.innWrap{width:100%; height:auto; padding:0; margin:0;}

/*-- Clients --*/
.clientsBox{width:95%; height:auto; padding:0; margin:0 2% 15px 2%; border:dashed 1px #ccc; float:left; text-align:center;}
.clientsNameBox{width:100%; height:auto; padding:0; margin:0; border-top:dashed 1px #ccc; text-align:center; font-size:14px; font-weight:bold;}

/*-- Contact Us Page Css --*/
.innContactBody{width:94%; height:auto; padding:25px 0; margin:auto 3%; font-size:15px; font-weight:300; line-height:25px; text-align:justify;}
.contactFormBox{width:100%; height:auto; float:none;}
.contactDetailsBox{width:100%; height:auto; margin:0; float:nine; font-weight:500; color:#000;}
}