/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

#wrapper {
    max-width: 100dvw;
    overflow: clip;
}

.wcboost-products-compare-bar {
    z-index: 19;
}

.wcboost-products-compare-bar.wcboost-products-compare-bar--open {
    z-index: 9999;
}

@media (orientation: landscape) and (height <= 480px), (width <= 480px) {
    .joinchat {
        --bottom: 116px;
    }
}

@media screen and (max-width: 560px) {
    .wcboost-products-compare-widget__buttons .button {
        font-size: 14px;
    }
}

@media screen and (max-width: 560px) {
    .wcboost-products-compare-bar__content {
        padding-inline: 20px;
    }
    
    .wcboost-products-compare-widget__buttons .button {
        font-size: 14px;
    }
}

@media screen and (max-width: 375px) {    
    .wcboost-products-compare-widget__buttons .button {
        font-size: 12px;
    }
}

@media screen and  (min-width: 768px) {
    .header-wrapper.stuck .header-vertical-menu__fly-out {
        margin-top: -40px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .header-nav-main.nav-left {
        display: none;
    }
}

@media (max-width: 767px) {
    table.compare_table td {
        position: relative;
    }
}