.swiper-slide .img-banner {
    width: 100%;
    height: 700px;
}

.blog-banner .banner-img {
    width: 100%;
    height: auto;
}

.about-area img {
    width: 100%;
    height: auto;
}

table {
    width: 100%;
    font-size: 10px;
    margin: 0px !important;
}

    table th, table td {
        padding: 8px;
        text-align: left;
        border: 1px solid #ddd;
    }

@media only screen and (max-width: 768px) {
    .swiper-slide .img-banner {
        width: 100%;
        height: auto;
    }

    .shipping-area {
        display: none;
    }

    table {
        font-size: 0.5rem !important;
    }

        table tr td span {
            font-size: 0.5rem !important;
        }
}

@media screen and (max-width: 1024px) {
    .swiper-slide .img-banner {
        width: 100%;
        height: auto;
    }

    .about-area {
        width: 100%;
        height: auto !important;
    }

    table {
        font-size: 0.8rem !important;
    }

        table span {
            font-size: 0.8rem !important;
        }
}