@media only screen and (max-width:1024px){
	.main-header{
		width: 95%;
	}

	nav{
		width:100%;
		margin:0px;
		float:left;
	}

	nav > ul{
		width:70%;
	}

	nav > ul > li > a{
		font-size: 12px;
	}

	nav > ul > li > .o-details,nav > ul > li > .hol{
		width: 700px;
		left: -200px;
	}

	nav > ul > li > .hol{
		margin-left: -9em;
	}

	.subscr > .left{
		width: 50%;
	}

	.subscr > .left > p{
		font-size: 16px;
		width: 50%;
	}

	.subscr > .right{
		width:40%;
		float: right;
		text-align: center;
	}

	footer > .footer-main{
		width:97%;
	}

	footer > .footer-main > .right > .brands-ho{
		width:60%;
	}


}


@media only screen and (min-width: 993px) {

	.row .col.l1 {
		width: 8.3333333333%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.l2 {
		width: 16.6666666667%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.l3 {
		width: 25%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.l4 {
		width: 33.3333333333%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.l5 {
		width: 41.6666666667%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.l6 {
		width: 50%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.l7 {
		width: 58.3333333333%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.l8 {
		width: 66.6666666667%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.l9 {
		width: 75%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.l10 {
		width: 83.3333333333%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.l11 {
		width: 91.6666666667%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.l12 {
		width: 100%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
}

@media only screen and (max-width: 600px){
	header{
		box-shadow:0px 2px 4px rgba(100,10,100,.2);
		background:#fff;
		z-index:5000;
		position:fixed;
		top:0;
		min-height: 80px;
	}

	.main-header{
		width:95%;
		float:left;
	}

	.logo{
		width:130px;
		height:auto;
		margin-top:10px;
		padding-bottom:5px;
	}

	.logo > .tag{
		margin-bottom: 25px;
		right: -140px;
	}

	nav{
		width:100%;
		margin:0px;
		float:left;
	}

	nav > i{
		float:right;
		font-size:32px;
		margin-top:27px;
		margin-right:14px;
		cursor:pointer;
		color:rgba(100,100,100,.7);
	}

	nav > ul{
		display:none;
		width:100%;
		margin:50px 0 0 0;
		border:none;
		padding:0px;
	}

	nav > ul > li > .hol{
		left:-25em;
	}

	nav > ul > li > a{
		width: 100%;
		text-align: center;
		padding-left: 0px;
		padding-right: 0px;
		color:rgba(10,10,10,.7);
	}

	#navi-button{
		display:block;
	}

	nav > ul > li{
		float:left;
		width:100%;
		padding:8px 0;
		display:block;
	}

	nav > ul > li > .o-details,nav > ul > li > .hol{
		width: 100vw;
		left: 0;
	}

	nav > ul > li > .o-details > .ls,nav > ul > li > .hol > .ls{
		width: 100%;
	}

	.container{
		margin-top:61px;
		padding:1px 0;
	}

	.main-holder{
		width:100%;
		margin:0px;
	}

	.site-desc > h3{
		font-size:24px;
		margin-top:110px;
	}

	.site-desc > h1{
		font-size:40px;
	margin:-18px 0 0px 0;
	}


	.layer1{
		width:100%;
		margin-top:10px;
	}

	.col{
		margin-left:20px;
	}

	.grey{
		width:98%;
	}

	.bbn{
		margin-left:0px;
		margin-top:15px;
	}

	.main-offer{
		width: 90%;
	}

 .cntr{
		width: 100%;
		height: 200px;
		float: left;
	}


	.o-offers > .main-offer> .cntr:nth-child(1),
	.o-offers > .main-offer> .cntr:nth-child(2),
	.o-offers > .main-offer> .cntr:nth-child(3),
	.o-offers > .main-offer> .cntr:nth-child(4),
	.o-offers > .main-offer> .cntr:nth-child(5),
	.o-offers > .main-offer> .cntr:nth-child(6),
	.o-offers > .main-offer> .cntr:nth-child(7),
	.o-offers > .main-offer> .cntr:nth-child(8),
	.o-offers > .main-offer> .cntr:nth-child(9),
	.o-offers > .main-offer> .cntr:nth-child(10){
		width:100%;
	}

	.o-offers > .main-offer> .cntr:last-child{
		width:100%;
	}

	.o-offers > .main-offer> .cntr > a > .det-o{
		text-align: center;
		width: 100%;
		bottom: auto;
		left: 2%;
		float: left;
	}

	.o-offers > .main-offer> .cntr > a > .det-o > p{
		font-size: 15px;
		float: none;
	}

	.o-offers > .main-offer> .cntr > a > .det-o > h1{
		font-size: 25px;
	}

	.o-offers > .main-offer> .cntr > a > .popup-o > .container-o{
		width: 90%;
		height: 90%;
		margin-top: 10px;
	}

	.o-offers > .main-offer> .cntr:nth-child(2) > a > .popup-o >  .container-o,
	.o-offers > .main-offer> .cntr:nth-child(3) > a > .popup-o >  .container-o{
		width: 90%;
		height: 90%
	}

	.subscr > .left{
		width:95%;
		text-align: center;
	}

	.subscr > .left > i{
		float: none;
	}

	.subscr > .right{
		width: 95%;
	}

	.subscr > .right > form >input{
		margin-left: 10px;
	}

	.subscr > .right > form >input#fullname{
		width: 85%;
		border-radius: 8px;
	}

	.subscr > .right > form >input#email{
		width: 85%;
		border-radius: 8px;
	}

	.subscr > .right > form > .button > button{
		position: relative;
		margin-top: 20px;
		margin-right: 0px;
		border-radius: 15px;
		margin-left: 40px;
	}

	footer{
		padding:20px 0;
		margin-top: -2px;
	}

	footer > .footer-main{
		width: 80%;
	}

	footer > .footer-main > .left{
		width: 90%;
		text-align: center;
		word-wrap: break-word;
	}

	footer > .footer-main > .left > .footer-logo{
		width: 100%;
	}

	footer > .footer-main > .left > ul{
		width: 100%;
	}

	footer > .footer-main > .right{
		width: 100%;
	}

	footer > .footer-main > .right > ul{
		text-align:center;
		width:100%;
	}

	footer > .footer-main > .right > .aaa{
		text-align: center;
	}

	footer > .footer-main > .right > ul:last-child{
		margin-left: 6px;
		float: left;
		width:100%;
	}
}