@media (min-width: 1480px) {
  .right-sidebar:not(.woocommerce-checkout).woocommerce-cart #primary,
  .left-sidebar:not(.woocommerce-checkout).woocommerce-cart #primary {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .right-sidebar:not(.woocommerce-checkout).woocommerce-cart #secondary,
  .left-sidebar:not(.woocommerce-checkout).woocommerce-cart #secondary {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
    .right-sidebar:not(.woocommerce-checkout) #secondary,
  .left-sidebar:not(.woocommerce-checkout) #secondary {
    -ms-flex: 0 0 23.0137%;
        flex: 0 0 23.0137%;
    max-width: 23.0137%;
  }
}
@media (min-width: 1200px) {
  .right-sidebar:not(.woocommerce-checkout).woocommerce-cart #secondary,
  .left-sidebar:not(.woocommerce-checkout).woocommerce-cart #secondary {
    -ms-flex: 0 0 29.16667%;
        flex: 0 0 29.16667%;
    max-width: 29.16667%;
  }

  .right-sidebar:not(.woocommerce-checkout).woocommerce-cart #primary,
  .left-sidebar:not(.woocommerce-checkout).woocommerce-cart #primary {
    -ms-flex: 0 0 70.83333%;
        flex: 0 0 70.83333%;
    max-width: 70.83333%;
  }
}
@media (min-width: 991px) {
  .right-sidebar:not(.woocommerce-checkout).woocommerce-cart #secondary,
  .left-sidebar:not(.woocommerce-checkout).woocommerce-cart #secondary {
    -ms-flex: 0 0 45.83333%;
        flex: 0 0 45.83333%;
    max-width: 45.83333%;
  }
    .right-sidebar:not(.woocommerce-checkout).woocommerce-cart #primary,
  .left-sidebar:not(.woocommerce-checkout).woocommerce-cart #primary {
    -ms-flex: 0 0 54.16667%;
        flex: 0 0 54.16667%;
    max-width: 54.16667%;
  }

}
@media (max-width: 991px) {
  
  .footer-detail-san-pham
  {
    display: none;
  }
.chi-tiet-boc {
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 191px);
}
.page-header.border-bottom {
    margin-bottom: auto !important;
}
.bottom-chi-tiet {
 margin-top: auto !important;
        display: flex
;
        position: fixed;
        justify-content: space-between;
        align-items: stretch;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 8686;
}
div#primary.section-padding {
    padding: 1px;
}
div#primary form.cart.form-quantity-pro {
    display: none;
}
a.btn.btn-warning a:last-child {margin-left: auto;}

.bottom-chi-tiet a:nth-child(2) {
    margin-left: auto;
    flex-grow: 1;
}

.bottom-chi-tiet .btn {border-radius: 1px !important;}
    header .danh-muc {
        background: #fff;
        width: 100%;
        padding-left: 1px;
        box-sizing: border-box;
        display: flex
;
        flex-grow: 1;
        align-items: center;
        
        width: 100%;
        align-items: center;
        justify-content: space-between;
        padding: unset;
    }
    a.btn.btn-warning a:last-child {margin-left: auto;}

.bottom-chi-tiet a:nth-child(2) {
    margin-left: auto;
    flex-grow: 1;
}

.bottom-chi-tiet .btn {border-radius: 1px !important;}

div#basicsAccordionNew {flex-grow: 1;padding: 14px 12px;}

a.btn.btn-warning a:last-child {margin-left: auto;}

.bottom-chi-tiet a:nth-child(2) {
    margin-left: auto;
    flex-grow: 1;
}

.bottom-chi-tiet .btn {border-radius: 1px !important;}

div#basicsAccordionNew {flex-grow: 1;padding: 14px 12px;}

#sheetOrder span#soGia ,strong#soTong2{
    color:var(--color-giatien);
    font-family: 'UTMBebas';
    font-weight: 500;
    font-size: 25px;
}

#sheetOrder .modal-header button>span {
    font-size: 41px;
}

#sheetOrder .modal-header .modal-title {
    font-family: 'UTMBebas';
    font-size: 27px;
}
a.btn.btn-warning a:last-child {margin-left: auto;}

.bottom-chi-tiet a:nth-child(2) {
    margin-left: auto;
    flex-grow: 1;
}

