/* mobile menu toggle button */
.menu-toggle2 .toggle_span_wrap, .menu-toggle3 {
	position:relative;
	display: flex;
	justify-content:center;
	align-items:center;
	width: 33px;
	cursor:pointer;
	height: 30px;
	margin-right:14px;
	z-index:2;
}
.menu-toggle2 span.toggle_span, .menu-toggle3 span {
	margin: 0 auto;
	position: relative;
	top: 1px;
	transition-duration: 0s;
	transition-delay: .2s;
  transition: background-color 0.3s;
}
.menu-toggle2 span.toggle_span:before, .menu-toggle2 span.toggle_span:after, .menu-toggle3 span, .menu-toggle3 span:after, .menu-toggle3 span:before {
	position: absolute;
	content: '';
}
.menu-toggle2 span.toggle_span, .menu-toggle2 span.toggle_span:before, .menu-toggle2 span.toggle_span:after, .menu-toggle3 span, .menu-toggle3 span:after, .menu-toggle3 span:before
 {
	width: 33px;
	border-radius:2px;
	height: 4px;
	background-color: #ab460c;
	display: block;
  opacity: 1;
}
.menu-toggle2 span.toggle_span:before, .menu-toggle3 span:before {
	margin-top: -10px; 
	transition-property: margin, transform;
	transition-duration: .2s;
	transition-delay: .2s, 0;  
}
.menu-toggle2 span.toggle_span:after, .menu-toggle3 span:after{
	margin-top: 10px;
	transition-property: margin, transform;
	transition-duration: .2s;
	transition-delay: .2s, 0;  
}

.menu-toggle-active span.toggle_span, .menu-toggle3.menu-toggle-active span {
  background-color: rgba(0,0,0,0);
	transition: 0.3s background-color;
}
.menu-toggle-active span.toggle_span:before, .menu-toggle3.menu-toggle-active span:before {
	margin-top: 0;
	transform: rotate(45deg);
	transition-delay: 0, .2s;
}
.menu-toggle-active span.toggle_span:after, .menu-toggle3.menu-toggle-active span:after {
	margin-top: 0;
	transform: rotate(-45deg);
	transition-delay: 0, .2s;
}



.sidebar_woo_filter_open, 
.header_mobile_menu, 
.mobile_tool,
.mobile_menu,
.closemenuitem
{
	display:none;
}




@media (max-width: 1240px) {
	.container{
		max-width:1040px;
	}
}

