@media only screen and (min-width: 1551px) {
    #slideshow {
        height: 554px;
    }

    body {
        margin: auto;
    }

    .project-image {
        height: 298px;
    }

    .middle-header .container { /* max-width:1300px; */
    }
}

@media only screen and (min-width: 1900px) {
    #slideshow {
        height: 554px;
    }

    body {
        margin: auto;
    }

    .project-image {
        height: 416px;
    }
}

@media only screen and (max-width: 1550px) {
    #slideshow {
        height: 548px;
    }
}

@media only screen and (max-width: 1439px) {
    #slideshow {
        height: 519px;
    }
}

@media only screen and (max-width: 1359px) {
    #slideshow {
        height: 486px;
    }

    .top-default {
        margin-top: -30px;
    }

    .ul-trength {
        padding: 40px 0px;
        column-gap: 20px;
    }

    article .container {
        width: 100%;
    }

    .swiper-tab-next {
        right: 20px;
    }
}

@media only screen and (max-width: 1279px) {
    #slideshow {
        height: 443px;
    }

    .container {
        width: 1140px;
    }

    .decorAboutImg1 a img {
        display: block;
        width: 100%;
        height: 436px;
    }

    .WListChooseAbout section.listChoose p {
        margin: 0;
        color: #6E6E6E;
        font-family: 'InterR';
        font-size: 15px;
    }

    .WHotlineAboutH {
        position: absolute;
        bottom: 86px;
        right: -180px;
        display: flex;
        align-items: center;
        border-radius: 10px;
        background: #F9FBFE;
        padding: 15px;
    }

    .rContentHAbout {
        margin-left: 13px;
    }

    .swiper-slide.li-item-cus-parner-home a img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .infocompany {
        width: 33%;
    }

    .middle .right {
        width: 65%;
    }

    footer .middle {
        font-size: 14px;
    }

    .infocompany .text-footer {
        display: block;
        margin-top: 15px;
        font-family: 'InterR';
        font-size: 14px;
    }

    .rContentHAbout a {
        font-size: 24px;
    }

    .rContentHAbout span {
        display: block;
        color: #797978;
        font-family: 'InterM';
        font-size: 18px;
    }

    .link-product-bests-eller a {
        font-size: 13px;
    }

    .contain-com p {
        font-size: 14px;
    }

    .news-trade {
        width: 60%;
        padding-top: 30px;
    }

    .top-default {
        margin-top: 30px;
        margin-bottom: 0;
    }

        .top-default .menu-product ul {
            margin-bottom: 0;
        }

    .product-default ul, .product-list {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }

    .li-trength img {
        margin-right: 10px;
    }

    .li-trength {
        padding: 10px;
    }

    .menusub {
        width: 900px;
    }

    .menu_main > li {
        margin-top: 2px;
    }

    .menu-top a {
        display: inline-flex;
        text-decoration: none;
        padding: 10px 15px;
        overflow: hidden;
        align-items: center;
        color: #646464;
        font-family: InterM;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
    }

    .searchbox .txt {
        width: 470px;
    }

        .searchbox .txt::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #8E8E8E;
            font-family: InterL;
            font-size: 14px;
        }

    .RcontentWhyMemi h2 {
        margin: 0;
        font-size: 14px;
    }

    .ItemContentWhyMedi {
        display: flex;
        justify-content: center;
        padding: 20px 10px;
    }

    .RcontentWhyMemi h2 {
        margin: 0;
        font-size: 14px;
        font-weight: normal;
        font-family: 'InterM';
    }

    .RcontentWhyMemi h4 {
        margin: 0;
        font-size: 11px;
        padding-right: 0;
    }

    ul.listWhyMedi {
        padding: 0;
        margin: 0;
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(4,minmax(0,1fr));
        column-gap: 9px;
        row-gap: 20px;
    }

    .RcontentWhyMemi {
        margin-left: 8px;
    }
}

@media only screen and (max-width: 1150px) {
    .lan { /* margin-top: 2px; */ /* margin-left: 30px; */
    }

        .lan .vi {
            margin-bottom: 3px;
        }

    .notification-toast {
        position: fixed;
        bottom: 10px;
        align-items: center;
        padding: 3px 10px;
        max-width: max-content;
    }

    .toast-detail {
        width: calc(100% - 73px);
        width: calc(100% - 73px);
        padding-right: 19px;
    }

    .toast-banner {
        width: 60px;
        height: 60px;
    }

    .toast-message {
        margin: 3px 0;
    }

    .toast-title {
        margin: 3px 0;
        font-size: 12px;
    }

    .toast-meta {
        margin: 3px 0;
    }

    .middle-header .logo {
        left: 0;
        /* height: 45px; */
        /* width: 98px; */
        /* margin-top: 6px; */
    }

        .middle-header .logo a {
            width: 100% !important;
            height: 100% !important;
        }

        .middle-header .logo canvas {
            width: 100% !important;
            height: 100% !important;
        }

    .middle-header.fixed .logo a {
        width: 100% !important;
        height: 100% !important;
        left: auto;
        top: auto;
    }

    .span-header a {
        width: 40px;
        height: 40px;
    }

    .box-login {
        display: none !important;
    }

    .span-header i {
        font-size: 20px;
    }

    .middle-header .logo img {
        display: none;
    }

    .right-top {
        float: right;
    }

    .middle-header {
        height: auto;
        overflow: hidden;
    }

    .shopping {
        margin-top: 20px;
    }

    .mtop50 {
        margin-top: 30px !important;
    }

    .inner-page { /* margin-top: 30px; */
    }

    .library.inner-page {
        margin-top: 0;
    }

    #slideshow {
        height: 394px;
    }

    .container {
        width: 1010px;
    }

    .defaul-bot .container { /* width:100%; */
    }

    .box-trade { /* padding:20px; */
    }

    .partner { /* padding-top:30px; */
    }

    .product-Promo:before {
        top: 0;
    }

    .menu1 { /* display: none; */
    }

    .des-hot {
        width: 90%;
    }

    .product-Promo { /* padding:30px 0; */
    }

    .product-default ul li .imgproduct,
    .product-list li .imgproduct {
        height: 237px;
    }

    .hotline-default {
        min-height: auto;
        padding: 50px 0;
    }

    .flex-content {
        padding: 10px;
    }

    .home-default .container {
        padding: 30px 0;
    }

    .phone-hot a {
        font-size: 35px;
    }

    .li-content-gt li strong {
        font-size: 16px;
    }

    .slide-pd li {
        height: 450px;
    }

    .left-video {
        margin-top: 0;
    }

    .lbtim { /* display:none !important */
    }

    .product-default ul li, .product-list li {
    }

    .overList:nth-last-child(2), .overList:nth-last-child(1) {
        width: 100%;
    }

        .overList:nth-last-child(1) .product-list,
        .overList:nth-last-child(2) .product-list {
            grid-template-columns: repeat(4,minmax(0,1fr));
        }

            .overList:nth-last-child(1) .product-list li:nth-child(n+5),
            .overList:nth-last-child(2) .product-list li:nth-child(n+5) {
                display: block;
            }

    .project-image {
        height: 216px;
    }

    footer .middle {
        padding: 30px 0;
    }

    .infocompany { /* width:100%; */ /* text-align:center; */
        width: 36%;
    }

    .middle .right { /* width:100%; */ /* text-align:center; */
        width: 63%;
        margin-top: 20px;
    }

    .infocompany .text-footer div:before { /* color:#000 */
    }

    .menu-footer + .menu-footer { /* width:100%; */ /* margin:auto; */ /* padding:0; */ /* text-align:center; */ /* margin-top: 20px; */
    }

    .tit-member-box {
        font-size: 13px;
    }

    .tit-gt h2 { /* font-size:17px; */ /* text-align: center; */
    }

    .trade-image {
        height: 160px;
    }

    nav .menu_main > li > a {
        padding: 12px 18px;
    }

    .menu_main > li > a.a-child-page {
        padding: 12px 4px;
    }

    .middle-header.fix nav .menu_main > li > a {
        padding: 15px 20px;
    }

    .img-mem {
        height: 400px;
    }

    .box-page-abouts {
        width: 96%;
        box-sizing: border-box;
        padding: 30px 10px;
    }

    .commit .container {
        padding: 0 10px;
    }

    .contain-com p {
        font-size: 13px;
    }

    .commit li {
        margin-top: 20px;
        width: 49%;
        margin-left: 0;
    }

        .commit li:nth-child(n+2) { /* width:49%; */
            margin-left: 0;
        }

    .commit {
        height: auto;
        padding-bottom: 15px;
    }

    .contain-com {
        margin-top: 5px;
    }

    .about {
        padding-top: 0;
    }

    .bottom-abouts:before {
        display: none;
    }

    .left-about {
        width: 52%;
    }

    .description-gt {
        margin-top: 15px;
    }

    .title-big {
        font-size: 22px;
    }

    .tit {
        font-size: 28px;
    }

        .tit a {
            background-size: 30px;
            padding-left: 39px;
        }

    .pnrate {
        position: relative;
        width: 100%;
        padding: 20px 15px;
        box-sizing: border-box;
    }

    .title-category.bill-cart-child h1 {
        font-size: 20px;
    }

    .fulltextbox {
        float: unset;
    }

    .WGiftCodeListChild {
        float: unset;
    }

    .thongtindh ul {
        float: unset;
    }

    .tamtinh {
        float: unset;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #d5d5d5;
    }

    .TitleGifCodeUser {
        float: unset;
    }

    .gift-code {
        float: unset;
    }

    .tongcongtt {
        float: unset;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .fulltextbox.mtop20 {
    }

    .btthanhtoann {
        float: unset;
    }

        .btthanhtoann input {
            float: unset;
            width: max-content;
            padding: 9px 16px;
            font-size: 14px;
        }

    .tongcongtt p {
        float: unset;
    }

    .tamtinh p {
        float: unset;
    }

    .thongtindh li {
        float: unset;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #d5d5d5;
    }

    .namett span {
        width: 195px;
    }

    .thumb-item-cart {
        width: 45px;
        height: 100%;
    }

    .topThanhToanChild h3 {
        font-family: 'InterSB';
        font-size: 17px;
    }

    .TitleThanhToanChild h2 {
        font-size: 14px;
    }

    .TitleThanhToanChild h5 {
        font-size: 14px;
    }

    .pricett {
        font-size: 13px;
    }

    .link-log a {
        background: transparent;
        color: #e77817;
        padding-right: 0;
        font-size: 16px;
    }

    .news-trade {
        width: 96%;
        float: none;
        margin: auto;
    }

    .img-mn-pro {
        height: 122px;
    }

    .title-mn-pro {
        -webkit-line-clamp: 2;
    }

    .menu-head .container {
        column-gap: 10px;
    }

    .table_cart .textbox a {
        width: 19px;
        height: 19px;
        line-height: 15px;
    }

    .table_cart .txt {
        width: 30px;
    }

    .nav_main {
        display: none;
    }

    .left-header {
        margin: 0;
    }

    .searchbox {
        border-radius: 4px;
    }

    .lbtim {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .searchbox .txt {
        width: calc(100%);
    }

    .product-default .container {
        width: 100%;
    }

    #ShowMenu {
        display: block;
        float: left;
        text-align: center;
        margin-right: 30px;
        /* border: 1px solid #fff; */
        color: #E77817;
        padding: 3px 5px;
        font-size: 8px;
    }

        #ShowMenu span {
            display: block;
            text-transform: uppercase;
        }

        #ShowMenu i {
            display: block;
            font-size: 25px;
        }

    .span-cart a { /* padding: 10px 28px 10px 15px; */
    }

    .span-cart i { /* font-size: 16px; */ /* margin-top: 0; */ /* margin-right: 5px; */
    }

    .countcart {
        top: -3px;
        left: 21px;
        width: 16px;
        height: 16px;
        font-size: 11px;
        line-height: 16px;
    }

    .menu-mid {
        margin-top: 10px;
        margin: auto;
        margin-right: 20px;
    }

    .flex-head {
        margin: auto;
        position: relative;
        right: 9px;
    }

    .right-header {
        margin-top: 0;
        margin-left: 0;
        width: auto;
    }

    .a-swip-tab {
        font-size: 13px;
    }

    .strength {
        display: none;
    }

    .banner-default .container {
        width: 100%;
    }

    .bottom-header.bottom-inner {
        display: none;
    }

    .sort-pro {
        width: 100%;
        margin-top: 10px;
        text-align: left;
        margin-left: 0;
    }

        .sort-pro label {
            margin-left: 0;
        }

    .list-cate-product-child-r ul.list-pro-home {
        opacity: 1;
        visibility: visible;
        display: flex;
        flex-wrap: nowrap; /* Không xuống dòng */
        gap: 10px;
        list-style: none;
        background: transparent;
        border: none;
    }

    .title-category.cate-title-childdd {
        flex-direction: column;
        align-items: unset;
    }

    .list-cate-product-child-r {
        margin-top: 20px;
        width: 100%;
        overflow-x: auto; /* Cho phép cuộn ngang */
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch; /* Giúp cuộn mượt trên iOS */
        border-radius: 5px;
        border: 0.5px solid #FEFA0E;
        background: linear-gradient(180deg, #C20116 0%, #80010E 100%);
        display: block;
    }

        .list-cate-product-child-r ul.list-pro-home li.nav-item-pro {
            flex: 0 0 auto; /* Không co giãn */
        }

            .list-cate-product-child-r ul.list-pro-home li.nav-item-pro a.nav-link-pro {
                border: none;
                font-size: 14px;
                padding: 13px 8px;
            }

    .product-full .container {
        width: 100%;
        margin: auto;
    }

    .cart-top {
        display: none !important;
    }

    .title-category h3,
    .title-category h1,
    .title-category strong {
        font-size: 18px;
        text-shadow: unset;
    }

    .inner-page-system-child .title-category.cate-title-childdd h1 {
        font-size: 16px;
        padding: 7px 17px;
    }

    .inner-page-system-child {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .title-category:after {
        top: 20px;
    }

    .col-tinh select {
        font-size: 12px;
        padding: 10px 6px;
    }

    span#ctl00_ContentPlaceHolder1_RequiredFieldValidator8 {
        display: none;
    }

    span#ctl00_ContentPlaceHolder1_RequiredFieldValidator4 {
        display: none;
    }

    .col-tinh label {
        font-size: 13px;
    }

    .list-loc-tinh-quan {
        justify-content: space-between;
    }

    h4.store-name {
        font-size: 14px;
        -webkit-line-clamp: 4;
    }

    .store-location p span {
        margin-bottom: 3px;
    }

    .store-location p {
        font-size: 12px;
    }

    p.store-phone span {
        display: block;
    }

    .store-location {
        padding: 12px 12px;
    }

    a.store-map {
        font-size: 12px;
    }

    span.store-map-arrow {
        font-size: 13px;
    }

    .list-system-child {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    .col-tinh {
        margin-right: 7px;
    }

    .title-map-city h2 {
        font-size: 16px;
    }

    .list-child {
        top: -11px;
    }

    .modal-filter {
        max-width: 400px;
    }
}

