@media only screen and (min-width: 1200px){
    .is-burger-menu,
    .is-mobile-menu-container{
        display: none !important;
    }

    .mobile-menu-main-categorie{
        display: none !important;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 0px){
    ul.menu{
        margin-left: 0;
    }

    #site-navigation{
        display: none !important;
    }

    .header-4-inner > .col-full-nav{
        display: none !important;
    }
    
    .site-header{
        box-shadow: unset !important;
    }

    .topbar-wrapper{
        z-index: 1 !important;
    }

    #masthead{
        width: 100% !important;
        position: relative !important;
    }

    #masthead .main-header{
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
    }

    #masthead .main-header::before,
    #masthead .main-header::after{
        display: none !important;
    }

    .secondary-icon-menu .header-account,
    .secondary-icon-menu .header-wishlist,
    .top-bar-right,
    .top-bar-left {
        display: none !important;
    }

    .top-bar .col-full{
        justify-content: center !important;
    }

    .main-header{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    li.full-width .sub-menu li.menu-item-has-children{
        margin-bottom: 0 !important;
    }

    .is-burger-menu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 35px;
        height: 35px;
        order: -1;
        z-index: 10;
        background-color: #EDEDED !important;
        border-radius: 5px !important;
        margin-left: 20px !important;
    }
    
    .is-burger-menu>* {
        width: 12px;
        height: 1px;
        background-color: #212529 !important;
        position: relative;
        transition: top 170ms 110ms, rotate 170ms, background 200ms;
        border-radius: 10px;
    }

    .secondary-icon-menu{
        padding-right: 20px !important;
    }
    
    .is-mobile-menu-active .is-burger-menu>* {
        transition: top 170ms, rotate 170ms 110ms, background 200ms;
    }

    .is-mobile-menu-active .is-burger-menu>*:nth-child(2) {
        width: 0px !important;
    }

    .has-scrolled .is-burger-menu>*{
        background-color: #212529 !important;
    }
    
    .is-burger-menu>*:first-child {
        top: -3px
    }
    
    .is-burger-menu>*:last-child {
        top: 3px
    }
    
    .is-mobile-menu-active .is-burger-menu>* {
        top: 0;
    }
    
    .is-mobile-menu-active .is-burger-menu>*:first-child {
        rotate: 45deg;
        top: 2px
    }
    
    .is-mobile-menu-active .is-burger-menu>*:last-child {
        rotate: -45deg
    }

    body.search-bar-active, body.is-mobile-menu-active{
        position: relative;
        overflow: hidden;
        height: 100%;
    }

    .is-mobile-menu-container{
        display: block;
        position: fixed !important;
        top: 0px;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        max-height: 0;
        overflow: hidden;
        background-color: #fff;
        transition: 300ms 100ms ease !important;
    }
    
    .is-mobile-menu-active .is-mobile-menu-container{
        max-height: 100vh;
        transition: 300ms 100ms ease !important;
    }
    
    .is-mobile-menu-wrapper{
        height: 100%;
        padding-top: var(--header-height);
        overflow: hidden;
        transition: 200ms;
    }

    .admin-bar .is-mobile-menu-wrapper{
        padding-top: 130px;
    }

    .has-scrolled .is-mobile-menu-wrapper{
        padding-top: calc(var(--nav-height) + 8px);
    }

    .is-mobile-menu-inner{
        height: calc(100vh - 120px) !important;
        padding-bottom: 64px !important;
        overflow: scroll;
    }
    
    .is-mobile-menu-container *{
        color: #212529 !important;
    }
    
    .is-mobile-menu-container ul{
        list-style: none;
    }

    .header-search-icon path,
    .fkcart-shortcode-icon-wrap::before{
        transition: 200ms;
    }

    .is-mobile-menu-active .header-search-icon path{
        fill: #212529 !important;
        transition: 200ms;
    }

    .is-mobile-menu-active .close-search path{
        stroke: #212529 !important;
        transition: 200ms;
    }

    .is-mobile-menu-logo svg path{
        transition: 200ms 200ms;
    }

    .is-mobile-menu-active .is-mobile-menu-logo svg path{
        fill: #212529 !important;
        transition: 100ms;
    }

    /* .is-mobile-menu-active .is-mobile-menu-logo svg path{
        stroke: #212529;
        transition: 100ms;
    } */

    .is-mobile-menu-active .fkcart-shortcode-icon-wrap::before{
        background-color: #212529;
    }

    .site-branding{
        display: none !important;
    }

    .is-mobile-menu-logo{
        z-index: 1;
        width: fit-content !important;
        position: absolute !important;
        left: 50%;
        transform: translateX(-50%);
    }

    .is-mobile-menu-subscription{
        max-width: 600px !important;
        margin: 0 auto !important;
    }

    .mobile-newsletter-title{
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 8px;
    }

    .mobile-newsletter-text{
        font-size: 13px;
        margin-bottom: 12px;
    }

    .is-mobile-menu-container .wpforms-submit::after{
        background-color: #212529;
    }

    .is-mobile-menu-container .menu-item-has-children .sub-menu:not(.is-mobile-menu-container .menu-item-has-children .sub-menu .sub-menu) {
        max-height: 0!important;
        overflow-y: scroll!important;
        overflow-x: hidden!important;
        transition: 300ms!important
    }

    .is-mobile-menu-items{
        padding-top: 11px;
    }

    .is-mobile-menu-items,
    .is-mobile-menu-subscription{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .is-mobile-menu-container .menu-item-has-children.active .sub-menu:not(.is-mobile-menu-container .menu-item-has-children.active .sub-menu .sub-menu) {
        margin-top: 8px!important;
        padding-bottom: 20px!important;
        max-height: 500px!important;
        transition: 300ms!important
    }

    .is-mobile-menu-container .menu-item-has-children .sub-menu .sub-menu{
        margin: 0 !important;
        padding: 0 !important;
    }

    .is-mobile-menu-container .menu > li > a{
        padding-top: 13px !important;
        padding-bottom: 13px !important;
        font-size: 12px !important;
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        letter-spacing: 2px !important;
        text-transform: uppercase;
        font-weight: 500;
    }

    .is-mobile-menu-container .menu .sub-menu a{
        font-size: 16px !important;
    }

    .is-mobile-menu-container .menu > li.menu-item-has-children > a::after{
        content: "" !important;
        width: 10px;
        height: 10px;
        display: block;
        position: relative;
        background-color: #212529;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.49994 4.49999H5.50001V0.499968C5.50001 0.224029 5.27599 0 4.99995 0C4.72402 0 4.49999 0.224029 4.49999 0.499968V4.49999H0.499968C0.224029 4.49999 0 4.72402 0 4.99995C0 5.27599 0.224029 5.50001 0.499968 5.50001H4.49999V9.49994C4.49999 9.77597 4.72402 10 4.99995 10C5.27599 10 5.50001 9.77597 5.50001 9.49994V5.50001H9.49994C9.77597 5.50001 10 5.27599 10 4.99995C10 4.72402 9.77597 4.49999 9.49994 4.49999Z' fill='white'/%3E%3C/svg%3E");
        -webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        transition: 300ms;
    }

    .is-mobile-menu-container .menu > li.menu-item-has-children.active > a::after{
        transform: rotate(45deg);
        transition: 300ms;
    }

    .mobile-menu-main-categorie .icon-wrapper{
        display: none !important;
    }

    .is-mobile-menu-container .sub-menu li a{
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        display: block;
    }

    .mobile-menu-search-bar{
        margin-bottom: 32px !important;
    }

    .is-mobile-menu-container #dgwt-wcas-search-input-1{
        border-color: #212529 !important;
        color: #212529 !important;
    }

    .search-bar-active .is-mobile-menu-wrapper{
        padding-top: 110px !important;
        transition: 200ms;
    }

    .is-mobile-secondary-menu{
        padding-top: 14px;
        margin-top: 14px;
        padding-bottom: 14px;
        margin-bottom: 14px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        border-top: solid 0.5px #DDDDDD !important;
        border-bottom: solid 0.5px #DDDDDD !important;
    }

    .is-mobile-secondary-menu a{
        display: flex;
        gap: 10px;
        font-weight: 500;
    }

    .is-mobile-menu-container #wpforms-submit-119{
        width: 100%;
        background-color: #D4643E !important;
        color: #fff !important;
        font-size: 16px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }

    .is-mobile-secondary-menu a svg{
        position: relative;
        top: 4px;
    }

    .menu-item .icon-wrapper{
        display: none !important;
    }

    .menu-group-hidden-mobile{
        display: none !important;
    }

    /* .header-search-icon path, .header-wishlist svg path{
        fill: var(--wp--preset--color--white) !important;
    } */

    .is-mobile-menu-active .fkcart-shortcode-icon-wrap::before {
        background-color: #212529 !important;
    }

    .is-mobile-menu-active .fkcart-shortcode-container .fkcart-shortcode-count {
        color: #fff !important;
        border-color: #212529 !important;
        background-color: #212529 !important;
    }

    .is-mobile-menu-container .header-faq path,
    .is-mobile-menu-container .header-contact path{
        fill: #212529 !important;
    }

    .mobile-menu-product-cat-wrapper{
        display: flex;
        background-color: #EDEDED;
        padding: 14px 20px;
        gap: 16px;
        overflow: scroll;
        margin-top: 16px;
    }

    .mobile-menu-product-cat-item{
        flex: none !important;
        width: calc(100vw / 3 - 32px);
    }

    .mobile-menu-product-cat-item img{
        aspect-ratio: 3 / 4;
        width: 100% !important;
        object-fit: cover;
        height: auto;
    }

    .mobile-menu-product-cat-item p{
        font-size: 11px;
        text-align: center;
        margin-top: 8px;
    }
}

@media only screen and (max-width: 400px) and (min-width: 0px){

}