@media all and (max-width: 1199px) and (min-width: 240px) {	
	header .container{
		width:100%;
		margin:0;
		padding: 0;
	}
}

@media all and (max-width: 960px){
	*[class^=colw-].res-m-100{width:100%;}
	*[class^=colw-].res-m-90{width:90%;}
	*[class^=colw-].res-m-80{width:80%;}
	*[class^=colw-].res-m-70{width:70%;}
	*[class^=colw-].res-m-66{width:66.666%;}
	*[class^=colw-].res-m-60{width:60%;}
	*[class^=colw-].res-m-50{width:50%;}
	*[class^=colw-].res-m-40{width:40%;}
	*[class^=colw-].res-m-33{width:33.333%;}
	*[class^=colw-].res-m-30{width:30%;}
	*[class^=colw-].res-m-25{width:25%;}
	*[class^=colw-].res-m-20{width:20%;}
	*[class^=colw-].res-m-10{width:10%;}
}


@media all and (max-width: 480px){
	*[class^=colw-].res-s-100{width:100%;}
	*[class^=colw-].res-s-90{width:90%;}
	*[class^=colw-].res-s-80{width:80%;}
	*[class^=colw-].res-s-70{width:70%;}
	*[class^=colw-].res-s-66{width:66.666%;}
	*[class^=colw-].res-s-60{width:60%;}
	*[class^=colw-].res-s-50{width:50%;}
	*[class^=colw-].res-s-40{width:40%;}
	*[class^=colw-].res-s-33{width:33.333%;}
	*[class^=colw-].res-s-30{width:30%;}
	*[class^=colw-].res-s-25{width:25%;}
	*[class^=colw-].res-s-20{width:20%;}
	*[class^=colw-].res-s-10{width:10%;}
}

