/*****************************************************************************************
DESKTOPS
*****************************************************************************************/
@media (max-width:1600px){
}
@media (max-width:1440px){
}
/*****************************************************************************************
TABLET
*****************************************************************************************/
@media (max-width:1024px){
}
@media (max-width:960px){
	#cookie-notice .cookie-notice-container{width:100%;}
}
@media (min-width:781px){
	.mobile-only{display:none!important;}
}
@media (max-width:780px){
	.desktop-only{display:none!important;}
	#cookie-notice .cookie-notice-container{flex-direction:column;justify-content:center;align-items:center;}
	#cookie-notice .cookie-notice-container #cn-notice-text{padding:0;text-align:center;margin-bottom:15px;}


body .woocommerce-page ul.products li.product{
    float: none!important;
    width: 31.333%!important;
    margin: 0 1% 2%!important;
}

	/*mobile menu*/
.header-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 100;
    background: #fff;
}
.header-top .site-logo{
    margin: 10px 0;
}
.header-top .site-logo a img{
    width: 140px;
}

	.header-wrap{padding: 0 20px;}
	.header-wrap .site-woomenu{margin-right: 40px;}
	.header-wrap .site-woomenu ul li.account-icon-wrap,
	.header-wrap .site-woomenu ul li.whislist-icon-wrap{transition: all 600ms;opacity: 0;transform: translateX(100px);}
	.active-menu .header-wrap .site-woomenu ul li.account-icon-wrap,
	.active-menu .header-wrap .site-woomenu ul li.whislist-icon-wrap{opacity: 1;transform: translateX(0px);opacity: 0.6;}
	.header-bottom{
    z-index: 200;
    height: 0;
    padding: 0;
}
.search-toggle{
    display: none!important;
}
	.site-header .site-hamburgher{position: absolute;display: flex;height: 40px;width: 40px;margin: 0px;padding: 0;z-index: 999;background: transparent;align-items: center;justify-content: center;right: 15px;top: 18px;z-index: 9999;}
	.site-header .site-hamburgher .menu-toggle{position: relative;display: block;top: 0;right: 0;height: 40px;width: 30px;margin: 0;padding:  0;border: 0;background: 0;transition: all 600ms;}
	.site-header .menu-toggle{position: relative;width: 100%;height: 32px;display: block;border: 0;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin: 0;background: 0;padding: 0;}
	.site-header .menu-toggle i,.site-header .menu-toggle:before,.site-header .menu-toggle:after {content: "";width: 100%;height: 2px;background: #000;position: absolute;margin: 0;opacity:1;-webkit-transition: all 600ms;-moz-transition: all 600ms;-o-transition: all 600ms;transition: all 600ms;}
	.site-header .menu-toggle i{left: 0;top: 50%;margin-top: -1px;opacity: 1;}
	.site-header .menu-toggle i:before{content:none}
	.site-header .menu-toggle:before {left: 0;top: 12px;}
	.site-header .menu-toggle:after{left: 0;bottom: 12px;}
	.active-menu .site-header .menu-toggle i{width: 0;left: 45%;}
	.active-menu .site-header .menu-toggle:before{top: 21px;-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
	.active-menu .site-header .menu-toggle:after{bottom: 18px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
	.active-menu .site-header .menu-toggle i,
	.active-menu .site-header .menu-toggle:before,
	.active-menu .site-header .menu-toggle:after{background: #000;}
	.site-header .site-navigation,
	.site-header .site-lang,
	.site-header .site-socials {position: fixed;display: block;width: 50%;left: 100%;transition: all 600ms;}
	.site-header .site-navigation{height: 100%;top: 0;box-shadow: 0 30px 8px rgba(0, 0, 0, 0);padding: 75px 0px 30px;background: #fff;}
	.site-header.is-sticky .site-navigation{padding-top: 60px;}
	.site-header .site-navigation > div{background: #fff;}
	.header-wrap .site-navigation ul li a,
	.header-wrap .site-navigation ul li a:hover{color: #000!important;height: auto;box-shadow: none;}
	.site-header .site-navigation > div{overflow: scroll;align-items: flex-start;justify-content: flex-start;width: 100%;}
	.header-wrap .site-navigation > div{flex-direction: column;}
	.site-header .site-navigation > div > ul{height: auto;flex-direction: column;justify-content: flex-start;align-items: flex-start;width: 100%;margin: 0;}
	.site-header .site-navigation > div > ul li{position: relative;display: block;width: 100%;height: auto;}
	.site-header .site-navigation > div > ul > li a{position: relative;display: block;width: 100%;height: auto;margin: 0;padding: 0;border: 0;border-bottom: 1px solid #eee;padding: 20px;color: #000;}
	.site-header .site-navigation > div > ul li.current-menu-item a{color: #000!important;}
	.site-header .site-navigation > div > ul > li.menu-item-has-children > a{border-color: #eee;}
	.site-header .site-navigation > div > ul > li.menu-item-has-children > a:before,
	.site-header .site-navigation > div > ul > li.menu-item-has-children > a:after{content:"";position: absolute;display: inline-block;width: 15px;height: 1px;background: #6a8a83;right: 5px;top: 50%;margin: -0.5px 0;transform: rotate(0);transition: all 450ms;right: 30px;}
	.site-header .site-navigation > div > ul > li.menu-item-has-children > a:after{transform: rotate(-90deg);}
	.site-header .site-navigation > div > ul > li.menu-item-has-children:hover > a:before{transform: rotate(0deg);}
	.site-header .site-navigation > div > ul > li.menu-item-has-children:hover > a:after{transform: rotate(90deg);}
	.site-header .site-navigation > div > ul > li.menu-item-has-children.active > a:before{transform: rotate(-45deg);}
	.site-header .site-navigation > div > ul > li.menu-item-has-children.active > a:after{transform: rotate(-135deg);}
	.site-header .site-navigation > div > ul > li > .sub-menu {position: relative;display: block;width: 100%;height: auto;opacity: 1;padding: 0;margin: 0;background: 0;left: auto;top: auto;min-width: auto;overflow: hidden;max-height: 0;transition: all 600ms;box-shadow: none;}
	.site-header .site-navigation > div > ul > li.active > .sub-menu{max-height: 600px;}
	.header-wrap .site-navigation > div > ul > li:hover > .sub-menu{padding: 0;}
	.header-wrap .site-navigation ul.sub-menu li:hover a{color: #000;}
	.site-header .site-navigation ul.sub-menu:before{content:none;}
	.site-header .site-navigation > div > ul > li > .sub-menu{}
  .site-header .site-navigation > div > ul > li > .sub-menu > li {margin: 0;}
	.site-header .site-navigation > div > ul > li > .sub-menu > li > a{border-bottom: 1px solid #eee;padding: 20px 20px 20px 45px;width: 100%;font-weight: normal;color: #464646!important;font-size: 91%;}
	.site-header .site-navigation > div > ul > li > .sub-menu > li > a:before{content:"";position: absolute;display: block;width: 20px;height: 1px;background: #6a8a83;left: 20px;top: 50%;margin-top: -1px;}
	.site-header .site-navigation > div > ul > li > .sub-menu .sub-menu{position: relative;min-width: auto;width: 100%;left: auto;top: auto;max-height: none;background: transparent;box-shadow: none;margin: 0;padding: 10px 0 10px 30px;border-bottom: 1px solid #eee;display: flex;flex-wrap: wrap;/* justify-content: flex-start; */}
	.site-header .site-navigation > div > ul > li > .sub-menu .sub-menu li{position: relative;display: block;width: 100%;margin: 0px;width: 50%;}
	.site-header .site-navigation > div > ul > li > .sub-menu .sub-menu li a{display: block;width: 100%;border-bottom: 0;padding: 8px 15px;font-weight: normal;color: #808080!important;/* font-style: italic; */font-size: 90%;/* text-align: center; */}
	.header-wrap .site-navigation .site-searchbox{top: auto;bottom: 0;width: 100%;height: 60px;background: #6a8a83;padding-right: 60px;}
	.header-wrap .site-navigation .site-searchbox input{border: 0;height: 100%;padding: 0 20px;font-size: 100%;}
	.header-wrap .site-navigation .site-searchbox button{width: 60px;height: 60px;background: #334c45;padding: 0 20px;}
	.header-wrap .site-navigation .site-searchbox a{width: 60px;height: 60px;z-index: 9999;opacity: 0;}
	.site-header .site-lang{height: 60px;top: 30px;background: #334c45;padding: 0 20px 0;display: flex;align-items: center;justify-content: flex-start;}
	.site-header.is-sticky .site-lang{top: 0;}
	.site-header .site-navigation .lang-menu ul{width: auto;padding: 0;flex-direction: row;display: flex;justify-content: flex-start;}
	.site-header .site-navigation .lang-menu ul li{width: auto;justify-content: flex-start;}
	.site-header .site-socials{height: 80px;bottom: 0;padding: 0;margin: 0;display: flex;align-items: center;justify-content: center;background: 0;}
	.site-header .site-socials ul li{margin: 0 5px;}
	.site-header .site-socials ul li a{color: #fff;height: 40px;width: 40px;background: #f5b528;}
	.active-menu .site-header .site-navigation,
	.active-menu .site-header .site-lang,
	.active-menu .site-header .site-socials {left: 50%;}
	.active-menu .site-header .site-navigation{box-shadow: 0 30px 8px rgba(0, 0, 0, 0.2);}
	.active-menu .site-header .site-navigation > nav > div > ul > li.active > .sub-menu {max-height: 400px;}

.header-bottom .header-wrap:nth-child(3){
    position: absolute;
    display: block;
    top: -55px;
    right: 55px;
}

.header-bottom .header-wrap .site-navigation ul li:not(:last-child):after{
    content: none;
}


.header-bottom .header-wrap .buttons-wrap li:first-child{position: absolute;right: -200px;opacity: 0;transition: all 600ms;}
.active-menu .header-bottom .header-wrap .buttons-wrap li:first-child{right: 100%;opacity: 1;}
.site-main{
    padding-top: 95px;
}
.admin-bar .site-main .site-main,
.site-main .site-main{
    padding-top: 0;
}
.woocommerce.archive .site-main {padding-top: 155px;}
.woocommerce.archive .site-main .site-main{padding-top: 0;}

.woocommerce .woocommerce-result-count, 
.woocommerce .woocommerce-ordering, 
.woocommerce .woocommerce-ordering select{
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0px 0 10px;
    font-size: 90%;
}
.woocommerce .woocommerce-ordering select{
    border: 1px solid;
    height: 40px;
    text-align: left;
    justify-content: flex-start;
    direction: ltr;
    padding: 0 15px;
}
.woocommerce .woocommerce-ordering:after{
    right: 10px;
}
.site-header{
    margin-bottom: 20px;
    position: fixed;
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    padding: 0 16px;
}
.admin-bar .site-header{/* margin-top: 45px; */}
.admin-bar .site-main{
    /* padding-top: 75px; */
}
.admin-bar .site-header .site-navigation{padding-top:115px}

.active-filters.woocommerce-page .woof_sid_auto_shortcode{left: 100%;}
.active-filters.woocommerce-page .woof_results_by_ajax_shortcode, .active-filters.woocommerce-page .woof_shortcode_output{
    width: 100%;
}

.mobile-filters.woocommerce-page .woof_sid_auto_shortcode{left: 0%;}



.woocommerce-page .woof_sid_auto_shortcode{
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    padding: 165px 30px 30px;
    top: 0;
    left: 100%;
    overflow: scroll;
    z-index: 100;
    background: #fff;
    color: #000;
}
.woocommerce-products-header .filter-toggle i{
    transition: all 600ms;
    opacity: 1;
}

.active-filter.woocommerce-page .woof_sid_auto_shortcode{
    left: 0;
}

.active-filter .woocommerce-products-header .filter-toggle i{
    opacity: 0;
}
.woocommerce-products-header .filter-toggle:before,
.woocommerce-products-header .filter-toggle:after{content:"";-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;display: block;width: 30px;height: 1px;background: #fff;left: 50%;top: 50%;margin: -0.5px -15px;transition: all 600ms;opacity: 0;}
.woocommerce-products-header .filter-toggle:after{
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.active-filter .woocommerce-products-header .filter-toggle:before,
.active-filter .woocommerce-products-header .filter-toggle:after{
    opacity: 1;
}
.woof_container_product_visibility .woof_list li label:after,
.woof_checkbox_label:after, 
.woof_container_stock .woof_container_inner input[type="checkbox"] + label:after, 
.woof_container_backorder .woof_container_inner input[type="checkbox"] + label:after{color:#000}

.woof_list li input[type="checkbox"], .woof_container_stock .woof_container_inner input[type="checkbox"], .woof_container_backorder .woof_container_inner input[type="checkbox"]{background: #ccc;}

.woocommerce-products-header{
    position: fixed;
    display: flex;
    width: 100%;
    height: auto;
    z-index: 10000;
    left: 0;
    top: 75px;
    margin: 0;
    padding: 0 5px 0 15px;
    border-bottom: 1px solid #e0e0e0;
    background: #f9f9f9;
}
.woocommerce-products-header .woocommerce-heading-title{
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}
.woocommerce-products-header .woocommerce-heading-title h1{
    font-size: 100%;
    margin: 0;
    padding: 0;
}
.woocommerce-products-header .woocommerce-heading-title button{
    position: relative;
    display: flex;
    height: 60px;
    width: 60px;
    background: 0;
    border: 0;
    padding: 19px;
    cursor: pointer;
}
.woof .widget_price_filter .price_slider_amount .button{
    color: #fff;
    border: 0;
    background: #ccc;
}

.woocommerce.archive.woocommerce-page .woof_results_by_ajax_shortcode, .woocommerce-page .woof_shortcode_output,
.woocommerce.archive.woocommerce-page ul.products{
    width: 100%;
    margin-left:0;
    margin-right:0;
    justify-content: space-between;
}

.woocommerce.archive.woocommerce-page ul.products.columns-3 li.product{
    margin: 0;
    width: 50%;
    background: #fff;
}
.woocommerce.archive.woocommerce-page ul.products.columns-3 li.product:nth-child(2n){
    border-left: 1px solid #fff;
}
.woocommerce.archive.woocommerce-page ul.products li.product .woocommerce-loop-category__title, 
.woocommerce.archive.woocommerce-page ul.products li.product .woocommerce-loop-product__title, body.woocommerce-page ul.products li.product h3{
    color: #000;
    margin-top: 20px;
}
.woocommerce.archive.woocommerce ul.products li.product a{text-align:center}
.woocommerce.archive.woocommerce-page ul.products li.product .price{
    color: #7d7d7d;
    font-weight: normal;
}
.woocommerce.archive.woocommerce-page ul.products li.product .button{
    color: #ff8d8f;
    text-align: center;
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
}
.woof_products_top_panel{display:none!important;}
div.woof_info_popup{
    opacity: 0.9;
    display: none;
    opacity: 1;
    display: block;
    margin: -60px -115px;
}


.woocommerce .site-main div.product .woocommerce-product-gallery,
.woocommerce .site-main div.product div.summary{
    width: 100%;
    padding: 0;
}

body.woocommerce-page .cross-sells ul.products {flex-wrap: wrap;}
body.woocommerce-page .related ul.products.columns-4 li.product{
    width: 48%;
    margin: 0 1% 2%;
}


}
/*****************************************************************************************

MOBILE

*****************************************************************************************/
@media (max-width:700px){
  #cookie-notice .cookie-notice-container {height: 160px;}
	.cookies-not-set .site-lowerbar{bottom: 160px;}
	.site-header .site-navigation,
	.site-header .site-lang,
	.site-header .site-socials {width: 100%;}
	.active-menu .site-header .site-navigation,
	.active-menu .site-header .site-lang,
	.active-menu .site-header .site-socials {left: 0%;}


body .woocommerce-page ul.products li.product{
    width: 44%!important;
    margin: 0 0% 4%!important;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background-color: transparent;
}
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
    float: left;
    display: flex;
    margin: 0;
    width: 100%;
}
.woocommerce table.cart td.actions .coupon .button{
    font-size: 80%;
    width: 100%;
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
}











.woocommerce .col2-set, .woocommerce-page .col2-set, .woocommerce-checkout-review-order{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.woocommerce-checkout-review-order{
    margin-top: 60px;
}

  .account-menu-trigger{
    position: relative;
    display: flex;
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 0 20px;
    align-items: center;
    justify-content: space-between;
    background: #f1f1f1;
    font-weight: bold;
}

.woocommerce-account .woocommerce-MyAccount-navigation{
    width: 100%;
    padding: 20px;
    border-top: 5px solid #fff;
    display: none;
}
.woocommerce-account .woocommerce-MyAccount-content{
    width: 100%;
    margin-top: 30px;
    padding: 0 5px;
}

	.icon-menu{position: relative;display: block;top: 0;right: 0;height: 40px;width: 30px;margin: 0;padding:  0;border: 0;background: 0;transition: all 600ms;}
	.icon-menu{position: relative;width: 30px;height: 30px;display: block;border: 0;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin: 0;background: 0;padding: 0;}
	.icon-menu i,
	.icon-menu:before,
	.icon-menu:after {content: "";width: 100%;height: 2px;background: #000;position: absolute;margin: 0;opacity:1;-webkit-transition: all 600ms;-moz-transition: all 600ms;-o-transition: all 600ms;transition: all 600ms;}
	.icon-menu i{left: 0;top: 50%;margin-top: -1px;opacity: 1;}
	.icon-menu i:before{content:none}
	.icon-menu:before {left: 0;top: 6px;}
	.icon-menu:after{left: 0;bottom: 6px;}
	.active .icon-menu i{width: 0;left: 45%;}
	.active .icon-menu:before{top: 14px;-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
	.active .icon-menu:after{bottom: 14px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
	.active .icon-menu i,
	.active .icon-menu:before,
	.active .icon-menu:after{/* background: #fff; */}


.woocommerce table.my_account_orders td:last-child{padding:0;margin-bottom:15px;}
.woocommerce table.my_account_orders td:last-child:before{content:none}
.woocommerce table tr:nth-child(2n) td{
    background:0!important;
}	

.woocommerce-account #customer_login h2{display:none}
	.mobile-login-menu{display: flex;width: 100%;height: 50px;align-items: center;justify-content: center;margin: 0 0 20px!important;display: none;}
	.mobile-login-menu li{list-style: none;transition: all 400ms;cursor: pointer;width: 50%;height: 100%;display: flex;align-items: center;justify-content: center;background: #e0e0e0;color: #000;font-weight: bold;}
	.mobile-login-menu li:not(:last-child):after{content:"/";color: #fff;font-family: 'Averta Light';margin: 0 7px;content: none;}
	.mobile-login-menu li.selected{background: #000;color: #fff;}
	.woocommerce-page .col2-set#customer_login > div {opacity: 0;position: absolute;transition: all 100ms;margin-bottom: 0;padding: 0;}
	.woocommerce-page .col2-set#customer_login > div.selected{opacity: 1;position: relative;z-index: 500;width: 100%!important;float: none!important;}
	.woocommerce-account .woocommerce .woocommerce-form{
    width: 100%;
    max-width: 100%;
    margin: 0;
}
woocommerce-account #customer_login .u-column1, .woocommerce-account #customer_login .u-column2 {
    padding: 0;
}

.woocommerce form .form-row#billing_postcode_field, .woocommerce form .form-row#billing_city_field, .woocommerce form .form-row#billing_state_field{
    width: 100%;
}

.site-footer .footer-wrap:nth-child(1),
.site-footer .footer-wrap:nth-child(2){
    width: 100%;
    text-align: center;
    justify-content: center;
    padding: 5px 0;
}
.site-footer .site-navigation ul{
    text-align: center;
    justify-content: center;	
}

.woocommerce-page .col2-set.addresses h3{
    font-size: 16px;
}

body:not(.logged-in) .site-header{
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}
body:not(.logged-in) .header-top{
    text-align: center;
    justify-content: center;
    align-items: center;
}


body:not(.logged-in) .site-main{
    padding-top: 160px;
}
body:not(.logged-in) .header-top .site-logo a img{
    width: 240px;
    margin: 0 auto;
}

.add-to-cart-wrap {
flex-direction: column;
}
.quantity-wrap{
    width: 100%;
    margin: 0 0 10px;
}
div.product .tawcvs-swatches .swatch-label {
    margin: 0 1% 2%;
    width: 23%;
}

.active-search .search-box,
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before{display:none}
.woocommerce div.product form.cart .variations .select2{
    max-width: 210px;
}

}
