*,
html,
body {
        margin: 0;
        padding: 0;
        scroll-behavior: smooth;
        font-family: 'Roboto', sans-serif;
}

ul li {
        list-style-type: none;
        margin: 7px auto;
}

a {
        text-decoration: none;
}

@media (max-width: 568px) {

        /* html {
                font-size: 80%;
        } */

        /* ===START - CONTAINER-HERO=== */

        #hero .container-hero .hero-item-2 .hero-carousel .card {
                width: 75%;
        }

        /* ===END - CONTAINER-HERO=== */

        /* === START - HERO === */

        #hero .container-hero {
                width: 100%;
                height: 100%;
                position: relative;
                display: flex;
                flex-direction: column;
        }

        #hero .container-hero .hero-item-1,
        #hero .container-hero .hero-item-2 {
                position: relative;
                height: 50%;
                width: 100%;
                margin: 0 auto;
        }

        #hero .container-hero .hero-item-1 .hero-title .hero-item {
                position: relative;
                top: 20px;
        }

        #hero .container-hero .hero-item-1 .hero-title .hero-item span {
                display: flex;
                justify-content: center;
        }

        #hero .container-hero .hero-item-1 .hero-title .hero-item h4 {
                display: flex;
                justify-content: center;
                text-align: center;
                text-indent: 0;
        }

        #hero .container-hero .hero-item-2 .hero-carousel .item {
                max-height: 70%;
        }

        #hero .container-hero .hero-item-2 .hero-carousel img {
                max-width: 60%;
        }

        /* === END - HERO === */

        /* === START SECTION WRAPPER-1 === */

        /* .wrapper-1 .swiper-slide .card {
                width: 23rem;
        } */

        .wrapper-1 .swiper {
                width: auto;
        }

        /* === END SECTION WRAPPER-1 === */



        /* === START SECTION WRAPPER - 6 === */
        /* Thumb */
        .wrapper-6 .container-accordion .accordion-item .accordion-thumb {
                font-size: 0.9rem;
        }

        /* === END SECTION WRAPPER - 6 === */


        /* === START - PAGES === */

        #sectionContent .container-content #productDialogGallery {
                min-width: 60%;
                max-width: 80%;
        }

        /* === END - PAGES === */

        /* === START SECTION FOOTER FOOTER === */
        footer .wrapper-footer .container-footer {
                display: flex;
                flex-direction: column;
                justify-content: center;
        }

        footer .wrapper-footer .container-footer .footer-social,
        footer .wrapper-footer .container-footer .footer-marketplace,
        footer .wrapper-footer .container-footer .footer-links {
                display: flex;
                justify-content: center;
                width: 100%;
                text-align: center;
                margin: 1rem auto;
        }

        footer .wrapper-footer .container-footer .footer-links {
                justify-content: space-evenly;
        }


        /* === END SECTION FOOTER === */



}