﻿@media (max-width: 1250px){
	.avr-text .col-xs-7 .avr-header-item:nth-child(3), .avr-text .col-xs-7 .avr-header-item:nth-child(4){
		display: none;
	}
	
	.wish-li{
		width: 43px;
		background: none;
		margin-left: 15px;
	}
	
	.my-alerts span{
		display: none;
	}
	
	.my-alerts i{
		background: none !important;
	}
	
	.avr-basket:hover .badge {
 	   color: #000;
	}

}

@media (min-width: 769px) and (max-width: 992px){
	.avr-social{
		position: fixed;
		left: 0;
		top: 120px;
	}
	
	.avr-social p{
		float: none !important;
	}
	
	.avr-basket .nav.navbar-right li.dropdown.visible-xs{
		display: none !important;
	}
	
	.header-content > div{
		margin: 0;
	}
	
	.avr-brand{
		display: none;
	}
	
	header{
		background: #fff;
		height: 60px;
	}
	
	.my-basket.avr-basket{
		display: none;
	}
	
	.header-minicart{
		background: none;
		width: auto;
	}
	
	.basket-box i{
		font-size: 25px;
		color: #000;
		position: relative;
	}
	
	.mob-avr-basket{
		padding: 7px !important;
	}
	
	a.mob-avr-basket:focus ,a.mob-avr-basket:hover{
		background: none !important;
		border: none !important;
	}
	
	.basket-box .badge{
		background-color: #4CAF50 !important;
		position: absolute;
		right: -1px;
		top: 1px;
	}
	
	.header-content{
		margin-top: 10px;
	}
	
	div.main{
    	margin-top: 75px;
	}

	.mob-search{
		float: left;
	}
	
	.mob-search i{
		font-size: 25px;
		padding: 7px 0;
		cursor: pointer;
	}
	
	.icon-bar{
		float: right;
		padding: 7px 0;
		font-size: 25px;
		margin-left: 25px;
		cursor: pointer;
		display: inline;
	}
	
	.multi-level-menu{
		position: fixed;
		top: 0;
		bottom: 0;
		width: 300px;
		right: -300px;
		background-color: #e74c3c;
		z-index: 100;
		-webkit-transition: .3s all ease-out;
		-o-transition: .3s all ease-out;
		-moz-transition: .3s all ease-out;
		-ms-transition: .3s all ease-out;
		transition: .3s all ease-out;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	
	.nav.navbar-right{
		float: right;
	}
	
	.open{
		right: 0;
	}
	
	#mainnav1{
		padding: 0;
		width: 100%;
		height: 100%;
		position: relative;
		top: 35px;
	}
	
	.mobile-menu ,.mobile-menu ul{
		padding-right: 25px;
		padding-left: 20px;
	}
	
	.mobile-menu a{
		color: #fff;
		line-height: 40px;
		font-size: 14px;
		font-weight: 500;
		display: block;
		width: 55%;
	}
	
	.step1 ,.step2 ,.step3{
		border-bottom: 1px solid #9b2929;
	}
	
	.left1 ,.left2{
		float: left;
		height: 40px;
		width: 45%;
		text-align: left;
		color: #ddd;
		font-size: 27px;
		line-height: 40px;
		cursor: pointer;
		padding-right: 10px;
	}
	
	.left1 i ,.left2 i{
		vertical-align: middle;
	}
	
	.back i{
		vertical-align: middle;
		text-align: left;
		color: #ddd;
		font-size: 27px;
		margin-left: 10px;
	}
	
	.back{
		border-bottom: 1px solid #9b2929;
		color: #fff;
		line-height: 40px;
		font-size: 15px;
		font-weight: 500;
		width: 100%;
		height: 40px;
		cursor: pointer;
	}
	
	.parent1 ,.parent2 ,.parent3{
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #e74c3c;
		-webkit-transition: .3s all ease-out;
		-o-transition: .3s all ease-out;
		-moz-transition: .3s all ease-out;
		-ms-transition: .3s all ease-out;
		transition: .3s all ease-out;
	} 
	
	.parent2{
		z-index: 101;
	}
	
	.parent3{
		z-index: 102;
	}
	
	.parent2 ,.parent3{
		transform: translate3d(300px,0,0);
	}
	
	.in{
		transform: translate3d(0,0,0);
	}
	
	.multi-level-menu > div:last-child, nav{
		width: 100%;
		height: 100%;
	}
	
	.multi-level-menu .user-name-welcome{
		width: 100%;
		height: 140px;
	}
	
	.user{
		text-align: center;
		color: #d7d7d7;
		line-height: 50px;
	}
	
	.user span:first-child{
		font-size: 30px;
	}
	
	.user span:first-child i{
		vertical-align: -7px;
	}
	
	.user span:last-child i{
		font-size: 17px;
	}
	
	.sign{
		text-align: center;
		color: #fff;
		display: block;
		margin-top: 15px;
	}
	
	.close{
		padding: 10px;
		float: right;
		margin-right: 10px;
		font-size: 27px;
	}
	
	.page-close{
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		display: none;
		background: none !important;
		z-index: 99;
	}
	
	.nochild-li .left1 ,.nochild-li .left2{
		display: none;
	}
	
	.mob-login{
		float: left;
		margin: 0 25px;
		line-height: 40px;
	}
	
	.mob-login a{
		color: #333;
		font-size: 13px;
		font-weight: 600;
	}
	
	.avr-search{
		width: 0;
		opacity: 0;
	}
	
	.search-fade{
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
		top: 0;
		padding: 0;
		z-index: 900;
		background-color: #fff;
		-webkit-transition: .3s opacity .1s , .1s width;
		-moz-transition: .3s opacity .1s , .1s width;
		-o-transition: .3s opacity .1s , .1s width;
		-ms-transition: .3s opacity .1s , .1s width;
		transition: .3s opacity .1s , .1s width;
		opacity: 1;
	}
	
	#searchbar{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
	}
	
	.txtproductsearch{
		width: 100% !important;
		height: 60px !important;
		padding: 6px 60px 6px 40px !important;
		border-bottom: 1px solid silver !important;
		border-right: none !important;
		border-left: none !important;
		border-top: none !important;
	}
	
	.txtproductsearch:focus{
		border-bottom: 1px solid silver !important;
		border-right: none !important;
		border-left: none !important;
		border-top: none !important;
	}
	
	.avr-search-btn{
		border: none;
    	font-size: 25px;
    	line-height: 50px;
		height: 59px;
	}
	
	.avr-search-btn:hover {
		background: none !important;
		border: none !important;
		color: #000 !important;
	}
	
	#searchresultviewer{
		height: 100%;
		width: 100%;
		top: 60px;
		max-height: 100%;
		border-left: none;
	}
	
	.search-result-product{
		height: 100%;
	}
	
	.search-result-category{
		height: 100%;
	}
	
	.search-result-category h4 a{
		min-height: 45px;
	}
	
	.search-result-category li{
		list-style: none;
	}
	
	.search-result-category li a{
		color: #333;
		font-size: 14px;
	}
	
	.arrow-right{
		position: absolute;
		right: 15px;
		font-size: 25px;
		color: #aaa;
		height: 59px;
		line-height: 66px;
		cursor: pointer;
	}
	
	/* ------ inner page ------ */
	.product-items.compact .t18-product-items{
		width: 50%;
	}
	
	#pp_signin:before ,#pp_shipping:before ,#pp_review:before ,#pp_payment:before{
		display: none;
	}
	
	.basket-image{
		width: 40%;
	}
	
	.action-buttons .btn{
		margin-bottom: 15px; 
	}
	
	.login-btn{
		padding: 10px 150px !important
	}
	/* ------ inner page ------ */
	
}