@media only screen and (max-width: 1023px) {
    .swiper-thumb {
        height: 75px;
    }

    .box-category-product.list-sort-pro-child {
        display: flex;
        flex-direction: column-reverse;
    }

    .pro-cate-side-sort {
        display: none;
    }

    .box-category-product.list-sort-pro-child .price-side {
        width: 100%;
    }

    .price-side.price-filter section.cate-pro-list-home {
        display: block;
    }

        .price-side.price-filter section.cate-pro-list-home ul.list-pro-home li.nav-item-pro {
            width: 50%;
            flex-wrap: wrap;
        }

    .price-side.price-filter ul.list-pro-home li.nav-item-pro a {
        font-size: 14px;
    }

    .price-side.price-filter section.cate-pro-list-home ul.list-pro-home {
        display: flex;
        flex-wrap: wrap;
    }

    .price-side.price-filter ul.list-pro-home li.nav-item-pro:nth-child(9) a {
        border-bottom: 0;
    }

    .trademark-item {
        padding-left: 0;
    }

    .box-category-product.list-sort-pro-child .seller-content-product {
        margin: 0;
        padding: 0;
        margin-bottom: 12px;
    }

        .box-category-product.list-sort-pro-child .seller-content-product .product-list-child-full.list-best-seller {
            display: grid;
            grid-auto-rows: minmax(min-content, max-content);
            grid-template-columns: repeat(2, minmax(0, 1fr));
            column-gap: 12px;
            row-gap: 12px;
        }

    .list-price-pro-cate a {
        margin: 0 14px;
        width: max-content;
        height: 46.205px;
        padding: 0 30px;
    }

        .list-price-pro-cate a span {
            font-family: 'Montserrat-SemiBold';
            font-size: 20.227px;
            position: relative;
            top: -1px;
        }

    .full-product-home-tab .seller-content-product {
        width: 100%;
        margin-left: 0;
    }

    .full-product-home-tab {
        flex-direction: column;
    }

        .full-product-home-tab ul.list-tab-menu-item {
            display: grid;
            grid-auto-rows: minmax(min-content, max-content);
            grid-template-columns: repeat(3, minmax(0, 1fr));
            column-gap: 0;
            row-gap: 0;
        }

    li.view-full-product {
        display: none;
    }

    .full-product-home-tab .seller-content-product .product-list-tab-menu {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 12px;
        row-gap: 12px;
    }

    .imgproduct a.imgpa {
        height: 100%;
    }

    .product-list-tab-menu {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 12px;
        row-gap: 12px;
        margin-top: 13px;
    }

    .total-comment-num-seller {
        display: flex;
        justify-content: end;
        align-items: center;
        -webkit-justify-content: flex-end;
    }

    .slogan-header-home-mobile .text-highlight {
        font-size: 16px;
        color: var(--default-color-2);
    }

    .slogan-header-home-mobile {
        margin-left: 8px;
    }

    .boxes.content-new-detail-child {
        float: unset;
        width: 100%;
    }

    .sidebar-new-list {
        padding-top: 25px;
    }

    .title-category-child-side h2 {
        font-size: 21px;
    }

    .side-list-new-bar {
        float: unset;
        width: 100%;
    }

    .link-news-child-item a.btn {
        padding: 9px 12px;
        font-size: 11px;
        margin-top: 2px;
    }

    .pharmacy-system-h {
        display: flex;
    }

    .nav-menu-mobile {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background: #f3f5f7;
        z-index: 999999999999999999999999999999999;
        overflow: auto !important;
    }

    a#ctl00_top_HeadNew_hplUser {
        display: flex;
        width: max-content;
        border-radius: 50px;
        align-items: center;
        padding: 4px 10px;
        color: #fff;
    }

    .WEmailHeaderL {
        display: none;
    }

    li.product.pro-deal-home-item, .WProItemSeller {
        margin: 0;
        padding-bottom: 5px;
    }

    .title-side-pro-child h3 {
        font-size: 32px;
    }

    .arcontactus-widget.right.arcontactus-message {
        display: block;
    }

    .imgproduct {
        height: auto;
    }

    .product-combo-home.full-product-homee .full-product-home-tab .seller-content-product .product-list-tab-menu .product-item-show:nth-child(7), .product-combo-home.full-product-homee .full-product-home-tab .seller-content-product .product-list-tab-menu .product-item-show:nth-child(8) {
        display: none;
    }

    div#ctl00_ContentPlaceHolder1_ProductSideItem_upProducts .product-list-tab-menu .product-item-show {
        display: none;
    }

        div#ctl00_ContentPlaceHolder1_ProductSideItem_upProducts .product-list-tab-menu .product-item-show:nth-child(1),
        div#ctl00_ContentPlaceHolder1_ProductSideItem_upProducts .product-list-tab-menu .product-item-show:nth-child(2),
        div#ctl00_ContentPlaceHolder1_ProductSideItem_upProducts .product-list-tab-menu .product-item-show:nth-child(3),
        div#ctl00_ContentPlaceHolder1_ProductSideItem_upProducts .product-list-tab-menu .product-item-show:nth-child(4) {
            display: block;
        }

    div#ctl00_ContentPlaceHolder1_ProductSideItem_upProducts .product-list-tab-menu {
    }

    div#ctl00_ContentPlaceHolder1_ProductSideB_upProducts .product-list-tab-menu .product-item-show {
        display: none;
    }

        div#ctl00_ContentPlaceHolder1_ProductSideB_upProducts .product-list-tab-menu .product-item-show:nth-child(1), div#ctl00_ContentPlaceHolder1_ProductSideB_upProducts .product-list-tab-menu .product-item-show:nth-child(2), div#ctl00_ContentPlaceHolder1_ProductSideB_upProducts .product-list-tab-menu .product-item-show:nth-child(3), div#ctl00_ContentPlaceHolder1_ProductSideB_upProducts .product-list-tab-menu .product-item-show:nth-child(4) {
            display: block;
        }

    .WSalePercentBestSeller {
        position: absolute;
        z-index: 1;
        top: 8px;
        right: 43px;
    }

    .WSalePercent {
        position: absolute;
        top: 13px;
        right: 6px;
    }

        .WSalePercent .new .text-new {
            font-size: 13px;
        }

    .WSalePercentSeller {
        position: absolute;
        top: 13px;
        right: 6px;
    }

    .top-cus-parner-home h2 {
        font-size: 20px;
    }

    .news1-name h3 {
        margin: 0;
        font-size: 16px;
        font-style: normal;
        text-transform: capitalize;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: auto;
    }

    .news1-image {
        height: 280px;
    }

    .desNewItemHome {
        padding-right: 4px;
    }

    ul.listWhyMedi {
        padding: 0;
        margin: 0;
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        row-gap: 23px;
        column-gap: 9px;
    }

    .decorSvgWhyMedi img {
        width: 57%;
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }

    .main-category__content {
        flex-direction: column;
    }

    .decorSvgWhyMedi {
        position: relative;
        background: linear-gradient(134deg, #FFB97B 2.01%, #FF5C00 100%);
        border-radius: 50px;
        width: 65px;
        height: 65px;
        top: -20px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 1px 5px 0px rgb(174 174 174);
    }

    .RcontentWhyMemi {
        margin-top: -12px;
    }

        .RcontentWhyMemi h4 {
            padding-bottom: 5px;
            margin-top: 3px;
        }

    .main-category__content--filter {
        flex-basis: 100%;
        margin-right: 0;
        width: 100%;
    }

        .main-category__content--filter .sub-card > p {
            margin-top: 0;
            padding-bottom: 10px;
        }

    .content-abouts {
        font-size: 14px;
    }

    .WListWhyMedi.why-hover .decorSvgWhyMedi img {
        width: 17%;
    }

    .TopDoctorHome {
        margin-top: 20px;
    }

    .WListWhyMedi {
        padding-top: 25px;
        padding-bottom: 39px;
        background: linear-gradient(180deg, #C20116 0%, #80010E 100%);
        background-size: cover;
        display: none;
    }

    .flash-sale-heading {
        background: url(/Design/NgocPhuc/Flashsale1.png) no-repeat;
        position: relative;
        top: -32px;
        background-size: cover;
        padding-right: 19px;
    }

    .product-default.flashSaleHome {
        padding-top: 15px;
        overflow: unset;
        background: linear-gradient(134deg, #FFB97B 2.01%, #FF5C00 100%);
    }

    .title-last-coutdown {
        display: none;
    }

    .ItemContentWhyMedi {
        position: relative;
        display: block;
        text-align: center;
        padding: 5px;
        background: #fff;
        border-radius: .5rem;
        box-shadow: 0px 1px 5px 0px rgb(174 174 174);
    }

    ul.listWhyMedi li:nth-child(3) .decorSvgWhyMedi img {
        width: 52%;
    }

    ul.listWhyMedi li {
        border-right: 0;
    }

    .WHotProHeader {
        display: none;
    }

    .flash-sale-header {
        display: none;
    }

    .box-filter span, .sort-box span {
        padding: 5px 10px;
    }

    .bottom-header, .WAddressHeaderL {
        display: none;
    }

    ul.listDoctorItem {
        padding: 0;
        margin: 0;
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 12px;
        row-gap: 12px;
    }

    .DoctorContentItem {
        padding: 20px 20px;
    }

    .TopDoctorHome h5 {
        margin: 0;
        font-family: 'InterB';
        font-size: 30px;
    }

    .leftTitleIconNew h3 {
        font-size: 20px;
    }

    .title-category-home {
        padding: 5px;
    }

    .defaul-bot-cate-home .title-category-home {
        margin-bottom: 15px;
    }

    .list-news {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 15px;
        row-gap: 15px;
        padding-bottom: 43px;
    }

    .banner-default img {
        width: 100%;
        display: block;
        height: 125px;
        border-radius: 10px;
    }

    .ListBannerTopHome a {
        border-radius: 12px;
    }

    li.item-cate-new-h a {
        font-size: 12px;
    }

    li.item-cate-new-h {
        margin-right: 5px;
        margin-bottom: 6px;
    }

    .WHomeAbout {
        display: block;
    }

    .LAboutHome {
        width: 100%;
    }

    .WAboutHome:before {
        height: 100%;
    }

    .RAboutHome {
        margin-top: 20px;
        padding-left: 0;
    }

    .WAboutHome .DecorImgAboutList {
        display: none;
    }

    .about-two-childdd .DecorImgAboutList {
        display: block;
    }

    .NameDesCompaAbout section a {
        display: inline-block;
    }

    .WHomeAbout.about-page-one-child .RAboutHome {
        padding-left: 0;
        margin-top: 15px;
    }

    .about-two-childdd .decorAboutImg1 a img {
        width: 100%;
        height: 100%;
    }

    .about-two-childdd .LAboutHome {
        width: 100%;
    }

    .WHomeAbout.about-page-two-child .RAboutHome {
        margin-top: 15px;
    }

    .WHomeAbout.about-page-two-child .RAboutHome {
        padding: 0;
    }

    .WDecorImgAbout2 {
        display: none;
    }

    .WdiscountProHeader {
        display: none;
        padding-left: 7px;
        margin-left: 7px;
    }

        .WdiscountProHeader a {
            width: 90px;
            height: 35px;
            position: relative;
            top: 4px;
        }

        .WdiscountProHeader span {
            font-size: 12px;
        }

    .searchbox .txt::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #8E8E8E;
        font-family: InterL;
        font-size: 14px;
        font-style: italic;
        font-weight: 300;
        line-height: normal;
    }

    .modal-filter {
        max-width: 100%;
        box-sizing: border-box;
    }

    .box-filter:nth-child(n+1) .modal-filter {
        left: 0;
        top: inherit;
    }

        .box-filter:nth-child(n+1) .modal-filter:before {
            display: none;
        }

    .modal-filter a {
        font-size: 13px;
        padding: 3px 7px;
    }

    .box-filter {
        margin: 0;
        position: initial;
        width: 56%;
    }

    .filter {
        position: relative;
        display: flex;
    }

    .menu-footer li:before {
    }

    .li-bot-head {
        float: none;
        overflow: hidden;
        margin: auto;
    }

        .li-bot-head:before {
            display: none;
        }

    .pnrate {
        display: none;
    }

    .menusp li {
        padding: 5px 10px;
        font-size: 14px;
    }

    nav {
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        overflow: auto;
        z-index: 10;
        display: none;
        margin: 0;
        z-index: 9999999;
        padding: 0 10px;
        box-sizing: border-box;
        background: #1a94ff;
    }

        nav .menu_main {
            border: none;
            float: none;
            height: auto;
        }

            nav .menu_main.left {
                margin-top: 30px;
            }

            nav .menu_main > li.home > a {
                text-indent: 0;
                width: 100%;
            }

            nav .menu_main > li.home i {
                left: 0;
                right: auto;
            }

    .menu_main > li.hidden {
        display: block;
    }

    nav .menu_main li {
        margin: 7px 0 !important; /* color: #fff; */
        float: none;
        text-align: left;
        padding-bottom: 0; /* border-top: 1px solid #e9e3e3; */
        position: relative;
        background: none;
        font-family: nb;
    }

    nav .menu_main > li .menusub > li > a {
        color: #ebedf0;
        font-size: 16px;
        text-transform: none;
        padding: 0; /* background: #fff!important; */
        padding: 6px 0;
        font-family: nr;
    }

    nav .menu_main li.km-m {
        display: block;
    }

    .menusub li:hover:before {
        display: none;
    }

    .banner-default.mini-banner-home.banner-mini-two .ListBannerTopHome {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(1, minmax(0, 1fr));
        column-gap: 12px;
        row-gap: 12px;
        position: relative;
        z-index: 1;
    }

    nav .menu_main > li .menusub li {
        margin: 3px 0 !important;
        border: none;
    }

    nav .menu_main > li > a:before {
        display: none;
    }

    nav .menu_main li a, nav .menu_main.right > li > a {
        padding: 12px 0;
        padding-left: 0;
        text-align: center;
        font-size: 15px;
        text-transform: uppercase; /* height: 45px; */
        box-sizing: border-box;
        display: block; /* padding: 0; */ /* background: -webkit-linear-gradient(top,#fff,#e5e5e5); */
        border: 2px solid #fff;
        border-radius: 3px;
        text-align: center; /* line-height: 42px; */
    }

    nav .menu_main > li.havesub a:after { /* bottom:5px; */
    }

    .menu_main > li a.active, .menu_main > li a:hover { /* color: #ffcf74 !important; */
    }

    nav .menu_main > li:nth-child(n+3):before {
        display: none;
    }

    .menusub {
        position: relative;
        padding-top: 0;
        margin: auto;
        width: 100%;
        display: none;
        transform: none !important;
        transform-origin: unset;
        margin-top: 1px;
        box-shadow: none;
    }

    nav .menu_main li.havesub:nth-child(3) .menusub { /* display: block; */
    }

    nav .menu_main > li.none-mb {
        display: block;
    }

    nav .logomobile {
        display: block;
        height: 80px;
        width: 100%;
        text-align: center;
    }

    nav .logomobile {
        float: none;
        position: static;
        left: 0;
        right: 0;
        margin: auto !important;
        margin-top: 0;
        height: auto;
    }

        nav .logomobile a {
            padding: 15px 0 5px;
            display: block; /* background-color: #fff; */
        }

        nav .logomobile img {
            width: auto;
            height: 100%;
            display: block;
            margin: auto;
        }

    #slideshow {
        height: 100% !important;
    }

    .widget-c-banner-cate-home {
        display: block;
    }

    section.cate-pro-list-home {
        display: none;
    }

    .side-banner-home {
        width: 100%;
        margin: 7px 0;
    }

    .banner-right-h {
        width: 100%;
        height: 100%;
        display: none;
    }

    .container {
        width: 100%;
        padding: 0 10px;
        margin: 0;
        max-width: 100%;
    }

    .relative-head-top .container {
        max-width: 98%;
    }

    .topLHeader {
        margin-left: 0;
    }

    .bottom-header .container {
        text-align: center;
        display: flex;
    }

    .middle-header .container {
        justify-content: space-between;
        max-width: 100%;
        flex-direction: row-reverse;
    }

    .middle-header.fixed {
        background: #fff;
    }

    footer .infocompany .title-footer img {
        display: none;
    }

    .bottom-abouts {
        padding-top: 30px;
        padding-bottom: 10px;
    }

        .bottom-abouts:before, .bottom-abouts:after {
            display: none;
        }

    .project-promo {
        padding-top: 30px;
    }

    .col-sidebar {
        display: none;
    }

    .col-section, .col-side {
        width: 100%;
    }

    footer .infocompany .title-footer:after {
        position: relative;
        display: block;
        margin: auto;
        margin-top: 10px;
    }

    .tieuchi {
        display: none;
    }

    .middle-header {
        background: #fff;
        overflow: unset;
        padding: 5px 0;
    }

    .relative-head-top {
        height: 44px;
    }

    .right-top { /* margin-top: 6px; */ /* padding-bottom: 0; */
    }

    .banner-ct img { /* height:100%; */ /* width:auto; */
    }

    .left.infocompany {
        width: 100%;
        margin-bottom: 20px;
    }

    .infocompany .text-footer p:nth-child(1) {
        font-size: 14px;
    }

    .infocompany .text-footer p {
        margin: 5px 0px;
    }

        .infocompany .text-footer p:nth-child(3):before {
            top: 5px;
        }

        .infocompany .text-footer p:nth-child(4):before {
            top: 1px;
        }

        .infocompany .text-footer p:nth-child(2) {
            font-size: 14px;
        }

    .title-footer-compa h2 {
    }

        .title-footer-compa h2 strong {
            font-size: 44px;
        }

    .menu-footer {
        float: none;
        display: block;
        width: 100% !important;
        padding: 0;
        margin: 10px 0;
        margin-left: 0 !important;
    }

        .menu-footer.menu1 {
            width: 50% !important;
        }

    footer .text-footer {
        display: block;
        margin-top: 10px;
        text-align: left;
    }

        footer .text-footer li {
            display: block;
            margin: 0;
        }

            footer .text-footer li a {
                font-size: 11px;
                line-height: normal;
            }

    .menu-footer .title-footer {
        display: block;
        text-align: left;
    }

    .menu-footer.menu2 {
        width: 100% !important;
        flex: 1 1 0;
    }

    .WFooterInfoMobile {
        padding: 0;
        margin: 0;
        display: flex;
    }

    .WFanpageFooter iframe {
    }

    .title-footer.none {
        display: block !important;
    }

    footer .infocompany .title-footer span {
        margin-top: 0;
    }

    .menu-footer .fb-page.fb_iframe_widget {
        display: block;
        margin-top: 0;
    }

    .icon-login.span-header .countcart {
        left: auto;
        right: -6px;
        font-size: 11px;
    }

    a#ctl00_top_HeadMobile_hplUser > span {
        display: none;
    }

    span#ctl00_top_HeadMobile_lbthongbao {
        display: block !important;
    }

    .searchbox {
        display: flex;
        align-items: center;
        background: #f1f1f1;
        border: 1px solid #d5d5d5;
        border-radius: 50px;
        z-index: 1;
        justify-content: space-between;
    }

    .tit-cate-m.wCateMobileClose {
        position: relative;
    }

    div#ctl00_top_HeadNew_MiddleHeader_pnLogin {
        padding: 13px 15px;
        background: #fff;
        box-shadow: 1px 0 10px #00000038;
        overflow: auto;
    }

    .icon-login.span-header {
        font-size: 16px;
        color: #4f4f4f;
        font-family: 'InterR';
        font-weight: normal;
    }

    .span-header a {
        position: relative;
        width: max-content;
        height: 100%;
        align-items: center;
        line-height: normal;
        overflow: unset;
    }

    .searchbox .btn {
        width: 100px;
        font-size: 13px;
        right: 0;
    }

    nav .menu_main > li.havesub > a:after {
        top: 26px;
        height: 10px;
    }

    .havesub2 a:after {
        display: none;
    }

    .havesub2:after {
        top: 0;
        width: 45px;
        height: 45px;
        right: 0;
        content: "\f105";
        position: absolute;
        border-top-color: #fff;
        font-family: "fontawesome";
        z-index: 1;
        font-size: 12px;
        font-weight: bold;
        line-height: 45px;
        text-align: center;
        background: #eeffe3;
    }

    .menusubf2 {
        position: relative;
        left: 0;
        top: 0;
        position: relative;
        padding-top: 0;
        margin: auto;
        width: 100%;
        display: none;
        transform: none !important;
        transform-origin: unset;
        margin-top: 1px;
        box-shadow: none;
    }

    nav .menu_main li > .menusub .menusubf2 > li a {
        background: #eeffe3 !important;
        padding: 0px 10px;
        text-transform: none;
        font-size: 15px;
    }

    .left.text {
        width: 100%;
        text-align: center;
    }

    .foot .right {
        width: 100%;
        text-align: center;
    }

    .foot .visitor {
        float: none;
        margin: auto;
        margin-bottom: 9px;
        margin-top: 5px;
    }

    .library ul {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .library li {
        height: 280px;
    }

    .des-hot {
        width: 90%;
    }

    .product-Promo {
        padding: 30px 0;
    }

    .phone-hot {
        margin-bottom: 15px;
    }

    .product-Promo.pro-best-seller-childd {
        background: #fbada9;
    }

    .hotline-default {
        min-height: auto;
        padding: 50px 0;
    }

    .flex-content {
        padding: 10px;
    }

    .home-default .container {
        padding: 30px 0;
    }

    .product-Promo.pro-best-seller-childd:after {
        content: "";
        position: absolute;
        background: url(/Design/phFood/bb1.png) no-repeat;
        opacity: 0.5;
        mix-blend-mode: soft-light;
        background-size: cover;
        left: 0;
        top: 1px;
        width: 100%;
        height: 395px;
    }

    .c-tabs-nav a {
        font-size: 15px;
        padding: 5px 20px 8px;
    }

    .product-default ul li .imgproduct,
    .product-list li .imgproduct {
        height: 237px;
    }

    .phone-hot a {
        font-size: 30px;
    }

    .list-article-category .item .postImg {
        height: 176px;
    }

    .banner-ct {
        height: auto !important;
    }

    .slogan-video {
        width: 100%;
    }

    footer .infocompany .title-footer {
        width: 80%;
        margin: auto;
    }

    .li-content-gt li { /* width:100%; */ /* align-self: center; */ /* justify-self: center; */
        margin-left: 0;
    }

    .tit-gt h1, .slogan-df, .tit-pd {
        font-size: 35px;
    }

    .li-content-gt li strong {
        font-size: 16px;
    }

    .slide-pd li {
        height: 450px;
    }

    .left-video {
        margin-top: 0;
    }

    .img-gt img {
        width: 50%;
        padding-top: 56px;
    }

    .li-content-gt:nth-child(1) { /* display: grid; */ /* grid-auto-rows: minmax(min-content,max-content); */ /* grid-template-columns: repeat(3,minmax(0,1fr)); */ /* column-gap: 18px; */ /* row-gap: 30px; */ /* align-items: center; */ /* justify-items: center; */
    }

    .li-content-gt:nth-child(2) {
        padding-left: 80px;
    }

    .slogan-pd {
        font-size: 40px;
    }

    .right-video a {
        height: 300px;
    }

    .listImage .listImg, .listVieos .postImg {
        height: 220px;
    }

    .lstImgContent .postImg {
        height: 150px;
    }

    .left-about {
        width: 100%;
    }

    .right-gt {
        width: 100%;
        margin-right: 15%; /* display: none; */
        position: relative;
        margin-top: 20px;
    }

    .chef {
        right: 0;
    }

    .swiper-glr2 {
        height: 450px;
    }

    .trade-image {
        height: 300px;
    }

    .list-member {
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 40px;
        row-gap: 40px;
    }

    .logo:after {
        width: 138px;
        height: 120px;
    }

    .logo a {
        top: 0;
        left: 0;
    }

    .cd-top {
        left: 10px;
        transform: translate(0%, 0);
    }

    .tit-gt h1 {
        text-align: center;
    }

    .tit-gt h2 {
        text-align: center;
    }

        .tit-gt h2:after {
            margin: auto;
            margin-top: 5px;
        }

    .description-gt {
        text-align: center;
    }

    .detail-gt {
        text-align: center;
    }

    .defaul-bot .container { /* width:100%; */
    }

    .box-buy {
        margin-left: 0;
        margin-top: 10px;
    }

    .contact .right-content {
        width: 98%;
    }

    .product-default ul, .product-list { /* grid-template-columns: repeat(3,minmax(0,1fr)); */
    }

    .product-default {
        padding: 30px 0;
    }

    .btn-detail-flashSale {
        margin-left: 5px;
    }

    .decorSvgDeal svg {
        width: 100%;
        height: 100%;
    }

    .flash-sale-heading .countdown-el {
        width: 23px;
        height: 23px;
        font-size: 12px;
        background: #fff;
        color: #1E1E1E;
    }

    .btn-detail-flashSale a {
        font-size: 12px;
        width: 92px;
        height: 30px;
    }

    .widgetProListFlase {
        padding: 0;
    }

    .decorSvgDeal {
        margin-left: 8px;
    }

    ul.list-cate-n-home {
        display: flex;
        gap: .2rem;
    }

    .cate-list-new-home {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin-bottom: 24px;
    }

    .defaul-bot-cate-home {
        padding-bottom: 0;
    }

    .WListWhyMedi.none {
        display: block !important;
        margin-top: 25px;
        padding-bottom: 25px;
    }

    .back-full-pro-home {
        background: linear-gradient(180deg, #48D487 0%, #0E9048 100%);
    }

    .WBackSeller {
        padding: 0;
    }

    .full-price-cate {
        padding-top: 15px;
        padding-bottom: 32px;
    }

    .RDetailSeller {
        display: none;
    }

    .title-big-seller {
        padding: 5px;
        position: relative;
        top: -25px;
        margin-bottom: 8px;
    }

        .title-big-seller:before {
            content: "";
            position: absolute;
            background: url(/Design/phFood/tt.png) no-repeat;
            background-size: cover;
            left: 0;
            top: 0;
            right: 0;
            width: 276.007px;
            height: 43.752px;
            margin: auto;
        }

    .product-default.product-seller.product-combo-home .title-big-seller:before {
        content: "";
        position: absolute;
        background: url(/Design/phFood/tt2.png) no-repeat;
        background-size: cover;
        left: 0;
        top: -1px;
        right: 0;
        width: 276.007px;
        height: 43.752px;
        margin: auto;
    }

    .product-default:before {
        background-size: cover;
        top: 0;
    }

    .product-default.product-seller.product-combo-home:before {
        content: "";
        position: absolute;
        background: url(/Design/phFood/bb3.png) no-repeat;
        background-size: cover;
        left: 0;
        top: -4px;
        width: 100%;
        height: 335px;
        pointer-events: none;
        z-index: -2;
    }

    .product-default.product-seller.product-combo-home:after {
        content: "";
        position: absolute;
        background: #ecffd4;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 89%;
        z-index: -2;
        top: auto;
        opacity: 1;
        mix-blend-mode: unset;
    }

    .product-default.product-seller.product-new-home {
        background: linear-gradient(134deg, #ef9790 2.01%, #F44336 100%);
    }

        .product-default.product-seller.product-new-home .title-big-seller {
            background: url(/Design/NgocPhuc/shade1.png) no-repeat;
            background-size: cover;
        }

    .product-default.product-seller {
        padding-top: 0;
        padding-bottom: 0;
        overflow: unset;
    }

    .zalo, .message .icon, .hotline-phone-ring-wrap, .gm, a.tiktok-btn {
        display: none;
    }

    .product-default.product-seller.product-combo-home .title-big-seller {
        padding-top: 8px;
    }

    .banner-default {
        padding-bottom: 60px;
    }

        .banner-default.mini-banner-home {
            background: #ecffd4;
            padding-top: 10px;
            padding-bottom: 10px;
        }

    .swiper.mySwiperNewsPro.seller-content-product {
        padding-bottom: 0;
    }

    .title-tab-menu-side h4 {
        font-size: 16px;
    }

    ul.list-tab-menu-item {
        display: inline-flex;
        flex-flow: wrap;
    }

    .title-tab-menu-side > span {
        font-size: 13px;
        width: 73%;
        margin: auto;
        margin-top: 6px;
        line-height: 146%;
    }

    li.menu-item-pro-home a {
        font-size: 14px;
        padding: 3px 9px;
    }

    .full-product-home-tab ul.list-tab-menu-item li.menu-item-pro-home a.cate-btn {
        font-size: 16px;
        padding: 5px 9px;
    }

    .decor-l-menu, .decor-r-menu {
        display: none;
    }

    .list-child {
        display: none;
    }

    .product-default ul li:nth-child(n+6) {
        display: block;
    }

    .menu-product {
        margin-top: 0;
    }

    #search-result {
        display: none !important;
    }

    .holine-top {
        display: none;
    }

    .pharmacy-system-h a.BtnDiscountImg {
        padding: 8px 11px;
        display: flex;
        border-radius: 20px;
        background: #E77817;
        align-items: center;
        justify-content: center;
        pointer-events: all;
        cursor: pointer;
    }

        .pharmacy-system-h a.BtnDiscountImg span {
            color: #FFF;
            font-family: RobotoSB;
            font-size: 13px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            padding-left: 6px;
        }

        .pharmacy-system-h a.BtnDiscountImg .decorIconSvgDiscount {
            display: flex;
            align-items: center;
        }

    .middle-header .logo {
        z-index: 1;
        width: 100px;
        height: 62px;
    }

    .header {
        display: none;
    }

    .header-mobile {
        display: block;
    }

    .rightthanhtoan {
        width: 100%;
        float: unset;
    }

    .logo a:before {
        display: none;
    }

    .leftthanhtoan {
        width: 100%;
        margin-top: 30px;
        float: unset;
    }

    .searchbox .txt { /* width: 220px; */
    }

    ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        border-radius: 6px;
    }

    .searchbox .txt::placeholder {
        color: #fff;
    }

    .searchbox .txt:-ms-input-placeholder {
        color: #fff;
    }

    .searchbox .txt::-ms-input-placeholder {
        color: #fff;
    }

    .two-colums .right-detail {
        width: 100%;
    }

    .two-colums .left-detail {
        width: 100%;
        margin-top: 30px;
    }

    .row1 {
        width: 100%;
    }

    .row2 {
        width: 100%;
    }

    .top-content {
        display: none;
    }

        .top-content.public-mobile {
            display: block;
            margin-top: 20px;
            background: #ebebeb;
            margin-bottom: 15px;
        }

    .info_contain .description p {
        font-size: 15px;
    }

    .title-detail-pro-child h3 {
        font-size: 28px;
    }

    #comments a.btn-reviews-now {
        font-size: 13px;
    }

    ._1iFmQA.flase-sale-pro-detail {
        padding: 0 5px;
    }

    .left-pro-slide-child {
        width: 100%;
        float: unset;
    }

    .commit-detail {
        display: none;
    }

    .side-content-product-child {
        float: unset;
        width: 100%;
        margin-top: 12px;
    }

    .list-pro-ll {
        float: unset;
        width: 100%;
    }

    ol.commentlist {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(1, minmax(0, 1fr));
        column-gap: 20px;
        row-gap: 20px;
    }

    .right-content-pro-child {
        margin-top: 12px;
        float: unset;
        width: 100%;
    }

    div#ctl00_ContentPlaceHolder1_pnorther .container {
        padding: 9px;
    }

    .side-content-product-child .title-inner-page {
        font-size: 28px;
        line-height: 145%;
    }

    .WHangMALuotXem .ma-sp {
        margin-right: 15px;
    }

    .WTinTrangSP .status-yes strong {
    }

    .WHangMALuotXem .ma-sp strong {
    }

    .WHangMALuotXem .ma-sp:nth-child(2) {
        display: none;
    }

    .flash-sale-logo.flash-sale-logo--white {
        width: 26%;
        height: 45%;
    }

    .WVanChuyenPro {
        font-size: 13px;
    }

    .isures-sdc--code_item {
        font-size: 11px;
        margin-right: 5px;
    }

        .isures-sdc--code_item span {
            font-size: 11px;
        }

    ._1tFWnd {
        margin-right: 0.2rem;
        font-size: 12px;
    }

    .swiper-pro {
        height: 500px;
    }

    .newsnth:nth-child(n+2) {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 900px) {
    #slideshow {
        height: 296px;
    }

    .product-list-child-full.list-best-seller {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 12px;
        row-gap: 12px;
    }

    .slogan-header-home-mobile {
        text-align: left;
    }

        .slogan-header-home-mobile .text-highlight {
            font-size: 16px;
            color: var(--default-color-2);
        }

    .w-bocongthuong a {
        text-align: left;
    }

    .swiper.mySwiperComboPro.seller-content-product {
        padding-bottom: 0;
    }

    .flash-sale-title span {
        position: relative;
        padding-left: 9px;
        color: #FFF;
        font-family: 'InterB';
        font-size: 18px;
    }

    .container {
        width: 100%;
    }

    .title-inner-page {
        font-size: 28px;
        line-height: 25px;
        margin-top: 0;
    }

    .detail b, .detail strong, .detail h1, .detail h2, .detail h3, .detail h4, .detail h5, .detail h6 {
        font-size: 15px;
    }

    h2.tit-detail-about {
        margin-top: 0;
        font-size: 22px;
    }

    .inner-page-about {
        padding-top: 10px;
    }

    .page-post-detail__content {
        width: 100%;
        flex-basis: 100% !important;
    }

    .thongtinthanhtoans {
        width: 100%;
        float: unset;
    }

    .partner {
        display: none;
    }

    .top-pro-sale-child {
        display: block;
    }

    footer .infocompany .title-footer span {
        margin-top: 0;
    }

    .list-menu ul {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }

    .left-menu {
        height: auto;
    }

    .content-se p {
        font-size: 16px;
    }

    .content-se span {
        font-size: 20px;
    }

    .tit-pro {
        font-size: 20px;
    }

    .box-white {
        padding: 15px;
    }

    .tit-pro a {
        top: 3px;
    }

    .top-header .container { /* text-align:center; */
        position: relative;
    }

    .pharmacy-system-h-mobile .logo {
        flex: 1 1 0;
        z-index: 1;
    }

    .comname { /* float:none; */ /* display:inline-block; */ /* margin-top:0; */ /* padding-bottom: 9px; */ /* overflow: hidden; */
    }

    .top-header .right { /* display:none */ /* max-width: 39%; */
    }

    .top-header .left { /* width: 53%; */
    }

    .tit-gt span {
        width: 80%;
    }

    .c-tabs-nav {
        margin-bottom: 10px;
    }

    .menu-footer .title-footer {
        font-size: 14px;
    }

    .product-default ul, .product-list, .box-inner-page-product .product-list {
        grid-template-columns: repeat(3,minmax(0,1fr));
        column-gap: 15px;
        row-gap: 15px;
    }

    .c-tabs-nav a {
        font-size: 15px;
        padding: 5px 20px 8px;
    }

    .product-default ul li .imgproduct,
    .product-list li .imgproduct {
        height: 168.5px;
    }

    li.product.pro-deal-home-item .imgproduct {
        height: 325px;
    }

    .a-link-product {
        position: unset;
        margin-top: 7px;
    }

    .cost-product span {
        font-size: 14px;
    }

    .phone-hot a {
        font-size: 30px;
    }

    .deals-quality-pro span {
        font-size: 11px;
    }

    .decorSvgDealQua {
        left: -4px;
    }

    .list-article-category .item .postImg {
        height: 140px;
    }

    .decorSvgDealQua svg {
        width: 28px;
        height: 28px;
    }

    .banner-ct {
        height: 176px;
        margin: auto !important;
    }

    .left-video {
        width: 100%;
    }

    .right-video {
        width: 100%;
        margin-top: 20px;
    }

    .box-page-abouts {
        width: 96%;
        box-sizing: border-box;
    }

    .listImage, .listVieos {
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 20px;
        row-gap: 20px;
    }

    .lstImgContent {
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    .video-default {
        padding: 40px 0;
    }

    .overList:nth-last-child(1) .product-list,
    .overList:nth-last-child(2) .product-list {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .tit-gt h1, .slogan-df, .tit-pd { /* font-size: 28px; */
    }

    .li-content-gt li strong { /* font-size:22px */
    }

    .slide-pd li {
        height: 450px;
    }

    .left-video {
        margin-top: 0;
    }

    .img-gt img {
        width: 50%;
        padding-top: 56px;
    }

    .li-content-gt:nth-child(1) {
        padding: 0 !important;
    }

    .li-content-gt:nth-child(2) {
        padding-left: 80px;
    }

    .slogan-pd {
        font-size: 40px;
    }

    .right-video a {
        height: auto;
    }

    .listImage .listImg, .listVieos .postImg {
        height: 285px;
    }

    .lstImgContent .postImg {
        height: 275px;
    }

    .slide-pd li {
        height: 400px;
    }

    .slogan-video {
        font-size: 35px;
    }

    .company h3 {
        font-size: 30px;
        margin-top: 9px;
    }

    .company h4 {
        font-size: 14px;
    }

    .lbtim {
    }

    .holine-top {
        font-size: 16px;
    }

        .holine-top i {
            font-size: 12px;
        }

    footer .foot {
        padding-bottom: 8px !important;
    }

    .text-coppyright a {
        display: block;
    }

    .bottom {
        display: block;
        background: #991722;
        height: 58px;
        border-top: 1px solid #fff;
        z-index: 9999;
    }

        .bottom .div-bot {
            display: block;
            position: relative;
            width: 25%;
            float: left;
            height: 100%;
            left: 0;
            bottom: 0;
            background: none;
            border: none;
            border-left: 1px solid #fff;
            outline: none;
            box-shadow: none;
            text-align: center;
            color: #fff;
            box-sizing: border-box;
            border-radius: 0;
        }

            .bottom .div-bot:first-child {
                border: none;
            }

            .bottom .div-bot:after, .bottom .div-bot:before {
                display: none;
            }

            .bottom .div-bot a {
                color: #fff;
                text-decoration: none;
                height: 100%;
            }

        .bottom .span-bot {
            display: block !important;
            position: relative;
            left: 0;
            bottom: 0;
            background: none;
            width: 100%;
            line-height: 92px;
            background-repeat: no-repeat;
            background-position: center 6px;
            height: 100% !important;
        }

    .div-bot.map-page .span-bot {
        background-image: url('/Design/map3.png');
    }

    .div-bot.zlchat .span-bot {
        background-image: url('/Design/zalo2.png');
    }

    .div-bot.button-phone .span-bot {
        background-image: url('/Design/dt2.png');
    }

    .div-bot.mes .span-bot {
        background-image: url('/Design/mes2.png');
    }

    .bottom .box-zalo a {
        color: #ac1a1b;
    }

    .bottom .box-zalo {
        bottom: 101%;
        left: 0 !important;
    }

    .form, .list-rating {
        width: 96%;
    }

    .img-mem {
        height: 380px;
    }

    .library li {
        height: 260px;
    }

    .trade-image {
        height: 260px;
    }

    .li-par {
        height: 45px;
    }

    .row-50 {
        width: 100%;
        box-sizing: border-box;
    }

    .box-buy {
        margin-top: 10px; /* margin-left:15px; */
    }

    .rightthanhtoan {
        width: 100%;
    }

    .thongtindh {
        width: 100%;
        float: unset;
        background: #f8f8f8;
    }

    .namett {
        width: 78%;
        float: unset;
        font-size: 12px;
    }

    .leftthanhtoan {
        width: 100%;
        margin-top: 20px;
        background: #f8f8f8;
        padding: 5px;
        border: 1px solid #d5d5d5;
        border-radius: 5px;
    }

    .fulltextbox.mtop20 {
        margin-top: 0 !important;
        !i;
        !;
    }

    .middle-header .logo {
        width: 18%;
        height: 100%;
    }

        .middle-header .logo a {
            width: 100% !important;
            height: 100% !important;
        }

        .middle-header .logo canvas {
            width: 100% !important;
            height: 100% !important;
            top: unset;
            left: unset;
        }

        .middle-header .logo img {
            display: none;
        }

    .left-header {
        display: none;
    }

    .decorSvgCartHome {
        width: 35px;
        height: 35px;
    }

    .searchbox .txt::placeholder {
        color: #939393;
        font-style: italic;
    }

    .searchbox .txt:-ms-input-placeholder {
        color: #939393;
        font-style: italic;
    }

    .searchbox .txt::-ms-input-placeholder {
        color: #939393;
        font-style: italic;
    }

    .searchbox .txt {
        width: 88%;
        padding: 5px 28px 5px 13px;
        height: 40px;
    }

    .searchbox .btn svg path {
        fill: #ffff;
    }

    .searchbox .txt::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #8E8E8E;
        font-family: InterL;
        font-size: 12px;
        font-style: italic;
        font-weight: 300;
        line-height: normal;
    }

    .top-default {
        display: none;
    }

    .list-new1 {
        width: 100%;
        padding-bottom: 0;
    }

    .take-news {
        width: 100%;
        margin-top: 0;
    }

    .WDateNewItem span {
        font-size: 12px;
        display: flex;
        align-items: center;
        line-height: normal;
    }

    .WDateViewNewHome {
        display: flex;
        align-items: center;
    }

        .WDateViewNewHome.view-r-date-new-h {
            display: none;
        }

    .WDateNewItem {
        margin-right: 9px;
    }

    .detail-modal {
        width: 100%;
        z-index: 0;
    }

    .close-modal-ts {
        z-index: 11;
        left: initial; /* background: none; */
        bottom: initial;
    }

    .btn-close-modal {
        width: 66px;
    }
}

