html, body {
    overflow-x: hidden;
}

body {
    position: relative;
    background-color: #f8f8f8;
}

.color-main {
    color: #14B1E7 !important;
}

.w-50px {
    width: 50px !important;
}

.w-40px {
    width: 40px !important;
}

.mx--5 {
    margin-left: -5px;
    margin-right: -5px;
}

.img-contain {
    object-fit: contain !important;
}

.mw-100 {
    max-width: 100%;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.img-cover {
    object-fit: cover;
}

.color-blue {
    color: var(--blue);
}

.color-black {
    color: var(--black);
}

.header-account .color-black {
    color: var(--white);
}

.user-section a {
    color: var(--color-main);
}

.color-white {
    color: var(--white) !important;
}

/*Header*/
header {
    background-color: var(--white);
}

header.fix .menu-vertical .menu-section > ul > li > .entry-menu {
    display: none;
    margin: 0;
}

header.fix .menu-vertical .menu-section > ul:hover > li > .entry-menu {
    display: block;
}

.entire-action-header .btn-action-header span {
    color: var(--color-gray);
}

.header-account .entire-action-header .btn-action-header span {
    color: var(--white);
}

.header-account .color-main {
    color: var(--color-main) !important;
}

#member-info {
    color: --color-gray !important;
}

.header-account .color-white-account {
    color: var(--white) !important;
}

.logo-section img {
    height: 75px;
}

.header-main {
    box-shadow: 0 5px 4px rgb(0 0 0 / 10%);
}

.header-main .container > .row {
    margin: 0;
}

.header-main .container > .row > div:first-child {
    padding-left: 0;
}

.header-main .container > .row > div:last-child {
    padding-left: 0;
    padding-right: 10px;
}

.header-main > .row > .col-md-5 {
    display: flex;
    align-items: center;
}

.header-main.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.header-main.fixed .logo-section img {
    max-height: 70px;
}

.fixed {
    -webkit-animation-name: fadeInDown;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: anim_titles;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
}

.is-mobile .header-menu {
    float: none;
}

.header-info {
    margin-left: 30px;
}

.header-info__title {
    font-family: 'Potta One', cursive;
    font-size: 26px;
    color: var(--color-hightlight)!important;
}

.header-info p {
    margin-bottom: 0;
    color: var(--white);
}

.is-mobile .header-info {
    margin-left: 0;
    font-size: 12px;
}

/*Ngon ngu mobile*/
.language-switch>li {
    list-style: none;
    margin-right: 10px;
}

/*============ Header account ====================*/
.page-account .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px !important;
}

.page-account header .language-section ul a {
    color: #333 !important;
}

.page-account header *, .page-account .btn-action-header .las, .page-account .menu-section > ul > li > a {
    color: var(--white);
}

.page-account .logo-section img {
    height: 62px;
}

.page-account .account, .page-account .language {
    float: right;
}

.page-account input:-webkit-autofill {
    background-color: #e6e6e6 !important;
    -webkit-box-shadow: 0 0 0 50px #e6e6e6 inset;
}

.img-login img {
    max-width: 430px;
}

.is-mobile .img-login img {
    max-width: 100%;
}

.is-mobile .page-account .container > .row > div:last-child {
    display: flex;
    justify-content: end;
}

.is-mobile .user-section {
    margin-right: 10px;
}

.is-mobile .menu-section > ul > li > a {
    color: var(--color-text) !important;
}

/*End Header*/
/*Page login - register*/
.invalid-feedback {
    font-weight: 400;
    font-size: 13px !important;
}

.session-login {
    max-width: 545px;
}

.session-register {
    max-width: 660px;
}

.session-login .form-group label span.required {
    color: unset !important;
}

.session-login .form-group label {
    font-size: 15px;
}

.session-login .form-group input {
    height: 50px !important;
    background-color: #e6e6e6;
    border-radius: 3px !important;
}