.bottom-chi-tiet .btn {border-radius: 1px !important;}

div#basicsAccordionNew {flex-grow: 1;padding: 14px 12px;}

span {}

#sheetOrder .modal-header button>span {
    font-size: 41px;
}

#sheetOrder .modal-header .modal-title {
    font-family: 'UTMBebas';
    font-size: 27px;
}

span#soGia {
    color:var(--color-giatien);
}

strong#soTong2 {
    color:var(--color-giatien);
}

#sheetOrder .media {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.chi-tiet-boc .summary.entry-summary {
    box-sizing: border-box;
    padding: 1px 19px !important;
}
#sheetOrder  .media-img-boc {
    max-width: 31%;
        width: 100%;
        min-height: 113px;
        height: auto;
        position: relative;
        overflow: hidden;
        border-radius: 9px;
        border: 1px solid var(--border-color);
        box-shadow: var(--shadow-soft);
        margin-right: auto;
}
#sheetOrder  .media-body
{
margin-left: 19px;
}
#sheetOrder  .media-body .media-body-title
{
  white-space: normal !important;
}
.media-img-boc img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}



#sheetOder.modal-bottomsheet .modal-body .media {
    display: flex;
    margin: 1px !important;
    padding: 1px !important;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
}

#sheetOrder .media {
        margin: 1px !important;
        padding: 1px !important;
        height: auto;
        margin-left: 13px !important;
        display: flex
;
        justify-content: space-between;
        align-items: center;
}
  #modalDanhMuc .modal-dialog {
    height: 90vh;
    margin: auto;
  }
  .danh-muc-tren{
    display: none;
  }
  .footer-mobile
{
          display: flex
;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: unset;
        
        border: 1px solid var(--border-color);
        box-shadow: var(--shadow-soft);
        min-height: 68px;
        z-index: 8686;
        background: var(--bg-color-white);

}
.container-fluid.footer-mobile *:not(.container-fluid.footer-mobile a i) {
    font-size: 13px;
    font-family: 'Roboto Condensed';
}



    .header-right {
        display: none !important;
    }
.footer-mobile .btn-call-zalo-boc {
    position: relative;
    width: 27px;
    height: 27px;
    overflow: hidden;
}

.footer-mobile .btn-call-zalo-boc>img {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    left: 0;
    top: 0;
    z-index: 1;
}

.footer-mobile .btn {
    vertical-align: middle;
    text-align: center;
    display: flex !important;
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
    padding: 1px 19px !important;
}

.footer-mobile .btn i {
    font-size: 19px;
}

.footer-mobile a,.footer-mobile .gio-hang {
    /* border: 1px solid; */
    /* height: 100%; */
    flex-grow: 1;
}
    .container-fluid.footer-mobile .btn {
        font-size: 13px;
        font-family: 'Roboto Condensed';
        display: flex !important
;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column;
        flex-grow: 1;
        gap: 9px;
        margin-top: 13px;
    }
        .container-fluid.footer-mobile *:not(.container-fluid.footer-mobile a i) {
        font-size: 13px;
        font-family: 'Roboto Condensed';
        color: var(--text-color);
    }
    ul.header-logo-sp
    {
      display: none;
    }
    .header-logo-img
    {
      display: none;
    }
    .header-banner {
    display: none;

}
.header-right-1
{
  display: none;
}
.header-right-right
{
  display: none;
}
/* .container.navbar-header {
    display: none;
} */
.header-right
{
  height: auto;
}
.container.header-top
{
  height: auto;
  padding: 4px 1px;
}
header form.form-inline .input-group input {
    border: unset;
    padding: 13px 14px;
    height: 43px;
}
.header-right
{
  display: none;
}
.header-right {
    display: none;
}

.header-right-login {
    display: flex;
}
button.navbar-toggler.collapsed {
    display: block;
}

