@media only screen and (max-width:1500px) {


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


}

@media only screen and (max-width:1200px) {

	
}

@media only screen and (max-width:1024px) {
	
.container-fluid { 
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  
}

.content_animate.open #header{
	width:800px;
		left:17.5em;
	}
	

#menu{
	position:absolute;
	right:150px;
    top: -56px; 
    z-index: 9999;
}


.middle-continer{
    position: relative;  
    top: 0;
    transform: none;
    padding-top: 10px;
    padding-bottom: 10px;
	
}

.middle-continer.left{
	float:left;
	width:40%;
	
}

.middle-continer.right{
	float:right;
	width:60%;	
}
	
#heder-top_continer .toolbar-menu{
	margin-top: 10px;
}
	
.userdata-container{
	top:10px;
}

.side-banner{
	width: 25%;
	float:left;
	margin-bottom: 0;
	padding:10px 5px 0px 5px;
	box-sizing: border-box;
	text-align:center;
}

.side-banner .baner_top{
	position: relative;
	bottom:0;
}
	

.side-banner .title01{
	font-size:9px;
	color:#000 !important;
	text-shadow:0px 0px 0px rgba(0,0,0,0.5) !important;
}	

.side-banner .cta_link{
	font-size:8px;
	color:#000 !important;
	text-shadow:0px 0px 0px rgba(0,0,0,0.5) !important;
}

.side-banner img{
	border-radius: 50%;
	max-width:70px;
	
	
}
	

}

@media only screen and (max-width:667px) {	
	

	
#logo{
	width:130px;
	margin: 15px auto 0 0;
}
	

	
.toolbar-message{
	font-size:10px;
	text-align:center;
	position: relative;
    top: -5px;
}
	
.toolbar-menu li{
	padding-left: 5px;
	padding-right: 5px;
}	
	

.tile.tile-2x1 ,
.tile.tile-1x1{
    width:100%;
    margin-bottom: 30px;
}

.home-intro .tile:nth-child(2) .tile_container figure{
	position:relative;
	bottom:0;
	
}

.extra-banner h1{	
	font-size:20px;;
}

h3.title01{	
	font-size:20px;
	
}

.tile .carousel .product-image img{
	height:auto;
	max-height:60vw;
	position: relative;
	top:0;
	transform: none;
	left:0;
}

#new-arrive.carousel .product-image{
	height: 100%;
}

#new-arrive.carousel .product-image img{
	max-height:70vw;
	position: relative;
	top:0;
	transform: none;
	left:0;
}

.cat_list .list{
	max-height: 50vw;
}

#menu{	
    top: -43px; 
   
}

.cta_link{
	font-size:16px;
}

.sub-title{
	font-size:16px;
}
.tabs li a{
	font-size:14px;
}

.filterbar{
	top:105px;
}

.section{
	padding-bottom: 20px;
	
}

}

@media only screen and (max-width:480px) {	
.banner-mobile{
	display:block;
}
.banner-desktop{
	display: none;
}

h4.title01{
	font-size:16px;
}

h6.sub-title{
	font-size:11px;
	font-weight:normal;
}

}



@media only screen and (max-width:340px) {

#menu{
	right:130px;
}

}