@media (max-width: 768px){
	.avr-social{
		position: fixed;
		left: 0;
		top: 120px;
	}
	
	.avr-social p{
		float: none !important;
	}
	
	.avr-basket .nav.navbar-right li.dropdown.visible-xs{
		display: none !important;
	}
	
	.header-content > div{
		margin: 0;
	}
	
	.avr-brand{
		display: none;
	}
	
	header{
		background: #fff;
		height: 60px;
	}
	
	.my-basket.avr-basket{
		display: none;
	}
	
	.header-minicart{
		background: none;
		width: auto;
	}
	
	.basket-box i{
		font-size: 25px;
		color: #000;
		position: relative;
	}
	
	.mob-avr-basket{
		padding: 7px !important;
	}
	
	a.mob-avr-basket:focus ,a.mob-avr-basket:hover{
		background: none !important;
		border: none !important;
	}
	
	.basket-box .badge{
		background-color: #4CAF50 !important;
		position: absolute;
		right: -1px;
		top: 1px;
	}
	
	.header-content{
		margin-top: 10px;
	}
	
	div.main{
    	margin-top: 75px;
	}

	.mob-search{
		float: left;
		margin-right: 20px;
	}
	
	.mob-search i{
		font-size: 25px;
		padding: 7px 0;
		cursor: pointer;
	}
	
	.icon-bar{
		float: right;
		padding: 7px 0;
		font-size: 25px;
		margin-left: 0;
		cursor: pointer;
		display: inline;
	}
	
	.multi-level-menu{
		position: fixed;
		top: 0;
		bottom: 0;
		width: 300px;
		right: -300px;
		background-color: #e74c3c;
		z-index: 100;
		-webkit-transition: .3s all ease-out;
		-o-transition: .3s all ease-out;
		-moz-transition: .3s all ease-out;
		-ms-transition: .3s all ease-out;
		transition: .3s all ease-out;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	
	.open{
		right: 0;
	}
	
	#mainnav1{
		padding: 0;
		width: 100%;
		height: 100%;
		position: relative;
		top: 35px;
	}
	
	.mobile-menu ,.mobile-menu ul{
		padding-right: 25px;
		padding-left: 20px;
	}
	
	.mobile-menu a{
		color: #fff;
		line-height: 40px;
		font-size: 14px;
		font-weight: 500;
		display: block;
		width: 55%;
	}
	
	.step1 ,.step2 ,.step3{
		border-bottom: 1px solid #9b2929;
	}
	
	.left1 ,.left2{
		float: left;
		height: 40px;
		width: 45%;
		text-align: left;
		color: #ddd;
		font-size: 27px;
		line-height: 40px;
		cursor: pointer;
		padding-right: 10px;
	}
	
	.left1 i ,.left2 i{
		vertical-align: middle;
	}
	
	.back i{
		vertical-align: middle;
		text-align: left;
		color: #ddd;
		font-size: 27px;
		margin-left: 10px;
	}
	
	.back{
		border-bottom: 1px solid #9b2929;
		color: #fff;
		line-height: 40px;
		font-size: 15px;
		font-weight: 500;
		width: 100%;
		height: 40px;
		cursor: pointer;
	}
	
	.parent1 ,.parent2 ,.parent3{
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #e74c3c;
		-webkit-transition: .3s all ease-out;
		-o-transition: .3s all ease-out;
		-moz-transition: .3s all ease-out;
		-ms-transition: .3s all ease-out;
		transition: .3s all ease-out;
	} 
	
	.parent2{
		z-index: 101;
	}
	
	.parent3{
		z-index: 102;
	}
	
	.parent2 ,.parent3{
		transform: translate3d(300px,0,0);
	}
	
	.in{
		transform: translate3d(0,0,0);
	}
	
	.multi-level-menu > div:last-child, nav{
		width: 100%;
		height: 100%;
	}
	
	.multi-level-menu .user-name-welcome{
		width: 100%;
		height: 140px;
	}
	
	.user{
		text-align: center;
		color: #d7d7d7;
		line-height: 50px;
	}
	
	.user span:first-child{
		font-size: 30px;
	}
	
	.user span:first-child i{
		vertical-align: -7px;
	}
	
	.user span:last-child i{
		font-size: 17px;
	}
	
	.sign{
		text-align: center;
		color: #fff;
		display: block;
		margin-top: 15px;
	}
	
	.close{
		padding: 10px;
		float: right;
		margin-right: 10px;
		font-size: 27px;
	}
	
	.page-close{
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		display: none;
		background: none !important;
		z-index: 99;
	}
	
	.nav.navbar-right{
		float: right;
	}
	
	.nochild-li .left1 ,.nochild-li .left2{
		display: none;
	}
	
	.mob-login{
		float: left;
		margin-right: 10px;
		line-height: 40px;
	}
	
	.mob-login a{
		color: #333;
		font-size: 13px;
		font-weight: 600;
	}
	
	.avr-search{
		width: 0;
		opacity: 0;
	}
	
	.search-fade{
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
		top: 0;
		padding: 0;
		z-index: 900;
		background-color: #fff;
		-webkit-transition: .3s opacity .1s , .1s width;
		-moz-transition: .3s opacity .1s , .1s width;
		-o-transition: .3s opacity .1s , .1s width;
		-ms-transition: .3s opacity .1s , .1s width;
		transition: .3s opacity .1s , .1s width;
		opacity: 1;
	}
	
	#searchbar{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
	}
	
	.txtproductsearch{
		width: 100% !important;
		height: 60px !important;
		padding: 6px 60px 6px 40px !important;
		border-bottom: 1px solid silver !important;
		border-right: none !important;
		border-left: none !important;
		border-top: none !important;
	}
	
	.txtproductsearch:focus{
		border-bottom: 1px solid silver !important;
		border-right: none !important;
		border-left: none !important;
		border-top: none !important;
	}
	
	.avr-search-btn{
		border: none;
    	font-size: 25px;
    	line-height: 50px;
		height: 59px;
	}
	
	.avr-search-btn:hover {
		background: none !important;
		border: none !important;
		color: #000 !important;
	}
	
	#searchresultviewer{
		height: 100%;
		width: 100%;
		top: 60px;
		max-height: 100%;
		border-left: none;
	}
	
	.search-result-product{
		height: 100%;
	}
	
	.search-result-category{
		height: 100%;
	}
	
	.search-result-category h4 a{
		min-height: 45px;
	}
	
	.search-result-category li{
		list-style: none;
	}
	
	.search-result-category li a{
		color: #333;
		font-size: 14px;
	}
	
	.arrow-right{
		position: absolute;
		right: 15px;
		font-size: 25px;
		color: #aaa;
		height: 59px;
		line-height: 66px;
		cursor: pointer;
	}
	
	.avr-desc > div > p{
		top: -14%;
		right: 2%;
	}
	
	.footer .col-sm-3{
		margin-bottom: 15px;
	}
	
	.verticalTitle, .avr-footer-menu p{
		padding-right: 15px;
	}
	/* ------ inner page ------ */
	.product-items.compact .t18-product-items{
		width: 50%;
	}
	
	.compact .content-product{
		height: 260px;
	}
	
	.product-img-box{
		max-height: 200px;
	}
	
	#pp_signin:before ,#pp_shipping:before ,#pp_review:before ,#pp_payment:before{
		display: none;
	}
	
	.shipping-type-select{
		margin-bottom: 10px !important;
	}
	
	.basket-image{
		width: 40%;
	}
	
	.purchBtnSubmit .col-xs-12, .action-buttons .btn{
		margin-bottom: 15px; 
	}
	
	.login-btn{
		padding: 10px 100px !important
	}
	/* ------ inner page ------ */
}

@media (max-width: 500px){
	.avr-desc > div > p{
		top: -10%;
		right: 2%;
	}
	
	.compact .content-product{
		height: 200px;
	}
	
	.PurchaseProgress ,.avr-head-margin{
		display: none !important;
	}
	
	.basket-image{
		width: 100%;
	}
}

@media (max-width: 750px){
	.item-s-info{
		width: 100% !important;
	}
}