﻿@media only screen and (max-width:767px) {
    .mobile-login {
        display: block;
        border-bottom: 2px dashed #fff;
    }

    .header_middle .hover_category .select_option {
        width: 100%;
    }

    .height386 {
        height: auto;
    }

    .height790 {
        height: auto;
    }

    .video-bg {
        width: 100%;
        height: 200px;
    }

        .video-bg:before {
            height: 200px;
        }

    .testimonial_content > p:before {
        display: none;
    }

    .testimonial_content > p:after {
        display: none;
    }

    .marquee-wrapper {
        height: auto;
    }

        .marquee-wrapper marquee {
            position: relative;
            width: 100%;
        }

        .marquee-wrapper .heading {
            font-size: 26px;
            text-align: center;
            width: 100%;
            height: 60px;
        }

            .marquee-wrapper .heading::after {
                content: "";
                width: 20px;
                height: 20px;
                left: 50%;
                top: 50px;
                background: #2c9727;
                transform: rotate(45deg);
                position: absolute;
            }

    .delivery-area {
        padding: 30px 0px;
    }

    .slider_area .owl-item img {
        display: block;
        width: 100%;
        height: auto;
    }

    .niceselect_option .search_box input {
        border: 1px solid #0e85de;
        border-radius: 5px;
    }

    .modal_add_to_cart {
        margin-bottom: 15px;
    }

    .niceselect_option .search_box {
        margin-bottom: 0px;
    }

    .cart_page table {
        display: block;
        overflow-x: scroll;
    }

        .cart_page table tbody tr td a img {
            width: auto;
            height: auto;
        }

    /*.product-details-tab .owl-item {
    width:80px !important;
}*/
    .order-table ul li {
        padding: 5px 0px;
        border-bottom: 1px solid #ddd;
        font-size: 15px;
    }

        .order-table ul li i {
            font-size: 12px;
        }

    .checkout-box {
        margin-bottom: 30px;
    }

    .income-box table {
        display: block;
        overflow-x: scroll;
    }

        .income-box table thead tr th {
            padding: 5px;
            font-size: 15px;
        }

        .income-box table tbody tr td {
            padding: 5px;
            text-align: center;
            font-size: 15px;
            color: #0e85de;
            border: 1px solid;
        }

    .income-box h2 {
        font-size: 18px;
    }

    .section_title6 {
        text-align: center;
    }

    .achiver-box table {
        display: block;
        overflow-x: scroll;
    }

    .achiver-box {
        padding: 10px;
    }

    .product_d_right {
        padding: 10px;
    }

    .box-shadow {
        padding: 10px;
    }

    .checkout-box {
        padding: 10px;
    }

    .select_option {
        align-items: baseline;
    }

    .shop_wrapper .product_thumb a img {
        width: 100%;
        max-height: 450px;
        height: auto;
    }
    .product_carousel .product_thumb a img {
        width: auto;
        max-height: 450px;
        height: auto;
    }
}

/*======media only screen 420==========*/

@media only screen and (max-width:420px) {
    .shop_wrapper .product_thumb a img {
        width: 100%;
        max-height: 440px;
        height: auto;
    }
    .product_carousel .product_thumb a img {
        width: auto;
        max-height: 440px;
        height: auto;
    }
}

@media only screen and (max-width:375px) {
    .shop_wrapper .product_thumb a img {
        width: 100%;
        max-height: 385px;
        height: auto;
    }
    .product_carousel .product_thumb a img {
        width: auto;
        max-height: 385px;
        height: auto;
    }
}
/*======media only screen 360==========*/

@media only screen and (max-width:360px) {
    .shop_wrapper .product_thumb a img {
        width: 100%;
        max-height: 360px;
        height: auto;
    }
    .product_carousel .product_thumb a img {
        width: auto;
        max-height: 360px;
        height: auto;
    }
}

/*======media only screen 320==========*/

@media only screen and (max-width:320px) {
    .shop_wrapper .product_thumb a img {
        width: 100%;
        max-height: 320px;
        height: auto;
    }
    .product_carousel .product_thumb a img {
        width: auto;
        max-height: 350px;
        height: auto;
    }
}
