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

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

@media (min-width: 480px) and (max-width: 769px){
h1{width:100%; height:auto; padding:0px;color:#000; font-size:22px; font-weight:900; line-height:30px; text-transform:capitalize;}
.topRibonBox1{width:96%; height:auto; padding:0px 2%; margin:auto;background:#004890; border-bottom:solid 1px #005db9; color:#fff;}
.topRibonBox2{width:96%; height:auto; padding:0px 2%; margin:auto; background:#004890; color:#fff;}
.trCallUs{width:auto; height:auto; padding:7px 3% 7px 0; margin:0; float:left; font-weight:bold; font-size:14px;}
.trEmail{ display:none;}
.trRightBox{ display:none;}
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; 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: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:370px;height: auto; padding:0px; margin:5px 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:0; margin:auto; background:#fff; background:#fff; position:relative; 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; 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:370px;height: auto; padding:0px; margin:5px auto;-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:25px 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:14px; color:#999;}

/*-- Banner Css --*/
.bannerPanel{width:100%; height:auto; margin:0 !important;}
.banner{width:100%; height:auto; padding:0; margin:0;position:relative;}
.bannerHeading{width:96%; height:auto; padding:10px 2% 15px 2%; margin:auto; position:absolute; z-index:1; top:12%; color:#fff; font-size:70px; font-weight:800; text-align:center; }
.bannerSMText{width:100%; height:auto; padding:10px 0 0 0; margin:auto;color:#fff; font-size:25px; font-weight:800; text-align:center; }
.curveimg{ display:none;}

.bannerEnquiry{width:94%; height:auto; padding:12px 3% 7px 3%; margin:auto; background:#336da6; position:relative; z-index:1; top:0; right:0; border-radius:0px;}
.bannEnquiryBox{width:100%; height:auto; padding:0; margin:0;}

/*-- Red Box Css --*/
.rBox{ display:none;}

/*-- Products Css --*/
.productsPanel{width:96%; height:auto; padding:15px 2% 0px 2%; margin:auto;}
.pOuterBox{width:100%; height:auto; padding:0; margin:0;}
.pbox{width:47.7%; height:auto; padding:0; margin:5px 1% 20px 1%; border:solid 1px #f1f1f1; float:left;}

/*-- About --*/
.aboutpanel{width:100%; height:auto; padding:0; margin:20px 0 40px 0; background:#004890; font-size:13px; color:#555; line-height:22px;}
.aboutleftbox{width:90%; height:auto; padding:20px 5% 35px 5%; margin:0; background:url(../images/bg1.png) no-repeat center center; background-size:100% 100%; float:none;}
.aboutrightbox{width:90%; height:auto; padding:20px 5% 50px 5%; margin:0; background:url(../images/bg2.jpg) no-repeat center center; background-size:100% 100%; float:none;}

.aboutText{width:100%; height:auto; padding:0; margin:10px auto 0 auto; color:#fff; font-size:14px; line-height:25px; text-align:justify;}
.aboutreadmorebox{width:auto; height:auto; padding:0; margin:40px auto 0 auto;}

/*-- Popular Brand Css --*/
.apcPanel{width:97%; height:auto; padding:0px 1.5%; margin:auto;}
.apcbox{width:84%; height:auto; padding:10px 5% 0 5%; margin:auto; background:#004890; color:#fff;}
.apcscrollbox{width:84%; height:auto; padding:25px 5%; margin:1px auto 35px auto; background:#004890; color:#fff; font-size:15px; font-weight:400; text-align:center; line-height:30px;}

.aaBox{width:50%; height:auto; padding:0; margin:0 0 16px 0; float:left;}

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

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

.cRightBox{width:92%; height:auto; padding:17px 4%; margin:15px 0 0 0;  background:#131415; font-size:13px; font-weight:400; color:#fff; text-align:left;border-top:solid 1px #2b2b2b;}
.copyright{width:auto; height:auto; text-align:center; float:left;}
.poweredby{width:auto; height:auto; text-align:center; float:right;}

/*== INNER PAGE ==*/
.innwrap{width:94%; height:auto; padding:0; margin:10px auto 0 auto;}
.innLeftPanel{width:100%; height:auto; padding:0 0 10px 0; margin:0 0 15px 0;float:none;}
.innerLeftPanel{ display:none;}
.innerLeftPanel1{width:100%; height:auto; padding:0 0 10px 0; margin:0; background:#d7ebff; border-radius:7px 7px 5px 5px; float:none;}
.leftEnqiryPanel{ display:none;}

.componentPanel{width:100%; height:auto; padding:0; margin:20px 0 0 0;}
.componentHeading{width:100%; height:auto; padding:0; margin:0 0 15px 0; font-size:20px; color:#004890; font-weight:bold;}
.componentBox{width:45.5%; height:auto; padding:7px; margin:0 1% 10px 1%; border:solid 1px #f1f1f1; float:left;}

.tablebox{width:100%; height:auto; padding:0; margin:20px auto 0 auto; overflow-x:scroll;}
.itable {width: 700px;border-collapse: collapse; border:solid 1px #00598b;}

/*-- Spare Parts --*/
.spareHeading{width:96%; height:auto; padding:7px 1%; margin:15px 1%; background:#133b93; font-size:18px; font-weight:bold; color:#fff;}
.spareBox{width:46%; height:auto; padding:7px 5px; margin:1% 1%; border:solid 1px #e2e2e2; float:left;}

/*-- Contact Us --*/
.contactPanel{width:100%; height:auto; padding:0; margin:0;}
.contactFormPanel{width:100%; height:auto; padding:0; margin:15px 0 0 0; float:none;}
.contactAddressPanel{width:100%; height:auto; padding:0; margin:15px 0 0 0; float:none;}
}
@media (min-width: 320px) and (max-width: 480px){
h1{width:100%; height:auto; padding:0px;color:#000; font-size:22px; font-weight:900; line-height:30px; text-transform:capitalize;}
.trRightBox{ display:none;}
.topRibonBox1{width:96%; height:auto; padding:0px 2%; margin:auto;background:#004890; border-bottom:solid 1px #005db9; color:#fff;}
.topRibonBox2{width:96%; height:auto; padding:0px 2%; margin:auto; background:#004890; color:#fff;}
.trCallUs{width:auto; height:auto; padding:7px 3% 7px 0; margin:0; float:left; font-weight:bold; font-size:14px;}
.trEmail{ display:none;}
	
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; 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: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:300px;height: auto; padding:0px; margin:5px 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:0; margin:auto; background:#fff; background:#fff; position:relative; 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; 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:300px;height: auto; padding:0px; margin:5px auto;-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:25px 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:14px; color:#999;}

/*-- Banner Css --*/
.bannerPanel{width:100%; height:auto; margin:0 !important;}
.banner{width:100%; height:auto; padding:0; margin:0;position:relative; top:-25px;}
.bannerHeading{width:96%; height:auto; padding:10px 2% 15px 2%; margin:auto; position:absolute; z-index:1; top:20%; color:#fff; font-size:45px; font-weight:800; text-align:center; }
.bannerSMText{ display:none; }
.curveimg{width:100%; height:auto; padding:0; margin:0; position:absolute; z-index:1; bottom:0;}

.bannerEnquiry{width:94%; height:auto; padding:12px 3% 7px 3%; margin:auto; background:#336da6; position:relative; z-index:1; top:0; right:0; border-radius:0px;}
.bannEnquiryBox{width:100%; height:auto; padding:0; margin:0;}

/*-- Red Box Css --*/
.rBox{ display:none;}

/*-- Products Css --*/
.productsPanel{width:96%; height:auto; padding:0px 2% 0px 2%; margin:auto;}
.pOuterBox{width:100%; height:auto; padding:0; margin:0;}
.pbox{width:97.5%; height:auto; padding:0; margin:5px 1% 20px 1%; border:solid 1px #f1f1f1; float:left;}

/*-- About --*/
.aboutpanel{width:100%; height:auto; padding:0; margin:20px 0 40px 0; background:#004890; font-size:13px; color:#555; line-height:22px;}
.aboutleftbox{width:90%; height:auto; padding:20px 5% 35px 5%; margin:0; background:url(../images/bg1.png) no-repeat center center; background-size:100% 100%; float:none;}
.aboutrightbox{width:90%; height:auto; padding:20px 5% 50px 5%; margin:0; background:url(../images/bg2.jpg) no-repeat center center; background-size:100% 100%; float:none;}

.aboutText{width:100%; height:auto; padding:0; margin:10px auto 0 auto; color:#fff; font-size:14px; line-height:25px; text-align:justify;}
.aboutreadmorebox{width:auto; height:auto; padding:0; margin:40px auto 0 auto;}

/*-- Popular Brand Css --*/
.apcPanel{width:97%; height:auto; padding:0px 1.5%; margin:auto;}
.apcbox{width:84%; height:auto; padding:10px 5% 0 5%; margin:auto; background:#004890; color:#fff;}
.apcscrollbox{width:84%; height:auto; padding:25px 5%; margin:1px auto 35px auto; background:#004890; color:#fff; font-size:15px; font-weight:400; text-align:center; line-height:30px;}

.aaBox{width:100%; height:auto; padding:0; margin:0 0 16px 0; float:none;}

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

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

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

/*== INNER PAGE ==*/
.innwrap{width:94%; height:auto; padding:0; margin:5px auto 0 auto;}
.innLeftPanel{width:100%; height:auto; padding:0 0 10px 0; margin:0 0 15px 0;float:none;}
.innerLeftPanel{ display:none;}
.innerLeftPanel1{width:100%; height:auto; padding:0 0 10px 0; margin:0; background:#d7ebff; border-radius:7px 7px 5px 5px; float:none;}
.leftEnqiryPanel{ display:none;}

.innerRightPanel{width:100%; height:auto; padding:0; margin:0; float:none;}

.imgBox{width:96%; height:auto; padding:7px; margin:0 0 15px 0; border:solid 1px #f1f1f1; float:none;}
.imgBox1{width:96%; height:auto; padding:0; margin:0 0 0 0; float:none;}

.componentPanel{width:100%; height:auto; padding:0; margin:20px 0 0 0;}
.componentHeading{width:100%; height:auto; padding:0; margin:0 0 15px 0; font-size:20px; color:#004890; font-weight:bold;}
.componentBox{width:95%; height:auto; padding:7px; margin:0 1% 10px 1%; border:solid 1px #f1f1f1; float:left;}

.tablebox{width:100%; height:auto; padding:0; margin:20px auto 0 auto; overflow-x:scroll;}
.itable {width: 700px;border-collapse: collapse; border:solid 1px #00598b;}



/*-- Spare Parts --*/
.spareHeading{width:96%; height:auto; padding:7px 1%; margin:15px 1%; background:#133b93; font-size:18px; font-weight:bold; color:#fff;}
.spareBox{width:96%; height:auto; padding:7px 5px; margin:1% 1%; border:solid 1px #e2e2e2; float:none;}

/*-- Contact Us --*/
.contactPanel{width:100%; height:auto; padding:0; margin:0;}
.contactFormPanel{width:100%; height:auto; padding:0; margin:15px 0 0 0; float:none;}
.contactAddressPanel{width:100%; height:auto; padding:0; margin:15px 0 0 0; float:none;}
}