.session-login [nh-btn-action] {
    height: 50px !important;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

/*Page login - register*/
/*slider-main*/
/*Cate Product Box*/
.cate-product-box {
    margin-bottom: 45px;
}

.cate-product-box__banner {
    margin-bottom: 20px;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 10%);
    position: relative;
    overflow: hidden;
}

.cate-product-box__banner:before, .cate-product-box__banner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    transition: all .5s ease-in-out;
}

.cate-product-box__banner:before {
    border: 70px solid rgba(255,255,255,0);
}

.cate-product-box__banner:after {
    opacity: .5;
    border: 30px solid #fff;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
}

.cate-product-box__banner:hover:before {
    border: 0 solid rgba(255,255,255,.7);
}

.cate-product-box__banner:hover:after {
    transform: scale(.8);
    -moz-transform: scale(.8);
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    opacity: 0;
    transition-delay: .1s;
}

.cate-product-box__banner img {
    width: 100%;
    height: auto;
}

.cate-product-box__list {
    /*width: 100%;*/
    /*-js-display: flex;*/
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-webkit-box-orient: horizontal;*/
    /*-webkit-box-direction: normal;*/
    /*-ms-flex-flow: row wrap;*/
    /*flex-flow: row wrap;*/
}

.cate-product-box__item {
    max-width: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}

.article-item, .product-item {
    background-color: var(--white);
    margin-bottom: 30px;
}

.box-shadow {
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 15%);
}

/*End Cate Product Box*/
/*Gio hang*/
.list-cart-item {
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 15%);
    margin-bottom: 30px;
}

/*Gio hang*/
/*Box Title*/
.section-title {
    position: relative;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}

.section-title b {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    opacity: 0;
    background-color: var(--color-hightlight);
}

.section-title span {
    text-transform: uppercase;
    margin: 0 15px;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: var(--color-hightlight);
}

/*End Box Title*/
/*Box Testimonial*/
.box-testimonial__item-image {
    margin-bottom: 20px;
}

.box-testimonial__item-image img {
    width: 142px;
    height: 142px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto;
}

.box-testimonial__item-title {
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    color: var(--color-main);
    margin-bottom: 4px;
    line-height: 1.4;
}

.box-testimonial__item-desc {
    font-size: 16px;
    text-align: center;
    line-height: 1.4;
    font-style: italic;
}

/*End Box Testimonial*/
/*Page*/
.description-category {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.description-category img {
    max-width: 100%;
    height: auto;
}

.product-description-info {
    border: 1px solid var(--color-main);
    border-radius: 6px;
    padding: 10px;
    color: var(--color-main);
    margin-bottom: 20px;
}

/*End Page*/
/*Info Topbar*/
.info-topbar a {
    padding-left: 20px;
    font-size: 15px;
}

.info-topbar a:first-child {
    padding: 0;
}

.info-topbar p {
    margin: 0;
    text-decoration: underline;
    font-size: 13px;
}

.right-info b {
    text-transform: uppercase;
    font-size: 15px;
}

.info-topbar a i {
    font-size: 15px;
    margin-right: 5px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border: 1px solid;
    text-align: center;
    border-radius: 50%;
}

/*End Info Topbar*/
/*Chi tiet san pham*/
.box-payment > .title {
    color: #404040;
}

.box-payment ul li {
    width: 50px;
    height: 50px;
    line-height: 44px;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--light) !important;
}

.box-payment ul li:nth-child(2) {
    background-color: var(--light);
}

.box-payment ul li:nth-child(3) {
    background-color: #ffd909;
}

.box-payment ul li:nth-child(4) {
    background-color: #14e721;
}

.list_support .title {
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--white);
    border-radius: 10px 10px 0 0;
    background: linear-gradient(45deg, var(--color-main), var(--color-hightlight));
}

.list_support .text .title-sub {
    font-size: 17px;
    color: var(--gray);
    font-weight: 600;
}

.product-detail-footer .row , .product-detail-head .row {
    margin-right: -10px;
    margin-left: -10px;
}