.header-right-login a {
    color: #fff;
    font-size: 25px;
}
#accordionDanhMucMobile .btn-link {
  text-decoration: none;
  color: #333;
  font-weight: 500;
}
#accordionDanhMucMobile .card-body {
  background: #fff;
}
#accordionDanhMucMobile .card-header {
  border-bottom: 1px solid #eee;
}
.offcanvas-toggler {
    display: block;
}
.u-slick__arrow-inner--left {
    left: 1px;
}
.u-slick__arrow-inner--right {
    right: 1px;
}
.woocommerce-tabs .wc-tabs {
        margin: 1px 13px;
        display: flex
;
        justify-content: center;
        align-items: center;
        overflow: auto !important;
}
nav.woocommerce-breadcrumb>* {padding-right: 4px;}

.woocommerce-tabs .wc-tabs {
    margin: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.chi-tiet-boc .woocommerce-tabs.wc-tabs-wrapper.mb-10 {
    padding: 1px 19px;
}
.u-slick__arrow-centered--y {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 0.49;
    background: #9E9E9E !important;
}

nav.woocommerce-breadcrumb {
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: center;
    flex-wrap: wrap;
}

nav.woocommerce-breadcrumb>a,nav.woocommerce-breadcrumb>span {
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: stretch;
    
}
.woocommerce-loop-product__thumbnail.san-pham-khuyen-mai {
    position: relative;
    width: 100%;
    min-height: 449px;
    height: 100%;
    overflow: hidden;
}
.deals-silder .slider-img-boc
{
min-height: 359px;
        height: 100%;
  
}
.deals-silder .slider-img-boc img.slider-img
{
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  position: absolute;
}
.deals-silder .u-slick, .deals-silder .u-slick .slick-list, .deals-silder .u-slick .slick-track
{
  min-height: 419px;
}
span.hero__title-line-1 {
    color: #fff;
    font-size: 19px !important;
}
.deals-silder .u-slick, .deals-silder .u-slick .slick-list, .deals-silder .u-slick .slick-track {
    height: 100%;
    padding-bottom: 31px;
}
.chi-tiet.hero__discount {
    font-size: 15.9px;
    line-height: 19px;
}
.deals-silder .media-body {
    font-family: "Roboto", sans-serif;
    padding-left: 13px;
    padding-right: 9px;
}
.deals-silder .slick-slide.slick-current.slick-active{
  padding: 9px 11px;
}
span.woocommerce-Price-amount.amount:not(del span.woocommerce-Price-amount.amount), .price ins{
        font-size: 27px !important;
        font-family: 'UTMBebas';
}
.xep-hang span.font-weight-medium, .goi-y span.font-weight-medium {
    font-family: var(--font-header-title);
    font-size: 31px;
    color: red;
}
span.woocommerce-Price-amount.amount {
    font-size: 13px !important;
}
.woocommerce-loop-product__thumbnail.san-pham-khuyen-mai .uu-dai-gia .font-size-5 {
    font-size: 14px !important;
}
.lien-he.bg-white {
    padding: 19px;
    border-radius: 9px !important;
}

    .media.xep-hang a img, .media.goi-y a img {
        position: absolute;
        height: calc(100%) !important;
        border-radius: 4px !important;
        width: calc(100%) !important;
        top: 0px;
        left: 0px;
        border-radius: 4px !important;
    }
.site-features.border-bottom {
    padding: 19px 19px !important;
    background: var(--bg-color);
}
.price.d-flex.align-items-center.font-weight-medium.font-size-3 {
    flex-direction: column;
    justify-content: start !important;
    align-items: self-start !important;
    text-align: left;
}
.deal-with-product {
    padding-top: 1px !important;
}
.banner__body span.d-block.mb-1.font-size-10.font-weight-regular {
    font-size: 26px;
}
.u-slick__arrow-centered--y {
    position: absolute;
    top: 100%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    
    opacity: 0.49;
        background: #9E9E9E !important;
        border: none;
}
.u-slick__arrow-centered--y:hover {
  opacity: 1;
}
a.nav-link.dropdown-toggle::after {
    margin-left: auto;
}
a.d-block.d-md-none.dong-menu {
    color: #fff !important;
    display: block;
}

#mainNac li.nav-item:first-child {
    justify-content: space-between;
    display: flex !important;
    align-items: center;
}

#mainNac li.nav-item:first-child a.dong-menu {
    margin-left: auto !important;
}

div#mainNav ul li.nav-item:first-child {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

div#mainNav ul li.nav-item:first-child a.dong-menu {
    margin-left: auto;
}
  a.dong-menu 
  {
    display: flex;
    color: #fff !important;
  }
  div#mainNav ul li.nav-item:first-child {
    display: flex