@media only screen and (max-width: 767px) {
    #slideshow {
        height: 246px;
        margin-bottom: 0;
    }

    .title-big-seller {
        padding: 11px;
        position: relative;
        top: -12px;
        margin-bottom: 8px;
    }

    .decorSvgWhyMedi {
        position: relative;
        background: linear-gradient(134deg, #eb0009 2.01%, #eb0009 100%);
        border-radius: 50px;
        width: 35px;
        height: 35px;
        top: -20px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 1px 5px 0px rgb(174 174 174);
    }

    .flash-sale-heading {
        background: url(/Design/NgocPhuc/Flashsale1.png) no-repeat;
        position: relative;
        top: -23px;
        background-size: cover;
        padding-right: 19px;
    }

    .decorSvgWhyMedi img {
        width: 57%;
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }

    .top-cus-parner-home h2 {
        margin: 0;
        text-align: center;
        font-size: 17px;
    }

    .WSalePercentBestSeller .new {
        font-family: 'InterL';
        font-weight: normal;
        font-size: 11px;
        /* left: 2px; */
    }

    .WListChooseAbout section.listChoose p:before {
        content: "";
        position: absolute;
        background: url(/Design/MediFrance2024/About/DecorCheck.svg) no-repeat;
        left: -28px;
        top: 2px;
    }

    .defaul-bot-cate-home .list-child-link {
    }

    .defaul-bot-cate-home .leftTitleIconNew h3 {
        font-size: 20px;
    }

    .leftTitleIconNew span {
        display: none;
    }

    .WTitleSeller h4 {
        font-size: 13px;
    }

    .seller-content-product {
        margin-top: 0;
        padding-bottom: 20px;
    }

    .swiper.mySwiperSellerFlase {
        padding-bottom: 0;
    }

    .btn-detail-seller a, .list-child-link a {
        font-size: 12px;
        width: 105px !important;
        height: 35px;
        border-radius: 50px;
        top: 0;
    }

    .title-category-home:after {
        height: 2.5px;
    }

    .decorSvgProduct svg, .decorNewsSvgHome svg {
        width: 30px;
        height: auto;
    }

        .decorSvgProduct svg circle {
        }

    .swiper-slide.product-seller .imgproduct {
        height: 162px;
    }

    .WSellerStarProHome {
        display: none;
    }

    .cost-product.w-content-price-seller span {
        font-size: 14px;
    }

    .list-pro-side-bar-seller .cost-product.w-content-price-seller span {
        font-size: 14px;
    }

    .cost-product.w-content-price-seller {
        display: block;
        padding-top: 0;
    }

    .cost-product p {
        font-size: 13px;
    }

    .banner-default img {
        width: 100%;
        display: block;
        height: 100%;
    }

    .link-product-bests-eller a {
        font-size: 13px;
    }

    .WNumOutProHome span {
        font-size: 12px;
    }

    .WSaleLinkNumOut {
        display: block;
    }

    .WNumOutProHome {
        left: 1px;
    }

    .DecorImgAboutList:before {
        display: none;
    }

    .decorAboutImg1 {
        margin: 0;
    }

    .NameDesCompaAbout h1 {
        margin: 9px 0 8px 0;
        font-family: 'InterB';
        font-size: 22px;
    }

    .NameDesCompaAbout h4 {
        font-size: 16px;
    }

    .decorTitleAboutR h2 {
        font-size: 16px;
    }

    .decorAboutImg1 a img {
        display: block;
        width: 100%;
        height: auto;
    }

    .NameDesCompaAbout section {
        font-size: 15px;
        text-align: justify;
    }

    .WHomeAbout {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .WidgetMisionAbout {
        padding: 0;
    }

        .WidgetMisionAbout:nth-child(2) {
            margin-left: 7px;
        }

    .ListBannerTopHome {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(1,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 12px;
    }

    .container {
        width: 100%;
    }

    .WidgetMisionAbout section {
        color: #585757;
        font-family: 'InterSB';
        font-size: 13px;
    }

    .WListChooseAbout section.listChoose p {
        font-size: 13px;
        line-height: 26px;
    }

    .decorLinkAbout a {
        display: inline-flex;
        padding: 10px 10px;
    }

    .TopDoctorHome h4 {
        margin: 0;
        color: #3F98E9;
        text-align: center;
        font-family: 'InterM';
        font-size: 17px;
    }

    .decorLinkAbout a span {
        color: #FFF;
        font-family: 'Roboto';
        font-size: 15px;
    }

    .TopDoctorHome h5 {
        margin: 0;
        font-family: 'InterB';
        font-size: 20px;
    }

    .services-about ul {
        grid-template-columns: repeat(1,minmax(0,1fr));
        row-gap: 27px;
        padding-top: 45px;
    }

    .ImgDoctorItem img {
        display: block;
        width: 100%;
        height: 140px;
    }

    .img-se {
        position: relative;
        margin-top: 10px;
        top: 0;
        margin-bottom: 10px;
    }

        .img-se img {
            max-width: 100%;
        }

    .content-se {
    }

    .flash-sale-heading {
        justify-content: space-between;
    }

    .content-se span {
        font-size: 26px;
    }

    .content-se p {
        font-size: 22px;
    }

    .services-about li {
        padding-top: 5px;
    }

    #ShowMenu {
        position: unset;
        /* right: 0; */
        top: -49px;
        /* z-index: 1; */
        margin-right: 0;
    }

        #ShowMenu span {
            display: none;
        }

    .WHeaderLogin a {
        font-size: 15px;
        color: #333;
        font-family: 'InterR';
        font-weight: normal;
    }

    .WHeaderContentTop .WHeaderLogin a {
        color: #fff;
    }

    .WHeaderLogin a:nth-child(1) {
        border-color: #333;
    }

    .WHeaderLogin a:nth-child(2) {
        padding-right: 0;
    }

    .WHeaderLogin a:nth-child(1) svg path {
    }

    .WHeaderLogin {
        pointer-events: all;
        padding: 13px 0;
    }

    #ShowMenu:before {
        z-index: 1;
    }

    #uhchatmobile {
        z-index: 1 !important;
    }

    .top-header .left {
        width: 100%;
    }

        .top-header .left.logo {
            width: auto;
        }

    .company h4 {
        font-size: 16px;
    }

    .company h3 {
        font-size: 35px;
        margin-top: 2px;
    }

    .holine-top {
        display: none;
    }

    .news-trade {
        padding-top: 30px;
    }

    .project-image {
        height: 350px;
    }

    .project-name {
        bottom: 0;
    }

    .des-tit {
        width: 90%;
    }

    .padding-page { /* padding-top:0; */
        padding-bottom: 25px;
        padding-top: 30px;
    }

    .product-Promo:before {
        display: none;
    }

    .middle-header .logo { /* height: 70px !important; */ /* width: 83px; */
        overflow: hidden; /* top: -3px; */
    }

        .middle-header .logo a { /* height: 100% !important; */
            display: block;
        }

        .middle-header .logo canvas { /* height:100% !important */
        }

    .table_cart .quantity {
        width: 157px !important;
    }

    .infocompany .text-footer {
        font-size: 14px;
    }

    footer .foot {
        text-align: center;
        font-size: 14px;
    }

    .decorSloganFooter {
        line-height: 20px;
        margin-bottom: 6px;
    }

    footer .foot .left, footer .foot .right {
        width: 100%;
        /* margin:auto; */
        font-size: 14px;
    }

    .foot .container .right {
        display: block;
        line-height: 158%;
    }

    .hotline-default {
        padding: 30px 0;
    }

    .row-50 {
        width: 100%;
    }

    .tit-page {
        font-size: 24px;
        margin-top: 15px;
    }

    .row-50.row1.left { /* display:none !important; */
    }

    .slider_contain.slidemobile {
        display: block;
        width: 100%;
        margin-top: 30px;
    }

    .c-tabs-nav a {
        font-size: 15px;
        padding: 5px 20px 8px;
    }

    .product-default ul li .imgproduct,
    .product-list li .imgproduct {
        height: 168.5px;
    }

    .phone-hot a {
        font-size: 30px;
    }

    .list-article-category .item .postImg {
        height: 145px;
    }

    .list-article-category .item h4 {
        font-size: 15px;
        margin-top: 0;
    }

    .list-article-category .item .desc {
        font-size: 13px;
        height: 55px;
    }

    .list-new-child-side .list-article-category .item .postImg {
        height: 105px;
    }

    .tit-cat {
        display: none;
    }

    .banner-ct {
        margin-top: 50px;
        height: 176px;
    }

    .DoctorContentItem {
        padding: 10px 17px;
    }

    .contact .right-content {
        width: 100%;
    }

    .TitleAboutDoctorItem h6 {
        margin: 0;
        text-align: center;
        font-family: 'InterM';
        font-size: 16px;
    }

    .TitleAboutDoctorItem span {
        display: block;
        text-align: center;
        font-family: 'InterM';
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
    }

    .contact .left-content {
        width: 100%;
        margin-top: 20px;
    }

    .TitleAboutDoctorItem {
        margin-top: 15px;
    }

    .decorAdvise {
        display: none;
    }

    .list-news {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(1,minmax(0,1fr));
    }

    .li-content-gt:nth-child(1) {
        padding-right: 0;
        width: 100%;
        overflow: hidden;
    }

    .li-content-gt:nth-child(2) {
        padding-left: 0;
        width: 100%;
    }

    .li-content-gt li {
        margin-top: 5px; /* text-align:left; */ /* text-align: center; */
    }

    .li-content-gt:nth-child(n+1) li strong { /* background: none; */ /* padding: 5px 0; */
    }

    .li-content-gt li span {
        font-size: 20px;
    }

    div#ctl00_ContentPlaceHolder1_pnorther .title-product a {
        height: 42px;
    }

    .title-product a {
        height: auto;
    }

    .list-pro-side-bar-seller .title-product a {
        height: 40px;
    }

    .product-list-tab-menu .title-product a {
        height: 40px;
    }

    .swiper-slide.product-seller .title-product a {
        font-size: 13px;
        height: 100%;
    }

    .full-product-home-tab .title-product a {
        height: 40px;
    }

    .product-list-seller.list-best-seller .WProItemSeller .title-product a {
        height: 100%;
    }

    .title-height-product span {
        font-size: 12px;
    }

    .list-pro-side-bar-seller .title-height-product span {
        font-size: 12px;
    }

    .WContentProChild .title-product a {
        height: 40px;
    }

    .imgproduct {
        height: 154px;
    }

    .swiper.mySwiperSellerFlase .title-product a {
        height: 37px !important;
    }

    .product-default ul li .title-product, .product-list li .title-product {
        line-height: 150%;
    }

    .img-gt { /* display:none; */
        position: relative;
    }

    .about {
        padding-bottom: 10px; /* display: none; */
    }

    .product-Promo {
        padding: 30px 0;
    }

    .boxes.books-boxes.product-Promo.product-full.product-child {
        padding-top: 25px;
    }

    .tit-gt h1, .slogan-df, .tit-pd {
        font-size: 35px;
    }

    .li-content-gt li strong { /* font-size: 26px; */
    }

    .slide-pd li {
        height: 450px;
    }

    .left-video {
        margin-top: 0;
    }

    .img-gt img {
        width: 100%;
        padding-top: 0;
    }

    .slogan-pd {
        font-size: 40px;
    }

    .right-video a {
        height: auto;
    }

    .listImage .listImg, .listVieos .postImg {
        height: 233px;
    }

    .lstImgContent .postImg {
        height: 237px;
    }

    .slide-pd li {
        height: 332px;
    }

    .slogan-video {
        font-size: 35px;
    }

    .tit-df {
        font-size: 35px;
    }

    .list_project, .list-article-category { /* grid-template-columns: repeat(2,minmax(0,1fr)); */
    }

    .personal-mem {
        width: 100%;
    }

    .company-mem {
        width: 100%;
        margin-top: 30px;
    }

    .baner-mini {
        margin-top: 0;
    }

    .trade-image {
        height: 400px;
    }

    .img-mem {
        height: 360px;
    }

    .list-member {
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 25px;
        row-gap: 25px;
    }

    .library li {
        height: 220px;
    }

    .title-big {
        font-size: 18px;
    }

    .w-num-cart-pro-child {
        display: block;
    }

    .l-num-cart-pro-child {
        margin-bottom: 10px;
    }

    .box-buy .btnBuy {
        font-size: 15px;
    }

    .themgiohang p {
        font-size: 13px;
    }

    .tit-category-page a {
        font-size: 35px;
        background-size: 30px;
        padding-left: 45px;
        background-position: 10px 12px;
    }

    .left-header { /* position:absolute; */ /* left: 0; */ /* top: 0; */
    }

    .list-new1 {
        width: 100%;
    }

    .take-news {
        width: 100%;
        margin-top: 30px;
    }

    .defaul-bot {
        padding-bottom: 30px;
    }

    .pb-40 {
        padding-bottom: 20px;
    }

    .bottom-header {
        display: none;
    }

    .menu-top a {
        padding: 10px 5px;
    }

    .info_contain .description {
        font-size: 15px;
    }
}

