/*************** ADD MOBILE ONLY CSS HERE  ***************/
/* ************************************************************************************** */
/* Desktop */
@media(max-width: 1760px) {}

@media(max-width: 1470px) {}

@media(max-width: 1366px) {

    .header .search-form input {
        min-width: auto;
    }

    .txt-head-top .co1 {
        margin-right: 30px;
    }

    .footer-main-1 .ck-map {
        margin-left: 0;
    }

    .footer-main-1 .ck-map {
        min-width: auto;
    }

    .home01 {
        padding: 0 15px;
    }

    .home02 .slick-next.slick-arrow {
        right: 0px;
    }

    .home02 .slick-prev.slick-arrow {
        left: 0px;
    }

    .home01 .ro .co2 .img {
        position: relative;
        bottom: -15px;
        left: 0;
    }

    .home01 .ro .co1 .col-inner {
        max-width: 100%;
        margin-left: 15px;
    }
}

@media(max-width: 1263px) {
    .footer-main-1 .col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .footer-main-1 .co2 {
        margin-top: 20px;
    }

    .footer-main-1 .ck-map {
        width: fit-content;
        margin: auto;
    }

    .footer-main-1 .icon-box {
        width: fit-content;
        margin: auto;
    }

    .box-text .button {
        padding: 10px;
    }

    .home01 .ro .co2 .img {
        bottom: -50px;
    }

}

@media(max-width: 1232px) {
    .home07 .co2 .col-inner {
        padding: 20px;
    }

    .home07 .co2 .col-inner .text {
        margin-left: 20px;
    }

    .home01 .ro .co2 .img {
        bottom: -60px;
    }

}

@media(max-width: 1170px) {
    .footer-main-2 .co1 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .footer-main-2 .co2 {
        flex-basis: 20%;
        max-width: 20%;
    }

    .footer-main-2 .co3 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .footer-main-2 .co4 {
        flex-basis: 30%;
        max-width: 30%;
    }

    .home01 .ro .co2 .img {
        bottom: -80px;
    }

}

@media(max-width: 1140px) {
    .home01 .ro .co2 .img {
        bottom: -90px;
    }

}

@media(max-width: 1024px) {
    .txt-head-top a {
        font-size: 12px;
    }

    .header .search-form input {
        max-width: 300px;
    }

    .header .search-form input,
    .header .header-nav.nav-left li:first-child .nav-top-link,
    .header .log a,
    .header .flex-right .cart-item a {
        font-size: 14px;
    }

    .banner-cmsp img {
        height: 210px;
    }

    .home01 .btn span {
        padding: 10px;
    }

    .home01 .ro .co2 .img {
        bottom: -128px;
    }

}

/* ************************************************************************************** */
/* Tablet */
@media(max-width: 849px) {
    .footer-main-2 .co1 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .footer-main-2 .co2 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .footer-main-2 .co3 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .footer-main-2 .co4 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .header .flex-right .cart-item a {
        border-radius: 5px;
        padding: 15px 18px;
    }

    .header .flex-right .cart-item a i {
        position: unset;
    }

    .mobile-sidebar .search-field {
        font-size: 12px;
        min-height: 40px;
        text-indent: 5px;
    }

    .mobile-sidebar .menu-item a i {
        margin-right: 10px;
    }

    .mobile-sidebar .menu-item .sub-menu a {
        font-size: 14px;
    }

    .mobile-nav li>a>i {
        color: white;
    }

    .footer-main-2 .row {
        margin-top: 0px;
    }

    .medium-logo-center .logo {
        margin: 5px 15px;
    }

    .home04 .col .col-inner .text h2,
    .home04 .col .col-inner .text {
        max-width: 100%;
    }

    .home04 .col .col-inner .text {
        margin-left: 0;
    }

    .home04 .co1 {
        padding-bottom: 20px;
    }

    .home04 .col .col-inner .img {
        max-width: 235px;
        height: 334px;
    }

    .home07 .co2 .col-inner .text {
        max-width: 430px;
    }

    .home01 .ro .co1 {
        flex-basis: 100%;
        max-width: 100%;
        padding: 20px !important;
    }

    .home01 .ro .co2 {
        flex-basis: 100%;
        max-width: 100%;
        padding: 0 20px !important;
    }

    .home01 .ro .co1 .col-inner {
        margin-left: 0;
    }

    .home01 .ro {
        background: #49bd5e;
    }

    .home01 .btn span {
        padding: 10px;
    }

    .home08 {
        min-height: 500px;
    }

    .banner-cmsp img {
        height: 170px;
    }

    .home01 .ro .co2 .img {
        bottom: -15px;
    }

    .child-categories-main {
        grid-template-columns: repeat(2, 1fr);
    }

    .nhathuoc-Orenda {
        display: block;
    }

    .nhathuoc-Orenda .block-2,
    .nhathuoc-Orenda .block-1 {
        max-width: 100%;
    }

    .nhathuoc-Orenda .block-2 {
        margin-top: 20px;
    }
}