@media (max-width: 1140px) {

	
	.mobile_menu{
		position:fixed;
		right:-300px;
		top:0px;
		width:300px;
		background-color:#fff;
		color:#fff;
		z-index:1000;
		height:100%;
		display:none;
  -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
	}
	
	.mobile_menu.active{
		display:block;
	}
	
	
			.closemenuitem{
		cursor:pointer;
		background-color:#fff;
		position:fixed;
		right:0px;
		bottom:-50px;
		z-index:200;
		display:block;
		width:300px;
		height:50px;
		  -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
		color:#000;
		border-top: 1px solid #EEF1F9;
		line-height:50px;
		text-align:center;
	}
	
		.closemenuitem.active{
			bottom:0px;
		}
	
.mobile_menu.loaded{
	left:0px;
}


.mobile_menu ul li ul.loaded {
    left: 0px;
}
	
	.mobile_menu_in{
		height:100%;
		position:absolute;
		top:0px;
		display:flex;
		flex-direction: column;
		justify-content:space-between;
		width:100%;
		overflow:auto;
	}
	
	.mobile_menu ul li.green_link a{
		color:#a5617d;
	}

	.mobile_menu.active{
		right:0px;
	}
	

	
	
	.mobile_menu_in_top{
		padding-top:0px;
		padding-bottom:0px;
	}
	
	.mobile_menu_in_bottom{
		padding-top:0px;
		padding-bottom:0px;
	}
	
	.mobile_menu .mobile_menu_in_bottom ul.mobile_login{
		margin-top:10px;
	}
	
.mobile_menu ul li ul {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 2;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
transition: all 200ms;
}
	
	.mobile_menu a{
		color:#000;
	}
	
	.mobile_menu ul li a{
		padding: 12px 15px;
		text-decoration:none;
		display:block;
		font-weight: 500;
		border-bottom: 1px solid #EEF1F9;
		font-size: 16px;
		line-height: 19px;
	}
	
.mobile_menu ul li.menu-item-has-children > a {
    padding-right: 50px;
    background: url("../img/right-chevron.svg") right 20px center no-repeat;
        background-size: auto;
    background-size: 12px;
}

.mobile_menu ul li a.menu-item-has-children>a:hover{
	background-color: #3c8de8;
}

.mobile_menu ul li a.back{
	padding-left: 50px;
	background: url("../img/left-chevron.svg") left 20px center no-repeat;
	background-size: 12px;
	box-sizing: border-box;
}

.mobile_menu ul li ul.activity {
    overflow-y: auto;
    overflow-x: hidden;
}

.mobile_menu ul li ul.loaded {
    left: 0px;
}
	
	.mobile_menu ul li, .mobile_menu ul{
		list-style-type:none;
		margin:0px;
		padding:0px;
	}
	
	.mobile_tool{
		background-color:#a5617d;
		display:flex;
		position:fixed;
		bottom:0px;
		left:0px;
		width:100%;
		z-index:2000;
		justify-content:center;
		height: 60px;
	}
	
	.mobile_tool_container{
		max-width:798px;
		padding-left:15px;
		padding-right:15px;
		width:100%;
		position:relative;
		display:flex;
		justify-content:space-between;
		margin:0 auto;
	}
	
	
	.m_tool_item{
		display:flex;
		align-items:center;
	}
	
	.m_tool_item img{
		width:30px;
		height:30px;
	}
	
	.mobile_menu_overlay{
		background: #070C08;
		opacity: 0.5;
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:500;
		display:none;
	}
	
	.mobile_sereach{
		cursor:pointer;
	}
	
	.mobile_sereach_func{
		position:absolute;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		z-index:10;
		display:none;
	}
	
	.mobile_sereach_func input[type="search"]{
		border-radius:0px;
		height:100%;
		width:100%;
		border:0px none;
		position:absolute;
		left:0px;
		top:0px;
		background-color:#7A3652;
		color:#fff;
	}
	
	.mobile_sereach_func input[type="search"]::placeholder {
		color: #fff;
	}
	
	.mobile_sereach_func button{
		border:0px none;
		background-color:transparent;
		background-image:url(../img/search_mob.svg);
		width:30px;
		position:absolute;
		z-index:3;
		color:transparent;
		font-size:0px;
		display:block;
		background-repeat:no-repeat;
		background-size:100% 100%;
		height:30px;
		top:15px;
		right:15px;
	}
	
	.mobile_sereach_func form{
		margin:0px;
	}
	
	.mobile_sereach_func label{
		display:none;
	}
		
	table.shop_table.cart tbody {
		width:100%;
		display:block;
	}
	/* mobile menu toggle button */
.menu-toggle {
	position:relative;
	display: flex;
	justify-content:center;
	align-items:center;
	width: 30px;
	cursor:pointer;
	height: 30px;
	margin: 0px 0 0 35px;
	z-index:2;
}
.menu-toggle span {
	margin: 0 auto;
	position: relative;
	top: 1px;
	transition-duration: 0s;
	transition-delay: .2s;
  transition: background-color 0.3s;
}
.menu-toggle span:before, .menu-toggle span:after {
	position: absolute;
	content: '';
}
.menu-toggle span, .menu-toggle span:before, .menu-toggle span:after {
	width: 30px;
	height: 3px;
	background-color: #009633;
	border-radius:3px;
	display: block;
  opacity: 1;
}
.menu-toggle span:before {
	margin-top: -9px; 
	transition-property: margin, transform;
	transition-duration: .2s;
	transition-delay: .2s, 0;  
}
.menu-toggle span:after {
	margin-top: 9px;
	transition-property: margin, transform;
	transition-duration: .2s;
	transition-delay: .2s, 0;  
}

.menu-toggle-active span {
  background-color: rgba(0,0,0,0);
	transition: 0.3s background-color;
}
.menu-toggle-active span:before {
	margin-top: 0;
	transform: rotate(45deg);
	transition-delay: 0, .2s;
}
.menu-toggle-active span:after {
	margin-top: 0;
	transform: rotate(-45deg);
	transition-delay: 0, .2s;
}

.logo_foot{
	margin-bottom:30px;
}



}

@media (max-width: 990px) {
	.container{
		width:840px;
	}
}

@media (max-width: 820px) {
	.container{
		width:96%;
	}
	
	.site_category_item img{
		height:220px;
	}
}

@media (max-width: 768px) {
	.site_category_item{
		width:50%;
	}
	
}

@media (max-width: 590px) {
	.site_category_item img{
		height:190px;
	}
}


@media (max-width: 440px) {
	.site_category_item img{
		height:180px;
	}
}

@media (max-width: 390px) {
	.site_category_item{
		width:100%;
	}
}

@media (max-width: 370px) {
}

@media (max-width: 345px) {
}