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

}
@media (min-width: 900px) and (max-width: 1025px){
.trCallUs{width:320px; height:auto; padding:0 3% 0 0; margin:0; float:left; color:#fff; font-weight:400; font-size:14px;}

header {width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 999;}
header .header{width:96%; height:auto; padding:2px 2% 2px 2%; 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 .logoBox{width:150px;height: auto; padding:0px; margin:0; 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 .rightBox{width:auto;float:right; 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 {height: auto; }
header.smaller .header{width:96%; height:auto; padding:2px 2% 2px 2%; margin:auto; background:#fff; position:absolute; z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .logoBox{width:150px;height: auto; padding:0px; margin: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 .rightBox{width:auto;float:right; margin:10px 0 15px 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;}

.headerimgbox {display:none;}

/*-- Products Css --*/
.productsPanel{width:96%; height:auto; padding:30px 2% 20px 2%; margin:auto;}
.pbox{width:22.8%; height:auto; padding:0; margin:5px 1% 20px 1%; border:solid 1px #f1f1f1; float:left;}
.pbox:hover{box-shadow:0 0 1px #006faf;}

/*-- About --*/
.wbfuBox {padding: 30px 5% 55px 5%;}
.aboutBox {padding: 30px 5% 55px 5%;}
.aboutheadingBox {padding: 25px 0 0px 0;}

/*-- Popular Brand Css --*/
.brandPanel{width:96%; height:auto; padding:30px 2% 20px 2%; margin:auto;}
.brandbox{width:95%; height:auto; padding:0; margin:auto;}
.pbbox{width:92%; height:auto; padding:8px 1%; margin:5px 3%; border:solid 1px #dcdcdc;}
.pbimgbox{width:100%; height:auto; padding:0; margin:auto; position:relative;}

/*-- Our Brand Slider Css --*/
.obrandlogobox img{width:100% !important; height:auto !important;}

/*-- News Letters Panel --*/
.nlPanel{width:94%; height:auto; padding:40px 3% 0px 3%; margin:auto;}
.nlbox{display:none;}
.nlcardbox {width: 50%;margin: 10px 0 0 0;}
.nlsmbox {width: auto;margin: 18px 25px 0 0;}
.nlsmbox img{width:50px; height:auto;}

/*-- Footer Css --*/
.footerPanel{width:100%; height:auto; padding:60px 0 0 0; margin:50px auto auto auto; background:#0e0e0e url(images/footerBg.png) no-repeat center center; color:#697585; text-align:center;}
.footerContentBox {width: 90%;}
.footerCol1{width:33.3%; padding:0; float:left;}
.footerCol2{width:33.3%; height:auto; margin:21px 0 0 0; float:left;}
.footerCol3{width:33.3%; height:auto; margin:21px 0 0 0; float:left;}
.footerCol4{width:100%; height:auto; padding:35px 0 0 0; margin:20px 0 0 0; float:left; border-top:dashed 1px #fff;}
.hitcounter {margin: 0 0 0 0;}
.poweredby {margin: 0 0 0 25px;}

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

}
@media (min-width: 480px) and (max-width: 769px){
.topRibon{width:96%; height:auto; padding:10px 2%; margin:auto; background:#006fad;}
.trCallUs{display:none;}
.trEmail{display:none;}
.trRightBox{width:100%; height:auto; padding:0; margin:0 auto; float:none; color:#fff; font-weight:300; font-size:14px;}
.trnavbox{width:auto; height:auto; padding:0; margin:0; float:right;}
.trloginbox{width:auto; height:auto; padding:0; margin:0; float:right;}
.cartbox {margin: 0 50px 0 20px;}
.trmyaccountbox {margin: 0 40px 0 0;}
.trloginbox {width: auto;height: auto;padding:0 0 0 0;margin: 0 0 0 0;float: left;}

/*-- Header --*/
header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999; background:#900;}
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 .logoBox{width:150px;height: auto; padding:0px; margin:0 0 5px 2%; 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 .rightBox{width:100%;float:none; margin:5px 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 {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header.smaller .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.smaller .logoBox{width:150px;height: auto; padding:0px; margin:0 0 5px 2%; 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 .rightBox{width:100%;float:none; margin:5px 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;}

.menuBox{width:100%; height:auto; padding:0;margin:0;}

.headerimgbox {display:none;}

.body{width:100%; height:auto; margin:0 auto 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:15px; color:#999;}

/*-- 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:25%; color:#fff; font-size:45px; font-weight:900; text-align:center; }
.curveimg{width:100%; height:auto; padding:0; margin:0; position:absolute; z-index:1; bottom:0;}

/*-- Products Css --*/
.productsPanel{width:92%; height:auto; padding:10px 4% 40px 4%; margin:auto;}
.pbox{width:47.5%; height:auto; padding:0; margin:5px 1% 20px 1%; border:solid 1px #f1f1f1; float:left;}

/*-- About --*/
.aboutpanel{width:96%; height:auto; padding:0 2%; margin:0px 0 10px 0; background:#000; font-size:13px; color:#555; line-height:22px;}
.wbfuBox {width: 90%;padding: 30px 5% 0 5%;}
.aboutBox{width:90%; height:auto; padding:20px 5% 40px 5%; margin:0; background:url(../images/aboutbg.jpg) no-repeat center center; background-size:50% 100%;}
.readmorebox2 {width: auto;padding: 0;margin: 0;}
.aboutheadingBox {padding: 25px 0 0 0;}

/*-- Popular Brand Css --*/
.brandPanel{width:96%; height:auto; padding:30px 2% 10px 2%; margin:auto;}
.brandbox{width:95%; height:auto; padding:0; margin:auto;}
.pbbox{width:92%; height:auto; padding:8px 1%; margin:5px 3%; border:solid 1px #dcdcdc;}
.pbimgbox{width:100%; height:auto; padding:0; margin:auto; position:relative;}

/*-- Our Brand Slider Css --*/
.obrandbox {width: 45%;margin: 0 2.5% 20px 2.5%;float: left;}

/*-- News Letters Panel --*/
.nlPanel{width:94%; height:auto; padding:40px 3% 0px 3%; margin:auto;}
.nlbox{display:none;}
.nlcardbox {width:60%;margin: 10px 0 0 0;}
.nlsmbox {width: auto;margin: 18px 20px 0 0;}
.nlsmbox img{width:50px; height:auto;}

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

.footerCol1{width:90%; padding:0 5% 0 5%; float:none;}
.footerCol2{width:90%; height:auto; padding:0 5% 0 5%; margin:0; float:none;}
.footerCol3{width:90%; height:auto; padding:0 5% 0 5%; margin:0; float:none;}
.footerCol4{width:90%; height:auto; padding:0 5% 0 5%; margin:35px 0 0 0; float:none;}
.copyright {width: 100%;text-align: center;float: none;}
.poweredby {width: 100;margin: 15px auto 15px auto;text-align: center;float: none;}
.hitcounter {width: 140px;height: auto;padding: 0; margin:auto;float: none;}

/*== INNER PAGE ==*/
.breadcrumbbox {margin: 0 0 25px 0;}
.innwrap {width: 90%;height: auto;padding: 0;margin: 30px auto 45px auto;}
.innerLeftPanel {width: 100%;height: auto;padding: 0 0 10px 0;margin:0 0 25px 0;border-radius: 7px 7px 5px 5px;float: none;}
.leftmenuheading {width: 96%;padding: 10px 2%;}
.leftmenubox {width: 96%;height: auto;padding: 0px;margin: 10px 2%;}
.innerRightPanel {width: 100%;float: none;}
.ipbox {width: 47%;margin: 0 1% 20px 1%;}

.pdLeftPanel {width: 97%;margin: 10px 0 15px 0;}
.pdRightPanel {width: 100%;margin: 10px 0 0 0;}
.contactFormPanel {width: 100%;margin: 15px 0 0 0;float: none;}
.contactAddressPanel {width: 100%;height: auto;padding: 0;margin: 15px 0 0 0; float: right;}
.cSubmitBtnAlign {text-align: left;}
.loginBox {width: 60%;}
.regOuterBox {width: 45%;}

.filter-menu{display:block;width:90%; height:auto; padding:7px 5%; margin:0 0 15px 0; background:#006cb0 url(../images/filter-icon.png) no-repeat right 15px center; cursor:pointer; color:#fff;border-radius:5px; font-weight:bold;}
.left-filter-box{display:none;width:100%; height:auto; padding:0; margin:0; background:#f5f5f5;}

}
@media (min-width: 320px) and (max-width: 480px){
.topRibon{width:96%; height:auto; padding:10px 2%; margin:auto; background:#006fad;}
.trCallUs{display:none;}
.trEmail{display:none;}
.trRightBox{width:100%; height:auto; padding:0; margin:0 auto; float:none; color:#fff; font-weight:300; font-size:14px;}
.trnavbox{width:auto; height:auto; padding:0; margin:0; float:right;}
.trloginbox{width:auto; height:auto; padding:0; margin:0; float:right;}
.cartbox {margin: 0 50px 0 20px;}
.trmyaccountbox {margin: 0 40px 0 0;}
.trloginbox {width: auto;height: auto;padding:0 0 0 0;margin: 0 0 0 0;float: left;}

/*-- Header --*/
header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999; background:#900;}
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 .logoBox{width:150px;height: auto; padding:0px; margin:0 0 5px 2%; 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 .rightBox{width:100%;float:none; margin:5px 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 {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header.smaller .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.smaller .logoBox{width:150px;height: auto; padding:0px; margin:0 0 5px 2%; 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 .rightBox{width:100%;float:none; margin:5px 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;}

.menuBox{width:100%; height:auto; padding:0;margin:0;}

.headerimgbox {display:none;}

.body{width:100%; height:auto; margin:0 auto 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:15px; color:#999;}

/*-- 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:25%; color:#fff; font-size:45px; font-weight:900; text-align:center; }
.curveimg{width:100%; height:auto; padding:0; margin:0; position:absolute; z-index:1; bottom:0;}

/*-- Products Css --*/
.productsPanel{width:85%; height:auto; padding:10px 7.5% 40px 7.5%; margin:auto;}
.pbox{width:97.5%; height:auto; padding:0; margin:5px 1% 25px 1%; border:solid 1px #f1f1f1; float:left;}

/*-- About --*/
.aboutpanel{width:96%; height:auto; padding:0 2%; margin:0px 0 10px 0; background:#000; font-size:13px; color:#555; line-height:22px;}
.wbfuBox {width: 90%;padding: 30px 5% 0 5%;}
.aboutBox{width:90%; height:auto; padding:20px 5% 40px 5%; margin:0; background:url(../images/aboutbg.jpg) no-repeat center center; background-size:50% 100%;}
.readmorebox2 {width: auto;padding: 0;margin: 0;}
.aboutheadingBox {padding:0;}

h1 {width: 100%;font-size: 22px;line-height: 32px;}

/*-- Popular Brand Css --*/
.brandPanel{width:96%; height:auto; padding:30px 2% 10px 2%; margin:auto;}
.brandbox{width:95%; height:auto; padding:0; margin:auto;}
.pbbox{width:92%; height:auto; padding:8px 1%; margin:5px 3%; border:solid 1px #dcdcdc;}
.pbimgbox{width:100%; height:auto; padding:0; margin:auto; position:relative;}

/*-- Our Brand Slider Css --*/
.obrandPanel{width:94%; height:auto; padding:35px 3% 45px 3%; margin:auto; background:#002f54;}
.obrandbox {width: 90%;margin: 0 5% 20px 5%;float: none;}

.psliderPanel {width: 85%;height: auto;padding: 45px 7.5%;margin: auto;}

/*-- News Letters Panel --*/
.nlPanel{width:94%; height:auto; padding:40px 3% 0px 3%; margin:auto;}
.nlbox{display:none;}
.nlcardbox {width:100%;margin: 10px 0 0 0;}
.nlsmbox {width:100%;margin: 18px 0 0 0; text-align:center;}
.nlsmbox img{width:50px; height:auto;}


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

.footerCol1{width:90%; padding:0 5% 0 5%; float:none;}
.footerCol2{width:90%; height:auto; padding:0 5% 0 5%; margin:0; float:none;}
.footerCol3{width:90%; height:auto; padding:0 5% 0 5%; margin:0; float:none;}
.footerCol4{width:90%; height:auto; padding:0 5% 0 5%; margin:35px 0 0 0; float:none;}
.copyright {width: 100%;text-align: center;float: none;}
.poweredby {width: 100;margin: 15px auto 15px auto;text-align: center;float: none;}
.hitcounter {width: 140px;height: auto;padding: 0; margin:auto;float: none;}

/*== INNER PAGE ==*/
.breadcrumbbox {margin: 0 0 25px 0;}
.innwrap {width: 90%;height: auto;padding: 0;margin: 30px auto 45px auto;}
.innerLeftPanel {width: 100%;height: auto;padding: 0 0 10px 0;margin:0 0 25px 0;border-radius: 7px 7px 5px 5px;float: none;}
.leftmenuheading {width: 96%;padding: 10px 2%;}
.leftmenubox {width: 96%;height: auto;padding: 0px;margin: 10px 2%;}
.innerRightPanel {width: 100%;float: none;}
.ipbox {width: 97%;margin: 0 1% 20px 1%;}

.pdLeftPanel {width: 94%;margin: 10px 0 15px 0;}
.pdRightPanel {width: 100%;margin: 10px 0 0 0;}
.pdRightPanel h4 {font-size: 21px;font-weight: bold;}

.contactFormPanel {width: 100%;margin: 15px 0 0 0;float: none;}
.contactAddressPanel {width: 100%;height: auto;padding: 0;margin: 15px 0 0 0; float: right;}
.cSubmitBtnAlign {text-align: left;}
.loginBox {width:90%;padding: 10px 5%;}
.regOuterBox {width: 100%;}
.view-cart-list{width:100%; height:auto; padding:0; margin:auto; overflow-x:scroll;}
.view-cart table {width: 1000px;}

.back-btn {width: 95%;margin: 0 5px 10px 0;padding:7px 0 7px 5%;}
.save-btn {width: 100%;margin: 0 0 10px 0;padding:7px 0 7px 5%; text-align:left;}
.clear-btn {width: 95%;margin: 0 5px 10px 0;padding:7px 0 7px 5%;}
.checkoutpanel {width: 100%;}
.checkout-billing-details {width:100%;height: auto;padding:0;margin: 0;float: none;}
.billing-box {width: 90%;padding: 10px 5%;}
.co-row {width: 100%;margin:0;}
.co-col1 {width: 100%;margin:0 0 10px 0;float: none;}
.co-col2 {width: 100%;margin:0 0 10px 0;float: none;}
.co-col3 {width: 100%;margin:0 0 10px 0;float: none;}
.order-box {width: 100%;height: auto;padding: 10px 1.5%;}
.order-box {width: 90%; height: auto;padding: 0 5% 15px 5%;margin: auto;}

.ma-left-box {width:90%;height:auto;padding:0 5% 10px 5%;float: none;}
.ma-right-box {width:100%;margin: 25px auto 0 auto;float: none;}
.ma-form-outer-box {width: 92%;padding: 25px 4% 15px 4%;}

.filter-menu{display:block;width:90%; height:auto; padding:7px 5%; margin:0 0 15px 0; background:#006cb0 url(../images/filter-icon.png) no-repeat right 15px center; cursor:pointer; color:#fff;border-radius:5px; font-weight:bold;}
.left-filter-box{display:none;width:100%; height:auto; padding:0; margin:0; background:#f5f5f5;}

}