@media only screen and (max-width: 1024px) and (min-width: 780px) {
    .main_topbar {
        padding: 15px 16px !important;
    }

    .main_most-visited {
        padding: 12px 16px !important;
    }

    .style-breadcrumb {
        padding: 10px 16px !important;
    }

    .dstd {
        padding: 0 8px;
    }
}

/*********/
@media only screen and (max-width: 2560px) and (min-width: 1024px) {
    ul.navbar-nav.mr-auto.main_menu-top-list-item {
        gap: 37px;
    }

    .style-padding-small .col-sm-3 {
        padding: 0 10px 20px;
    }

    .style-col-box-blog img {
        /*        width: max-content;*/
        max-width: max-content;
    }

    .style-btn-cloes.style__btn-mn-header {
        position: absolute;
        right: 50px;
    }

    .style-btn-cloes.style__icon-close-header {
        right: 0;
        position: absolute;
    }

    .row.style-padding-small .col-10.col-sm-5.col-lg-3 {
        padding: 0 10px 20px;
    }

    .style__popupmuasi .col-lg-6.col-md-6.col-12 {
        padding: 0 10px 20px;
    }

    .style__popupmuasi p.tyle-gt-coupont {
        -webkit-line-clamp: 2;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
}

@media only screen and (max-width: 2560px) and (min-width: 769px) {
    section.main_most-visited.style__header-mb-navbar {
        display: none;
    }
}

/*Trang chu*/
@media only screen and (max-width: 2560px) and (min-width: 1024px) {
    .home-rb-banner .col-12.col-lg-12.col-md-12.hover-banner2 {
        padding: 0 10px 20px;
    }

    .col-12.col-md-4.col-lg-4 {
        padding: 0;
    }

}

@media only screen and (max-width: 1024px) {
    ul.navbar-nav.mr-auto.main_menu-top-list-item {
        gap: 10px;
    }

    .navbar-expand-lg .navbar-collapse {
        padding: 0;
    }

    section.section.style-banner.fontsize-banner.section-d {
        margin: 0 16px 0;
        width: auto;
    }

    section.section.rb-ss-home {
        margin: 0 16px 0;
        width: auto;
    }

    .home-rb-banner .col-12.col-lg-12.col-md-12.hover-banner2 {
        padding: 0 0 20px;
    }

    .style__popupmuasi .col-lg-6.col-md-6.col-12 {
        padding: 0 10px 20px;
    }

    .style__popupmuasi p.tyle-gt-coupont {
        -webkit-line-clamp: 2;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .style__popupmuasi .section-d .row.style-padding-small {
        gap: 0 !important;
    }

    .section.rb-home-commit0,
    .section.home-ss-ud,
    .section.rb-home-ssdt.style-slider-bl,
    .section.rb-ss-dt {
        margin: 0 16px;
        width: auto;
    }

    .main_header .main_container .main_header-left ul li.main_item:first-child::before,
    .main_header .main_container .main_header-right ul li.main_item:first-child::before {
        width: 0;
    }

    .main_header .main_container .main_header-right ul li.main_item:last-child:after {
        width: 0 !important;
    }
}

@media only screen and (max-width: 990px) {
    .main_header-right.main_header-left {
        display: none;
    }

    .col-12.hover-banner3 {
        padding: 0 0 20px;
    }

    .cnn-template.style__cnnteamplate-cart .table-responsive.style-spgy.spgy__table-scroll {
        overflow-x: scroll;
    }

    .main_header .main_container ul li.main_item {
        height: auto;
    }

    .main_menu-top-list-item li.main_nav-item {
        width: auto !important;
    }

    ul.style-ul-dm.style-dmsp>li>.row {
        width: 73vw;
        border: 2px solid var(--color);
        border-radius: 0 20px 20px 0;
        overflow-x: scroll;
        border-left: 0;
    }

    ul.style-ul-dm.style-dmsp>li>.row>.col-12>.row {
        width: 915px;
    }

    ul.style-ul-dm.style-dmsp>li>.row>.col-12 {
        padding: 0;
    }

    .style-ul-menu {
        border: 0 !important;
        height: 732px !important;
        overflow: auto;
    }

    .style-dmsp .row>.col-4 {
        padding-bottom: 19px;
    }

    .section-d .row.style-padding-small {
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    .section-d .row.style-padding-small .col-10.col-sm-5.col-lg-3 {
        padding: 0;
    }

    .menu__item-left {
        width: 5%;
    }

    .menu__item-right {
        width: calc(95% - 12px);
    }

    .menu__item-right ul.navbar-nav.mr-auto.main_menu-top-list-item {
        gap: 20px;
    }

    .main_menu-top-d .main_menu-top-container {
        padding: 0 !important;
    }

    .menu-category .style-content-menu-p {
        border-radius: 10px;
        height: 30px;
        width: 30px;
    }

    .style-content-menu-p p {
        display: none;
    }

    .style-banner img {
        border-radius: 10px;
        width: 100%;
    }

    .row.row-small.home-rb-banner>* {
        padding: 0 10px 20px !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .style-button-pr.style-button-pr-small{
        margin-top: 50px
    }
}

@media only screen and (max-width: 768px) {
    .row.row-small.home-rb-banner .col-12.col-lg-12.col-md-12.hover-banner2 img {
        height: auto;
    }

    .section .col-12.style__mb-dt-home {
        padding: 0 !important;
    }

    .cnn-template {
        padding: 0 16px;
    }

    .col-12.style__mb-dt-home {
        padding: 0 16px !important;
    }

    .section-d .row.style-padding-small .col-10.col-sm-5.col-lg-3 {
        padding: 0;
    }

    .section-d .row.style-padding-small {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin: 0;
    }

    .style__add-dsdh-home .col-lg-8.col-sm-7.col-12.style-h2-cnn {
        padding-right: 36px !important;
    }

    .style-row-dh {
        min-height: 296px;
    }

    .style-button-pr {
        flex-direction: column;
    }

    .style-button-pr.style-button-pr-small {
        margin-top: 75px;
    }

    .style-slider-bl .box-arow .style-row-dh .table-responsive {
        overflow-y: auto;
        height: 252px;
    }

    .col-12.style__mb-titler-search {
        padding: 0;
    }

    .style-tk-xd .modal-dialog {
        min-width: 90%;
    }

    section.main_most-visited.style__header-mb-navbar {
        height: 36px;
        border-bottom: 1px solid #e7e7e7;
        padding: 12px 16px;
        display: none;
    }

    section.main_menu-top {
        height: auto !important;
    }

    .main_menu-top .main_menu-top-container .main_menu-top-navbar .main_navbar-collapse .main_menu-top-list-item {
        justify-content: flex-start;
        flex-wrap: wrap;
        flex-direction: row;
    }

    section.main_menu-top.main_menu-top-d {
        padding: 0 16px;
        position: relative;
    }

    .main_menu-top.main_menu-top-d .main_menu-top-container .main_menu-top-navbar {
        padding-right: 0 !important;
    }

    .main_footer .main_footer-container .main_footer-content .main_title {
        font-size: 16px !important;
    }

    .row.style-padding-small.style-row-blog-home {
        justify-content: flex-start;
        gap: 0;
        margin-left: -10px;
        margin-right: -10px;
    }

    .main_topbar-search-left .style-section-d {
        width: 87% !important;
    }

    .main_topbar .main_topbar-container .main_topbar-logo {
        width: 100% !important;
        position: relative;
        left: 0;
        display: flex;
        justify-content: flex-start !important;
    }

    .main_topbar .main_topbar-container {
        justify-content: flex-start !important;
        position: relative;
    }

    .main_topbar .main_topbar-container .main_topbar-right {
        right: 0;
        position: absolute;
        justify-content: flex-end !important;
        width: 50% !important;
        top: 5px;
    }

    .row.style-padding-small.style-row-blog-home>* {
        padding: 0 10px 20px;
    }

    section.signin_form-signIn.style-sigin-d .signin_container.container-d.container .row {
        justify-content: center;
    }

    .col-12.col-lg-12.col-md-12.hover-banner2 img {
        height: auto;
    }

    .style-content-banner-home {
        scale: 0.8;
    }

    .banner_header.home-rb-b3 .text-banner-top {
        position: absolute;
        top: 4px;
        left: 30px;
        color: #ffffff;
        scale: 0.9;
    }

    .background-02 {
        transform: translateX(-30%);
    }

    .text-banner-top {
        left: 30px;
    }

    .row.row-home.style-background .bg.section-bg.fill.bg-fill.bg-loaded {
        padding: 0 !important;
        background: #00377a !important;
        z-index: 10;
    }

    .main_topbar {
        height: auto;
    }

    .style-content-menu-p p {
        display: none;
    }

    ul#menu>li ul.drop {
        width: 180px;
    }

    .menu-category .style-content-menu-p {
        border-radius: 10px;
        height: 30px;
        width: 30px;
    }

    .menu__item-left {
        width: 5%;
    }

    .menu__item-right {
        width: calc(95% - 10px);
    }

    .menu__item-right ul.navbar-nav.mr-auto.main_menu-top-list-item {
        gap: 12px;
    }

    .main_menu-top-d .main_menu-top-container {
        padding: 12px 0;
    }

    .style-slider-bl .box-arow .style-row-dh .table-responsive::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .style-slider-bl .box-arow .style-row-dh .table-responsive::-webkit-scrollbar-track {
        box-shadow: unset;
        border-radius: 10px;
        background: #ececec;
    }

    section.rb-ss-home .col-12.col-md-6.large-6.home-tt {
        padding: 14px 0;
        background: #ffff;
    }
}

@media only screen and (max-width: 560px) {
    section.main_menu-top.main_menu-top-d {
        padding: 0 16px;
        position: relative;
    }

    .menu__item-left {
        width: 8%;
    }

    .menu__item-right {
        width: calc(92% - 10px);
    }

    .background-02 {
        transform: translateX(0%);
    }

    .section-bg,
    .section-content {
        width: 100%;
    }

    .col-inner.home-rb-banner3 {
        height: auto !important;
    }

    .container.main_topbar-container .main_topbar-search-left {
        display: flex;
        right: auto;
        left: auto;
        position: relative;
        margin-top: 16px;
        justify-content: center !important;
        width: 100%;
        padding-bottom: 10px;
    }

    .main_topbar .main_topbar-container .main_topbar-right {
        display: flex;
        position: relative;
        width: 100% !important;
        right: 0;
        margin-top: 0 !important;
    }

    .section.home-ss-ud .home-ud-1 {
        padding: 20px 20px !important;
    }

    .style-line-img {
        display: none;
    }
}

@media only screen and (max-width: 425px) {
    .style-section-d {
        width: 96% !important;
        height: 30px;
        position: relative;
        margin: 10px 0;
        justify-content: center;
    }

    .text-banner-top a.btn.btn-primary.style-button-02 {
        font-size: 18px;
        border: 3px solid var(--color);
        margin: 10px auto 0;
    }

    .row.hom-quanlity .text-banner-top {
        top: 40px;
        left: 0;
        padding: 10px;
    }

    .col-12.hover-banner3 {
        padding: 0 !important;
    }

    .home-rb-banner .col-12.col-lg-12.col-md-12.hover-banner2 {
        padding: 0;
    }

    section.main_menu-top.main_menu-top-d {
        display: none;
        padding: 0 16px;
        position: relative;
    }

    .main_topbar-search-left .style-section-d {
        width: 100% !important;
    }

    .cnn-template {
        padding: 0px;
    }

    .cnn-template .section .style__mb-dt-home .section .style-home-login {
        padding: 0 16px;
    }

    .main_topbar-search-left {
        display: flex;
        justify-content: center;
        position: relative;
        width: 100%;
    }

    .style-slider-bl .box-arow .style-row-dh .table-responsive {
        overflow-y: auto;
        height: 276px;
    }

    .select-box_current {
        height: -webkit-fill-available;
    }

    .main_most-visited {
        height: auto;
        padding: 12px 8px;
    }

    .style-button-dm-header.main_list-visited {
        padding-top: 16px;
    }

    .main_most-visited span.main_title {
        padding: 0 12px;
    }

    section.main_menu-top {
        height: 46px;
        border: 0;
    }

    .search-header-d {
        padding: 4px 10px;
    }

    .style-breadcrumb {
        padding: 10px 16px;
    }

    .style-h2-cnn {
        padding: 0 16px !important;
    }

    .cnn-template .col-12.style-col-cnn.style-col-ddh {
        width: 92%;
        margin: 10px 16px;
        height: max-content;
        padding: 18px 2px;
    }

    .section-d .row.style-padding-small {
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    .style__responsive-home {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 16px;
    }

    .style-padding-small>.col-10 {
        padding: 0;
    }

    .col-12.style__mb-seach-home .row {
        display: flex;
        gap: 20px;
        justify-content: center;
        padding: 0;
    }

    .col-12.style__mb-seach-home .col-10 {
        padding: 0;
    }

    .style__mb-titler-search {
        padding: 0 16px !important;
    }

    .section.style__dhdd-mb {
        padding: 0 16px;
    }

    .style__dhdd-mb .row.style-col-box {
        gap: 20px;
    }

    section.section.close-ss-d {
        display: none;
    }

    button.navbar-toggler {
        padding: 6px;
    }

    .navbar-toggler-icon {
        width: 18px;
        height: 18px;
    }

    .style-col-box .col-ms-4.col-12 {
        padding: 0 !important;
    }

    .cnn-template #carouselId>.carousel-indicators>li {
        height: 6px;
    }

    .style__img-blog-mb .row {
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    .style-drop-dow button#triggerId {
        width: 82px;
    }

    .style-col-box-blog img {
        width: max-content;
        max-width: max-content;
    }

    .section-d {
        display: flex;
    }

    .row.style-col-homedn.style-text-icon-home.fontsize-banner {
        padding: 0 16px;
    }

    .col.style__titler-dt-home {
        padding: 18px 0 !important;
    }

    .style__dt-mb-home {
        padding: 0 16px !important;
    }

    .row.hover-img .col-4 {
        padding: 0 10px 20px;
    }

    .row.style-col-box .col-sm-4.col-md-4.col-12 {
        padding-right: 0 !important;
    }

    .style-h2-cnn h2 {
        line-height: 36px;
        margin-bottom: 16px !important;
    }

    .style__add-dsdh-home {
        padding-top: 30px !important;
    }

    .style-smsp-home {
        display: grid;
        align-items: center;
        min-width: 100%;
        min-height: 290px;
        border: 1px solid #ffffff;
        justify-items: center;
        align-content: space-evenly;
    }

    .container.main_topbar-container .main_topbar-search-left {
        right: 0;
        left: 0;
    }

    .main_topbar .main_topbar-container .main_topbar-logo {
        display: flex;
        justify-content: center !important;
    }

    .navbar-expand-lg .navbar-collapse {
        padding: 0;
    }

    section.main_menu-top.main_menu-top-d.active {
        display: flex;
        flex-direction: column;
        position: absolute;
        width: 100vw;
        height: 100vh !important;
        top: 0;
        left: 0;
        background: #00000071;
        z-index: 99999;
        transition: 0.5s ease-in-out;
    }

    section.main_menu-top.main_menu-top-d .container.main_menu-top-container {
        width: 0;
        transition: 0.5s ease-in-out;
        transition-property: width;
    }

    section.main_menu-top.main_menu-top-d.active .container.main_menu-top-container {
        display: flex;
        flex-direction: column;
        position: absolute;
        width: 50vw;
        height: 100vh !important;
        top: 0;
        left: 0;
        background: #fff;
        box-shadow: 0px 6.54619px 5.23696px rgb(0 0 0 / 3%), 0px 2.72402px 2.17921px rgb(0 0 0 / 2%);
        z-index: 9999;
        padding: 40px 20px;
        transition: 1s;
        transition: width 0.5s;
    }

    section.main_menu-top.main_menu-top-d.active .main_navbar-collapse .main_menu-top-list-item {
        width: 100%;
        list-style: none;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
    }

    section.main_menu-top.main_menu-top-d.active .menu__item-left {
        display: none;
    }

    .btn__menu-mb .style-content-menu-p {
        display: flex;
    }

    section.main_menu-top.main_menu-top-d.active .menu__item-right ul.navbar-nav.mr-auto.main_menu-top-list-item {
        gap: 20px;
    }

    section.main_menu-top.main_menu-top-d.active a.nav-link.main_nav-link span {
        line-height: 16px;
    }

    .row.hom-quanlity .col-inner {
        background: #00377a;
    }

    .style-popup-ttdh.style-col-box-dsmh {
        top: -30px !important;
    }

    .style-popup-ttdh.style-col-box-dsmh img {
        height: 88px !important;
    }
}

@media only screen and (max-width: 375px) {
    .style-input-sr-d input#searchTop {
        padding: 0 0 0 8px;
        width: 92px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/*Danh sach tan duoc*/
@media only screen and (max-width: 2560px) and (min-width: 1024px) {
    .medicine-top.col-12 .medicine-top--left.col-lg-9 {
        width: 74%;
    }

    .medicine-top.col-12 .medicine-top--right.col-lg-3 {
        width: 24%;
    }

    .medicine-search-right button {
        border-radius: 0 30px 30px 0 !important;
    }

    .medicine-top--left .search-suggestions li a {
        white-space: nowrap !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .search-suggestions li {
        margin-right: 6px !important;
    }

    .style-smsp-home {
        min-width: 210px !important;
        min-height: 260px !important;
    }
}

@media only screen and (max-width: 768px) {
    .medicine-top.col-12 {
        display: flex;
        padding: 0 16px;
    }

    .style-section-d {
        width: 350px;
    }

    .style-btn-cloes.style__icon-close-header {
        right: 0;
        position: absolute;
    }

    .main_topbar {
        padding: 15px 16px !important;
    }

    .main_topbar.sticky .main_topbar-search-left {
        display: none;
    }

    section.main_most-visited.style__main-most-lg {
        padding: 12px 16px !important;
    }

    .style-breadcrumb {
        padding: 10px 16px;
    }

    ul.search-suggestions {
        padding: 0;
        gap: 6px;
    }

    .search-suggestions li {
        margin: 0 !important;
    }

    .medicine-top--right .total-content {
        margin-bottom: 16px;
    }

    .style__sp-dstd-mb {
        padding: 16px !important;
    }

    .treatment-ground.style__sp-dstd-mb.style-btn-cloes {
        margin-top: 8px;
        right: 12px;
    }

    .style__sp-dstd-mb .col-12.style-col-cart {
        width: inherit;
        overflow-y: auto;
    }

    ::-webkit-scrollbar {
        height: 10px;
    }

    table.table.table-sp-gy {
        width: 150vw;
    }

    .style__col-mb-rm-padding>* {
        padding: 0;
    }

    .medicine-top--left .search-suggestions li a {
        white-space: nowrap !important;
    }

    .main_header .main_container .main_header-left ul li.main_item:before,
    .main_header .main_container .main_header-right ul li.main_item:before {
        left: 0;
    }

    .main_header .main_container .main_header-left ul li.main_item:last-child:after {
        display: none;
    }

    .main_header .main_container .main_header-left ul li:nth-child(1).main_item:before {
        width: 0 !important;
    }

    .main_header .main_container ul li {
        width: 100%;
    }

    .main_header {
        height: 34px !important;
    }

}

@media only screen and (max-width: 425px) {
    .main_most-visited {
        padding: 16px 0 !important;
    }

    .medicine-search-right button {
        padding: 4px 13px !important;
        line-height: 14px !important;
        width: 68px;
        margin-left: -50px;
    }

    .medicine-search-left img {
        position: absolute;
    }

    .medicine-search-left input {
        line-height: 14px !important;
        height: 16px !important;
        padding: 0 0 0 24px !important;
    }

    .search-suggestions {
        flex-wrap: wrap;
        margin-top: 16px;
    }

    .medicine-top--left .medicine-search {
        margin-top: 8px;
    }

    table.table.table-sp-gy {
        width: 324vw;
    }
}

/*Gio hang*/
@media only screen and (max-width: 2560px) and (min-width: 1024px) {
    .popup-address-template .modal.fade .modal-dialog {
        display: flex;
        justify-content: center;
    }

    .col-12.col-lg-4.col-md-12.style-tile-h2 {
        width: fit-content;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .style__cnnteamplate-cart {
        padding: 0 16px;
    }

    .style__step-rb-cart3 {
        padding: 0 !important;
    }

    .style__cnnteamplate-cart .row.style-icon-cart img.icon-size {
        margin: 0 4px !important;
    }

    .cnn-template.style__cart3-mb {
        padding: 0 16px;
    }
}

@media only screen and (max-width: 1024px) {
    .modal.fade::-webkit-scrollbar {
        width: 0;
    }

    .background-02 {
        transform: translateX(-20%) !important;
    }

    .popup-address-template .modal.fade .modal-dialog {
        display: flex;
        justify-content: center;
        transform: translateY(20%);
    }

    .style-p-input-coupont {
        width: 62%;
    }

    .block__tb_vouchertc,
    .block__tb_voucher {
        gap: 12px;
    }

    p.show_tb_voucher {
        white-space: pre-wrap;
    }

    .block__tb_voucher>img {
        width: 17px;
    }

    a#btn_payment {
        white-space: nowrap;
    }
}

@media only screen and (max-width: 990px) {
    .style-htvn .form-check input.form-check-input {
        min-width: 15px;
    }

    .style__mb-cart-2-ttgh .address-detail-container {
        display: flex;
        flex-wrap: nowrap;
    }

    .style-dc-check .form-check-input {
        min-width: 15px;
    }

    .style__mb-cart-2-ttgh .form-check {
        display: flex;
        flex-wrap: nowrap;
    }

}

@media only screen and (max-width: 768px) {
    .style__cart-rb-product .style-col-cart {
        margin-bottom: 20px !important;
        padding: 0 !important;
    }

    .style__cart-rb-product {
        padding: 0 !important;
    }

    .style__cart-rb-ttgh {
        padding: 0 !important;
    }

    .style-row-tb p:nth-child(1) {
        font-size: 14px;
    }

    .style__dhdd-mb .table-responsive .table.style-p-table tr {
        border-color: inherit;
        border-style: solid;
        border-width: 0;
        vertical-align: middle;
    }

    .style__dhdd-mb .table-responsive .table.style-p-table th {
        min-width: 108px;
    }

    .style__cnnteamplate-cart {
        padding: 0 16px !important;
    }

    .section.style__dhdd-mb {
        padding: 0;
    }

    .style__mb-cart-2-ttgh {
        padding: 0 !important;
        margin-top: 20px;
    }

    .style__mb-cart-2-ttgh .col-12.col-md-12.col-lg-3 {
        padding: 0 !important;
        margin-top: 20px;
    }

    .style-row-cart-ttgh .style-cart-km .btn img {
        width: 32px;
    }

    .style-row-cart-ttgh .style-cart-km .style-popup button.btn {
        padding: 10px 0;
    }

    .popup-address-template .modal.fade .modal-dialog {
        transform: translateY(20%);
        display: flex;
        justify-content: center;
    }

    .style-col-cnn-coupont .section-d .row.style-padding-small {
        gap: 0;
    }

    .style__ttdh-cart3 {
        padding: 0 !important;
        margin-top: 20px;
    }

    .style__dhdd-mb .style-row-tb {
        flex-wrap: wrap !important;
    }

    .style__dhdd-mb .style-sl-sp {
        margin-top: 10px;
    }

    .style__dhdd-mb .style-xt-cart .style-button-pr a {
        width: 100% !important;
    }

    .row.style-icon-cart {
        padding: 0 !important;
    }
}

@media only screen and (max-width: 425px) {
    .style__cnnteamplate-cart .row.style-icon-cart .icon-size {
        margin: 0 10px !important;
    }

    .col-12.col-md-4.px-4.main-certification {
        padding: 0 !important;
    }

    .style__cnnteamplate-cart .row.style-icon-cart {
        gap: 6px;
    }

    .popup-address-template .modal-container {
        width: 98vw !important;
    }

    button#f-add-btn-close {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        opacity: 1;
        display: block;
        background: url(../img/svg/close-black.svg);
        background-repeat: no-repeat;
        background-size: cover;
        filter: invert(88%) sepia(88%) saturate(0%) hue-rotate(217deg) brightness(112%) contrast(112%);
    }

    .modal-dialog {
        min-width: 100% !important;
    }

    .popup-address-template .form-label {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .style-popup .modal-dialog-scrollable .modal-content {
        width: 98%;
    }

    .style-popup-2.style-col-cnn-coupont .modal-dialog.modal-dialog-scrollable.modal-dialog-centered.modal-sm {
        display: flex;
        justify-content: center;
    }

    .row-coupont .style-col-cnn-coupont .modal-dialog.modal-dialog-scrollable.modal-dialog-centered.modal-sm {
        display: flex;
        justify-content: center;
    }

    .modal-dialog.modal-dialog-scrollable.modal-dialog-centered.modal-sm .modal-content {
        width: 98%;
    }

    .style-poup-ttdh.style-popup-ttdh-btn {
        flex-direction: column;
    }

    .cnn-template.style__cart3-mb {
        padding: 0 16px;
    }

    .cnn-template.style__cart3-mb .row.style-icon-cart {
        gap: 10px;
    }

    #f-add-checkbox-wrapper .container-1 .row>* {
        padding: 0 !important;
    }

    .popup-address-template .modal.fade .modal-dialog {
        transform: translateY(22%);
    }

    .image-parent.popup-image img {
        width: 100px;
        margin-bottom: 12px;
    }

    .modal.fade::-webkit-scrollbar {
        width: 0;
    }

    .main_topbar.sticky .main_topbar-right {
        display: none !important;
    }

    button.btn.style-button-home-cnn {
        width: auto !important;
    }

}

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

    .row-coupont .style-col-cnn-coupont .row.style-padding-small .col-12.col-md-6.col-lg-6 {
        padding: 0 0px 20px;
    }

    .cnn-template.style__cart3-mb .row.style-icon-cart .col-3 {
        min-width: 158px;
    }
}

/* Trang tim kiem */
@media only screen and (max-width: 2560px) and (min-width: 1024px) {
    section.main_most-visited.style__header-mb-navbar {
        display: none;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 990px) {
    section.main_menu-top {
        height: auto;
        padding: 0 16px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .style__search-mb {
        padding: 0 16px !important;
    }

    .navbar.navbar-expand-lg.main_menu-top-navbar .navbar-toggler {
        padding: 4px 8px;
        text-decoration: none;
    }

    .cnn-template {
        padding: 0 16px;
    }
}

@media only screen and (max-width: 990px) {
    section.main_menu-top {
        height: auto;
    }
}

@media only screen and (max-width: 768px) {
    .style__search-mb .fl-sale-fl .table-responsive {
        overflow-x: auto;
    }

    .style__search-mb .style__xs-search {
        margin-top: 16px;
    }

    .style-tm-nsx {
        flex-wrap: wrap;
    }

    .style__search-mb {
        padding: 0 16px !important;
    }

    .style-form-ds {
        padding: 40px 10px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .style__main-most-lg {
        display: none;
    }
}

@media only screen and (max-width: 425px) {
    .main_menu-top-list-item li.main_nav-item {
        width: fit-content !important;
    }
}

/*Đăng nhập, Đăng ký*/
@media only screen and (max-width: 1024px) {
    .main_footer-left {
        height: 100%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .signin_header-signIn .signin_container .signin_header-signIn-content {
        padding: 0 16px;
    }

    .signin_form-signIn.style-sigin-d .col-7.signin_form-signIn-content {
        width: 50% !important;
    }

    .style-sigin-d .signin_container .signin_form-signIn-content {
        padding: 50px 40px !important;
    }

    .col-5.footer-qr.pr-0.logo-download-app span {
        width: 61px !important;
        margin-right: 5px !important;
    }
}

@media only screen and (max-width: 768px) {
    .signin_header-signIn .signin_container .signin_header-signIn-content {
        padding: 0 16px;
    }

    section.signup_form-signUp.style_signUp-d {
        padding: 0 16px;
        width: 98%;
    }

    .style_signUp-d .signup_section-signup-form {
        margin: 20px 10px !important;
    }

    .signup_form-signUp .signup_container .signup_form-signUp-content {
        align-items: center;
    }

    .style_signUp-d .style__mb-tt-signin {
        gap: 0 !important;
    }

    .style-success-d .style-success-d-img {
        width: 220px !important;
    }

    .style-success-content.text-center.p-0 {
        max-width: 460px !important;
    }

    .signin_form-signIn.style-sigin-d .col-7.signin_form-signIn-content {
        width: 90% !important;
    }

    .main_footer-left {
        height: 100%;
    }
}

@media only screen and (max-width: 990px) {
    .main_footer-left .main_account {
        padding: 0;
        width: 50%;
    }
    .main_support{
        width: 50%;

    }
    .main_follow{
        width: 50%;

    }
    .main_download{
        width: 50%;

    }
    .row_footer-left-child{
        
    }
    .row_footer-left-child{
        width: auto !important;

    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .col-12.col-md-4.px-3.main-certification {
        padding-left: 18px !important;
    }
}

@media only screen and (max-width: 767px) {
    .col-12.col-md-4.px-3.main-certification {
        padding-left: 0 !important;
    }
    .col-12.col-md-4.px-5.main_pay{
        padding-left: 0 !important;
    }
    .col-12.col-md-4.px-3.main_application-download{
        padding-left: 0 !important;
    }
}

@media only screen and (max-width: 576px) {
    .main_footer-left .main_account {
        padding: 0;
        width: 100%;
    }
    .main_support{
        width: 100%;

    }
    .main_follow{
        width: 100%;

    }
    .main_download{
        width: 100%;

    }
    .row_footer-left-child{
        
    }
    .row_footer-left-child{
        width: auto !important;

    }

    .main-certification {
        padding: 0 !important;
    }
}

@media only screen and (max-width: 560px) {
    ul.main_list-account.style__list-accont {
        padding: 0;
    }

    .col-12.col-md-4.p-0.main_account.flex__content--footer {
        padding: 0 !important;
    }

    ul.main_list-support.style__support-footer {
        padding: 0;
    }

    .main_footer-left>.row {
        padding: 0;
        gap: 10px;
    }
}

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

    .style_signUp-d span.main_content {
        letter-spacing: 0 !important;
        font-size: 10px;
    }

    .main_footer-left>.row {
        gap: 10px;
    }

    .style_signUp-d .container.style-container-signUp-d {
        height: auto !important;
        padding: 10px 12px !important;
    }

    .signup_form-signUp .signup_container .signup_form-signUp-content {
        padding: 0 8px !important;
    }

    .main_attention-top--content img {
        margin-right: 4px;
        width: 12px;
    }

    #signin-step-1 .pl-3 .signup_chkBox {
        padding-right: 32px;
        margin: 0 !important;
    }

    .style_signUp-d .row.align-items-center.pl-3 span {
        font-size: 12px !important;
        width: 82%;
    }

    .signup_section-signup-form .signup_signup-form-container {
        padding: 48px 20px 20px !important;
    }

    .style__OTP-mb-signin .modal-dialog.modal-dialog-scrollable.modal-dialog-centered.modal-sm {
        margin: 0;
    }

    .style__OTP-mb-signin .modal-dialog-centered {
        justify-content: center;
    }

    .style__OTP-mb-signin .border-dsdh {
        padding: 40px 14px 24px !important;
    }

    .border-dsdh .verify-otp_verify-otp .verify-otp_verify-otp-container .verify-otp_verify-otp-content .verify-otp_verify-middle {
        margin-top: 16px !important;
    }

    .style__OTP-mb-signin .modal-dialog-scrollable .modal-content {
        min-height: fit-content;
    }

    .style__OTP-mb-signin .verify-otp_verify-otp .verify-otp_verify-otp-container {
        padding: 20px 0 !important;
    }

    .style__OTP-mb-signin .style-popup-ttdh.style-col-box-dsmh img {
        width: 100px;
    }

    .style__OTP-mb-signin .modal-dialog.modal-dialog-scrollable.modal-dialog-centered.modal-sm .modal-content {
        width: 96%;
    }

    .style__OTP-mb-signin .verify-otp_input-otp-group div {
        gap: 4px;
    }

    .text-input_form-group--input .text-input_title-group {
        width: fit-content;
    }

    .style__OTP-mb-signin .modal {
        padding: 0;
        margin: 0;
        width: auto;
    }

    button.close-dsdh {
        padding: 0px;
        margin: 0;
    }

    .verify-otp_verify-otp .verify-otp_verify-otp-container .verify-otp_verify-otp-content .verify-otp_verify-middle .verify-otp_input-otp-group input {
        margin-right: 0;
    }

    section.signup_section-signup-form.style-signup-step2-d {
        margin: 20px 0 !important;
    }

    .style-signup-step2-d .d-flex.flex-wrap {
        gap: 16px !important;
        align-items: baseline;
    }

    .signup_form-signUp.style_signUp-d .style__mb-tt-signin {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        gap: 10px !important;
        align-items: center;
    }

    .style_signUp-d .style__mb-tt-signin {
        display: flex;
        flex-wrap: nowrap;
    }

    .style-success-d .signup_main-color.signup-title-success {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .signin_form-signIn.style-sigin-d label.signin_title-input,
    .style-sigin-d label.signin_title-input {
        margin-right: 0 !important;
    }

    button.btn.signup_btn-submit.signup_btn-back span,
    button.btn.signup_btn-submit.signup_btn-finish span {
        font-size: 22px;
    }

    .signup_form-signUp-content button.btn.signup_btn-submit.signup_btn-back {
        gap: 4px !important;
    }

    .style-success-d .align-items-success-d {
        display: flex;
        justify-content: center;
        padding: 20px;
        gap: 24px;
    }

    .style-success-d .signup_form-signUp {
        margin: 0 auto;
        padding: 0 20px;
        width: 96% !important;
    }

    .style-sigin-d .signin_container .signin_form-signIn-content {
        padding: 30px 20px !important;
    }

    .style-sigin-d label.signin_title-input {
        margin-right: 0 !important;
    }

    .signin_form-signIn .signin_container .signin_form-signIn-content form .signin_form-group--email .signin_title-group,
    .signin_form-signIn .signin_container .signin_form-signIn-content form .signin_form-group--password .signin_title-group {
        gap: 4px;
    }
}

@media only screen and (max-width: 375px) {
    .style__OTP-mb-signin .modal-dialog.modal-dialog-scrollable.modal-dialog-centered.modal-sm .modal-content {
        width: 98%;
    }

    .style_signUp-d .signup_section-signup-form {
        margin: 20px 8px !important;
    }

    .signin_header-signIn .signin_container .signin_header-signIn-content .signin_header-right .signin_btn.signin_btn-signup {
        margin: 5px;
    }

    .verify-otp_verify-otp .verify-otp_verify-otp-container .verify-otp_verify-otp-content .verify-otp_verify-middle .verify-otp_input-otp-group input {
        min-width: 0 !important;
        width: 36px !important;
        margin-right: 0 !important;
        padding: 0;
    }

    .style__OTP-mb-signin .verify-otp_input-otp-group div {
        gap: 8px;
    }

    .style__OTP-mb-signin .modal-body {
        padding: 10px;
    }
}

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

    .signin_header-signIn {
        height: max-content !important;
        padding: 20px 0;
    }

    .signin_header-signIn .signin_container .signin_header-signIn-content {
        flex-direction: column;
        gap: 10px;
    }

    .main_attention-top--content {
        display: flex;
        gap: 9px;
    }

    .signup_section-signup-step .signup-step-line {
        display: flex;
        gap: 10px;
    }

    .signin_form-signIn .signin_container .signin_form-signIn-content form .signin_form-check {
        display: flex;
        gap: 10px;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }
}

/*Nhom dieu tri*/
@media only screen and (max-width: 2560px) and (min-width: 1024px) {
    .treatment-template .style-col-cnn.style-smsp-home {
        min-width: auto;
        min-height: auto;
    }

    .style__mb-treatment-gr .style-size-img {
        max-width: 68px !important;
        margin-bottom: 4px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .style__mb-treatment-gr {
        padding: 0 8px !important;
    }

    .style-trade-btn {
        font-size: 12px;
    }

    .style__mb-treatment-gr .row.style-padding-small.margin-row-small .col-lg-2 {
        width: 20%;
    }

    .style__mb-treatment-gr .style-padding-small .style-smsp-home {
        min-width: auto !important;
        min-height: auto !important;
        width: auto;
    }

    .style__mb-treatment-gr .col-lg-2 {
        flex: 0 0 auto;
        width: 20%;
    }
}

@media only screen and (max-width: 768px) {
    .style__mb-treatment-gr .style-padding-small .style-smsp-home {
        min-width: auto !important;
        min-height: auto !important;
        width: auto;
    }

    .style__mb-treatment-gr {
        padding: 0 16px !important;
    }

    .style__mb-treatment-gr .section-d .row.style-padding-small {
        gap: 0;
        margin-left: -10px;
        margin-right: -10px;
        justify-content: flex-start;
    }

    .style__mb-treatment-gr .style-row-trale {
        flex-wrap: wrap;
    }

    .style__mb-treatment-gr .style-size-img {
        max-height: 46px !important;
        margin-bottom: 4px;
    }
}

@media only screen and (max-width: 425px) {
    section.main_most-visited.style__header-mb-navbar {
        display: none;
    }

    .style__img-kbambt {
        padding: 0 !important;
        margin-top: 16px;
    }

    .style__img-kbambt img {
        padding: 0 !important;
        width: 100%;
        max-width: 100%;
    }

    .style__mb-treatment-gr .row.style-row-trade-d {
        padding: 0;
    }

    .style__banner-km-mb .section-d .row {
        margin: 0;
        gap: 16px;
    }

    .style__banner-km-mb .col-12.col-lg-4 {
        padding: 0;
    }
}

/* Hoat chat */
@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .style-btn-cloes.style__btn-mn-header {
        position: absolute;
        right: 50px;
    }

    .style-btn-cloes.style__icon-close-header {
        right: 0;
        position: absolute;
    }

    .style__trade-mb {
        padding: 0 8px !important;
    }

    .style-row-trale {
        flex-wrap: wrap;
    }

    .col-12.col-md-4.col-lg-3.style__img-kbambt {
        padding: 0 0 0 10px !important;
    }
}

@media only screen and (max-width: 768px) {
    .style__trade-mb {
        padding: 0 16px !important;
    }

    .style__container-search-ttm {
        width: 100%;
        overflow-y: hidden;
        display: flex;
        flex-wrap: nowrap;
    }

    .style__container-search-ttm::-webkit-scrollbar {
        height: 8px !important;
    }

    .style-row-trale {
        flex-wrap: wrap;
    }

    .style__trade-mb .row.hh-wrap .col-lg-9.col-md-8.col-12 {
        padding: 0;
    }

    .style__hoachat-rbmb .hh-head1 {
        height: 100%;
        margin-bottom: 16px;
        padding: 0 0 20px;
    }

    .style__hoachat-rbmb .hh-wrap {
        padding: 0 16px;
    }

    .style__hoachat-rbmb .hh-head1 .hh-nav {
        width: 100%;
    }

    .style__hoachat-rbmb .hh-head1 .d-flex {
        flex-wrap: wrap;
        gap: 6px;
    }

    .style__hoachat-rbmb .hh-bn-input {
        min-width: 100%;
        transform: unset;
        justify-content: center;
    }

    .style__hoachat-rbmb .row.hh-wrap .hh-head2 {
        margin-left: 0;
    }

    .style__hoachat-rbmb .hh-bn-input input {
        width: 50vw;
    }

    .style__hoachat-rbmb .row.hh-chu {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
    }

    .style__hoachat-rbmb .row.hh-wrap .hh-head2 img {
        height: auto;
        max-width: 50vw;
        width: 100%;
    }

    .style_rb-chu {
        padding: 0 16px;
    }

    .style_mb-tk-chu {
        padding: 0 16px;
    }

    .style__rbmb-kps {
        padding: 0 16px;
    }

    .style__rbmb-kps p {
        padding: 0 !important;
    }

    .style-product-d .d-flex.add-to-card {
        flex-direction: column;
    }
}

@media only screen and (max-width: 990px) {
    .spgy .table-responsive.style-spgy.spgy__table-scroll {
        overflow-x: scroll;
    }
}

@media only screen and (max-width: 560px) {
    section.main_most-visited.style__header-mb-navbar {
        height: 45px;
        margin-left: 65px;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        display: none;
    }
}

@media only screen and (max-width: 425px) {
    .style__hoachat-rbmb .row.hh-wrap .hh-head2 img {
        width: 100%;
        max-width: 100vw;
    }

    section.main_most-visited.style__header-mb-navbar {
        height: 45px;
        margin-left: 65px;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        display: none;
    }

    .main_topbar.sticky .main_topbar-container .main_topbar-logo {
        margin: 0 !important;
    }

    .container.main_topbar-container .main_topbar-search-left {
        margin: 0 !important;
        padding: 0 !important;
    }

    .main_footer-left .main_account {
        padding-left: 0 !important;
    }

    .col-12.col-md-4.p-0.main_support {
        padding-left: 0 !important;
    }

    .main_footer .main_footer-container .main_footer-content .main_footer-left .main_info p.main_company-name {
        padding: 0 !important;
    }

    .main_footer-left .footer-infomation-contents {
        text-align: start;
    }

    .main_footer .main_footer-container .main_footer-content .main_footer-right .main_application-download .main_link-group .main_list-link {
        justify-content: flex-start !important;
        gap: 10px;
    }
}

@media only screen and (max-width: 375px) {
    .text-banner-top {
        left: 30px;
    }
}

@media only screen and (max-width: 320px) {
    .style__hoachat-rbmb .nav-link {
        width: auto;
    }
}

/*Nha san xuat*/
@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .style__producer-mb {
        padding: 0 8px !important;
    }
}

@media only screen and (max-width: 768px) {
    .style__producer-mb {
        padding: 0 16px !important;
    }

    .signup_form-signUp .signup_container .signup_form-signUp-content {
        align-items: center;
        overflow: hidden;
    }

    .style__popupmuasi .style-col-coupont-lock {
        min-height: 118px;
    }

    button.navbar-toggler {
        z-index: 999;
    }

    p.hh-chu-01:first-child {
        margin-left: 40px;
    }
}

@media only screen and (max-width: 425px) {
    .style-success-d {
        margin: 0 auto;
        max-width: 980px;
        max-height: 668px;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    section.rb-ss-home .col-12.col-md-6.large-6.home-tt>.row {
        padding: 0 !important;
    }

    .row.hom-quanlity .text-banner-top {
        top: 40px;
    }

    .col-12.col-md-4.icon-box.style-content-p-home {
        flex-direction: row;
    }

    .style-success-d .signup_form-signUp {
        margin: 0 auto;
        padding: 0 20px;
        width: 88% !important;
    }

    .style__popupmuasi .modal-header,
    .style__popupmuasi .style-tk-xd .modal-body {
        border: 0;
        padding: 30px 18px 0 18px !important;
    }

    .style__popupmuasi .section-d .row.style-padding-small {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }

    .style__popupmuasi .style-poup-ttdh.style-popup-ttdh-btn {
        margin-bottom: 20px;
    }

    .style__popupmuasi .modal-dialog.modal-dialog-scrollable.modal-dialog-centered.modal-sm .modal-content {
        width: 98%;
        margin: auto;
    }
}

/*Quen mat khau*/
@media only screen and (max-width: 990px) {
    .style-reset-pass-d .reset_password-form {
        max-width: 980px;
        width: auto;
        margin: 20px 20px 0 20px;
    }

    section.verify-otp_verify-otp {
        width: auto;
        margin: 20px 20px 0 20px !important;
    }

    section.container.reset-password-finished {
        width: auto;
        margin: 20px 20px 0 20px !important;
    }
}

/*sieu khuyen mai*/
@media only screen and (max-width: 2560px) {
    .kmqt__block .row.kmqt-01>.col-12 {
        padding: 0 10px 20px;
    }
}

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

    .sale-head {
        margin: 20px 6px 0 6px;
        width: auto;
    }

    .fl-sale {
        margin: 20px 16px 0 16px;
        width: auto;
    }

    .head-banner3 img,
    .head-banner_img1,
    .head-banner2 img {
        height: auto;
        width: 100%;
    }

    .fl-sale-fl .table-responsive {
        overflow-x: scroll;
    }

    .head-banner2,
    .head-banner3,
    .head-banner1 {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .xt-sale_head,
    .xt-list-sale.style__flash-sale--block {
        margin: 0 16px 0;
        width: auto;
    }

    .section.fl-sale-fl .row.spgy.style__block-poup--img {
        margin: 0;
        width: auto;
    }

    .detail___block-supersale .section.fl-sale-fl .row.spgy.style__block-poup--img {
        margin: 0 16px 0;
        width: auto;
    }

    .section.treatment-ground.style__block-banner-treament {
        margin: 0 16px 0;
        width: auto;
    }

    .xt-sale_head .search {
        position: relative;
        width: 100%;
    }

    .xt-sale_head .search input {
        width: 70%;
    }

    .xt-sale_head .search button {
        width: 30%;
        right: 0;
        top: 0;
    }

    .xt-sale_head .col-md-8>.container {
        padding: 0 20px 0 0px;
    }

    .kmqt.kmqt__block .kmqt-thanh1 {
        width: 96%;
    }

    .kmqt.kmqt__block .kmqt-gia {
        width: 96%;
    }

    .kmqt.kmqt__block {
        margin: 0 16px;
        width: auto;
    }

    .ditail-change-value .cnn-template {
        padding: 0;
    }

    .style-product-d .d-flex.add-to-card {
        flex-direction: column;
    }

    .detail.toggle-all.style-product-d {
        margin: 0 16px !important;
    }
}

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

    .col-md-4.col-12.col-sm-12.head-banner3 {
        display: flex;
        flex-direction: column;
    }

    .sale-head_banner .head-banner2 {
        margin-bottom: 20px;
    }

    .head-banner3 img {
        width: 100%;
    }

    .sale-head_banner .head-banner1 {
        margin-bottom: 20px;
    }

    .row.detail_wrap.detail__detail-product .col-lg-3 {
        padding: 0 !important;
        margin-top: 20px !important;
    }

    .row.detail_wrap.detail__detail-product .col-lg-9 {
        padding-left: 0 !important;
    }
}

@media only screen and (max-width: 560px) {
    .detail-sp {
        margin-top: 10px !important;
    }
}

@media only screen and (max-width: 425px) {
    .kmqt__block-nb .kmqt-banner-head.kmqt-banner-head2 img {
        width: 4em;
        height: auto;
        max-width: 6em;
    }

    .kmqt__block .kmqt__block-center .kmqt-banner-head img {
        width: 4em;
        height: auto;
        max-width: 6em;
    }

    .row.detail_wrap.detail__detail-product .col-lg-9 {
        padding: 0 !important;
    }

    .sale-head {
        margin: 20px 16px 0 16px;
        width: auto;
    }

    .col-md-4.col-12.col-sm-12.head-banner3 {
        margin-top: 0;
    }

    .col-md-10.d-flex.fl-sale-left {
        flex-direction: column;
        gap: 10px;
    }

    .fl-sale-time {
        margin: 0;
    }

    .fl-sale-time span {
        align-items: center;
        gap: 6px;
    }

    .fl-sale-time div {
        margin: 0;
    }

    .style__block-salle--flex {
        padding: 0 10px 20px;
    }

    .style__block-salle--flex .d-flex.fl-sale-left {
        gap: 10px;
    }

    .section.treatment-ground.style__block-banner-treament .section-d>.style_row_img .col-12 {
        padding: 0 10px 20px;
    }

    .section.treatment-ground.style__block-banner-treament .style-container-img-hv img {
        transition: 0.5s;
        min-width: inherit;
        width: 100%;
    }

    .kmqt__block .row.kmqt-01>.col-12 {
        padding: 0 10px 20px;
    }

    .kmqt.kmqt__block {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .col-12.style__mb-dh {
        margin: 0 16px 0;
        width: 100%;
        flex: auto;
    }
}

@media only screen and (max-width: 375px) {
    .style__block-salle--flex .d-flex.fl-sale-left {
        flex-direction: column;
    }
}

/*detail product*/
@media only screen and (max-width: 2560px) {
    .popup-address-template .modal.fade .modal-dialog {
        transform: unset !important;
        top: 10% !important;
        height: auto !important;
    }

    .row.style-icon-cart {
        flex-wrap: nowrap;
    }

    .voucher-bottom-container .container.voucher-content-bottom-container .col-4 {
        padding: 0 10px 0;
    }
}

@media only screen and (max-width: 1024px) {
    .col-12.hover-banner3 {
        padding: 0 0 20px !important;
    }

    .section.about-us,
    .style__aboutus-top {
        margin: 0 16px;
        width: auto;
    }

    .container-content-ab .banner-video-ab {
        transform: translateX(-30px);
    }

    .container-content-ab.style-col-cnn .col-12.col-md-12.col-lg-6:nth-child(1) {
        padding-right: 5vw;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .container-content-ab.style-col-cnn .content-about-us {
        height: 100% !important;
    }

    .container-content-ab.style-col-cnn {
        height: 100% !important;
    }

    .backgroud-about-color {
        padding-top: 115%;
    }

    .container.voucher-content-bottom-container .parent-image {
        max-height: 100%;
        height: 150px;
    }

    .kmqt-kmtt.voucher-list-container .col-6.single-voucher-container {
        margin: 0 !important;
        padding: 0 10px 20px;
        width: 50%;
        height: auto;
    }

    .voucher-list-container {
        gap: 0 !important;
    }

    .voucher-detail-container .voucher-detail .nav.nav-inside {
        display: flex;
        justify-content: center;
        gap: 47px;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .voucher-bottom-container .container.voucher-content-bottom-container .row {
        flex-direction: row !important;
        gap: 0;
    }
}

@media only screen and (max-width: 990px) {
    .row.style-page-nb {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .tab-pane.style_tab-about-d.active .col-12 {
        padding: 0;
        justify-content: flex-end;
    }

    .medicine-top--right .total-content {
        margin-bottom: 16px;
    }

    .col-12.col-md-12.col-lg-3.style__cart-rb-ttgh {
        padding: 20px 0 !important;
    }

    .col-12.col-md-12.col-lg-9.style__cart-rb-product {
        padding: 0 !important;
    }

    .style__dhdd-mb .style-row-tb {
        flex-wrap: wrap !important;
    }

    .style-slider-bl .box-arow .style-row-dh .table-responsive {
        overflow-y: auto;
        height: 252px;
    }

    .style__dhdd-mb .style-row-dh {
        min-height: auto !important;
    }

    .main_topbar {
        padding: 15px 16px !important;
    }

    .main_topbar-search-left .style-section-d {
        width: 38vw;
    }

    .style-breadcrumb {
        padding: 10px 16px !important;
    }

    .main_most-visited {
        padding: 12px 16px !important;
    }

    .voucher-detail-container .voucher-detail .nav.nav-inside {
        flex-direction: row;
        flex-wrap: nowrap;
    }
}

@media only screen and (max-width: 768px) {
    .row.detail_wrap.detail__detail-product .col-lg-9 {
        padding: 0;
    }

    .voucher-bottom-container .container.voucher-content-bottom-container .row>* {
        padding: 0 10px 20px;
    }

    .style-product-d .detail-evaluate {
        align-items: center;
        flex-wrap: wrap;
        height: auto;
        gap: 10px;
        justify-content: start;
    }

    .detail-sp img {
        display: block;
        width: 312px;
        max-height: 100% !important;
        position: relative;
        margin: 0 19px;
    }

    .detail-nav-tabs {
        justify-content: flex-start !important;
        gap: 12px;
    }

    .detail_right {
        height: auto !important;
        padding: 10px;
    }

    .style-product-d .detail_right {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
    }

    .backgroud-about-color {
        padding-top: 70%;
        padding-left: 100%;
    }

    .align-ab-img {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .container-content-ab .banner-video-ab {
        transform: unset;
    }

    .container-content-ab.style-col-cnn .row.style-row-ab .style-tile-h2 {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .section.home-ss-ud {
        margin: 0;
    }

    .coupont__content .section.home-ss-ud {
        margin: 0;
    }

    .text-content {
        padding: 24px 10px 4px 10px;
    }

    .section.rb-home-ssdt.style-slider-bl {
        margin: 0;
    }

    .section.about-us .style-tabs .nav-tabs .nav-link {
        width: 70%;
    }

    .style-col-cnn.header-ct-gonsa {
        height: 100%;
    }

    .search-suggestions li {
        display: flex;
    }

    .search-suggestions {
        flex-wrap: wrap;
    }

    .row.mt-4 {
        align-items: center;
        gap: 8px;
    }

    .style-container-img-hv img {
        transition: 0.5s;
        width: 100%;
    }

    .table-responsive.padding-td-cart {
        overflow-x: scroll;
    }
}

@media only screen and (max-width: 560px) {
    .style-breadcrumb {
        height: auto;
    }

    .row.style-icon-cart {
        flex-wrap: wrap;
    }

    .col-12.style-col-cnn.header-ct-gonsa>.row>* {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .col-12.style-col-cnn.header-ct-gonsa>.row>*:nth-child(1)>img {
        width: 30vw;
    }

    .col-12.style-col-cnn.header-ct-gonsa>.row>*:nth-child(1) {
        margin-bottom: 20px;
    }

    .ditail-evaluate {
        transform: translateY(30%) !important;
    }

    .section.rb-ss-dt .rb-home-dt {
        padding: 18px 20px 30px !important;
    }

    .style-col-cnn.header-ct-gonsa {
        height: 100%;
    }

    .header__ctgonsa {
        gap: 20px;
    }

    .container-content-ab.style-col-cnn .icon-box-left-ab {
        flex-direction: column;
        gap: 20px;
    }

    .container-content-ab.style-col-cnn .style-img-ab {
        min-width: 100%;
        max-width: 100%;
    }

    .container-content-ab.style-col-cnn .icon-box-left-ab .style-img-ab>a>img {
        width: 100% !important;
        height: 100% !important;
    }

    .container-content-ab.style-col-cnn .style-content-ab {
        padding: 0 16px 10px;
    }

    #modalId_3 .style-popup-ttdh {
        width: auto !important;
    }
}

@media only screen and (max-width: 560px) {
    .col-12.detail__col-5 {
        width: 100%;
        padding: 0 10px;
    }

    .detail-sp img {
        max-height: 312px !important;
    }

    .col-12.detail__col-6.detail-ct {
        padding: 26px 10px 0 10px;
        width: 100%;
    }

    .style-product-d .detail-evaluate {
        flex-wrap: wrap;
        gap: 10px;
        height: auto;
    }

    .ditail-tags {
        padding: 0 10px;
    }

    .header__ctgonsa>* {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .style-title-about.style-tile-h2 {
        font-size: 18px;
        text-align: center;
    }

    .style-col-cnn.header-ct-gonsa {
        height: 100%;
        padding: 20px !important;
    }

    .modal-dialog-centered {
        justify-content: center;
    }

    .style-popup-3 .modal-dialog {
        min-width: auto;
    }

    section.section.close-ss-d {
        display: none;
    }

    #mini-cart-custom.popup-container {
        right: auto !important;
        border-radius: 20px !important;
        transform: translateX(-68%);
    }

    li.main_item .popup-container {
        right: auto !important;
        border-radius: 20px !important;
    }

    #notification-alert .popup-container {
        transform: translateX(-51%) !important;
    }

    .style-account-item .popup-container {
        transform: translateX(-34%) !important;
    }

    .style__dhdd-mb .row.style-col-box {
        gap: 20px;
    }

    .style__mb-cart-2-ttgh label.form-check-label {
        width: 100%;
    }

    .style-cart-2-d .form-check .style-text-dc {
        align-items: flex-start;
        justify-content: space-between;
    }

    .style-text-dc .btn-address-edit span,
    .btn-tax-edit a {
        white-space: nowrap;
    }

    .style-icon-cart .icon-box-left {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .style-icon-cart .icon-box-text {
        padding: 0;
    }

    .row.style-icon-cart {
        justify-content: center;
    }

    .row.style-icon-cart>img {
        margin: 0 10px !important;
    }

    .style__cnnteamplate-cart .row.style-icon-cart {
        justify-content: space-around;
    }

    .border-dsdh .style-popup-ttdh {
        width: unset !important;
    }

    .style-poup-ttdh.style-popup-logout a {
        width: 100px;
    }

    .popup-logout .stye-popup-xn .border-dsdh {
        min-width: unset;
    }

    .popup-logout .style-popup-home-dsdh.modal-dialog {
        min-width: unset;
    }

    .style-account-item .account-popup {
        height: 50vh;
        overflow-x: scroll;
    }

    .main_topbar .main_topbar-container .main_topbar-right .main_topbar-right--items li.main_item .popup-container .body .scroll#style-1 {
        max-height: 20vh;
    }
}

@media only screen and (max-width: 425px) {
    .col-12.hover-banner3 {
        padding: 0 !important;
    }

    .banner_header.home-rb-b3 .text-banner-top {
        top: 40px;
    }

    .tababout__content>* {
        padding: 20px 10px !important;
    }

    .col-12.style__mb-dh {
        margin: auto !important;
        padding: 0 16px 0 !important;
    }

    .padding-row-cart .style-htvn:nth-child(1) {
        flex-direction: column;
        align-items: flex-start;
    }

    .style__cnnteamplate-cart .row.style-icon-cart .icon-size {
        margin: 0 4px !important;
    }

    .style__cnnteamplate-cart .row.style-icon-cart {
        flex-wrap: nowrap;
    }

    .style-popup-ttdh {
        width: unset;
    }

    .popup-logout .stye-popup-xn .border-dsdh {
        min-width: unset;
        padding-top: 35px !important;
    }

    .style-text-popup-logout {
        font-size: 18px;
    }

    .style_text-logout {
        font-size: 12px;
    }

    .style_text-logout-p {
        font-size: 12px;
    }

    .style-poup-ttdh.style-popup-logout a {
        font-size: 12px !important;
        width: 114px !important;
    }

}

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

    .style-popup-home-dsdh .border-dsdh {
        padding: 20px 12px !important;
        padding-top: 56px !important;
        border-radius: 10px;
    }

    .style-popup-3 .modal-dialog-scrollable .modal-content {
        border-radius: 10px;
    }

    .row.k-head-search .odm-sort-bar .odm-filter {
        min-width: 140px;
    }

    .style__cnnteamplate-cart .row.style-icon-cart {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

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

    .tab-pane.style_tab-about-d.active .col-12 {
        padding: 0;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .style-account-item .popup-container {
        width: 98vw !important;
        transform: translateX(-32%) !important;
    }

    #notification-alert .popup-container {
        transform: translateX(-51%) !important;
        width: 98vw;
    }

    #mini-cart-custom.popup-container {
        width: 98vw;
        transform: translateX(-70%);
    }

    .style-text-dc .btn-address-edit span,
    .btn-tax-edit a {
        white-space: normal;
    }

}

@media only screen and (max-width: 2560px) {
    .voucher-detail-container .voucher-detail .nav.nav-inside {
        flex-wrap: nowrap;
    }

    .business-information .content-row .panel-right.business {
        width: 70%;
        flex: 1;
        padding: 0 0 0 20px;
    }

    .kmqt__block .liner__coupont .img__coupont-svg {
        left: 98%;
    }

}

@media only screen and (max-width: 1102px) and (min-width: 1024px) {
    .menu__item-right ul.navbar-nav.mr-auto.main_menu-top-list-item {
        gap: 28px;
    }
}

@media only screen and (max-width: 1024px) {
    .account-profile.mr-16 {
        margin: 0 16px;
    }

    ul.style-ul-dm.style-dmsp>li>.row {
        width: 73vw;
        border: 2px solid var(--color);
        border-radius: 0 20px 20px 0;
        overflow-x: scroll;
        border-left: 0;
    }

    ul.style-ul-dm.style-dmsp>li>.row>.col-12 {
        padding: 0;
    }

    ul.style-ul-dm.style-dmsp>li>.row>.col-12>.row {
        width: 915px;
    }

    .style-ul-menu {
        height: 732px !important;
        border: 0 !important;
        overflow: auto;
    }

    .style-dmsp .row>.col-4 {
        padding-bottom: 19px;
    }

    .account-profile.account-spyt-d .content-row .panel-left {
        width: 25%;
        max-width: 280px;
    }

    .account-profile.account-spyt-d .content-row .panel-right {
        width: 75%;
        flex: 1;
    }

    section.account-profile.account-spyt-d {
        margin: 0 16px;
    }

    section.section.account-profile.detail-order-page.cancel-order>.row>* {
        padding: 0;
    }

    section.section.account-profile.detail-order-page.cancel-order {
        margin: 0 16px;
        width: auto;
    }

    .business-information .content-row .panel-right.business {
        width: 70%;
        flex: 1;
        padding: 0 0 0 20px;
    }

    section.account-profile.account-profile-d.business-information.list-tax-address {
        margin: 0 16px;
    }

    .kmqt__block .liner__coupont .img__coupont-svg {
        left: 98%;
    }
    
}

@media only screen and (max-width: 990px) {
    ul#menu>li ul.drop {
        width: 180px;
    }

    .row.style-padding-small.style-row-blog-home>* {
        padding: 0 10px 20px;
    }

    section.account-profile.account-spyt-d {
        margin: 0 16px;
    }

    .account-profile.account-spyt-d .content-row .panel-right {
        padding: 0 !important;
    }

    .kmqt__block .liner__coupont .img__coupont-svg {
        left: 98%;
    }

    .col-4.kmqt-banner-head.kmqt-banner-head2 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .kmqt-banner-head.kmqt-banner-head2 img {
        height: auto;
    }

    .kmqt.kmqt__block .kmqt-thanh1 {
        width: 100%;
    }

    .kmqt.kmqt__block .kmqt-gia {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .certification-img {
        width: 100px;
    }

    .certifications {
        justify-content: flex-start;
        gap: 10px;
    }

    section.section.account-profile.detail-order-page.cancel-order .col-12.col-md-9.panel-right {
        padding: 0 !important;
    }

    .business-information .content-row .panel-right.business {
        padding: 0 !important;
    }
}

@media only screen and (max-width: 560px) {
    .voucher-detail-container .voucher-detail .nav.nav-inside {
        flex-wrap: wrap;
        gap: 20px !important;
    }

    .voucher-detail-container .voucher-detail .tab-content a {
        width: 100% !important;
    }

    .certifications {
        justify-content: flex-start;
        gap: 10px;
    }

    .certification-img {
        width: 30%;
    }

    .menu__item-right {
        width: calc(100% - 10px);
    }
}

@media only screen and (max-width: 425px) {
    .odm-items-cancel {
        overflow-x: scroll;
    }

    .kmqt__block .liner__coupont .img__coupont-svg {
        left: 96%;
    }

    .kmqt__block-center .kmqt-banner-head img {
        width: 50px;
        height: auto;
    }
}

@media only screen and (max-width: 375px) {
    section.main_menu-top.main_menu-top-d.active .container.main_menu-top-container {
        width: 60vw;
    }
}

@media only screen and (max-width: 320px) {
    section.main_menu-top.main_menu-top-d.active .container.main_menu-top-container {
        width: 70vw;
    }
}