.product-detail-footer [class^="col-"] , .product-detail-head [class^="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

.product-detail-footer table * {
    margin-bottom: 0;
}

.product-detail-footer table th , .product-detail-footer table td {
    padding: 5px;
}

/*Chi tiet san pham*/
/*Responsive*/
.is-mobile .header-main.fixed .logo-section img {
    max-height: 50px;
}

.menu-vertical {
    background: #034e91;
}

.menu-vertical > .menu-container .btn-menu-mobile {
    display: block;
    color: var(--white);
    margin: 0 10px;
    line-height: 38px;
}

.menu-vertical > .menu-container .menu-section {
    width: 100%;
}

.menu-vertical > .menu-container .menu-section ul li.has-child {
    width: 100%;
}

.menu-vertical .menu-section > ul > li > a {
    height: auto;
    color: #fff !important;
    font-size: 15px;
    width: 100%;
    display: block;
    text-align: left;
    line-height: 46.8px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
}

.menu-vertical .menu-section > ul > li > .entry-menu {
    width: calc(100% - 15px);
    left: 0;
    padding: 0;
    min-width: auto;
    margin-top: 10px;
}

.menu-vertical .menu-section > ul > li > ul > li {
    border-bottom: 1px solid var(--light);
}

.menu-vertical .menu-section > ul > li > .entry-menu li:last-child {
    border: 0;
}

body.home .menu-vertical .menu-section > ul > li > .entry-menu {
    opacity: 1;
    filter: opacity(1);
    visibility: visible;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.menu-vertical .menu-section > ul > li > .entry-menu {
    overflow: visible;
    border: 1px solid var(--light);
}

.menu-vertical .menu-section > ul > li > .entry-menu li > a {
    padding: 8px 15px;
}

.menu-vertical .menu-section .entry-menu.dropdown ul {
    min-width: 100%;
    left: 100%;
    display: none;
    overflow: hidden;
    padding: 0;
}

.menu-vertical .menu-section > ul > li > .entry-menu > li {
    position: initial;
}

.menu-vertical .menu-section > ul > li > .entry-menu > li > a {
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.menu-vertical .menu-section > ul > li > .entry-menu > li > ul {
    height: 100%;
    width: calc(100% * 2);
    margin-top: 0px;
    display: none;
}

.menu-vertical .menu-section > ul > li > .entry-menu > li > ul > li {
    float: left;
    width: 50% !important;
    border: 0 !important;
}

.menu-vertical .menu-section > ul > li > .entry-menu > li > ul > li > ul {
    position: relative !important;
    left: 0 !important;
    opacity: 1;
    filter: opacity(1);
    visibility: visible;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    display: block !important;
}

.menu-vertical .menu-section > ul > li > .entry-menu > li > ul > li > a {
    font-weight: bold;
    color: var(--color-main);
    padding: 5px 15px;
}

.menu-vertical .menu-section > ul > li > .entry-menu > li > ul > li > ul > li > a.menu-link {
    padding: 2px 15px;
}

.menu-vertical .menu-section > ul > li > .entry-menu > li > ul > li > a .child-indicator {
    display: none;
}

.menu-vertical .menu-section > ul > li > .entry-menu > li > ul {
    max-width: 900px;
    left: 100%;
    width: calc(300% + 70px);
    border: 1px solid var(--light);
    padding: 10px;
    display: none !important;
}

.menu-vertical .menu-section > ul > li > .entry-menu > li > ul > li {
    width: 25% !important;
    border-left: 1px solid #f5f5f5 !important;
    height: 100%;
}

.menu-vertical .menu-section > ul > li > .entry-menu li > a > img {
    height: 16px;
    position: relative;
}

.menu-vertical .menu-section .child-indicator {
    font-size: 10px;
    right: 2px;
}

.slider-main>.container>.row>div:last-child {
    padding: 0;
}

.header-main>.container>.row>div:last-child {
    background: var(--color-main);
}

.is-mobile .header-main>.container>.row>div:last-child {
    background: transparent;
    padding-right: 0;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.is-mobile .btn-action-header {
    padding: 12px 12px 12px;
}

.menu-section .entry-menu.dropdown li:hover > a {
    color: var(--color-hightlight);
}

.header-main.fixed .menu-vertical .menu-section > ul > li > .entry-menu {
    opacity: 0;
}

body.home .menu-vertical .menu-section > ul > li:hover > .entry-menu {
    opacity: 1;
    filter: opacity(1);
}

/*Module banner left - right*/
.section-banner-left-right.animatable {
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    top: 0;
    width: 100%;
    opacity: 0;
}

.content-width {
    width: 1205px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
}

div#FloatAdx-left {
    left: 8px;
    position: absolute;
}

div#FloatAdx-right {
    right: 8px;
    position: absolute;
}

.section-banner-left-right.animatable.fix {
    position: fixed;
    top: 0;
}

.banner-left-right {
    max-width: 400px;
    width: calc((100% - 1200px)/2);
}

/*Module banner left - right*/
.bg-testimonial {
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 15%);
}

/*Button right*/
.list-btn-fix {
    position: fixed;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    z-index: 10;
}

/*Button right*/
/*Trang gio hang*/
.font-weight-500 {
    font-weight: 500;
}

.nav-tabs.nav .nav-link {
    font-weight: 600;
    font-size: 15px;
    border: 0;
    background-color: var(--color-main);
    color: var(--white);
    margin-right: 5px;
    margin-bottom: 10px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: var(--color-hightlight);
}

/*Trang gio hang*/
.is-mobile {
    background: rgb(243, 243, 243);
}

.is-mobile .slider-section, .is-mobile .slider-section .item img {
    height: 30vw;
}

/*Modal popup*/
.modal-content .quickview-close {
    font-size: 25px;
}

#quick-view-modal .modal-dialog {
    max-width: 950px;
}