@media all and (max-width: 960px) and (min-width: 240px) {
	html, body{
		font-size: 14px;
	}
	
	.pad-30{
		padding:25px;
	}
	
	.pad-40, .pad-45, .pad-50{
		padding:30px;
	}
		
	.logo{
		position:relative;
		width:50%;
		margin-right:10px;
		float:left;
	}
	
	.logo img{
		width:100%;	
	}
	
	menu{
		/*display:none;*/
		position:absolute;
		z-index:500;
		width:100%;
		top:100%;
	}
	
	header {
	    width: 100%;
	    position: relative;
	    z-index: 999;
	    padding: 0;
	    top: 0;
	    height: auto;
	}

	header .topbar > div .fr{
		display: block;
		width: 100%;
		text-align: center;
	}

	header .topbar ul{
		width: auto;
		display: inlin-block;
	}

	header .topbar > div .fl{
		display: none;
	}

	header .topbar ul li a {
		padding: 5px;
	}

	header ul{
		padding:0;
		margin: 0;
		list-style: none;
		width:100%;
		display:block;
	}

	menu{
		position: fixed;
		z-index: 500;
		width: 320px;
		height: 100%;
		box-sizing: border-box;
		left: 100%;
		padding: 0;
		top: 0;
	}

	header menu ul{
		padding: 30px 10px;
		display: inline-block;
	}

	menu ul li{
		margin:0;
		width: 50%;
		float: left;
	}

	menu ul li a{
		padding: 8px 15px;
		line-height: 1em;
		text-align: inherit;
	}

	.ddm{
		width: 100%;
		height: 100vh;
		overflow-y: auto;
		top: 0;
		padding: 50px 0 0;
	}

	header menu .ddm ul {
    		padding: 0;
    		margin: 0;
    		list-style: none;
	}

	header .social{
		display: none;
	}

	header menu .ddm li a {
		background: rgba(0,0,0,.1);
		margin: 1px;
		padding: 4px 11px;
	}

	header ul.mobilelist{
		padding-top: 15px;
		margin-top: 0;
	}

	header ul.mobilelist li:first-child,
	header ul.mobilelist li:nth-child(2){
		border-top: 1px solid #363636;
		padding-top: 12px;
	}

	header ul.mobilelist li:last-child{
		border-top: 1px solid #363636;
		margin-top: 15px;
	}

	header ul.mobilelist .fr{
		padding: 6px 0;
		font-size: 1.3em;
	}

	header ul.mobilelist .fr a{
		width: auto !important;
    	float: left;
	}

	header .desksearch{
		display: none;
	}

	header .colw-30.res-s-70 img{
		width: 100%;
	}

	header .container .row.pad-tb-20{
		margin: 0 !important;
		padding: 0 !important;
	}

	.trigger{
		display: block;
	}

	.back-btn {
		margin-left: 15px;
		float: left;
		margin: 15px 0;
	}

	footer img{
		max-width: 100%;
	}

	footer .sitemaptitle {
		width: 100%;
		margin-bottom: 15px;
	}

	footer .sitemaptitle ~ .ovdiv{
		width: 100%;
		overflow: visible;
	}

	footer .row.pad-30{
		padding: 20px 0;
	}
	
	footer .tft .container > span{
		margin: 0 15px;
		font-size: .85rem;
	}

	footer .tft .container > span:last-child{
		display: block;
		margin: 0;
	}

	footer .logosocial .fl{
		width: 65%;
	}

	footer .logosocial .fr.pad-tb-20{
		padding: 5px 0;
	}

	.productslist .item h5{
		font-size: 15px;
	}

	.productslist .item h5 strong{
		font-weight: 300;
	}

	.productslist .item .prdctprice{
		padding-right: 20px;
	}

	.productslist .item .buynow {
		right: 10px;
		bottom: 25px;
		font-size: 12px;
	}

	.productslist .item .buynow input {
		width: 30px;
		height: 30px;
	}

	.itemspecs li{
		width: 100%;
	}

	.itemspecs li span:nth-child(odd),
	.itemspecs li span:nth-child(even){
		width: 100%;
	}

	.cartbody{
		border-top: 1px solid #e1e1e1;
	}

	.carthead {
		display: none;
	}

	.itemcart.product{
		display: block;
		text-align: left;
		position: relative;
		padding: 10px 0;
	}

	.itemcart.product > div{
		width: 33.333%;
		float: left;
		border: none;
	}

	.itemcart.product > div:nth-child(1){
		width: 20%;
		padding-left: 0;
		height: 20px !important;
	}

	.itemcart.product > div:nth-child(1) img{
		width: 100%;
		height: auto;
	}

	.itemcart.product > div:nth-child(2){
		width: 80%;
		padding-left: 0;
	}

	.itemcart.product > div:nth-child(3){
		padding-left: 20%;
	}

	.itemcart.product > div:before{
		content: attr(data-desc);
		display: block;
		width: 100%;
		font-size: .7rem;
		color: #666;
	}

	.itemcart.product > div.product-removal{
		position: absolute;
		width: 35px;
		top: 10px;
		right: 10px;
	}

	.totals.w-33{
		width: 55%;
		font-size: .7rem;
	}

	.totalsect .w-50{
		padding: 5px;
	}

	.profilemenu li {
		display: inline-block;
	}

	.profilemenu li a{
		padding: 5px 10px;
	}

	.profilemenu li:last-child{
		border: none;
	}

	.address .colw-25:last-child{
		padding-right: 55px;
	}

	/*.address .colw-25 .edit{
		bottom: 35px;
	}*/

	.address {
	    padding: 25px;
	}

	.row[data-spacing="10"] .contactfom[class^="colw-"]{
		padding-right: 10px;
	}

	.back-btn{
		margin-left: 15px;
	}

	.mobileback{
		width: 35px;
		height: 35px;
		position: absolute;
		top: 0;
		left: 0;
		background: url(bk.png) center no-repeat;
	}

	#prlx{
		text-align: center;
	}

	#prlx .colw-35 > div .rel-sect{
		width: 100%;
		box-sizing: border-box;
	}

	#prlx .colw-35 > div .rel-sect::After{
		display:none;
	}
}