@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;
	}
	
	header nav{
	    max-height: 90px;
	}
		
	.logo {
	    position: relative;
	    width: 40%;
	    padding-left: 10px;
	}

	.logo a img{
		width:142px;
	}
	
	menu{
	    padding: 0;
	}
	
	nav ul.social{
	    position: absolute;
	    top: 10px;
	    right: 10px;
	}
	
	menu > ul{
	    justify-content: space-between;
	}
	
	nav menu ul li.parent{
        padding: 0 25px 0 10px;
        margin-right: 14px;
        font-size: 1.1rem;
	}
	
	nav menu ul li.parent:before{
	    right: 9px;
	}
	nav ul li .ddm a{
	    display: inline-block;
	    padding: 0 10px;
	}
	
	nav ul li .ddm .subddm{
        background: rgba(211,211,211,.5);
        position: relative;
        top: 0;
        left: 0;
        padding: 10px;
        width:100%;
        box-sizing: border-box;
        margin: 0;
	}
	
	nav ul li .ddm .subddm ul li{
        padding: 0;
	}
	
	nav ul li:last-child .ddm {
	    left: auto;
	    right: 0;
	}
	
	.itemcount {
        top: 0px;
        right: 10px;
    }
    
    .home_class header nav{
        background: #fff;
    }
	
	header {
	    width: 100%;
	    position: fixed;
	    z-index: 999;
	    padding: 0;
	    top: 0;
	    background: #fff;
	}


	header .tophd{
		background: #ccc;
    		padding: 3px 10px;
    		box-sizing: border-box;	
	}

	header .tophd ul.social {
		padding-top: 5px;
		display: block;
    		height: 20px;
	}

	header .tophd ul.social li{
		height: 25px;
	}

	
	main{
		padding: 135px 0 30px 0;
	}

	.nav menu {
		text-align: left !important;
	}

	.home_class header ul li .hreflike{
		display: block;
		color: #10284b;
	}
	
	.home_class header nav .social span.user{
    	background: url(../img/user-b.png) center no-repeat;
    }
	
	.home_class header nav .social span.cart{
    	background: url(../img/cart-b.png) center no-repeat;
    }
    
    header .social li a small{
        color: #10284b;
    }

    nav .colw-20:first-child{
        background: rgba(0,0,0,.15);
    }

	.tp-caption.News-Title img{
		width: 200px !important;
		height: auto !important;
	}

	.tp-caption.News-Title *{
		font-size: 1.1rem !important;
		line-height: 1.2em !important;
	}

	.cutinhalf > .colw-50:first-child {
	    border-right: none;
	    border-bottom: 1px solid #0b2240;
	}

	.mainorder .step-main-heading-box > div{
		text-align: center;
		padding: 10px;
	}

	.jaunecartlis .txt-cntr{
		text-align: left;
	}

	.jaunecartlis .colw-25.res-s-50{
		height: auto !important;
	}

	.jauneitem-part-amount, .myunitprice{
		margin-top: 0;
	}

	.step-section-container > div.row.pad-20{
		display: none;
	}

	.cutinhalf.sameheight div[class^="colw-"]{
		height: auto !important;
	}
	
	.ddm{
	   padding-left: 10px;
	   margin-top: -4px;
	}

	.ddm ul, .hdtitle{
		padding: 0;
	}

	.accountmenu ul li {
	    padding: 0;
	}

	.accountmenu ul li a {
		padding: 5px;
	}

	.error-msg, .success-msg, .note-msg, .notice-msg {
		padding: 15px 15px 15px 45px !important;
		background-position: 7px center !important;
	}

	.step-main-heading-box{
		display: none;
	}

	.step-main-heading-box > div, .traveller-total-amount, .lblue-bg {
		font-size: .9em;
	}

	form .row[data-spacing="10"]{
		margin-left: -2px;
		margin-right: -2px;
	}

	form .row[data-spacing="10"] > div[class^="colw-"]{
		padding: 2px;
	}

	footer .sign{
		position: relative;
		bottom: auto;
		left: auto;
	}

	.hidemobile{
		display: none;
	}

	.home_class .lblue-bg h1{
		font-size: 1.7em;
	}

	.home_class .lblue-bg .readmore.border-btn{
		line-height: 13px;
	    padding: 5px 10px;
	}
	
	.hpslider{
        padding-top: 120px !important;
	}
	
	.filtertrigger, .sizetrigger {
	    padding-right: 25px;
    }
	
	.filtertrigger:after, .sizetrigger::after{
	    top: 5px;
	}
	
	.halfcontainer .breadcrumb .container{
        padding-left: 0;
        padding-right: 0;
	}
	
	.cutinhalf .colw-50 .halfcontainer{
	    padding: 0 10px;
	}
	
	.hpslidersect{
	    padding-bottom: 0 !important;
	}
	
	.tabtrigger:after {
	    font-size: 10px;
	}
	
	.tabtrigger.activetab:after {
        top: 2px;
    }
    
    
    .cart-container {
        padding: 10px 0 !important;
    }
    
    .cart-container > div > div{
        padding: 0 !important;
    }
    
    .itemdetails > div {
        padding-top: 0 !important;
    }
    
    .itemdetails > div.colw-20 {
        padding-right: 0 !important;
    }
    
    .categfilternav{
        padding-top: 20px;
    }
    
    h1{
        font-size: 1.25rem;
        margin-top: 10px;
    }
    
    .lineheightpad {
        line-height: 1em;
        font-size: .85rem;
    }
    
    .itemrow h5 {
        line-height: 1.1em;
        font-size: 1.1rem;
    }
    
    .myunitprice:before{
        content: 'Unit price: ';
    }
    
    .myunitprice:before{
        content: 'Unit price: ';
    }
    
    .jauneitem-part-amount{
        content: 'Price sum: ';
    }
    
    .button-container button{
        right: -30px;
    }
    
    .shipping_address_box{
        line-height: 1.3em;
    }
    
    .button-container{
        float: right;
        margin-right: 16px;
    }
    
    .button-container button {
        width: 20px;
        text-align: center;
        padding: 0;
    }
    
    .dlbtn .delete-btn{
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -3px;
    }

}

