@media (min-width: 769px) and (max-width: 1024px){
header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index:99999;box-shadow:0 2px 2px rgba(0,0,0,0.3);}
header .header{width:100%; height:auto; padding:7px 0% 10px 0%; margin:auto; background:#fff; 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; box-shadow:0px 2px 2px rgba(0,0,0,0.1);}
 
header .rightBox{width:100%;float:none; margin: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:250px;height:auto; padding:0px; margin:0 0 0 2%; position:absolute; z-index:101; font-size:40px; font-weight:900; color:#003366; line-height:30px; float:left; -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:7px 0% 0px 0%; margin:auto; background:#fff; 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; box-shadow:0px 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:100%;float:none; margin: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.smaller .logoBox{width:250px;height: auto; padding:0px; margin:0 0 0 2%; font-size:40px; font-weight:900; color:#003366; line-height:30px; float:left; -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:0;}

/*-- Banner Css --*/
.banner{width:100%; height:auto; position:relative; margin:0 0 0 0;}

/*-- Services Css --*/
.servicesNameBox{width:94%; height:auto; padding:28px 3%; margin:0; background:rgba(78,170,0,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}
.servicesHeadingBox{width:100%; height:20px; padding:0px; margin:0;text-align:center; font-size:16px; color:#fff; font-weight:bold; line-height:22px;}
.servicesIconBox{width:30px; height:30px; padding:15px; margin:10px auto 10px auto; font-size:30px; border:solid 3px #fff; border-radius:100px;}
.serviceDescBox{width:96%; height:100px; padding:0; margin:20px 2% 20px 2%; font-size:13px; text-align:center; color:#fff; line-height:18px; font-weight:400;}
.servicesNameBox{width:94%; height:auto; padding:10px 3%; margin:0; background:rgba(78,170,0,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}
.servicesNameBox1{width:94%; height:auto; padding:10px 3%; margin:0; background:rgba(0,135,243,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}
.servicesNameBox2{width:94%; height:auto; padding:10px 3%; margin:0; background:rgba(255,90,0,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}
.servicesNameBox3{width:94%; height:auto; padding:10px 3%; margin:0; background:rgba(255,19,252,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}

.cap-bot:before { bottom: 10px; left: 0px; }
.cap-bot figcaption { left: 0; bottom: -48%;}
.cap-bot:hover figcaption { bottom: 0; }

}
@media (min-width: 481px) and (max-width: 769px){
header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index:99999;box-shadow:0 2px 2px rgba(0,0,0,0.3);}
header .header{width:100%; height:auto; padding:7px 0% 10px 0%; margin:auto; background:#fff; 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; box-shadow:0px 2px 2px rgba(0,0,0,0.1);}
 
header .rightBox{width:100%;float:none; margin: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:250px;height:auto; padding:0px; margin:0 0 0 2%; position:absolute; z-index:101; font-size:40px; font-weight:900; color:#003366; line-height:30px; float:left; -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:7px 0% 0px 0%; margin:auto; background:#fff; 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; box-shadow:0px 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:100%;float:none; margin: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.smaller .logoBox{width:250px;height: auto; padding:0px; margin:0 0 0 2%; font-size:40px; font-weight:900; color:#003366; line-height:30px; float:left; -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:0;}

/*-- Banner Css --*/
.banner{width:100%; height:auto; position:relative; margin:0 0 0 0;}

/*-- Services Css --*/
.servicesBox{width:50%; height:auto; padding:0; margin:0; float:left; position:relative; overflow:hidden;}
.servicesNameBox{width:94%; height:auto; padding:28px 3%; margin:0; background:rgba(78,170,0,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}
.servicesHeadingBox{width:100%; height:20px; padding:0px; margin:0;text-align:center; font-size:16px; color:#fff; font-weight:bold; line-height:22px;}
.servicesIconBox{width:30px; height:30px; padding:15px; margin:40px auto 25px auto; font-size:30px; border:solid 3px #fff; border-radius:100px;}
.serviceDescBox{width:96%; height:145px; padding:0; margin:55px 2% 20px 2%; font-size:14px; text-align:center; color:#fff; line-height:22px; font-weight:400;}
.servicesNameBox{width:94%; height:auto; padding:10px 3%; margin:0; background:rgba(78,170,0,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}
.servicesNameBox1{width:94%; height:auto; padding:10px 3%; margin:0; background:rgba(0,135,243,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}
.servicesNameBox2{width:94%; height:auto; padding:10px 3%; margin:0; background:rgba(255,90,0,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}
.servicesNameBox3{width:94%; height:auto; padding:10px 3%; margin:0; background:rgba(255,19,252,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}

figure {display: block;position: relative;overflow: hidden;margin:0;}
.cap-bot:before { bottom:0px; left: 0px; }
.cap-bot figcaption { left: 0; bottom: -50%;}
.cap-bot:hover figcaption { bottom: 0; }

/*-- Footer Panel --*/
.footerPanel{width:90%; height:auto; padding:50px 5% 30px 5%; margin:auto; background:#000;}
.footerCol1{width:100%; height:auto; padding:0; margin:0; float:none;}
.footerCol2{width:100%; height:auto; padding:0; margin:25px 0 0 0; float:none;}
.footerCol3{width:100%; height:auto; padding:0; margin:25px 0 0 0; float:none;}

.copyrightPanel{width:90%; height:auto; padding:20px 5%; margin:0;background:#161616; border-top:solid 1px #555; color:#fff; font-weight:300; font-size:13px;}
.copyright{width:auto; height:auto; float:left; font-size:13px;}
.poweredBy{width:auto; height:auto; float:right;}
.poweredNav{color:#fff;}
.poweredNav:hover{color:#4eaa00;}

/*== INNER PAGES ==*/
.innHeadingBox{width:95%; height:auto; padding:12px 2.5%; margin:0; background:#4eaa00; color:#fff;}
.breadcrumb{width:100%; height:auto; padding:5px 0 0 0; margin:0; font-size:10px; color:#fff; font-weight:bold; text-transform:uppercase;}
.bcnav{color:#fff;}
.bcnav:hover{color:#000;}
.innHeadingText{width:100%; height:auto; padding:0; margin:10px 0 0 0; font-size:20px; color:#fff; text-align:left;}

/*-- Inner Body --*/
.innBody{width:94%; height:auto; padding:0; margin:30px auto; color:#333; font-size:15px; line-height:24px; text-align:justify; font-weight:400;}
.innimgbox{width:95%; height:auto; padding:7px; margin:0 0 10px 0; border:solid 1px #f1f1f1; float:none;}

/*-- Contact Us --*/
.contactFormPanel{width:100%; height:auto; padding:0; margin:0; float:none;}
.cSubmitBtnAlign{ text-align:center;}
.contactAddressPanel{width:100%; height:auto; padding:25px 0 0 0; margin:25px 0 0 0; float:none; line-height:18px !important; border-top:solid 1px #f1f1f1;}
.cAddressRow{width:100%; height:auto; padding:0; margin:0 0 15px 0; line-height:30px;}
}
@media (min-width: 320px) and (max-width: 481px){
header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index:99999;box-shadow:0 2px 2px rgba(0,0,0,0.3);}
header .header{width:100%; height:auto; padding:7px 0% 10px 0%; margin:auto; background:#fff; 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; box-shadow:0px 2px 2px rgba(0,0,0,0.1);}
 
header .rightBox{width:100%;float:none; margin: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:220px;height:auto; padding:0px; margin:0 0 0 2%; position:absolute; z-index:101; font-size:40px; font-weight:900; color:#003366; line-height:30px; float:left; -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:7px 0% 0px 0%; margin:auto; background:#fff; 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; box-shadow:0px 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:100%;float:none; margin: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.smaller .logoBox{width:220px;height: auto; padding:0px; margin:0 0 0 2%; font-size:40px; font-weight:900; color:#003366; line-height:30px; float:left; -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:0;}

/*-- Banner Css --*/
.banner{width:100%; height:auto; position:relative; margin:0 0 0 0;}

/*-- Services Css --*/
.servicesPanel{width:96%; height:auto; padding:30px 2% 30px 2%; margin:0 auto;}
.servicesBox{width:100%; height:auto; padding:0; margin:0; float:left; position:relative; overflow:hidden;}
.servicesNameBox{width:94%; height:auto; padding:28px 3%; margin:0; background:rgba(78,170,0,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}
.servicesHeadingBox{width:100%; height:20px; padding:0px; margin:0;text-align:center; font-size:16px; color:#fff; font-weight:bold; line-height:22px;}
.servicesIconBox{width:30px; height:30px; padding:15px; margin:40px auto 25px auto; font-size:30px; border:solid 3px #fff; border-radius:100px;}
.serviceDescBox{width:96%; height:110px; padding:0; margin:55px 2% 20px 2%; font-size:14px; text-align:center; color:#fff; line-height:22px; font-weight:400;}
.servicesNameBox{width:94%; height:auto; padding:10px 3%; margin:0; background:rgba(78,170,0,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}
.servicesNameBox1{width:94%; height:auto; padding:10px 3%; margin:0; background:rgba(0,135,243,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}
.servicesNameBox2{width:94%; height:auto; padding:10px 3%; margin:0; background:rgba(255,90,0,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}
.servicesNameBox3{width:94%; height:auto; padding:10px 3%; margin:0; background:rgba(255,19,252,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}

figure {display: block;position: relative;overflow: hidden;margin:0;}
.cap-bot:before { bottom:0px; left: 0px; }
.cap-bot figcaption { left: 0; bottom: -50%;}
.cap-bot:hover figcaption { bottom: 0; }

/*-- Footer Panel --*/
.footerPanel{width:90%; height:auto; padding:50px 5% 30px 5%; margin:auto; background:#000;}
.footerCol1{width:100%; height:auto; padding:0; margin:0; float:none;}
.footerCol2{width:100%; height:auto; padding:0; margin:25px 0 0 0; float:none;}
.footerCol3{width:100%; height:auto; padding:0; margin:25px 0 0 0; float:none;}

.copyrightPanel{width:90%; height:auto; padding:20px 5%; margin:0;background:#161616; border-top:solid 1px #555; color:#fff; font-weight:300; font-size:13px;}
.copyright{width:100%; height:auto; float:none; font-size:13px; text-align:center;}
.poweredBy{width:100%; height:auto; float:none; text-align:center;}

/*== INNER PAGES ==*/
.innHeadingBox{width:95%; height:auto; padding:12px 2.5%; margin:0; background:#4eaa00; color:#fff;}
.breadcrumb{width:100%; height:auto; padding:5px 0 0 0; margin:0; font-size:10px; color:#fff; font-weight:bold; text-transform:uppercase;}
.bcnav{color:#fff;}
.bcnav:hover{color:#000;}
.innHeadingText{width:100%; height:auto; padding:0; margin:10px 0 0 0; font-size:20px; color:#fff; text-align:left;}

/*-- Inner Body --*/
.innBody{width:94%; height:auto; padding:0; margin:30px auto; color:#333; font-size:15px; line-height:24px; text-align:justify; font-weight:400;}
.innimgbox{width:95%; height:auto; padding:7px; margin:0 0 10px 0; border:solid 1px #f1f1f1; float:none;}

/*-- Contact Us --*/
.contactFormPanel{width:100%; height:auto; padding:0; margin:0; float:none;}
.cSubmitBtnAlign{ text-align:center;}
.contactAddressPanel{width:100%; height:auto; padding:25px 0 0 0; margin:25px 0 0 0; float:none; line-height:18px !important; border-top:solid 1px #f1f1f1;}
.cAddressRow{width:100%; height:auto; padding:0; margin:0 0 15px 0; line-height:30px;}
}