/*
CSS RESPONSIVE ON DEVICE
 */

/*=============== START DESKTOP ====================*/

@media only screen 
and (min-width : 1024px) {





}

/*=============== END DESKTOP ====================*/

/*=============== START IPAD ====================*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1023px) {

    form.woocommerce-cart-form {
        width: 100%;
    }

    .cart-collaterals {
        width: 100% !important;
        margin-top: 30px;
    }

    .woocommerce table.shop_table tr.cart_item td .quantity {
        position: relative;
        top: 15px;
    }

    div#customer_details {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    form.checkout.woocommerce-checkout {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    div#order_review {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-top: 30px;
    }

    ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        margin-bottom: 30px;
    }

    ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li:nth-of-type(3) {
        border: none;
    }

    .policy-item {
        margin-bottom: 30px;
    }

    section.policy {
        padding-bottom: 2rem;
    }

    .product-item-thumb a img {
        height: 180px;
    }

    .header-title h2:before {
        left: 41%;
    }

    .header-title h2:after {
        right: 41%;
    }

    div#owl-review {
        max-width: 100%;
    }

    section.review {
        padding-bottom: 5rem;
    }

    .product-item-content-btn-atc {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: normal;
            -ms-flex-align: normal;
                align-items: normal;
    }

    .product-item-content-btn-atc>a:first-child {
        margin-bottom: 5px;
    }

.single-product-wrapper {
    flex-direction: column;
}

.woocommerce div.product div.summary {
    margin-top: 3rem;
}



}       
/*=============== END IPAD ====================*/



/*=============== START MOBILE ====================*/

@media only screen 
and (max-width : 767px) {

    h2.header-page-title, h1.v-title-single-post {
        font-size: 20px;
    }

    
    form.woocommerce-cart-form {
        width: 100%;
    }

    .cart-collaterals {
        width: 100% !important;
        margin-top: 30px;
    }

    .woocommerce table.shop_table tr.cart_item td {
        line-height: 3;
        font-weight: normal;
        font-size: 14px;
    }


    div#customer_details {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    form.checkout.woocommerce-checkout {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    div#order_review {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-top: 30px;
    }

    p#billing_phone_field, p#billing_email_field {
        width: 100%;
    }

    ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-bottom: 30px;
    }

    ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li:nth-of-type(2n) {
        border: none;
    }

    p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
        font-size: 15px;
        padding: 30px 15px;
    }

    ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li:nth-of-type(5) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .v-header-top-right {
        display: none;
    }

    .policy-item {
        margin-bottom: 10px;
    }

    h2.title-home {
        font-size: 22px;
    }

    .product-block .row>div:nth-of-type(odd) {
        padding-right: 5px;
    }

    .product-block .row>div:nth-of-type(even) {
        padding-left: 5px;
    }

    .product-item-thumb a img {
        height: 165px;
    }

    .product-item-content-btn span.title-price {
        width: 60%;
        font-size: 13px;
    }

    .product-item-content h3 {
        font-size: 15px;
        line-height: 20px;
    }

    .product-item {
        margin-bottom: 10px;
    }

    .header-title h2 {
        font-size: 22px;
    }

    .header-title h2:before {
        left: 38%;
        width: 30px;
    }

    .header-title h2:after {
        right: 38%;
        width: 30px;
    }

    div#owl-review {
        max-width: 100%;
    }

    section.policy {
        display: none;
    }

    section.product-home {
        margin-top: 4rem;
    }

    div#owl-review .owl-dots button, .owl-news .owl-dots button {
        width: 10px;
        height: 10px;
        background: #00000052;
        margin: 0 5px;
        border-radius: 50%;
    }

    div#owl-review .owl-dots, .owl-news .owl-dots {
        text-align: center;
        margin-top: 10px;
    }

    div#owl-review .owl-dots button.active, .owl-news .owl-dots button.active {
        background: var(--primary-color);
    }

    section.review {
        padding-bottom: 5rem;
    }

    .header-title h2 span:before {
        width: 10px;
        height: 10px;
    }

    .copyright p {
        font-size: 12px;
    }

    .v-single-box, .woocommerce div.product .woocommerce-tabs .panel {
        padding: 12px;
    }

    section.related.products .products.row>div:nth-of-type(odd) {
        padding-right: 5px;
    }

    section.related.products .products.row>div:nth-of-type(even) {
        padding-left: 5px;
    }

    .single-product-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .images.wpgs-wrapper .wpgs-image {
        margin-bottom: 20px;
    }

    .product_action_btn > a, .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        font-size: 14px;
    }

    .v-header-top {
        padding: 0;
        font-size: 14px;
    }
    ul#menu-mobile ul.sub-menu>li>a {
        font-size: 14px;
        padding: 6px 0;
    }
    .nav-menu-mobile {
        overflow-y: scroll;
    }
    .product-item-content-btn-atc {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: normal;
            -ms-flex-align: normal;
                align-items: normal;
    }

    .product-item-content-btn-atc>a:first-child {
        margin-bottom: 5px;
    }


}

/*=============== END MOBILE ====================*/



/*=============== START MOBILE < 320px ====================*/

/* Desktops and laptops ----------- */
@media only screen 
and (max-width : 320px) {



}

/*=============== END MOBILE < 320px====================*/