@import url("root.css");

body {
    overflow-x: hidden !important;
}


/* RESPONSIVE */
@media (max-width: 575.98px) {}

@media (min-width: 576px) and (max-width: 767.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {

    #section-offer .main-col:nth-child(1),
    #section-offer .main-col:nth-child(3),
    #section-offer .main-col:nth-child(2),
    #section-offer .main-col:nth-child(4) {
        background-color: var(--grey-8);
    }

    #section-offer .product-img {
        left: 3em;
    }

    #section-offer .product-img img {
        width: 236px;
    }

    #section-offer .overlays .bar {
        width: 100%;
    }

    #section-offer .style-img {
        right: -21em;
    }

    #section-offer .style-img img {
        max-width: 374px;
        top: 1px;
    }

    #section-joinus .row-joinus-list {
        top: -36px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #section-offer .product-img {
        left: 6em;
    }

    #section-offer .overlays .bar {
        width: 100%;
    }

    #section-offer .style-img {
        right: -30em;
    }

    #section-offer .style-img img {
        top: -73px;
    }
}

@media (min-width: 1200px) and (max-width: 1765.98px) {
    #section-about h2 {
        font-size: 22px;
    }

    #section-about h2 span {
        font-size: 26px;
    }
}

@media (min-width: 1400px) and (max-width: 1765.98px) {}

@media (min-width: 1766px) {}

@media only screen and (max-width: 800px) {}