@media(max-width: 820px) {}

@media(max-width: 812px) {}

@media(max-width: 768px) {}

@media(max-width: 691px) {

    .footer-main-1 .icon-box h3 {
        font-size: 20px;
        margin-bottom: 0;
    }

    .footer-main-1 .icon-box p {
        font-size: 14px;
    }
}

@media(max-width: 656px) {
    .block-settx {
        display: block;
    }

    .block-settx .co2 {
        margin-top: 15px;
        width: fit-content;
    }
}

/* ************************************************************************************** */
/* Mobile */
@media(max-width: 480px) {

    h1,
    h2 {
        font-size: 22px !important;
        line-height: 34px !important;
    }

    h3 {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    p {
        font-size: 14px !important;
        line-height: 22px !important;
    }

    .devvn_woocommerce_price_suffix,
    .product-small.box .price-wrapper .price bdi,
    .product-small.box .price-wrapper .price ins {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .home04 .col .col-inner .text p a,
    .home01 .btn span,
    .box-text .button {
        font-size: 14px !important;
        line-height: 22px !important;
    }

    .footer-main-1 .row .col-inner {
        display: block;
    }

    .footer-main-1 .icon-box {
        margin-bottom: 15px;
    }

    .footer-main-1 .co2 {
        margin-top: 10px;
    }

    .footer-main-2 .col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .home01 .ro .co2 .col-inner {
        min-height: 335px;
    }

    .home04 .col .col-inner .text {
        width: 100%;
        max-width: 55%;
    }

    .home04 .col .col-inner .img {
        width: 100%;
        max-width: 44%;
        height: auto;
    }

    .home07 .co2 .col-inner {
        display: block;
    }

    .home07 .co2 .col-inner .img {
        width: 100%;
        max-width: 100%;
    }

    .home07 .co2 .col-inner .text {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }

    .home07 .co2 .col-inner img {
        object-fit: contain;
    }

    .home07 .co2::after {
        top: 79%;
    }

    .banner-cmsp img {
        height: auto;
    }

    .banner-cmsp .row .col:nth-child(1) {
        padding-bottom: 20px;
    }

    .block-settx .co2 {
        display: block;
        padding: 10px;
        border-radius: 10px;
    }

    .cm-tintuc .list_noibat .box_list .new-list-post-one,
    .cm-tintuc .list_noibat .box_list .new-list-post-right {
        max-width: 100%;
    }

    .cm-tintuc .list_noibat .box_list .new-list-post-right {
        margin-top: 20px;
    }

    .cm-tintuc .list_noibat .box_list .new-list-post-one .post-image,
    .cm-tintuc .list_noibat .box_list .new-list-post-one .post-image img {
        height: 200px;
    }

    .chitiet-tintuc>div .related_news .new-list-related .slick-arrow {
        top: -14%;
    }

    .child-categories-main {
        grid-template-columns: repeat(1, 1fr);
    }

    .nhathuoc-Orenda .block-1 .block-form #search_village,
    .nhathuoc-Orenda .block-1 .block-form #search_district {
        max-width: 100%;
    }

    .nhathuoc-Orenda .block-1 .pharmacy-list-container .pharmacy {
        height: 240px;
    }
    .nhathuoc-Orenda .block-2 .bo-suu-tap{
        grid-template-columns: repeat(1, 1fr);
    }
    .home08,
    .home08 .co2 {
        padding-bottom: 0 !important;
    }

}

@media(max-width: 430px) {
    .home01 .ro .co2 .col-inner {
        min-height: auto;
    }

    .home01 .ro .co2 .img {
        bottom: 0px;
    }

    .product-small.box img,
    .home03 .pro-cate img {
        height: 180px;
    }

}

@media(max-width: 414px) {
    .footer-main-1 .ck-map {
        font-size: 13px;
    }
}

@media(max-width: 390px) {}

@media(max-width: 375px) {}

@media(max-width: 360px) {
    .footer-main-1 .ck-map {
        font-size: 11px;
    }
}

@media(max-width: 320px) {}