@media (min-width: 769px) and (max-width: 950px){

.topRibon{width:94%; height:auto; padding:10px 3%; margin:0; background:rgba(0,0,0,0); border-bottom:solid 1px #c1c1c1;}
.trLeftBox{ display:none;}
.trRightBox{width:100%; height:auto; padding:0; margin:0; float:right; color:#fff; font-weight:300; font-size:15px;}
.trCallUs{width:auto; height:auto; padding:0 3% 0 0; margin:0; float:right; color:#fff; font-weight:400; font-size:15px;}
.trEmail{width:auto; height:auto; padding:0 0 0 0; margin:0 0 0 0; float:right; color:#fff; font-weight:400; font-size:15px;}
}
@media (min-width: 481px) and (max-width: 769px){
.topRibon{width:94%; height:auto; padding:10px 3%; margin:0; background:#2e2e2e; border-bottom:none;}
.trLeftBox{ display:none;}
.trRightBox{width:100%; height:auto; padding:0; margin:0; float:right; color:#fff; font-weight:300; font-size:15px;}
.trCallUs{width:auto; height:auto; padding:0 3% 0 0; margin:0; float:right; color:#fff; font-weight:400; font-size:15px;}
.trEmail{width:auto; height:auto; padding:0 0 0 0; margin:0 20% 0 0; float:right; color:#fff; font-weight:400; font-size:15px;}

header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:5px 0 0 0; margin:auto; background:#fff; position:relative; z-index:101;box-shadow:0 2px 2px rgba(0,0,0,0.4);-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:right; margin:0px 0 2px 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:60%;height: auto; padding:0px; margin:5px 20%; 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:5px 0 0 0; margin:auto; background:#fff; position:relative;z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:100%;float:right; margin:0px 0 2px 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:60%;height: auto; padding:0px; margin:5px 20%;-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;}

.body{width:100%; height:auto; margin:0 auto;}
.iheadingBox{width:100%; height:auto; padding:0px 0 35px 0; margin:0; text-align:center;}
.iheadingsmalltext{width:100%; height:auto; padding:12px 0 5px 0; margin:0; text-align:center; text-align:center; font-size:15px; color:#000;}

/*-- Banner Css --*/
.bannerPanel{width:100%; height:auto; margin:0;}
.banner{width:100%; height:auto; padding:0; margin:0;position:relative; top:-18px;}
.bannerHeading{width:96%; height:auto; padding:10px 2% 15px 2%; margin:auto; position:absolute; z-index:1; top:28%; color:#fff; font-size:42px; font-weight:800; text-align:center; text-shadow:0 5px 5px #000;}
.bannerSMText{width:96%; height:auto; padding:10px 2% 15px 2%; margin:auto;  color:#fff; font-size:17px; font-weight:BOLD; text-align:center; text-shadow:0 5px 5px #000;}

/*-- Who we are --*/
.wwaPanel{width:100%; height:auto; padding:0px 0 20px 0; margin:0 auto;}
.wwaheading{width:92%; height:auto; padding:0 0 30px 0; margin:0 auto 30px auto; border-bottom:solid 1px #f1f1f1;}
.wwatext{width:92%; height:auto;padding:0; margin:auto; text-align:left; font-size:20px; line-height:34px; color:#555; font-weight:100;font-family: 'Segoe UI', Helvetica, Arial, sans-serif;}

/*-- Image Section --*/
.imgPanel{width:100%; height:auto; padding:30px 0 0px 0; margin:0 auto;}
.imgbox{width:92.5%; height:auto;padding:7px 2%; margin:auto 1% 15px 1%; float:none; border:solid 1px #f1f1f1;}

/*-- Footer Css --*/
.footerPanel{width:100%; height:auto; padding:45px 0 0 0; margin:auto; background:#0e0e0e url(../images/footerBg.png) no-repeat center center; background-size:100% 100%; color:#697585; text-align:center;}

.footerCol1{width:90%; padding:0; margin:auto; float:none;}
.footerCol2{width:90%; height:auto; padding:20px 0 0 0; margin:20px auto 20px auto; border-top:dashed 1px #fff;  border-bottom:dashed 1px #fff; float:none;}
.footerCol3{width:90%; height:auto; margin:25px auto auto auto; float:none;}
.footerHeading{width:100%; margin:0 0 10px 0; font-size:18px; font-weight:800; color:#fff; text-transform:uppercase; text-align:left;}

.cRightBox{width:90%; height:auto; padding:17px 5%; margin:15px 0 0 0;  background:#131415; font-size:12px; font-weight:400; color:#fff; text-align:left;border-top:solid 1px #2b2b2b;}
.copyright{width:100%; height:auto; text-align:center; float:none;}
.poweredby{width:100%; height:auto; margin:7px 0 0 0; text-align:center; float:none;}
.poweredNav{color:#fff;}
.poweredNav:hover{color:#df001d;}

/*== INNER PAGE ==*/
/*-- Page Heading --*/
.innBanner{width:100%;margin:0; padding:0; margin:0 0 0 0; position:relative;}
.innBanHeadBox{width:100%; height:auto; padding:0; margin:0 0 0px 0; position:absolute; z-index:2; bottom:0;}

.pageNavBox{width:96%; height:auto; padding:10px 2%; font-size:14px; color:#fff; position:absolute; z-index:3; top:5px; text-transform:uppercase;}

/*-- About Page --*/
.aboutLeftBox{width:100%; height:auto; padding:0; margin:auto; float:none;}
.innAboutHeading{width:100%; height:auto; padding:0px; margin:0 0 30px 0; color:#000; font-size:22px; font-weight:900; text-transform:uppercase;}
.aboutRightBox{width:98%; height:auto; padding:7px 1%; margin:30px 0 0 0; border:solid 1px #f1f1f1; float:none;}

/*-- Contact Page --*/
.iContactPanel{width:98%; height:auto; padding:0 1%; margin:0 0 0 0; }
.iContactInquiryBox{width:100%; height:auto; padding:0; margin:0 0 0 0; float:none;}
.iContactBtnRow{width:100%; height:auto; padding:0; margin:0 0 20px 0; text-align:center;}
.iContactDetailsBox{width:100%; height:auto; padding:0; margin:0 0 35px 0; float:none;}
.iContactHeading{width:100%; height:auto; padding:0px; margin:50px 0 25px 0; color:#000; font-size:25px; font-weight:900; text-align:center; text-transform:uppercase;}
.iContactDetails{width:100%; height:auto; padding:0px; margin:0 0 5px 0; color:#000; font-size:17px; font-weight:400; text-align:center;}
.iContactMap{width:100%; height:auto; padding:0; margin:0;}

}
@media (min-width: 320px) and (max-width: 480px){

.topRibon{width:94%; height:auto; padding:10px 3%; margin:0; background:#2e2e2e; border-bottom:none;}
.trLeftBox{ display:none;}
.trRightBox{width:100%; height:auto; padding:0; margin:0; float:right; color:#fff; font-weight:300; font-size:15px;}
.trCallUs{ display:none;}
.trEmail{width:100%; height:auto; padding:0 0 0 0; margin:0; float:none; color:#fff; font-weight:400; font-size:15px; text-align:center;}

header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:5px 0 0 0; margin:auto; background:#fff; position:relative; z-index:101;box-shadow:0 2px 2px rgba(0,0,0,0.4);-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:right; margin:0px 0 2px 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:60%;height: auto; padding:0px; margin:5px 20%; 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:5px 0 0 0; margin:auto; background:#fff; position:relative;z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:100%;float:right; margin:0px 0 2px 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:60%;height: auto; padding:0px; margin:5px 20%;-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;}

.body{width:100%; height:auto; margin:0 auto;}
.iheadingBox{width:100%; height:auto; padding:0px 0 35px 0; margin:0; text-align:center;}
.iheadingsmalltext{width:100%; height:auto; padding:12px 0 5px 0; margin:0; text-align:center; text-align:center; font-size:15px; color:#000;}

/*-- Banner Css --*/
.bannerPanel{width:100%; height:auto; margin:0;}
.banner{width:100%; height:auto; padding:0; margin:0;position:relative; top:-18px;}
.bannerHeading{width:96%; height:auto; padding:10px 2% 15px 2%; margin:auto; position:absolute; z-index:1; top:28%; color:#fff; font-size:22px; font-weight:800; text-align:center; text-shadow:0 5px 5px #000;}
.bannerSMText{width:96%; height:auto; padding:10px 2% 15px 2%; margin:auto;  color:#fff; font-size:15px; font-weight:BOLD; text-align:center; text-shadow:0 5px 5px #000;}

/*-- Who we are --*/
.wwaPanel{width:100%; height:auto; padding:0px 0 20px 0; margin:0 auto;}
.wwaheading{width:92%; height:auto; padding:0 0 30px 0; margin:0 auto 30px auto; border-bottom:solid 1px #f1f1f1;}
.wwatext{width:92%; height:auto;padding:0; margin:auto; text-align:left; font-size:20px; line-height:34px; color:#555; font-weight:100;font-family: 'Segoe UI', Helvetica, Arial, sans-serif;}

/*-- Image Section --*/
.imgPanel{width:100%; height:auto; padding:30px 0 0px 0; margin:0 auto;}
.imgbox{width:92.5%; height:auto;padding:7px 2%; margin:auto 1% 15px 1%; float:none; border:solid 1px #f1f1f1;}

/*-- Footer Css --*/
.footerPanel{width:100%; height:auto; padding:45px 0 0 0; margin:auto; background:#0e0e0e url(../images/footerBg.png) no-repeat center center; background-size:150% 100%; color:#697585; text-align:center;}

.footerCol1{width:90%; padding:0; margin:auto; float:none;}
.footerCol2{width:90%; height:auto; padding:20px 0 0 0; margin:20px auto 20px auto; border-top:dashed 1px #fff;  border-bottom:dashed 1px #fff; float:none;}
.footerCol3{width:90%; height:auto; margin:25px auto auto auto; float:none;}
.footerHeading{width:100%; margin:0 0 10px 0; font-size:18px; font-weight:800; color:#fff; text-transform:uppercase; text-align:left;}

.cRightBox{width:90%; height:auto; padding:17px 5%; margin:15px 0 0 0;  background:#131415; font-size:12px; font-weight:400; color:#fff; text-align:left;border-top:solid 1px #2b2b2b;}
.copyright{width:100%; height:auto; text-align:center; float:none;}
.poweredby{width:100%; height:auto; margin:7px 0 0 0; text-align:center; float:none;}
.poweredNav{color:#fff;}
.poweredNav:hover{color:#df001d;}

/*== INNER PAGE ==*/
/*-- Page Heading --*/
.innBanner{width:100%;margin:0; padding:0; margin:0 0 0 0; position:relative;}
.innBanHeadBox{width:100%; height:auto; padding:0; margin:0 0 0px 0; position:absolute; z-index:2; bottom:0;}

.pageNavBox{width:96%; height:auto; padding:10px 2%; font-size:14px; color:#fff; position:absolute; z-index:3; top:5px; text-transform:uppercase;}

/*-- About Page --*/
.aboutLeftBox{width:100%; height:auto; padding:0; margin:auto; float:none;}
.innAboutHeading{width:100%; height:auto; padding:0px; margin:0 0 30px 0; color:#000; font-size:22px; font-weight:900; text-transform:uppercase;}
.aboutRightBox{width:98%; height:auto; padding:7px 1%; margin:30px 0 0 0; border:solid 1px #f1f1f1; float:none;}

/*-- Contact Page --*/
.iContactPanel{width:98%; height:auto; padding:0 1%; margin:0 0 0 0; }
.iContactInquiryBox{width:100%; height:auto; padding:0; margin:0 0 0 0; float:none;}
.iContactBtnRow{width:100%; height:auto; padding:0; margin:0 0 20px 0; text-align:center;}
.iContactDetailsBox{width:100%; height:auto; padding:0; margin:0 0 35px 0; float:none;}
.iContactHeading{width:100%; height:auto; padding:0px; margin:50px 0 25px 0; color:#000; font-size:22px; font-weight:900; text-align:center; text-transform:uppercase;}
.iContactDetails{width:100%; height:auto; padding:0px; margin:0 0 5px 0; color:#000; font-size:17px; font-weight:400; text-align:center;}
.iContactMap{width:100%; height:auto; padding:0; margin:0;}
}