/* small responsive tweaks */
        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
        }

        .mySwiper {
            width: 100%;
            height: 350px;
            /* adjust height */
        }

        .mySwiper .swiper-wrapper {
            display: flex;
        }

        .mySwiper .swiper-slide {
            flex-shrink: 0;
            width: 100%;
            height: 100%;
        }

        .mySwiper .swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .swiper-pagination {
            position: absolute;
            top: 20px;
        }

        /* header {
            background-color: #f5f5f5;
        } */

        footer {
            /* background-color: #f5f5f5; */
            color: #fff;
            padding: 3rem 0;
        }

        .social-icons a {
            font-size: 1.25rem;
        }

        #mobileMenu {
            display: none;
            background-color: #f8f9fa;
            padding: 1rem;
        }

        @media (min-width: 768px) {
            #mobileMenu {
                display: none !important;
            }
        }

        .nav-link {
            padding: 0.5rem 1rem;
        }

        @media (min-width: 768px) {
            main {
                margin-left: 175px;
                margin-right: 175px;
            }
        }

        .cart-menu {
            width: 350px !important;   
            left: -10px !important;
            direction: ltr !important;
        }

        @media (min-width: 992px) {

            /* lg and above */
            .cart-menu {
                width: 400px !important;
                direction: ltr !important;
            }
        }