#quick-view-modal .modal-dialog .modal-content {
    box-shadow: 0 0 20px rgb(0 0 0 / 25%);
    padding: 5px 10px;
    border-radius: 3px;
    border: solid 5px #797979;
}

/*Modal popup*/
/*Call now*/
.call-now {
    position: fixed;
    right: 0;
    bottom: 0;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 200000 !important;
}

.img-phone {
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    top: 40px;
    left: 40px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    background-color: #d24b44;
}

.small-circle {
    width: 60px;
    height: 60px;
    top: 28px;
    left: 28px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: #ff8680;
    opacity: .75 !important;
}

.big-circle {
    width: 90px;
    height: 90px;
    top: 12px;
    left: 12px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: .1;
    border-color: #d24b44;
    opacity: .5;
}

.phone-number {
    position: absolute;
    top: 50%;
    right: calc(100% - 15px);
    padding: 7px 15px;
    border-radius: 15px;
    background: #d24b44;
    color: #fff;
    font-weight: 600;
    transform: translateY(-50%);
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.skew {
    -webkit-animation-name: skew;
    animation-name: skew;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    50% {
        opacity: 1;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@-webkit-keyframes skew {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

/*Call now*/
/*Time thanh toan trang order success*/
.time_counter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.time_counter span {
    direction: inline-block;
    margin-right: 5px;
    text-align: center;
    font-weight: 500;
    float: left;
    padding: 2px 5px;
    border-radius: 5px;
    background-color: var(--red);
    color: var(--white);
    min-width: 35px;
    font-size: 16px;
}

/*Time thanh toan trang order success*/
#content table tr > td {
    padding: 4px 5px;
}

/*Show popup alert*/
.swal2-backdrop-hide {
    opacity: 0;
}

.swal2-backdrop-show {
    opacity: 1;
}

.swal2-show {
    max-width: 590px;
    margin: auto;
    transform: translateX(-17px);
    padding: 25px;
    border-radius: 10px;
    overflow: hidden;
    flex-direction: column;
    background-color: var(--white) !important;
}

.swal2-popup .swal2-header button {
    display: none !important;
}

.swal2-show .swal2-header .swal2-icon {
    /*display: none !important;*/
}

.swal2-show .swal2-header button {
    background-color: var(--white);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    position: relative;
}

.swal2-show .swal2-content {
    padding: 0;
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    margin: 15px 0;
    color: var(--gray);
}

.swal2-content a {
    color: var(--blue);
}

.swal2-icon.swal2-success .swal2-success-ring {
    border: 0.25em solid rgb(20 177 231 / 30%);
}

.swal2-icon.swal2-success [class^=swal2-success-line], .swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: var(--color-main);
}

.swal2-icon-success .swal2-content {
    color: var(--color-main);
}

.swal2-icon.swal2-success {
    border-color: var(--color-main);
}

.swal2-icon.swal2-success [class^=swal2-x-mark-line] {
    background-color: var(--color-main);
}

.swal2-icon-error .swal2-header button {
    border: 1px solid var(--red);
    color: var(--red);
    display: block !important;
    line-height: 35px;
}

.swal2-icon-error .swal2-content {
    color: var(--red);
}

.swal2-icon.swal2-error {
    /*border-color: var(--red);*/
    display: none !important;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background-color: var(--red);
}

.swal2-actions {
    padding: 0 !important;
    justify-content: center;
}

.swal2-warning.swal2-icon-show {
    border-color: var(--orange);
    color: var(--orange);
}

/*Show popup alert*/
@media (max-width: 1199px) {
    .cate-product-box__item {
        max-width: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .header-top>.container>.row>div:nth-child(1) {
        flex: 0 0 16% !important;
        max-width: 16% !important;
    }

    .header-top>.container>.row>div:nth-child(3) {
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }

    .header-top>.container>.row>div:last-child {
        flex: 0 0 14% !important;
        max-width: 14% !important;
    }

    .logo-section img {
        height: auto;
    }

    .btn-action-header, .info-topbar a, .link-hop-tac a {
        font-size: 14px;
    }

    .btn-mini-cart i {
        font-size: 25px !important;
    }

    .items-number {
        top: -10px;
    }
}

@media (max-width: 991px) {
    .cate-product-box__item {
        max-width: 33.333333333%;
        -ms-flex-preferred-size: 33.333333333%;
        flex-basis: 33.333333333%;
    }

    .header-category .menu-section > ul > li>a {
        color: black !important;
    }
}

@media (min-width: 991px) {
    .menu-pc .header-category .menu-section > ul > li>a {
        color: var(--white) !important;
        font-weight: 500;
        margin: .5rem 0;
        display: inline-block;
    }
}

@media (max-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 768px;
    }

    .header-category .menu-section > ul > li>a {
        color: black !important;
    }
}

@media (max-width: 767px) {
    .is-mobile .slider-section, .is-mobile .slider-section .item img {
        height: 30vw;
    }

    .cate-product-box__item {
        max-width: 50%;
        -ms-flex-preferred-size: 503%;
        flex-basis: 50%;
    }

    .cate-product-box__title {
        font-size: 18px;
    }

    .section-title span {
        font-size: 16px;
    }

    .is-mobile .btn-action-header {
        padding: 9px 0px 8px;
    }

    .language-switch img {
        height: 17px !important;
    }
}

/*End Responsive*/
/*hieutx*/
@media (min-width: 1350px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1350px;
    }

    .list-product-20>.row>div {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.user-section.entire-action-header a.btn-action-header {
    color: --gray !important;
    padding: 0;
    font-weight: 400;
    line-height: 1.2;
}

.header-top>.container>.row>div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

@media (min-width: 1200px) {
    .entire-action-header a.btn-mini-cart.btn-action-header {
        padding-top: 15px;
    }
}

.header-top>.container>.row>div:nth-child(1) {
    flex: 0 0 22%;
    max-width: 22%;
}

.header-top>.container>.row>div:last-child {
    display: flex;
    align-items: flex-end;
    flex: 0 0 11.3333%;
    max-width: 11.3333%;
}

.header-top>.container>.row>div:nth-child(3) {
    display: flex;
    align-items: center;
}

.header-top .header-menu .menu-section > ul > li > a {
    line-height: initial;
    height: initial;
}

a.language-picker i {
    font-size: 20px;
}

.entire-action-header a.btn-mini-cart.btn-action-header i {
    font-size: 24px;
}

.info-topbar a svg {
    position: relative;
    top: -2px;
    margin-right: 10px;
}

.link-hop-tac a {
    font-weight: 500;
}

.search-section.search-form .input-group button.btn.btn-submit {
    position: absolute;
    right: 0;
    background: none;
    line-height: 37px !important;
    z-index: 999;
}

.search-section.search-form .input-group input.form-control {
    border-radius: 5px;
    overflow: hidden;
}

.row {
    margin-right: -5px;
    margin-left: -5px;
}

[class^="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.footer-menu-section.footer-icon .list-unstyled>li {
    flex: 0 0 60px;
    max-width: 60px;
    height: 60px;
    border-radius: 10px;
    background: #14e721;
    text-align: center;
}

.footer-menu-section.footer-icon .list-unstyled>li>a>img {
    height: 60px;
    width: 60px;
    object-fit: contain;
    border-radius: 5px;
    overflow: hidden;
}

.footer-menu-section.footer-icon .list-unstyled>li:nth-child(1) {
    background: #b4347d;
}

.footer-menu-section.footer-icon .list-unstyled>li:nth-child(2) {
    background: #ffffff;
}

.footer-menu-section.footer-icon .list-unstyled>li:nth-child(3) {
    background: #ffd909;
}

.footer-menu-section.bct-section .bct img {
    height: 64px;
}

.social-footer-section .map iframe {
    width: 100%;
    height: 200px;
}

.coppyright-payment p {
    margin-bottom: 5px;
}

.tinh-trang span {
    font-size: 12px;
}

.tinh-trang span.con-hang {
    color: #00A12D;
}

@media (max-width: 576px) {
    .is-mobile .user-section {
        margin-top: 0;
    }

    .is-mobile .user-section .dropdown-menu.show {
        left: unset !important;
        right: 0 !important;
        transform: translate3d(43px, 40px, 0px) !important;
        box-shadow: 0px 5px 11px rgb(0 0 0 / 15%);
        border: 1px solid #eee;
    }

    .is-mobile .btn-mini-cart i {
        line-height: 30px;
    }

    .product-item .inner-content .price > span {
        font-size: 9px !important;
    }
}

@media (max-width: 992px) {
    .entire-action-header a.btn-mini-cart.btn-action-header {
        margin-left: 5px;
    }

    .logo-section img {
        height: 45px;
        object-fit: contain;
    }

    body {
        font-size: 14px;
    }

    .product-item .inner-content .product-title a {
        font-size: 14px;
    }
}

.product-item .product-action {
    opacity: 1;
    filter: opacity(1);
    visibility: inherit;
}

/*Button Contact Fixed*/
#back_to_top {
    position: fixed;
    bottom: 168px;
    right: 25px;
    border-radius: 50%;
    background-color: var(--color-main);
    width: 60px;
    height: 60px;
    display: inline-block;
    text-decoration: none;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
    z-index: 100;
}

#back_to_top i {
    color: var(--white);
    font-size: 25px !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 60px;
}

.contact-fixed {
    z-index: 999;
    right: 25px;
    bottom: 95px;
    position: fixed;
    height: 60px;
    width: 60px;
    background: var(--color-main);
    border-radius: 50%;
    cursor: pointer;
}

.contact-fixed__button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    color: var(--white);
    font-size: 10px;
    line-height: 11px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: ease-in .12s all;
    -o-transition: ease-in .12s all;
    transition: ease-in .12s all;
}