;
    justify-content: space-between;
    align-items: center;
}
div#mainNav ul li.nav-item:first-child a.dong-menu {
    color: #fff !important;
    font-size: 19px;
    margin-right: 19px;
}



.site-search {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
nav#mainNavbar {
    background: transparent !important;
}
.site-search form {flex-grow: 1;}
.header-logo
{
    display: none;
}
.site-search form {
    padding: 1px 9px;
    
}
#mainNav .nav-link.active
{
    background:transparent !important;
}
#mainNavbar
{
        margin: unset !important;
}
.header-right {
        display: flex !important;
        margin-right: 14px;
    }


.deal-with-product-col {
    
    padding: unset;
}
.container-xl {
    padding: 13px 1px;
}
.header-logo {
        flex-direction: column;
        display: none !important;
    }
    .site-search {
    display: flex
;
    flex-direction: row-reverse;
    padding-left: 1px;
    padding-right: 13px;
    gap: 4px;
    justify-content: space-between;
    height: 100%;
}
.footer-mobile a.btn.btn-second::after{
    display: none;
}
.product-card .p-actions a span
{
    display: none;
}

ul.header-title-right.header-logo-sp {
    display: none !important;
}
.buybar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 43px !important;
    z-index: 1030;
}
.buybar .h5 {
    font-size: 13px !important;
      font-family: 'UTMBebas';
}

.buybar.d-lg-none.border-top.bg-white .container>div {
    max-width: 100%;
    display: flex;
    overflow: auto;
    flex-wrap: nowrap;
}

a.btn.btn-brand {}

.buybar button.btn.btn-outline-secondary {
    padding-left: 3px !important;
    padding-right: 3px !important;
}
  .site-mainbar {
            padding: .75rem 0 .9rem;
        }

        .search-glass {
            padding: .25rem .35rem .25rem .7rem;
        }

            .search-glass .btn-search {
                padding: .35rem .8rem;
            }
                #modalLoading #acc-root {
        
        max-height: 100vh !important;
        
    }
}








@media (max-width: 768px) {
    .right-sidebar:not(.woocommerce-checkout).woocommerce-cart #secondary,
  .left-sidebar:not(.woocommerce-checkout).woocommerce-cart #secondary {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
    .right-sidebar:not(.woocommerce-checkout).woocommerce-cart #primary,
  .left-sidebar:not(.woocommerce-checkout).woocommerce-cart #primary {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .header-banner {
    display: none;
}
ul.header-logo-sp {
    display: none;
}
.header-banner {
    display: none;
}

.header-logo {
    flex-direction: column;
    display: flex;
}

ul.header-logo-sp {
    display: none;
}
.font-size-12 {
    font-size: 2rem;
  }
.container.header-top {
    height: 68px !important;
        padding: 1px 3px !important;
}

