@media only screen and ( max-width: 1000px ) {
.header, .middle-container,.header-nav,.footer-container{width:94% !important;}

#nav {
  padding:0 0px !important;
  
}
}

@media only screen and ( max-width: 980px ) {
#nav li a{text-transform:capitalize; font-size:13px;}
}
@media only screen and ( max-width: 920px ) {
#nav li a{font-size:12px;}

.col-2-left-layout .listing-type-grid li.item, .col-2-right-layout .listing-type-grid li.item{ width:40% !important;}
}


@media only screen and ( max-width: 800px ) {
#wowslider-container1 .ws-title{top:50px;}
.slider h2{font-size:50px;}
.content .leftContent,.content .rightContent{ width:100%; margin-bottom:15px;}
#footer .ftrbox:nth-child(3){width:100%; }
#footer .info li{width:50%; float:left;}
#footer .ftrbox:nth-child(1),#footer .ftrbox:nth-child(2){width:50%; margin:0 0 15px 0 }
.ourser li h3, .ourser li h3 a{font-size:18px;}
.col-2-left-layout .listing-type-grid li.item, .col-2-right-layout .listing-type-grid li.item{text-align: center;
  width: 100% !important;}


}

@media only screen and (max-width: 720px ) {
/* menu start */
.banner-top{display:none;}
.side-col{ display:none;}
.mobile-menu{display:block !important;}
#nav{padding-left:0; width:100%; background:none}
#nav li{ background:none !important;}
#nav li{width:100%; border-bottom:1px solid;  padding-right:0;}
#nav li > span{background:url(../images/down.png)  no-repeat ; width:30px; height:26px; position:absolute; right:0; top:5px; padding:0!important}
#nav ul { width:100%!important; position:static!important; border:none!important}
#nav ul ul{ width:100%; left:0; }
#nav li:hover ul,#nav ul ul{display:none; left:0}
#nav li ul { background:none;}
#nav li ul li { padding:10px 0px;border-bottom: none;}
#nav li ul li li span{ color:#89E5F1;}
#nav ul li.parent a{background:none!important;}
#nav > ul > li:hover > ul{display:none;}
#nav > ul > li span{ width:45px; height:40px; background:#000;top:0; border:none; right:0;}
#nav > ul > li > ul{ position:relative; width:100%;}
/* menu close*/

#header #logo{width:100%; text-align:center}
#header .right{width:100%;}
#header .btn{float:left;}
.col-1, .col-2, .col-3{ width:100% !important;}
.col-1-layout .mw_listing-type-grid li.item { width:45% !important; }
.col-3-layout .col-main { width: 100% !important; margin-left:17px; }
.listing-type-grid li.item{ width:100%!important; text-align:center;}
.listing-type-grid { background:none !important;}
table {
		overflow-x: auto;
		display: block;
	}
	.shopping-cart-collaterals{ width:100% !important;}
	.shopping-cart-totals{ width:100% !important;}
	.shopping-cart-collaterals .upsell {
 
 
  padding: 12px 0px !important;
 
}
.col-2-right-layout .col-main {
  float: left;
  width: 100% !important;
}

@media only screen and (max-width: 640px) {
#header .btn{width:100%;}
#header .readmore{float:left;}
#header .search{float:right; margin-top:5px;}
#header .right{text-align:center;}
#header .callnow{float:none; display:inline-block; margin-top:15px;}
.slider h2,.content h2{font-size:30px;}
.slider h2 span{padding-left:60px;}
#footer .ftrbox:nth-child(n){width:90%; margin:0 5% 15px 5%}
#copyright .left,#copyright .right{ width:100%; text-align:center; padding:2px 0}
#copyright{padding-top:0;}
#footer .info li{margin-bottom:0;}
#footer input[type="text"]{width:75%;}
.ourser li{ width:46%; float:left; margin:0 2% 15px 2%}
.ourser li:nth-child(2n){margin-right:0;}
.ourser li img{width:100%;}
.col-1-layout .mw_listing-type-grid li.item { width:100% !important;}
.side-col{ display:none;}
.col-2-left-layout .col-main { width:100% !important; }
.col-2-left-layout .listing-type-grid li.item, .col-2-right-layout .listing-type-grid li.item {
  width: 100% !important; text-align:center;
}
.quick-access{ margin-top:0px !important;}

}

@media only screen and ( max-width: 480px ){
#footer .info li{width:100%; margin-bottom:10px;}
#footer input[type="text"]{width:65%;}
}

@media only screen and ( max-width: 420px ){
#wowslider-container1 .ws-title{top:30px;}
.slider h2{font-size:25px; padding-left:10px;}
.slider h2 span{padding-left:50px;}
}

@media only screen and ( max-width: 360px){
}
@media only screen and ( max-width: 320px){


}