.contact-fixed__button.show {
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
}

.contact-fixed__button i {
    font-size: 24px;
    margin-bottom: 2px;
}

.contact-fixed__pulsation {
    width: 84px;
    height: 84px;
    background-color: var(--color-highlight);
    border-radius: 50px;
    position: absolute;
    left: -12px;
    top: -12px;
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: arcontactus-pulse 2s infinite;
    animation: arcontactus-pulse 2s infinite;
}

.contact-fixed__pulsation:nth-child(2n) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.contact-fixed__close {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    color: var(--white);
    font-size: 24px;
    -webkit-transform: rotate(180deg) scale(0);
    -ms-transform: rotate(180deg) scale(0);
    transform: rotate(180deg) scale(0);
    -webkit-transition: ease-in .12s all;
    -o-transition: ease-in .12s all;
    transition: ease-in .12s all;
}

.contact-fixed__close.show {
    -webkit-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}

.contact-fixed__list {
    background: center no-repeat var(--white);
    box-shadow: 0 0 10px rgb(0 0 0 / 60%);
    width: 235px;
    position: absolute;
    bottom: 80px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 14px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 7px;
    -webkit-transform-origin: 80% 105%;
    -ms-transform-origin: 80% 105%;
    transform-origin: 80% 105%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: ease-out .12s all;
    -o-transition: ease-out .12s all;
    transition: ease-out .12s all;
    z-index: 10000;
}