@media only screen and (max-width: 639px) {
    #slideshow {
        height: 212px;
    }

    .container {
        width: 100%;
    }

    .services-about:after {
        display: none;
    }

    .chef {
        width: 280px;
    }

    .table_cart td.name {
        width: 40%;
    }

    .cb-list {
        grid-template-columns: repeat(1,minmax(0,1fr));
        column-gap: 20px;
        row-gap: 20px;
    }

    .list-partner {
        margin-top: 20px;
    }

    .c-tabs-nav a {
        font-size: 15px;
        padding: 5px 20px 8px;
    }

    .product-default ul li .imgproduct,
    .product-list li .imgproduct {
        height: 168.5px;
    }

    .phone-hot a {
        font-size: 25px;
    }

    .des-hot {
        font-size: 15px;
    }

    .span-hot {
        font-size: 25px;
    }

    .list-article-category .item .postImg {
        height: 135px;
    }

    .banner-ct {
        margin-top: 50px;
        height: 176px;
    }

    .des-pd {
        width: 100%;
    }

    .about:after {
        display: none;
    }

    .tit-gt h1, .slogan-df, .tit-pd {
        font-size: 36px;
    }

    .li-content-gt li strong { /* font-size: 26px; */
    }

    .slide-pd li {
        height: 450px;
    }

    .left-video {
        margin-top: 0;
    }

    .img-gt img {
        width: 100%;
        padding-top: 0;
    }

    .tit-gt h2 { /* font-size:40px */
    }

    .slogan-pd {
        font-size: 30px;
    }

    .right-video a {
        height: auto;
    }

    .listImage .listImg, .listVieos .postImg {
        height: 196px;
    }

    .lstImgContent .postImg {
        height: 202px;
    }

    .slide-pd li {
        height: 252px;
    }

    .slogan-video {
        font-size: 35px;
    }

    .tit-df {
        font-size: 35px;
    }

    .baner-mini {
        display: none;
    }

    .zlchat {
        width: 45px;
        height: 45px;
        bottom: 71px;
        right: 5px;
    }

    .map-page {
        width: 45px;
        height: 45px;
        bottom: 124px;
        right: 5px;
    }

    .button-phone {
        width: 45px;
        height: 45px;
        background-position: center;
        bottom: 15px;
        right: 5px;
    }

    .mnv-tuvan {
        width: 45px;
        bottom: 179px;
        right: 5px;
    }

    .project-image {
        height: 300px;
    }

    .img-mem {
        height: 330px;
    }

    .comname {
        display: none;
    }

    .contain-com span {
        font-size: 18px;
    }

    .tit-category-page a {
        font-size: 28px;
        background-position: 0px 4px;
        padding-left: 35px;
    }

    .contact .right-content {
        padding: 25px;
    }

    .searchbox .txt { /* padding-left:20px; */ /* width: 285px; */
    }

    .left-header { /* margin-left:110px; */
    }

    .menu-product ul {
        grid-template-columns: repeat(4,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    .sort-pro {
        margin: 0;
        float: unset;
        align-items: center;
        margin-left: 0;
        margin-top: 15px;
    }

        .sort-pro label {
            margin: 0;
            margin-right: 3px;
        }

    .menu-head {
        display: none;
    }

    .textsl .quantity-selector {
        padding-left: 0;
    }

    .top-default {
        display: none;
    }

    .product-default ul, .product-list, .box-inner-page-product .product-list {
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 15px;
        row-gap: 15px;
    }

    .news1-image {
        height: 200px;
    }

    .a-swip-tab img {
        height: 25px;
    }

    .a-swip-tab {
        height: 51px;
    }

        .a-swip-tab span {
            margin-top: 3px;
        }

    .swiper-tab-next {
        top: 32px;
        right: 10px;
    }
}

@media only screen and (max-width: 549px) {
    .swiper-pro {
        height: 347px;
    }

    .swiper-thumb {
        height: 70px;
    }

    .menu-mid {
        display: none;
    }

    .relative-head {
        display: none;
    }

    #slideshow {
        height: 185px;
    }

    .detail * {
        font-size: 14px;
    }

    .description {
        font-size: 15px;
    }

    .container {
        width: 100%;
    }

    .news1 {
        width: 100%;
    }

    .news1-image {
        height: auto;
    }

    .take-news {
        width: 100%;
        margin-top: 20px;
    }

    .services-about .tit {
        display: none;
    }

    .services-about .des-tit {
        display: none;
    }

    .services-about ul {
        padding-top: 0;
        row-gap: 10px;
    }

    .company h3 {
        font-size: 30px;
        margin-top: 10px;
    }

    .company h4 {
        font-size: 13px;
    }

    .library li {
        height: 180px;
    }

    .trade-image {
        height: 300px;
    }

    .library {
        padding: 30px 0;
    }

    .about {
        /* padding-top: 10px; */
    }

    .services-about:before {
        display: none;
    }

    .tit-gt h3 { /* display:none */
    }

    footer .infocompany .title-footer {
        width: 100%;
        font-size: 22px;
    }

    .table_cart td.name {
        width: 50%;
        padding-left: 0;
    }

    .infocompany .text-footer {
        font-size: 14px;
    }

    .product-list li:nth-child(n+1) {
    }

    .product-list li:nth-child(2n+2) {
        float: right;
    }

    .phone-hot a:nth-child(n+2) {
        margin-left: 10px;
    }

    .cb-list {
        grid-template-columns: repeat(1,minmax(0,1fr));
        column-gap: 20px;
        row-gap: 20px;
    }

    .pro-duct {
        padding-top: 16px;
    }

    .swiper-glr2 {
        height: 400px;
        margin-top: 15px;
    }

    .c-tabs-nav a {
        font-size: 15px;
        padding: 5px 20px 8px;
    }

    .product-default ul li .imgproduct,
    .product-list li .imgproduct {
        height: 168.5px;
    }

    .phone-hot a {
        font-size: 25px;
    }

    .des-hot {
        font-size: 15px;
    }

    .span-hot {
        font-size: 25px;
    }

    .list-article-category .item .postImg {
        height: 130px;
    }

    .banner-ct {
        margin-top: 50px;
        height: 176px;
    }

    .des-pd {
        width: 100%;
    }

    .product-default ul li, .product-list li {
    }

    .tit-gt h1, .slogan-df, .tit-pd {
        font-size: 32px;
    }

    .li-content-gt li strong { /* font-size: 26px; */
    }

    .slide-pd li {
        height: 450px;
    }

    .left-video {
        margin-top: 0;
    }

    .img-gt img {
        width: 100%;
        padding-top: 0;
    }

    .tit-gt h2 { /* font-size:40px */
    }

    .slogan-pd {
        font-size: 30px;
    }

    .right-video a {
        height: auto;
    }

    .listImage .listImg, .listVieos .postImg {
        height: 166px;
    }

    .lstImgContent .postImg {
        height: 175px;
    }

    .slide-pd li {
        height: 223px;
    }

    .slogan-video {
        font-size: 35px;
    }

    .tit-df, .tit-video {
        font-size: 35px;
    }

    .lstImgContent .postImg .backgr-img { /* height: 492px; */
    }

    .project-image {
        height: 260px;
    }

    .li-par {
        height: 80px;
    }

    .box-promo .view_li {
        display: none;
    }

    .tit {
        font-size: 25px;
    }

    .list-member {
        grid-template-columns: repeat(1,minmax(0,1fr));
        column-gap: 25px;
        row-gap: 25px;
    }

    .img-mem {
        height: 380px;
    }

    .commit li {
        text-align: center;
    }

    .img-com {
        float: none;
        display: block;
        margin: auto;
    }

    .title-product {
        font-size: 14px;
        padding-top: 10px;
        line-height: 140%;
    }

    .table_cart td.price, .table_cart td.price-row {
        display: none;
    }

    .banner-page {
        height: 163px;
    }

        .banner-page > a {
            height: 100%;
            display: block;
        }

        .banner-page img {
            height: 100%;
            object-fit: cover;
        }

    .logo img {
        display: none;
    }

    .top-header .logo {
        width: 90px !important;
        height: 75px;
    }

    .logo canvas {
        width: 100% !important;
        height: 100% !important;
    }

    .logo a {
        width: 100% !important;
        height: 100% !important;
    }

    .logo:after {
        width: 103px;
        height: 92px;
    }

    .left-header {
        margin: 0;
        bottom: 0;
        top: inherit;
        width: 100%;
        display: none;
        margin-top: 8px;
    }

    .lbtim {
        margin: 0;
        width: 100%;
    }

    .my-user-btn {
        display: flex;
    }

    .searchbox .btn {
        position: unset;
        width: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 0px;
        font-size: 0;
        height: 35px;
        margin-right: 4px;
    }

        .searchbox .btn svg {
            top: 1px;
        }

    .middle-header .logo {
        margin: 0;
    }

    .flex-head {
        top: 3px;
        right: 0;
    }

    .list_project, .list-article-category {
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 12px;
        row-gap: 12px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 479px) {
    .banner-page {
        height: 130px;
    }

    .contact .right-content {
        padding: 0;
        border: none;
    }

    .box-buy {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    .title-big {
        font-size: 18px;
    }

    .flash-sale-title {
        font-size: 21px;
        margin-bottom: 0;
    }

        .flash-sale-title span {
            padding-left: 0;
        }

    .flash-sale-container {
        height: 300px;
    }

        .flash-sale-container h3 {
            font-size: 25px;
        }

    .contain-com span {
        font-size: 16px;
    }

    .phone-hot a:nth-child(n+1) {
        display: block;
        margin-left: 0;
    }

        .phone-hot a:nth-child(n+1):before {
            display: none;
        }

    #slideshow {
        height: 158px;
    }

    .container {
        width: 100%;
    }

    .title-inner-pro {
        font-size: 25px;
    }

    .li-content-gt li img {
        display: none;
    }

    .tit-article .tit-a {
        display: none;
    }

    .tit {
        font-size: 27px;
        line-height: 43px;
        padding-bottom: 3px;
    }

    .slider_contain .sliderPhotos {
        height: 380px;
    }

    .comname {
        margin-left: 4px;
    }

    .des-tit {
        width: 100%;
    }

    .tit-pro a {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        opacity: 0;
        z-index: 4;
    }

    .tit-gt h3 {
        font-size: 19px;
    }

    .box-white {
        padding: 10px;
    }

    .detail {
        padding-top: 15px;
    }

    .box-white .tit-gt span {
        width: 100%;
    }

    .tit-pro:after {
        display: none;
    }

    .lbtim { /* display:none; */
    }

    .tit-df {
        font-size: 25px;
    }

    .breadcrum {
        padding-top: 5px;
    }

    .photo-default {
        background-size: cover;
        background-position: center center;
    }

    .product-default ul, .product-list {
        column-gap: 12px;
        row-gap: 12px;
    }

        .product-default ul li h4, .product-list li h4 {
            height: auto;
        }

    .banner-gt.botbn {
        margin-bottom: 0;
    }

    .listImage, .listVieos {
        grid-template-columns: repeat(1,minmax(0,1fr));
        column-gap: 20px;
        row-gap: 20px;
    }

    .lstImgContent {
        grid-template-columns: repeat(1,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    .c-tabs-nav a {
        font-size: 15px;
        padding: 4px 15px 5px;
        margin: 2px 0;
    }

    .product-default ul li .imgproduct,
    .product-list li .imgproduct {
        height: 168.5px;
    }

    li.product.pro-deal-home-item .imgproduct {
        height: 150px;
    }

    .product-default ul li .imgproduct img,
    .product-list li .imgproduct img { /* width:100%; */
    }

    .OldPrice {
        display: none;
    }

    .phone-hot a {
        font-size: 25px;
    }

    .des-hot {
        font-size: 15px;
    }

    .span-hot {
        font-size: 25px;
    }

    .list-article-category .item .postImg {
        width: 100%;
        margin: auto;
        float: none;
    }

    .list-article-category .item .content-catygory {
        display: block;
        padding: 10px;
        margin: 0;
        padding-bottom: 5px;
    }

    .banner-ct {
        margin-top: 50px;
        height: 176px;
    }

    .listImage .listImg {
        height: 140px;
    }

    .tit-page {
        font-size: 17px;
    }

    .table_cart td {
        padding: 5px;
    }

    .lstImgContent .postImg img {
        width: 100%;
        margin: 0 !important;
        border: none;
    }

    .lstImgContent li {
        padding: 0;
    }

    .tit-gt h1, .slogan-df, .tit-pd {
        font-size: 30px;
    }

    .li-content-gt li strong { /* font-size: 26px; */
    }

    .slide-pd li {
        height: 450px;
    }

    .left-video {
        margin-top: 0;
    }

    .img-gt img {
        width: 100%;
        padding-top: 0;
    }

    .tit-gt h2 {
        font-size: 22px;
    }

    .slogan-pd {
        font-size: 32px;
    }

    .right-video a {
        height: auto;
    }

    .listImage .listImg, .listVieos .postImg {
        height: 310px;
    }

    .lstImgContent .postImg {
        height: 300px;
    }

    .slide-pd li {
        height: 389px;
        width: 100%;
        margin: 0;
    }

    .slogan-video {
        font-size: 35px;
    }

    .tit-df, .tit-video {
        font-size: 35px;
    }

    .detail-gt a { /* padding:7px 20px */
    }

    .project-image {
        height: 228px;
    }

    .img-about { /* height: 423px; */
    }

    .chef {
        width: 200px;
    }

    .company h3 {
        font-size: 30px;
        margin-top: 24px;
    }

    .company h4 {
        font-size: 11px;
        letter-spacing: 0px;
    }

    .top-header .right {
        right: 47px;
    }

    .lan span {
        font-size: 13px;
        padding: 4px 11px;
    }

    .library span {
        font-size: 16px;
    }

    .lan i {
    }

    .list-lan {
    }

        .list-lan a {
            font-size: 16px;
            padding: 4px 6px;
        }

    #ShowMenu {
        /* top: -105px; */
        /* width: 30px; */
        /* height: 24px; */
    }

        #ShowMenu:before {
            /* font-size: 18px; */
        }

    .library li {
        height: 160px;
    }

    .detail-support span {
        font-size: 25px;
    }

    .detail-support p {
        font-size: 16px;
    }

    .lis-a-support {
        display: block;
        background: none;
        padding: 0;
    }

        .lis-a-support a {
            display: block;
            width: 100%;
            background-image: url('/Design/bg-support-a.png');
            background-size: 100% 100%;
            margin-bottom: 5px;
            padding: 10px;
            box-sizing: border-box;
            font-size: 25px;
        }

    .support-about {
        padding: 15px;
    }

    .lis-a-support a:nth-child(n+2):before {
        display: none;
    }

    .trade-image {
        height: 276px;
    }

    .trade-name a {
        height: auto;
    }

    .regis a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0;
        box-sizing: border-box;
        margin-top: 10px;
    }

    .regis {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .processbtn.btnAddCart, .box-buy input {
        font-size: 13px;
        width: 50%;
    }

    .news1-name a {
        font-size: 16px;
    }

    .news1-name {
        padding-top: 0;
        margin-top: 5px;
    }

    .newsnth-name a {
        font-size: 15px;
    }

    .newsnth-image {
        width: 175px;
        height: 100px;
        margin-right: 8px;
    }
}

@media only screen and (max-width: 409px) {
    #slideshow {
        height: 142px;
    }

    .slogan-header-home-mobile .text-highlight {
        display: block;
        font-size: 14px;
        color: var(--default-color-2);
        text-align: left;
    }

        .slogan-header-home-mobile .text-highlight strong {
            display: block;
        }

    .container {
        width: 100%;
    }

    .table_cart td {
        padding: 5px;
    }

    .comname h3 {
        font-size: 20px;
    }

    .comname {
        padding-bottom: 13px;
    }

    .c-tabs-nav a {
        font-size: 15px;
        padding: 4px 15px 5px;
        margin: 2px 0;
    }

    .product-default ul li .imgproduct,
    .product-list li .imgproduct {
        height: 168.5px;
    }

    .OldPrice {
        display: none;
    }

    li.product.pro-deal-home-item .imgproduct {
        height: 150px;
    }

    .phone-hot a {
        font-size: 25px;
    }

    .des-hot {
        font-size: 15px;
    }

    .span-hot {
        font-size: 25px;
    }

    .list-article-category .item .postImg {
        height: 125px;
    }

    .banner-ct {
        margin-top: 50px;
        height: 176px;
    }

    .listImage .listImg {
        height: 140px;
    }

    .tit-page {
        font-size: 17px;
    }

    .box-page-abouts, .box-white {
        padding: 10px;
    }

    .slider_contain .sliderPhotos {
        height: 340px;
    }

    .tit-gt h1, .slogan-df, .tit-pd {
        font-size: 28px;
    }

    .li-content-gt li strong {
        font-size: 16px;
    }

    .li-content-gt li {
        border-radius: 20px;
    }

    .slide-pd li {
        height: 450px;
    }

    .left-video {
        margin-top: 0;
    }

    .img-gt img {
        width: 100%;
        padding-top: 0;
    }

    .tit-gt h2 {
        font-size: 18px;
    }

    .tit-gt h3 {
        font-size: 20px;
    }

    .slogan-pd {
        font-size: 29px;
    }

    .right-video a {
        height: auto;
    }

    .listImage .listImg, .listVieos .postImg {
        height: 275px;
    }

    .lstImgContent .postImg { /* height: auto !important; */
        height: 277px;
    }

    .slide-pd li {
        height: 352px;
        width: 100%;
        margin: 0;
    }

    .slogan-video {
        font-size: 35px;
    }

    .tit-df, .tit-video {
        font-size: 34px;
    }

    .img-about { /* height: 403px; */
    }

    .trade-image {
        height: 250px;
    }

    .company h3 {
        font-size: 29px;
        margin-top: 38px;
        text-align: right;
    }

    .company h4 {
        font-size: 14px;
        display: none;
    }

    .top-header .right {
        /* margin-top: 14px; */
    }

    #ShowMenu {
        /* top: -96px; */
    }

    .content-se span {
        font-size: 22px;
    }
}

