/*
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: 25px;
    }

    .title-home h2 span:before {
        right: -19px;
    }

    .footer-block {
        margin-top: 3rem;
    }

    .footer-contact {
        text-align: center;
    }

.title-home-link ul li {
    margin-right: 25px;
}

.title-home-link ul li a {
    font-size: 14px;
}

.title-home-link ul {
    margin-left: 10px;
}

section.banner a img {
    height: auto;
}

}       
/*=============== 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%;
    }

    .header-top-right {
        text-align: center;
    }

    .header-top-right ul {
        padding: 0;
    }

    .header-top-right ul li {
        margin: 0 8px;
        margin-top: 5px;
    }

    .header-top-left p {
        text-align: center;
    }

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

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

    .title-feature h2 span:before, .title-feature h2 span:after {
        width: 40px;
        top: 10px;
    }

    .title-feature h2 span:before {
        left: -60px;
    }

    .title-feature h2 span:after {
        right: -60px;
    }

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

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

    .title-home h2 span {
        font-size: 14px;
        padding: 8px 12px;
    }

    .title-home h2 span:before {
        border-width: 32px 0 0 20px;
    }

    .title-home h2 {
        padding-bottom: 0;
    }

    .product-item-content h3 a {
        font-size: 13px;
    }

    .product-item-content h3 {
        margin-bottom: 5px;
    }

    p.product-item-price span {
        font-size: 14px;
    }

    .footer-block {
        margin-top: 3rem;
    }

    p.product-item-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    p.product-item-price del span {
        margin-right: 4px;
        font-size: 12px;
    }

    .product-item-content {
        min-height: 85px;
        padding: 12px 8px;
    }

    section.policy {
        background-size: cover;
    }

    .woocommerce div.product .woocommerce-tabs .panel {
        padding: 15px 10px;
    }

    .header-top {
        font-size: 12px;
    }

    section.banner a img {
        height: auto;
    }

.title-project h2 span {
    font-size: 2.2rem;
    letter-spacing: 0;
}

.title-project h2 span:before {
    left: -40px;
}

.title-project h2 span:before, .title-project h2 span:after {
    display: none;
}

.title-project h2 span:after {
    right: -40px;
}

.project-btn {
    margin-top: 10px;
}

.project-btn>a {
    padding: 6px 15px;
    font-size: 13px;
}

.title-home-link ul {
    display: none;
}

.blogs-item-content {
    padding: 15px 10px;
}

.title-project {
    max-width: 65%;
    margin: 0 auto;
}

.title-project h2 {
    line-height: 1.4;
}

}

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



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

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



}

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