/*
CSS RESPONSIVE ON DEVICE
 */

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

@media (min-width: 1800px) {
    section.blogs .container {
        max-width: 1600px;
    }

}

@media (min-width: 1600px) {
    .container {
        max-width: 1400px;
    }
    .wrapper-menu ul#menu-main>li {
        padding: 30px 15px;
    }
    .wrapper-menu ul#menu-main>li>a {
        font-size: 16px;
    }

    .wrapper-menu ul#menu-main>li.menu-item-has-children:after {
        right: 2px;
        top: 31px;
        font-size: 15px;
    }

}

@media only screen 
and (min-device-width : 1300px) 
and (max-device-width : 1600px) {

    .container {
        max-width: 1280px;
    }
    .slide-icon-left {
        height: 700px;
    }
    .about-img-box_two img {
        max-width: 300px;
    }

    .about-img-box_two {
        left: -130px;
    }

}

@media only screen 
and (min-device-width : 1200px) 
and (max-device-width : 1599px) {
    .wrapper-menu ul#menu-main>li {
        padding: 30px 10px;
    }
    .wrapper-menu ul#menu-main>li.menu-item-has-children:after {
        right: 0;
        top: 31px;
    }
    .header-main-logo img {
        max-width: 150px;
        padding: 5px;
    }
    .procedure-img-box-1 img {
        max-width: 420px;
    }

    .procedure-img-box-3 img {
        width: 270px;
    }

    .procedure-img-box-3 {
        bottom: 50px;
    }

    .procedure-img-box-2 img {
        max-width: 90px;
    }

    .procedure-img-box-2 {
        top: 110px;
    }
    .blogs-item__img img {
        height: 340px;
    }
    .procedure-content-inner_item {
        margin-right: 8rem;
    }
    .contact-chinhanh-box {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 48%;
                flex: 0 0 48%;
        margin-bottom: 45px;
    }
/*    .contact-showroom-box {
        padding: 15px;
        flex: 0 0 32%;
    }*/
    .product-item-content>h3>a, .product-archive .product-item-content>h3>a {
        font-size: 16px;
        line-height: 22px;
        display: -webkit-box;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .block-chinhanh-item {
        min-height: 19rem;
    }
    .location-item {
        min-height: 17.5rem;
    }

}

@media only screen 
and (min-device-width : 993px) 
and (max-device-width : 1199px) {
    .container {
        max-width: 1050px;
    }
    .procedure-img-box-1 img {
        max-width: 350px;
    }

    .procedure-img-box-3 {
        bottom: 0px;
        right: 10px;
    }

    .procedure-content>h2 {
        font-size: 3.6rem;
    }

    .procedure-content-inner_item {
        margin-right: 5rem;
    }

    .procedure-img-box-1 {
        top: 20px;
    }

    .procedure-img-box-2 img {
        max-width: 100px;
    }

    .procedure-img-box-2 {
        right: 0;
        top: 170px;
    }

    .procedure-img-box-3 img {
        width: 250px;
    }

    .procedure-content>p {
        margin: 20px 0;
    }

    .procedure-content-btn {
        margin-top: 3rem;
    }

    .procedure-content-box {
        margin-top: 3rem;
    }

    a.product-item-btn_now {
        font-size: 12px;
        padding: 8px 20px;
    }

    a.product-item-btn_addtocart {
        font-size: 12px;
        width: 32px;
        height: 32px;
        top: 1px;
    }

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

    .about-content {
        padding-right: 5rem;
    }

    .about-img-box_two img {
        max-width: 280px;
    }

    .wrapper-menu ul#menu-main>li>a {
        font-size: 13px;
    }

    .wrapper-menu ul#menu-main>li {
        padding: 30px  10px;
    }

    .wrapper-menu ul#menu-main>li.menu-item-has-children:after {
        right: 0px;
        font-size: 12px;
    }

    .product-sidebar-cate>h3,
    .product-sidebar-feature>h3 {
        font-size: 16px;
    }

    .product-sidebar-cate {
        padding: 27px 5px 5px;
    }

    .contact-details__single {
        margin-bottom: 25px;
    }

    .contact-details__social {
        margin-left: 0;
    }

    .about-three__right {
        margin-left: 0;
        margin-top: 40px;
    }

    .about-slogan-item span {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 13%;
                flex: 0 0 13%;
    }
    .contact-chinhanh-box {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 48%;
                flex: 0 0 48%;
        margin-bottom: 35px;
    }
    .contact-showroom-wrapper {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .contact-showroom-box {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 48%;
                flex: 0 0 48%;
        margin-bottom: 30px;
    }
    .block-chinhanh-item {
        min-height: 21.5rem;
    }
    .location-item {
        min-height: 17.5rem;
    }
    
}


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