@media only screen and (max-width:369px) {
    #slideshow {
        height: 139px;
    }

    .container {
        width: 350px;
    }

    .slogan-header-home-mobile .text-highlight {
        font-size: 11px;
        color: #FF9800;
    }

    .c-tabs-nav a {
        font-size: 15px;
        padding: 4px 15px 5px;
        margin: 2px 0;
    }

    .product-default ul li .imgproduct,
    .product-list li .imgproduct {
        height: 120px;
    }

    .OldPrice {
        display: none;
    }

    .phone-hot a {
        font-size: 25px;
    }

    .des-hot {
        font-size: 15px;
    }

    .span-hot {
        font-size: 25px;
    }

    .list-article-category .item .postImg {
        height: 121px;
    }

    .banner-ct {
        margin-top: 50px;
        height: 176px;
    }

    .listImage .listImg {
        height: 140px;
    }

    .tit-page {
        font-size: 17px;
    }

    .project-image {
        height: 210px;
    }

    .tit-gt h1, .slogan-df, .tit-pd {
        font-size: 31px;
    }

    .li-content-gt li strong {
        font-size: 17px;
    }

    .slide-pd li {
        height: 450px;
    }

    .left-video {
        margin-top: 0;
    }

    .img-gt img {
        width: 100%;
        padding-top: 0;
    }

    .tit-gt h2 {
        font-size: 20px;
    }

    .tit-gt h3 {
        font-size: 20px;
    }

    .slogan-pd {
        font-size: 29px;
    }

    .right-video a {
        height: auto;
    }

    .listImage .listImg, .listVieos .postImg {
        height: 275px;
    }

    .lstImgContent .postImg {
        height: 277px;
    }

    .slide-pd li {
        height: 352px;
        width: 100%;
        margin: 0;
    }

    .slogan-video {
        font-size: 35px;
    }

    .tit-df, .tit-video {
        font-size: 34px;
    }

    .slider_contain .sliderPhotos {
        height: 330px;
    }
}

@media only screen and (max-width:359px) {
    body {
        min-width: 360px;
        width: 360px;
    }
}