.san-pham-tong-hop  .woocommerce-loop-product__thumbnail a
{
  height: 194px !important;
}
.san-pham-item  .woocommerce-loop-product__thumbnail a
{
  height: 194px !important;
}
.product__hover.d-flex.align-items-center
{
  padding: 1px 19px !important;
}
.san-pham-noi-bat .woocommerce-LoopProduct-link.woocommerce-loop-product__link.d-block.position-relative .woocommerce-loop-product__thumbnail a
{
  height: 194px;
}
 .san-pham-noi-bat, .san-pham-item 
{
  height: 439px !important;
}
.px-4.pt-4.border.mb-5.xep-hang-boc
{
  padding-bottom: 19px !important;
}
.px-4.pt-4.border.mb-5.goi-y-boc
{
  padding-bottom: 19px !important;
}
.banner.d-flex.h-100.align-items-center.justify-content-center
{
  padding-bottom: 31px;
}
.flipdown {
    transform: scale(0.86) !important;   /* thu nhỏ 50% */
    
}
.gia-tien {
    position: absolute;
    left: 27px;
    bottom: 113px;
    
    z-index: 86;
    padding: 1px 13x;
    background: radial-gradient(#fced70, yellow);
    z-index: 86;
    opacity: 0.86;
    display: inline-block;
}
.san-pham-yeu-thich
{
  height: 453px !important;
}
.product__inner.overflow-hidden.san-pham-yeu-thich
{
  height: 441px !important;
}

.slider-img-boc .price
{
  z-index: 4;
}
.media.xep-hang a, .media.goi-y a {
   margin: 2px 5px;
        position: relative;
        width: 145px;
        height: 141px;
        border-radius: 9px;
        overflow: hidden;
        border: 1px solid var(--border-color);
}
.media.xep-hang a img, .media.goi-y a img {
    position: absolute;
    height: calc(100% - 13px);
    border-radius: 4px;
    width: calc(100% - 14px);
    top: 4px;
    left: 4px;
    border-radius: 4px;
    
}
    .media.goi-y ,.media.xep-hang{
       
        border-bottom: 1px solid var(--border-color);
        padding-bottom: 3px;
        border-radius: 9px;
        padding-top: 5px;
        box-shadow: var(--shadow-soft);
    }

.deals-silder-detail span.woocommerce-Price-amount.amount:not(del span.woocommerce-Price-amount.amount),.deals-silder-detail .price ins {
  
        
        font-size: 27px;
        padding: 1px 5px;
        border-radius: 2px;
}
.deals-silder .hero__discount-price
{
  padding: 1px;
}
.media.xep-hang:not(:last-child) {
    margin-bottom: 13px;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 5px;
    box-shadow: var(--shadow-soft);
}
.media.goi-y:not(:last-child) {
    margin-bottom: 13px;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 5px;
    box-shadow: var(--shadow-soft);
}
.deals-silder .media-body
{
  padding: 4px 13px !important;
}
.header-right:hover {
    overflow: auto;
}

.zalo-img {
    height: 39px;
    width: 39px;
}
.container-fluid.footer-mobile .btn {
    height: auto;
}
.header-right .title {
    display: none;
}

.header-right .tel {
    display: none;
}

input#txtKeyWord {
    height: 41px;
    padding: 1px 3px !important;
}

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

header form.form-inline {
    padding-left: 1px !important;
}
.container.navbar-header {
    padding: unset;
}
.woocommerce-loop-product__thumbnail.san-pham-khuyen-mai .uu-dai-gia
{
  display: none;
}
.menu-header.d-md-flex.position-relative {
    display: none;
}

.san-pham-yeu-thich-content .woocommerce-LoopProduct-link.woocommerce-loop-product__link.d-block.position-relative .woocommerce-loop-product__thumbnail a
{
  height: 193px;
}

header .d-md-flex.position-relative {
    display: flex;
    justify-content: space-between;
}

.danh-muc div#basicsHeadingOne button svg {
        
        display: none;
    }
    .danh-muc div#basicsHeadingOne button span.mi-3 {
        margin-left: 1px !important;
       
    }
    header .nav-link {
    padding: 1px;
}
.gio-hang {
    min-width: 113px;
    display: flex
;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    justify-items: center;
    padding-left: 6px !important;
    flex-wrap: nowrap !important;
}
header  .offcanvas-toggler.align-self-center.mr-md-5.d-xl-none.d-flex.d-md-block {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

 header ul.nav.d-md-none.ml-auto {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
}

.offcanvas-toggler.align-self-center.mr-md-5.d-xl-none.d-flex.d-md-block span {
    color: var(--text-color);
    font-size: 15.3px;
}


.deals-silder .slider-img-boc img.slider-img
{
  height: 100%;
}
.danh-muc div#basicsHeadingOne button *
{
  color: var(--text-color) !important;
}
.chi-tiet-boc span.woocommerce-Price-amount.amount {
    font-size: unset;
}

.chi-tiet-boc span.woocommerce-Price-amount.amount {
    color: red;
    font-family: 'UTMBebas' !important;
    font-size: 25px;
}

.chi-tiet-boc span.woocommerce-Price-amount.amount span {
    font-family: 'Roboto' !important;
    font-size: 19px !important;
    color: var(--text-color);
    font-weight: 800;
    margin-left: 9px;
}

.chi-tiet-boc  p.price.font-size-22.font-weight-medium.mb-0> span.woocommerce-Price-amount.amount {
    display: flex !important;
    align-items: baseline;
    justify-content: space-between;
}
}