.contact-fixed__list:before {
    position: absolute;
    bottom: -7px;
    right: 25px;
    left: auto;
    display: inline-block!important;
    border-right: 8px solid transparent;
    border-top: 8px solid #FFF;
    border-left: 8px solid transparent;
    content: '';
}

.contact-fixed__list.show {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.contact-fixed__item {
    display: flex;
    align-items: center;
    padding: 8px 20px;
    width: 100%;
}

.contact-fixed__item:hover {
    background-color: #eeeeee;
    color: var(--color-text);
}

.contact-fixed__item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-right: 12px;
    background-color: var(--color-main);
    border-radius: 50%;
    padding: 8px;
}

.contact-fixed__item-icon img {
    filter: brightness(0) invert(1);
}

@keyframes arcontactus-pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    50% {
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

/*End Button Contact Fixed*/
@media (min-width: 1300px) {
    .col-lg-20 {
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}

/*hieutx*/
.title-address-member {
    font-size: 24px;
}

.color-green {
    color: var(--green);
}

ul.member-categories-section.member-dashboard-section>li {
    display: flex;
    justify-content: flex-start;
}

ul.member-categories-section.member-dashboard-section>li>span:first-child {
    width: 215px;
}

li.avata-member>span {
    width: 100% !important;
}

li.avata-member>span>img {
    width: 100%;
    height: 9vw;
    object-fit: cover;
}

.item-right-qr-code a {
    background: #E6E6E6;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 8px;
    font-size: 14px;
}

.ma-qr-code>img {
    min-width: 135px !important;
}

.affiliate-active-member .title {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}

article.article-quy-dinh .article-description a {
    color: #007bff;
}

.text-submit {
    text-align: center;
    margin-top: 30px;
}

.text-submit span {
    color: var(--color-main);
    font-weight: 500;
}

@media (max-width: 767px) {
    ul.member-categories-section.member-dashboard-section>li {
        display: flex;
        justify-content: space-between;
    }

    ul.member-categories-section.member-dashboard-section>li>span:first-child {
        width: auto;
    }

    .title-address-member {
        font-size: 20px;
    }

    .btn-add-member a {
        font-size: 13px !important;
    }

    .item-address-member .full-address {
        margin-bottom: 15px !important;
    }

    .dia_chi_btn-right>div:last-child a {
        font-size: 14px !important;
        margin-top: 10px;
        margin-right: 10px;
    }

    article.article-quy-dinh .article-title-detail {
        font-size: 18px;
        line-height: 1.4;
    }

    .affiliate-active-member .title {
        font-size: 18px;
    }

    .slider-section .shop-name-code .qr-code img {
        width: 56px !important;
        padding-top: 0 !important;
    }
}

.btn-add-member a:hover svg {
    filter: invert(1);
}

.item-add-end-delete a {
    display: flex;
    align-items: center;
}

.item-add-end-delete a svg {
    margin-right: 10px;
}

.qr-code-description>div:nth-child(1) {
    flex: 0 0 215px;
    max-width: 215px;
}

article.article-quy-dinh {
    margin: 20px 0 40px;
}

article.article-quy-dinh .article-title-detail {
    color: var(--black);
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px !important;
}

.slider-section .shop-name-code .qr-code img {
    height: auto;
    width: 135px;
    object-fit: contain;
    margin: 0 auto;
    padding-top: 25px;
}

.slider-section .shop-name-code .shop-name {
    color: var(--color-main);
    text-transform: capitalize;
    margin-bottom: 10px;
    text-shadow: 2px 2px #ffffff;
}

.address-member {
    display: flex;
    flex-direction: column;
}

.address-member .dia-chi-mac-dinh {
    order: 1 !important;
}

.address-member .item-address-member {
    order: 2;
}

.show-dia-chi {
    border: 1px solid var(--red);
    padding: 2px 10px;
    color: var(--red);
}

.member-categories-section a:hover {
    color: var(--color-main) !important;
}

.is-mobile .header-account .btn-menu-mobile {
    color: var(--white);
}

.payment-method ul>li>a>.inner-icon>img {
    width: 35px;
}

@media (max-width: 1200px) {
    .swal2-show .swal2-content .swal2-html-container {
        font-size: 16px;
    }

    .swal2-show .swal2-content {
        margin: 10px 0;
    }

    .swal2-content, .swal2-actions, .swal2-header {
        padding: 0;
    }

    .header-account>.container>.row>div {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .header-account .user-section {
        display: flex;
        justify-content: center;
        margin: 0;
    }

    li.avata-member>span>img {
        height: auto;
    }

    .header-account .btn-menu-mobile {
        color: var(--white);
    }
}

@media (max-width: 576px) {
    .swal2-show {
        max-width: calc(100% - 90px);
        padding: 15px;
    }

    .slider-section .shop-name-code .shop-name {
        font-size: 22px;
        margin-bottom: 5px;
        text-align: left;
    }

    .product-content-detail .product-rating {
        flex-wrap: wrap !important;
        flex-direction: column;
        margin-bottom: 15px;
        align-items: flex-start !important;
    }
}

@media (min-width: 1200px) {
    .header-account .menu-section ul>li>a {
        color: var(--white);
    }
}

.header-account .menu-section ul>li:hover>a {
    color: var(--color-text) !important;
}

div#modal_pupup_home .modal-content {
    border-radius: 15px;
}

div#modal_pupup_home .modal-content .modal-body {
    padding: 30px;
}

div#modal_pupup_home .logo img {
    height: 50px;
}

