@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .single_product {
        height: 340px
    }
    .single_product_title_price>h3 {
        margin: 5px 0
    }
    .single_product_title_price>h3 a {
        font-size: 18px
    }
    .product_area_title>h2 {
        font-size: 22px
    }
    .single_widget_title>h2 {
        font-size: 20px
    }
    .list_item_price,
    .single_list_item a {
        font-size: 16px
    }
    .single_cat>img {
        height: 250px
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single_product_title_price>h3 {
        margin: 5px 0
    }
    .single_product_title_price>h3 a {
        font-size: 16px
    }
    .single_product {
        height: auto
    }
    .single_widget_title>h2 {
        font-size: 18px
    }
    .list_item_price,
    .single_list_item a {
        font-size: 14px
    }
    .page_title,
    .product_area_title>h2 {
        font-size: 20px
    }
    .single_cat>img {
        height: 250px
    }
    .yith_magnifier_zoom_wrap img {
        height: 320px !important;
    }
}
@media only screen and (max-width: 767px) {
    .slider_area .carousel {
        border: 1px solid #514142;
        height: 380px;
        padding: 5px
    }
    .caption h1 {
        font-size: 30px
    }
    .slider_area .caption a,
    .slider_area .caption li,
    .slider_area .caption p {
        font-size: 17px
    }
    .single_product {
        height: auto
    }
    .woocommerce table.shop_table td {
        font-size: 10px;
        padding: 5px
    }
    td.product-name>a {
        font-size: 11px
    }
    .woocommerce table.shop_table th {
        font-weight: 600;
        padding: 5px
    }
    .page_title,
    .product_area_title>h2 {
        font-size: 18px
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .single_product {
        height: auto
    }
    .slider_area .carousel {
        border: 1px solid #514142;
        height: 400px;
        padding: 5px
    }
    .caption h1 {
        font-size: 34px
    }
    .slider_area .caption a,
    .slider_area .caption li,
    .slider_area .caption p {
        font-size: 18px
    }
    .woocommerce .single_product_image img {
        height: 300px
    }
    td.product-name>a {
        font-size: 12px
    }
    .woocommerce table.shop_table th {
        font-weight: 700;
        padding: 8px
    }
    .page_title,
    .product_area_title>h2 {
        font-size: 20px
    }
}