.hidden-desktop {
    display: none;
}


}

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

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

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

    .header-mobile-wrapper {
        height: 90px;
    }

    .header-mobile-logo a img {
        max-width: 150px;
    }

    section.bg-breadcrumb {
        padding: 8rem 0;
    }

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

    .title-home h2 {
        font-size: 38px;
    }
    
    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;
    }

    .slide-icon-left {
        display: none;
    }

    .about-img {
        margin-left: 0;
        margin-top: 5rem;
    }

    .about-img-box_two {
        left: 0;
    }

    .about-img-box_one img {
        width: 580px;
    }

    .about-img-box_one {
        text-align: right;
    }

    .about-img-box_video-link {
        left: 20px;
    }

    .about-shape-2 img {
        max-width: 100px;
    }

    .product-shape img {
        max-width: 100px;
    }

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

    section.video-top, section.video-bottom {
        min-height: 450px;
    }

    .video-top-play a span svg {
        font-size: 10rem;
    }

    .procedure-content {
        padding-left: 0;
    }

    .counter-gallery-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .counter-gallery-box_item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        margin-bottom: 15px;
    }

    .counter-gallery {
        max-width: 95%;
    }

    .counter-item {
        margin-bottom: 4rem;
    }

    section.counter {
        padding-bottom: 18rem;
    }

    .blogs-support {
        max-width: 90%;
    }

    .forms-main {
        padding: 70px 40px;
        margin-top: 30px;
    }

    .reviews-shape img {
        width: 100px;
    }

    .footer-logo {
        margin-bottom: 90px;
    }

    .slide-icon-left, .slide-icon-right {
        display: none;
    }

    .contact-details__single {
        margin-bottom: 15px;
    }

    .contact-details__social {
        margin-left: 0;
    }

    .about-three__right {
        margin-left: 0;
    }

    .Provide-One__left, .Provide-One__right {
        width: 100%;
    }

    .Provide-One__right {
        padding: 70px;
    }

    .Provide-One__left {
        min-height: 570px;
    }

    .testimonial-three__right {
        margin-top: 80px;
    }
    .blog-details__img img {
        height: 400px;
    }
    .hidden-mobile {
        display: none;
    }
    .contact-chinhanh-box {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 48%;
                flex: 0 0 48%;
        margin-bottom: 35px;
    }
    .contact-showroom-wrapper {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .contact-showroom-box {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 48%;
                flex: 0 0 48%;
        margin-bottom: 30px;
    }

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



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

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

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

    section.bg-breadcrumb {
        padding: 5rem 0;
    }
    
    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%;
    }

    .about-content {
        padding-right: 0;
    }

    .slide-icon-left, .slide-icon-right {
        display: none;
    }

    section.about {
        padding-top: 5rem;
    }

    .about-content>ul>li {
        font-size: 14px;
    }

    .about-content>h2 {
        font-size: 2.8rem;
    }

    .about-content>h3 {
        font-size: 16px;
        margin: 20px 0;
    }

    .about-shape-2 img {
        max-width: 50px;
    }

    .about-img {
        margin-left: 0;
    }

    .about-action-more {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 25px;
    }

    .about-action-btn {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 4rem;
    }

    .about-action-btn img {
        margin-left: 0;
    }

    .about-img-box_two {
        left: 0;
    }

    .about-img-box_two img {
        max-width: 200px;
    }

    .about-img-box_video-link {
        left: 40px;
        top: 50px;
    }

    .product-shape img {
        max-width: 60px;
    }

    .title-home h2 {
        font-size: 2.8rem;
    }

    .nav-product li a {
        width: 100%;
        font-size: 14px;
    }

    .nav-product {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .nav-product li {
        margin: 0 0;
        margin-bottom: 15px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 32%;
                flex: 0 0 32%;
    }

    section.video-top, section.video-bottom {
        min-height: 400px;
    }

    .video-top-play a span svg {
        font-size: 10rem;
    }

    .procedure-content>h2 {
        font-size: 2.8rem;
    }
    .procedure-content-inner_item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        margin-right: 0;
    }

    .procedure-content-box {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .counter-gallery-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .counter-gallery-box_item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        margin-bottom: 10px;
    }

    .counter-gallery {
        max-width: 95%;
    }

    .counter-gallery-box_item>a>img {
        height: 130px;
    }

    .counter-item-icon svg {
        font-size: 3.2rem;
    }

    .counter-item {
        margin-bottom: 40px;
    }

    .counter-item-number {
        font-size: 3rem;
    }

    .counter-item>h4 {
        font-size: 16px;
    }

    .procedure-content {
        padding-left: 0;
    }

    .blogs-support-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 30px 40px;
    }

    .blogs-support-box_item span img {
        width: 45px;
    }

    .blogs-support-box_item h4 {
        font-size: 16px;
        line-height: 25px;
    }

    .blogs-support-box_item {
        margin-bottom: 25px;
    }

    .blogs-support-box>div:last-child {
        margin-bottom: 0;
    }

    .blogs-support {
        max-width: 95%;
    }

    .title-home-news>h2 {
        font-size: 2.8rem;
    }

    .forms-title-home h2 {
        font-size: 2.8rem;
    }

    .forms-main {
        margin-top: 2rem;
        padding: 60px 20px;
    }

    .forms-haft-one {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .forms-haft-one span {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .reviews-shape img {
        width: 60px;
    }

    div#owl-reviews {
        margin-top: 10rem;
    }

    .footer-list, .footer-news, .footer-logo {
        margin-bottom: 4rem;
    }

    .copyright-box {
        padding-left: 20px;
    }

    section.counter {
        padding-bottom: 15rem;
        padding-top: 4rem;
    }

    .contact-details__single {
        margin-bottom: 11px;
    }

    .contact-details__icon {
        width: 40px;
    }

    .contact-details__social {
        margin-left: 0;
    }

    .block-form-haft {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .blog-one__content {
        padding: 15px 15px 20px;
    }

    .blog-one__title {
        font-size: 18px;
    }

    .about-three__right {
        margin-left: 0;
    }

    .Provide-One__left {
        width: 100%;
        min-height: 400px;
    }

    .Provide-One__right {
        width: 100%;
        padding-left: 15px;
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .provide-one__sopport {
        padding: 25px;
    }

    .testimonial-three__right {
        margin-top: 80px;
    }

    .woocommerce div.product .product_title {
        font-size: 26px;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a, section.related.products > h2 span {
        font-size: 20px;
    }

    .procedure-content>span, .title-home-news span, .about-content>span {
        font-size: 15px;
    }

    .blog-one__img img {
        height: 350px;
    }
    .section-title.text-left h2 {
        font-size: 3.2rem;
    }

    .section-title.text-left span {
        font-size: 15px;
    }

    .team-one__title {
        font-size: 18px;
    }
    .woocommerce div.product div.images {
        margin-bottom: 0;
    }
    .blog-details__img img {
        height: 200px;
    }
    .product-item {
        margin-bottom: 30px;
    }
    .product-item-thumb a img {
        height: 280px;
    }
    .summary.entry-summary .quantity .qty {
        width: 3em;
    }
    .showroom-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        margin-bottom: 30px;
    }
    .about-three__left-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-top: 30px;
    }

    ul.about-three__left-list {
        margin-left: 0;
    }

    .about-three__left-bottom img {
        margin-bottom: 30px;
    }

    ul.about-three__left-list li {
        font-size: 13px;
    }

    .about-slogan-item span {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 15%;
                flex: 0 0 15%;
    }
    .hidden-mobile {
        display: none;
    }
    
    .about-contact-box {
        padding: 4rem 2rem;
    }

    .about-contact-box ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 13px;
    }

    .about-contact-box ul li span {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 40px;
                flex: 0 0 40px;
    }

    .about-contact-box h3 {
        font-size: 22px;
    }

    div#main_video_owl iframe {
        height: 300px;
    }

    .item_video img {
        height: 100px;
    }

    div#sub_video_owl {
        margin-top: 0;
    }
    .contact-showroom-wrapper, .contact-chinhanh-wrapper {
        -webkit-box-orient:  vertical;
        -webkit-box-direction:  normal;
            -ms-flex-direction:  column;
                flex-direction:  column;
    }

    .contact-showroom-box, .contact-chinhanh-box {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        margin-bottom: 20px;
    }

    
}

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



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

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



}

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