div#modal_pupup_home .logo {
    margin: 0 auto;
    display: table;
}

div#modal_pupup_home .modal-content .modal-body .content-top .banner img {
    height: 150px;
    width: 100%;
    object-fit: cover;
}

div#modal_pupup_home .modal-content .modal-body .content-top .title-top {
    color: var(--color-text);
    text-align: center;
    margin-top: 20px;
    font-weight: 700;
    font-size: 30px;
}

div#modal_pupup_home .modal-content .modal-body .content-top .description-top {
    font-size: 15px;
    color: var(--color-text);
    text-align: center;
    margin-bottom: 20px;
}

div#modal_pupup_home .modal-content .modal-body .content-top .description-bottom {
    background: var(--color-main);
    padding: 10px;
    margin-top: 15px;
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}

.text-phone-bottom {
    color: var(--color-text);
    text-align: center;
}

div#modal_pupup_home button.close {
    position: absolute;
    right: 10px;
    top: 6px;
    z-index: 999;
    font-size: 29px;
}

div#modal_pupup_home .modal-dialog {
    transform: translateY(-50%) !important;
    top: 50%;
}

@media (max-width: 576px) {
    div#modal_pupup_home .modal-content .modal-body {
        padding: 20px;
    }

    .text-phone-bottom {
        font-size: 12px;
    }
}

/*hieutx*/

.image-48x48 {
    width: 48px;
    height: 48px;
}

.image-0x48 {
    width: auto;
    height: 48px;
}