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

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

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

@media (max-width: 575px) {
    .slick-next.slick-arrow {
        right: 0;
        background-image: url("/images/slider-arrows3.png");
    }
    .slick-prev.slick-arrow {
        left: 0;
        background-image: url("/images/slider-arrows3.png");
    }
    .youtybe2x {
        justify-content: space-around;
    }
    .youtybe2x iframe {
        min-width: 316px;
    }
}

/***************** mobile menu *******************/
@media (max-width: 767px) {
    header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 25;
    }
    body {
        padding-top: 77px;
    }
    body.open-menu {
        overflow: hidden;
    }
    .header-cart > img {
        opacity: 1;
    }
    .header-cart > span:last-child {
        display: inline-block;
    }
    .header-cart > span:first-of-type {
        display: none;
    }
    .main-left-col {
        display: none;
        position: fixed;
        background: #fff;
        z-index: 24;
        top: 77px;
        bottom: 0;
        left: -100%;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0.1s;
        -moz-transition: all 0.3s ease-out 0.1s;
        -o-transition: all 0.3s ease-out 0.1s;
        transition: all 0.3s ease-out 0.1s;
        overflow: auto;
        max-width: none;
    }
    body.open-menu .main-left-col {
        display: block;
        left: 0;
        right: 0;
    }
    body.open-menu .main-left-col #left-sticky {
        width: 100% !important;
    }
    .main-menu > li {
        position: relative;
    }
    .mainmenu-btn-sublevel {
        display: block !important;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        cursor: pointer;
    }
    .main-menu .level-2 {
        display: none;
        list-style: none;
        margin: 0;
        padding: 65px 30px 20px;
        position: fixed;
        overflow: auto;
        left: -100%;
        width: 100%;
        top: 77px;
        bottom: 0;
        -webkit-transition: all 0.3s ease-out 0.1s;
        -moz-transition: all 0.3s ease-out 0.1s;
        -o-transition: all 0.3s ease-out 0.1s;
        transition: all 0.3s ease-out 0.1s;
    }
    .level-2.mainmenu-sublevel-open {
        display: block;
        left: 0;
        background: #fff;
        z-index: 26;
    }

    .mainmenu-sublevel-open > li > .mainmenu-btn-sublevel {
        display: none !important;
    }
}
@media (min-width: 768px) {
    .main-menu .level-2 {
        display: none;
        list-style: none;
        margin: 0;
        padding: 65px 30px 20px;
        position: absolute;
        left: 100%;
        width: 400%;
        background: #fff;
        top: 0;
        z-index: 99;
        box-shadow: 28px 10px 32px rgba(0, 0, 0, 0.1);
        column-count: auto;
        column-gap: 40px;
        column-rule: 1px solid rgba(0, 0, 0, 0.08);
        column-width: 270px;
        width: calc( 88vw - 100%);
    }
    .main-menu > li:hover > .level-2 {
        display: block;
    }
}
/**************** end mobile menu ******************/