.copyright a:hover {
    color: var(--color-highlight) !important;
}
/*css by hieutx*/
.rounded-8 {
    border-radius: 8px;
}
.align-row-center > .container > .row > div, .align-row-center>.row>div {
    margin-bottom: auto !important;
    margin-top: auto !important;
}
.color-highlight{
    color: var(--color-highlight);
}

.bg-main{
    background: var(--color-main);
}
.pt-20{
    padding-top: 20px;
}
.pt-30{
    padding-top: 30px;
}
.pt-40{
    padding-top: 40px;
}
.pt-50{
    padding-top: 50px;
}
.pt-60{
    padding-top: 60px;
}
.pt-70{
    padding-top: 70px;
}
.pb-20{
    padding-bottom:20px;
}
.pb-30{
    padding-bottom: 30px;
}
.pb-40{
    padding-bottom:40px;
}
.pb-50{
    padding-bottom: 50px;
}
.pb-60{
    padding-bottom: 60px;
}
.pb-70{
    padding-bottom: 70px;
}

.mb-20{
    margin-bottom: 20px;
}

.mb-30{
    margin-bottom: 30px;
}

.mb-40{
    margin-bottom: 40px;
}

.mb-50{
    margin-bottom: 50px;
}
.lg-toolbar .lg-icon:hover {
    color: red !important;
}
/*header*/
@media (min-width:1200px){
    .section-handbook.product-project-dt.list-projet-product .inner-content {
        height: 100px;
    }
    .setting-menu.header-menu>.container>.row>div:nth-child(1) {
        flex: 0 0 220px;
        max-width: 220px;
    }
    
    .setting-menu.header-menu>.container>.row>div:nth-child(2) {
        flex-basis: calc(100% - 220px);
        max-width: calc(100% - 220px);
    }
    .menu-section > ul > li > a.active:before, .menu-section > ul > li > a:hover:before {
        color: var(--color-highlight) !important;
        border-radius: 8px;
        /* background: #FFE1E1; */
        opacity: 1;
        width: 100%;
    }
    .setting-menu.header-menu {
        background: #ffffff;
        border-bottom: 1px solid #ddd;
        z-index: 999;
    }
    
    .home .menu-section > ul > li > a, .header-menu-banner .menu-section > ul > li > a {
        color: var(--white);
        position: relative;
    }
    .menu-section > ul > li > a:before {
        content: '';
        position: absolute;
        left: 50%;
        width: 0;
        opacity: 1;
        background: var(--color-highlight);
        height: 2px;
        bottom: -1px;
        transition: 0.5s;
        transform: translateX(-50%);
    }
}
.header-top {
    background: var(--color-highlight);
    padding: 6.5px 0;
}

.header__title-sale a {
    color: var(--white);
    font-size: 15px;
    display: inline-block;
}
.header__time {
    color: var(--white);
}
.header-center {
    padding: 15px 0;
    background: #fff;
}
.form-login-register .form-group .form-control .dropdown-toggle {
    border-color: var(--color-main);
    background: #fff;
}
.header__search .input-group .form-control {
    height: 46px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    font-size: 15px;
}
.header__search .input-group .input-group-append .btn-submit {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    background: var(--light);
    border: 0;
    font-size: 24px;
    color: #7E7E7E;
    padding: 0 15px;
    height: 46px;
    line-height: 1;
}
.section-box-type-01 .row>div:nth-child(1) .item {
    padding-left: 22px;
}

.section-box-type-01 .row>div:nth-child(2) .item {
    padding-right: 22px;
}
.header__search .input-group .form-control::placeholder {
    color: var(--text-fill-1);
}
.entire-action-header .btn-action-header .icon {
    display: flex;
    width: 35px;
    height: 35px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 5px;
    color: #fff;
}
.btn-action-header:hover {
    color: var(--color-highlight);
}
@media (min-width:1200px){
    .menu-section > ul > li > a.active {
        color: var(--color-highlight) !important;
    }
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1230px;
    }
    .header-center>.container>.row>div:nth-child(3) {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex: 0 0 37%;
        max-width: 37%;
    }
    .header-center>.container>.row>div:nth-child(1) {
        flex: 0 0 28%;
        max-width: 28%;
    }

    .header-center>.container>.row>div:nth-child(2) {
        flex: 0 0 35%;
        max-width: 35%;
    }
    .menu-container>.menu-section>ul {
        display: flex;
        justify-content: space-between;
    }
    .menu-section > ul > li > a {
        height: 6rem;
        line-height: 6rem;
        display: inline-block;
        margin: 0px 15px;
        padding: 0;
        position: relative;
    }

    .menu-section > ul > li > .entry-menu {
        padding: 0 !important;
        border-radius: 8px;
        top: calc(100% - 9px);
    }

    .menu-section .menu-link {
        padding: 0.7rem 3.5rem 0.7rem 15px;
    }
    .menu-section > ul > li .entry-menu.dropdown:before {
        border-color: transparent transparent #fff;
        border-style: solid;
        border-width: 0 0.8rem 0.8rem;
        content: "";
        display: block;
        position: absolute;
        top: -8px;
        left: 20px;
    }
    .menu-section > ul > li {
        display: inline-block;
        height: 60px;
        line-height: 60px;
    }
}

.menu-section > ul > li.sale>a {
    padding: 0 5px;
    font-weight: 700;
    color: var(--color-highlight) !important;
    text-transform: uppercase;
}

.menu-section > ul > li.sale .marker-image {
    height: 20px;
    width: 20px;
    object-fit: contain;
    position: relative;
    top: -2px;
    margin-right: 2px;
}


/*header*/
.rti-abs-contain {
    object-fit: contain !important;
}

/*footer*/
.section-form-bottom {
    background: var(--color-highlight);
    padding: 31px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.section-form-bottom .info .title-section {
    max-width: 700px;
    margin: 0 auto 30px;
    color: #fff;
    font-size: 32px;
}
.section-form-bottom .info .title-section {
    position: relative;
    z-index: 3;
}

.section-form-bottom .element-form .form-group {
    position: relative;
    max-width: 430px;
    margin: 0 auto;
}

.section-form-bottom .element-form .form-group .form-control {
    height: 67px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.50);
    padding: 15px 25px;
    border: 0;
    color: #fff;
}

.section-form-bottom .element-form .form-group .form-control::placeholder {
    color: #fff;
    font-size: 15px;
}

.section-form-bottom .element-form .form-group .btn-submit {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 57px;
    border-radius: 50px;
    width: 115px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-top {
    position: relative;
}

.footer-top:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #fff;
}

.section-tab-office .tab-content {
    background: #FAFAFA;
    padding: 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.tab-content-office ul.nav.nav-tabs {
    border-bottom: 0;
}

.tab-content-office .nav-tabs>li>a {
    color: #7E7E7E;
    font-size: 16px;
    display: block;
    text-align: center;
    border: 0;
}

.tab-content-office .nav-tabs>li {
    flex: 0 0 33.33%;
}

.tab-content-office .nav-tabs>li>a.active {
    background: #fafafa;
    color: #18273D;
    font-weight: 700;
}

.section-tab-office .title-office {
    color: #18273D;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}
.section-map iframe {
    width: 100%;
    height: 265px;
    border-radius: 10px;
}

.menu-footer>.menu>ul {
    padding-left: 0;
}

.menu-footer>.menu>ul>li {
    list-style: none;
}

.menu-footer>.menu>ul>li>a {
    color: #fff;
    display: block;
    margin-bottom: 10px;
}

.title-footer {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}
.box-contact-transactions {
    border-top: 1px solid #002152;
    padding-top: 40px;
}

.box-contact-transactions .transactions .title {
    color: #002152;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 15px;
}

.box-contact-transactions .transactions .img img {
    mix-blend-mode: darken;
    height: 45px;
}

.footer-contact-info p {
    color: #002152;
}

.menu-footer>.menu>ul>li:last-child a {
    margin-bottom: 0 !important;
}


.menu-footer>.menu>ul {
    margin-bottom: 0;
}

.menu-footer .menu-icon>ul {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.menu-footer .menu-icon>ul>li {
    list-style: none;
    flex: 0 0 20%;
    max-width: 20%;
    margin-bottom: 20px;
}
.section-tab-office .tab-content .info-office p>svg {
    margin-right: 8px;
}
.menu-footer .menu-icon>ul>li>a>img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}
.section-tab-office .tab-content .info-office p {
    font-size: 16px;
}

.section-tab-office .tab-content .info-office p>img {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.section-form-bottom img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    max-height: 300px;
    z-index: 0;
    pointer-events: none;
}
footer {
    position: relative;
    overflow: hidden;
    padding-top: 50px;
}
.section-footer-menu {
    background: var(--color-main);
}
footer:before {
    width: 160%;
    height: 105px;
    position: absolute;
    background: var(--color-main);
    top: 46px;
    left: -30%;
    content:
    '';
    z-index: -1;
    -webkit-clip-path: ellipse(50% 45% at 50% 50%);
    clip-path: ellipse(50% 45% at 50% 50%);
    transform: scale(0.8, 2);
}

.box-banner-footer>.container>.row>div {
    position: inherit;
}

.box-banner-footer .banner img {
    position: absolute;
    right: 50px;
    bottom: 64px;
    z-index: -1;
    object-fit: contain;
    width: 729px;
    height: 522px;
}
/*footer*/

/*danh_muc_cap_2*/
.banner-category-02 .img {
    padding-top: 26%;
    border-radius: 8px;
    overflow: hidden;
}
@media (min-width:1200px){
    .section-filter .info-filter {
        display: flex;
        flex-wrap: wrap;
    }

    .section-filter .info-filter .item {
        background: #E8E8E8;
        display: inline-block;
        margin-right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
    }
    
}
.section-filter .info-filter .item:last-child {
    margin-right: 0;
}
.section-filter .info-filter .item .dropdown .title {
    color: #000;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 40px;
    padding: 0 15px;
    border-radius: 0;
    position: relative;
}

.section-filter .info-filter .item .dropdown .title i {
    font-size: 20px;
    margin-right: 5px;
}
.section-filter .title-section {
    font-size: 24px;
}
.slider-deal .item-banner:hover .content .info .name {
    color: var(--color-highlight);
}


.slider__banner-right .item-banner:hover .content .img img {
    transform: scale(1.1);
}

.slider__banner-right .item-banner .content .img img {
    transition: 1.1s;
}

.slider__banner-right .item-banner:hover .content .info .name, .section-product-hot-slider .product-item:hover .info .product-title a {
    color: var(--color-highlight);
}
.section-filter .info-filter .item .dropdown .dropdown-menu .filter-section {
    display: inline-block;
    width: 225px;
    margin-bottom: 0;
}

.section-filter .info-filter .item .dropdown .dropdown-menu {
    border-radius: 0;
    border: 0;
    padding: 0;
    /* box-shadow: 0 1px 10px rgba(0,0,0,0.12), 0 1px 11px rgba(0,0,0,0.24); */
    left: 0;
    transform: inherit !important;
    top: calc(100% + 10px) !important;
    background: #e8e8e8;
}

.section-filter .info-filter .item .dropdown .dropdown-menu .filter-section .product-attribute-switch {
    margin: 0;
}
.section-filter .info-filter .item .dropdown.show .title:before {
    border-color: transparent transparent #e8e8e8;
    border-style: solid;
    border-width: 0 0.8rem 0.8rem;
    content: "";
    display: block;
    position: absolute;
    bottom: -11px;
    left: 25px;
}
/*danh_muc_cap_2*/

/*chi_tiet_san_pham*/
.list-projet-product .article-item .inner-content .article-title {
    height: 46px;
}
.product-detail-head {
    border-radius: 15px;
    margin-bottom: 40px;
    /* display: flex; */
    /* flex-wrap: nowrap; */
}
.product-code-rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.product-code-rating .star-item .number {
    font-size: 15px;
}

.btn-add-to-cart .item-btn {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 15px;
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.product-attribute {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.product-attribute .inner-product-attribute {
    border-radius: 60px;
    background: var(--color-highlight);
    color: #fff;
    display: inline-block;
    padding: 6px 20px;
}

.product-attribute .title-attribute, .list-attribute-product .title-attribute {
    flex: 0 0 150px;
}
.list-attribute-product .title-attribute {
    padding-bottom: 15px;
}
.btn-add-to-cart .item-btn .add-to-cart.installment-in-card, .btn-add-to-cart .item-btn .add-to-cart.installment {
    background: var(--color-main);
    border-color: var(--color-main);
}

.product-content-detail .add-to-cart span.title {
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
}

.product-content-detail .add-to-cart .desc {
    line-height: 1.3;
    font-size: 11px;
}

.btn-add-to-cart .item-btn .add-to-cart.add-to-cart-buy {
    background: #E21F1D;
    border-color: #E21F1D;
}

.btn-add-to-cart .item-btn .add-to-cart.add-to-cart-buy:hover {
    background: none;
    color: #E21F1D;
}

.btn-add-to-cart .item-btn .add-to-cart.installment-in-card:hover, .btn-add-to-cart .item-btn .add-to-cart.installment:hover {background: none;color: #000;}

.product-time-date {
    border-radius: 10px;
    background: #FFD88A;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    margin-bottom: 15px;
}
.product-time-date .countdown {
    margin-left: -10px;
    margin-right: -10px;
}

.product-time-date .countdown .countdown--item span.countdown-info {
    border-radius: 6px;
    background: #142239;
    color: #fff;
    margin-right: 0;
    min-width: 45px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    padding: 0px 10px;
}

.product-time-date .countdown .countdown--item {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}
.note-promotion {margin-bottom: 15px;border-radius: 4px;background: #FFF3DC;padding: 15px 15px 10px 15px;}
.product-time-date .countdown .countdown--item:before {
    content: ':';
    top: 10px;
    position: absolute;
    left: -4px;
    font-size: 20px;
}
.countdown--item.countdown--item-hour::before, .countdown--item.countdown--item-day::before {
    display: none;
}
.product-time-date .countdown .countdown--item span.countdown-info .countdown--label {margin-left: 5px;}
.product-time-date .countdown .countdown--item span.countdown-info .countdown--number {
    margin-right: 0;
}
.product-time-date>span {
    font-size: 18px;
}
.product-time-date .countdown--item.countdown--item-day span.countdown-info {
    background: none;
    height: auto;
    color: #142239;
    font-weight: 700;
    padding: 0;
}
.note-promotion p {
    margin-bottom: 5px;
}
.product-item .countdown-info {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.product-item .countdown-info span.countdown-info {
    position: relative;
}

.product-item .countdown-info:before {
    content: "-";
    position: absolute;
    right: 4px;
    top: 0px;
}

.product-item .countdown--item:last-child .countdown-info {
    margin-right: 0;
}

.product-item .countdown--item:last-child .countdown-info:before {
    display: none;
}

.product-item .countdown--item.countdown--item-day .countdown-info {
    margin-right: 0;
}

.product-item .countdown--item.countdown--item-day .countdown-info:before {
    display: none;
}

.product-item .countdown--item.countdown--item-day .countdown-info .countdown--label {
    margin-left: 5px;
}

.product-detail-head .hight-light {
    border-radius: 8px;
    border: 1px solid #AED7FF;
    background: #F5FAFF;
    display: flex;
    flex-wrap: wrap;
    padding: 15px 10px;
    justify-content: space-between;
}

.product-detail-head .hight-light .entry-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 15px;
}

.product-detail-head .hight-light .entry-content .icon {
    margin-right: 8px;
}

.product-detail-head .hight-light .entry-content .title {
    color: #000;
}
.specifications-product {
    background: #fff;
    /* border-radius: 8px; */
    overflow: hidden;
}

.specifications-product .table {
    width: 100% !important;
}

.specifications-product .table > tbody > tr > td {
    border: 0;
}

.specifications-product .table > tbody > tr:nth-child(2n + 2) > td {
    background: #f5f5f5;
}

.specifications-product .table > tbody > tr > td:nth-child(1) {
    width: 55%;
}

.specifications-product .table > tbody > tr > td:nth-child(2) {
}
.product-detail-footer .nav li {
    /* margin-right: 3px; */
    /* margin-bottom: 3px; */
    flex: 1 1;
    text-align: center;
    padding-left: 2px;
    padding-left: 2px;
}
.product-detail-footer .content-detail-footer {
    background: #FFF;
    line-height: 1.6;
    font-size: 1.6rem;
    margin-top: 30px;
}
.content-detail-footer .benefit-product {
    margin-bottom: 20px;
}

.list-projet-product {
    margin-bottom: 25px;
}

.product-detail-footer .content-detail-footer .title {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.4;
}
.faq-section-product {
    border-radius: 0;
    background: #FFF;
}

.faq-section-product .title-section {
    font-size: 24px;
    text-transform: none;
}
.box-prd-detail .title-section {
    font-size: 24px;
    text-transform: none;
}

.box-prd-detail-dg .section-rating-page .title {
    font-size: 24px;
}
.section-faq-project .card {
    border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.section-faq-project .card .item-title-process {
    color: var(--color-highlight);
    font-weight: 700;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding-bottom: 15px;
}

.section-faq-project .card .item-title-process.collapsed {
    font-weight: 400;
    color: #727272;
    font-weight: 400;
}

.section-faq-project .card:last-child {
    margin-bottom: 0;
    border: 0;
}
.section-faq-project .card .item-title-process span>i {
    margin-right: 10px;
    font-size: 24px;
}
.section-faq-project .card .item-title-process>i {
    font-size: 24px;
    color: #000;
}

.section-faq-project .card .item-title-process.collapsed>i:before {
    content: "\2ee";
}

.section-faq-project .card .item-title-process.collapsed>i {
    color: #727272;
}

.description-process {
    padding-top: 15px;
}
.product-detail-head .gift-summary {
    margin-top: 15px;
    margin-bottom: 20px;
}

.product-detail-head .gift-summary .item {
    margin-bottom: 5px;
}

.product-detail-head .gift-summary .item .name {
    font-size: 14px;
}

.product-detail-head .gift-summary .item .name i {
    color: var(--color-main);
    margin-right: 5px;
    display: inline-block;
}
.product-detail-footer .container {
    /* max-width: 1200px; */
}
.price-product-detail {
    border-top: 1px dashed #A7A7A7;
    padding-top: 10px;
    margin-top: 5px;
}
.section-rating-page {
    background: #fff;
    border-radius: 8px;
    padding: 0;
}

.section-rating-page .title {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 15px;
    text-transform: lowercase;
}
.section-rating-page .title:first-letter {
    text-transform: uppercase;
}
.btn-show-rating {
    background: var(--color-highlight);
    border-color: var(--color-highlight);
    border-radius: 30px;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* display: table; */
}
.rating-average .btn-show-rating.btn.btn-submit {
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.btn-show-rating:hover {
    color: var(--color-highlight);
}
.product-detail-footer .info-content ul {
    padding-left: 15px;
}
.comment-section {
    background: #fff;
    padding: 15px;
    border-radius: 0;
    font-size: 16px;
}
.comment-section .title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
.product-image-detail-top .compare {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
    border-radius: 64px;
    background: #DBE6FE;
    display: inline-flex;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    border: 1px solid #DBE6FE;
}

.product-image-detail-top .compare:hover a {
    color: var(--blue);
}

.product-image-detail-top .compare:hover {
    background: none;
    border-color: var(--blue);
}
.inner-video i, .thumbs-video i {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    font-size: 76px;
    transform: translate(-50%, -50%);
    color: #ffffff8a;
}
.section-dt-luu-y.animate-02 .wrap .item {
    transform: rotate(0deg);
    transition: all 2.6s ease;
}
.section-dt-luu-y .wrap .item-center img {
    transform: scale(0.1);
    transition: all 1s ease;
}

.section-dt-luu-y.animate-02 .wrap .item-center img {
    transform: scale(1);
}
.radio-style--label .btn-purpose .option-purpose:hover {
    background: var(--color-highlight);
}
.section-tab-acticle .tab-content .row>div:nth-child(1) {
    transform: translate(120%, 0px) rotateY(360deg);
    transition: 2s all ease;
    z-index: 1;
    opacity: 0;
}

.section-tab-acticle .tab-content .row>div:nth-child(3) {
    transform: translate(-120%, 0px) rotateY(-360deg);
    transition: 2s all ease;
    opacity: 0;
}

.section-tab-acticle.animate-05 .tab-content .row>div:nth-child(3), .section-tab-acticle.animate-05 .tab-content .row>div:nth-child(1) {
    transform: translate(0px) rotateY(0);
    opacity: 1;
}
.inner-video:before, .thumbs-video:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 100%);
    z-index: 1;
    pointer-events: none;
}

.thumbs-video i {
    font-size: 25px;
}

.thumbs-video:before {
    border-radius: 9px;
}
.box-certificate {
    border-radius: 0;
    margin-bottom: 0;
    background: #fff;
    padding: 30px;
    position: relative;
}

.box-certificate .swiper-button-next {
    right: 0;
}

.box-certificate .swiper-button-prev {
    left: 0;
}

.box-certificate .swiper-button-next:hover, .box-certificate .swiper-button-prev:hover {
    border-color: var(--color-highlight);
}

.section-rating-page .title span, .comment-section .title>span {
    color: #888;
    font-weight: 400;
    font-size: 16px;
}

/*css by thai tran*/
.list-ban-buon {
    display: flex;
    flex-wrap: wrap;
}
.list-ban-buon>.title {
    color: #8b8b8b;
}
.list-ban-buon .title {
    flex: 0 0 90px;
    padding-right: 10px;
}
.list-ban-buon .list {
    flex-basis: calc(100% - 90px);
    max-width: calc(100% - 90px);
    position: relative;
}
.list-ban-buon .list .item-price {
    text-align: center;
    font-weight: 600;
    flex: 0 0 33.33%;
}
.display-5{
    font-size: 1.5rem;
    font-weight: 600;
}

.slider_table_price [role="button"] {
    display: flex;
}
.slider_table_price .swiper-button-next {
    right: -10px;
}
.slider_table_price .swiper-button-prev {
    left: -10px;
}

@media (min-width:992px){
    .item-certificate>.row>div:nth-child(1) {
        padding-right: 0;
    }
}
.overall-rating .rating-average .title-point {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
}
.product-detail-footer .content-detail-footer .info-content {
    margin-bottom: 25px;
}

/*chi_tiet_san_pham*/

/*tin-tuc*/
.menu-article>.menu>ul {
    display: flex;
    flex-wrap: wrap;
}

.menu-article>.menu>ul>li {
    list-style: none;
    margin-right: 10px;
    margin-bottom: 10px;
}

.menu-article>.menu>ul>li>a {
    border-radius: 8px;
    background: #cdcdcd;
    display: inline-block;
    padding: 10px 26px;
    color: var(--color-text);
}

.menu-article>.menu>ul>li>a.active, .menu-article>.menu>ul>li>a:hover {
    background: var(--color-highlight);
    color: #fff;
}
.box-article-page>.row {
    margin-right: -10px;
    margin-left: -10px;
}

.box-article-page>.row>div {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
}
.list-article-page .article-item {
    margin-bottom: 0;
    height: 100%;
}
.box-article-type .article-item {
    height: auto;
}
.list-article-page .article-item .post-date {
    margin-bottom: 10px;
    text-decoration: underline;
}
.article-item .inner-content .article-category>a {
    border-radius: 142px;
    background: #e5e5e5;
    padding: 3px 10px;
    color: black;
    font-size: 13px;
}

.article-item .inner-content .view {
    color: #777777;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.article-item .inner-content .view i {
    font-size: 18px;
    margin-right: 5px;
}

.article-item .inner-content .view>span {
    margin-right: 5px;
}

.list-article-page .title-section, .box-article-type-01 .title-section, .box-list-article-02 .title-section, .view-small .title-section {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: left !important;
}
.box-article-type-01 .article-slider {
    background: #fff;
    padding: 10px;
}

.box-article-type-01 .article-slider .article-item {
    margin-bottom: 0;
    padding: 0;
    border: 0;
}
.box-article-type-01 .article-slider .article-item .inner-image {
    overflow: hidden;
    margin-bottom: 0;
}
.box-article-type-01 .article-slider .article-item>.row>div:nth-child(2) {
    padding-left: 0;
}

.box-article-type-01 .article-slider .article-item .inner-content .post-date, .box-list-article-02 .article-item .inner-content .post-date {
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: underline;
}
.slider__banner-news .banner {
    padding-top: 10.25%;
}
.box-list-article-02 .article-item {
    background: #fff;
    padding: 10px;
    /* border-radius: 12px; */
    display: flex;
    flex-wrap: wrap;
}

.box-list-article-02 .article-item .inner-image {
    flex: 0 0 270px;
    max-width: 270px;
}
.box-list-article-02 .article-item .inner-image img {
    /* border-radius: 12px; */
    overflow: hidden;
}

.box-list-article-02 .article-item .inner-content {
    flex-basis: calc(100% - 270px);
    max-width: calc(100% - 270px);
    padding-left: 20px;
}
.box-list-article-02 .pagination {
    text-align: left;
}

.view-small .article-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    padding: 0;
    border: 0;
}

.view-small .article-item .inner-image .img {
    overflow: hidden;
    padding-top: 75.25%;
}
.box-hot-topic .title-section {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
}

.box-hot-topic {
    background: #fff;
    padding: 20px;
    margin-top: 61px;
}

.box-hot-topic .article-item {
    margin-bottom: 0;
}

.box-hot-topic .article-item .article-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    height: 36px;
    overflow: hidden;
}

.box-hot-topic > .row {
    margin-right: -5px;
    margin-left: -5px;
}

.box-hot-topic > .row > div {
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 10px;
}
.box-hot-topic .article-item .img img {
    width: 64px;
    height: 64px;
    border-radius: 24px;
    object-fit: cover;
}

.box-hot-topic .article-item .img {
    text-align: center;
    margin-bottom: 5px;
}
.box-article-type-01 .article-slider .article-item .inner-image .img {
    padding-top: 56.5%;
}
/*tin-tuc*/

/*detail-tin-tuc*/
.article-detail {
    padding: 20px;
    border-radius: 8px;
}
.article-detail .title {
    font-size: 32px;
    margin-bottom: 15px;
}
.author-view-detail .author {
    display: flex;
    align-items: center;
    min-width: 200px;
}

.author-view-detail .author .img-author {
    flex: 0 0 65px;
    max-width: 65px;
}

.author-view-detail .author .img-author img {
    width: 52px;
    height: 52px;
    border-radius: 52px;
    border: 2px solid var(--color-main);
    object-fit: cover;
}
.author-view-detail {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.author-view-detail .view {
    border-radius: 74px;
    background: #EAEAEA;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.author-view-detail .view i {
    margin-right: 5px;
    font-size: 16px;
}
.table-content-section .table-content-icon {
    display: none !important;
}
.social-share {
    background: #fff;
    display: inline-block;
    padding: 10px;
    border-radius: 43px;
}

.social-share .list-social .btn-social img {
    width: 40px;
    height: 40px;
}

.social-share .list-social .btn-social.social-zalo a {
    background: #383838;
}

.social-share .list-social .btn-social:last-child a {
    margin-bottom: 0;
}
.box-detail-article {
    display: flex;
    flex-wrap: wrap;
}

.box-detail-article .item-detail-article {
    flex-basis: calc(100% - 60px);
    padding-right: 30px;
    max-width: calc(100% - 60px);
}

.box-detail-article .item-detail-share {
    flex: 0 0 60px;
    max-width: 60px;
}
.article-content>ul {
    padding-left: 20px;
}
.box-product-embed .product-embed .product-item {
    border-radius: 12px;
    border: 1px solid #CACACA;
    background: #FFF;
    padding: 10px;
    margin-right: 2px;
}

.box-product-embed .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.box-product-embed .product-embed .inner-image .img {
    border-radius: 12px;
    overflow: hidden;
    padding-top: 100%;
}

.box-product-embed .product-embed .inner-content {
    padding-top: 10px;
}

.box-product-embed .product-embed .inner-content .product-title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 5px;
}

.box-product-embed .product-embed .inner-content .price-star {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

.box-product-embed .inner-content .price-star .price .price-amount {
    margin-right: 15px;
    font-size: 18px;
}

.box-product-embed .inner-content .price-star .price .price-amount.old-price {
    font-size: 12px;
}
.box-product-embed .product-embed .inner-content .link>a {
    display: inline-block;
    border-radius: 10px;
    background: var(--blue);
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
}

.box-product-embed .product-embed .inner-content .description {
    margin-bottom: 10px;
}
.box-product-embed .product-embed .inner-image .added-wishlist {
    border: 1px solid #f9f9f9;
}
.box-detail-article .item-detail-article >.author-view-detail {
    border-radius: 8px;
    background: #FFF;
    padding: 10px;
    margin-bottom: 0;
}
.box-article-detail-bl .title-section {
    margin-bottom: 20px !important;
}

.article-content h2 {
    font-size: 28px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: 700;
}

.article-content h3 {
    font-size: 22px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: 700;
}

.article-content h4 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 700;
}
.article-content h5 {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 700;
}
.section-faq-project .card .item-title-process:hover {
    color: var(--color-highlight);
}
ol.table-content>li.list-item .node-name--H2 {
    font-weight: 700;
}

ol.table-content li.list-item .node-name--H3 {
    padding-left: 22px;
}

ol.table-content li.list-item .node-name--H4 {
    padding-left: 27px;
}
/*detail-tin-tuc*/

/*css error validate input form*/
form .form-group .form-control:focus {
    border-color: var(--gray);
    transition: all .3s;
}
form .form-group .form-control:focus::placeholder {
    color: transparent;
    transition: all .3s;
}
.section-form-playground .form-control.error {
    border-color: var(--red) !important;
}
.section-form-playground .error.invalid-feedback {
    display: none !important;
}
/*css error validate input form*/

.box-kt-bg .sport-post, .box-kt-bg .playground-item {
    background: #fff;
}
.title-size-24 .title-section {
    font-size: 24px;
}
.section-kttt {
    background: #EFF5FF;
}
.box-bg-banner {
    position: relative;
}

.box-bg-banner:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #eff5ff;
}
.action-image-gallery {
    position: absolute;
    right: 15px;
    bottom: 15px;
    border-radius: 8px;
    background: rgb(255 255 255 / 68%);
    display: inline-block;
    z-index: 9;
    border: 1px solid rgb(255 255 255 / 68%);
}

.playground-image-gallery {
    position: relative;
}

.action-image-gallery a {
    display: inline-block;
    padding: 10px 15px;
    color: #000;
}

.action-image-gallery a i {
    font-size: 20px;
}

.action-image-gallery:hover {
    border-color: var(--blue);
}

.action-image-gallery:hover a {
    color: var(--blue);
}
.playground-image-detail.playground-image-1 {
    display: flex;
}

.playground-image-1 .inner-image {flex: 1 1;}
.playground-slider .inner-image img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}

.playground-slider {
    border-radius: 8px;
    overflow: hidden;
}
.playground-info-detail {
    /* min-height: 400px; */
}

.book-calendar .title {
    background-color: var(--color-main);
    border-color: var(--color-main);
    border-radius: 8px;
}

.book-calendar .btn-day {
    border: 1px solid #B7CDFF;
    background: #EFF5FF;
    font-size: 16px;
}
.time-frame .btn-frame-2 {
    border-color: #D9D9D9;
}

.table-price .table .set-yard .frame-price:hover {
    background: #fff;
}

.time-frame .btn-frame:hover {
    background: none;
    color: var(--blue);
    border-color: var(--blue);
}

.book-calendar .btn-day>i {
    font-size: 18px;
}

.book-calendar .btn-day>i:hover {
    color: var(--blue);
}
.table-price .table .set-yard .frame-price.disabled:hover {
    background-color: var(--light);
}
.book-calendar .filter-section li > a.active .inner-name,.book-calendar .filter-section li > a:hover .inner-name {
    color: var(--blue);
}

.book-calendar .filter-section li > a .inner-switch > span::after {
    border-color: var(--blue);
}
.product-content-detail .add-to-cart.call {
    background: #f1f2f6;
    display: flex;
    flex-direction: row;
    border: 0;
    color: #000 !important;
    font-weight: 700;
    border: 1px solid #f1f2f6;
}

.product-content-detail .add-to-cart.call:hover {
    background: none;
    color: red !important;
}
.product-content-detail .add-to-cart.estimate {
    /* background: #FFD88A; */
    border-color: #fd6e1d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd6e1d), to(#f59000));
    transition: 0.5s auto;
    border-radius: 5px;
    color: #ffffff !important;
}
.bottom-action .btn-add-to-cart .item-btn.item-btn-100 {
    flex: 0 0 100%;
    max-width: 100%;
}

.product-content-detail .add-to-cart.estimate:hover {
    color: #fd6e1d !important;
}
.bottom-action .btn-add-to-cart {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.product-content-detail .add-to-cart.estimate:hover {
    background: none;
}
.team-detail-head .btn-option-icon>span:hover, .playground-content-detail .btn-option-icon>span:hover {
    color: var(--color-highlight);
}
/*chi_tiet_san*/
/*lap_du_toan*/
.text-black {
    color: var(--black) !important;
}

.content-estimated .item {
    display: flex;
    align-items: center;
    border-radius: 8px;
    background: #EFEFEF;
    padding: 8px;
    margin-bottom: 10px;
}

.content-estimated .item .inter-img {
    flex: 0 0 48px;
    max-width: 48px;
}

.content-estimated .item .inter-img .img {
    border-radius: 4px;
    background: var(--color-highlight);
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-content-detail .add-to-cart.call img {
    margin-right: 15px;
    height: 25px;
}
.content-estimated .item .inter-img .img img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.content-estimated .item .inter-content {
    flex: 1 1;
    padding-left: 15px;
}

.content-estimated .item .inter-content .name {
    line-height: 1.5;
}

.content-estimated .item .inter-content .description {
    line-height: 1.5;
}

.section-estimated-detail {
    margin-bottom: 15px;
}
.product-project-dt .title-section {
    font-size: 24px;
    text-transform: none;
}
.product-content-detail .quantity-project {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.product-content-detail .quantity-project .title {
    flex: 0 0 150px;
}

.product-content-detail .quantity-project .product-quantity {
    height: 36px;
    padding-right: 0;
    border: 0;
}

.product-content-detail .quantity-project .btn-quantity {
    position: initial;
}

.product-content-detail .quantity-project .product-quantity .number-input {
    height: 36px;
    border-radius: 20px;
    border: 1px solid #ddd;
    width: 8rem;
    margin: 0 10px;
}

.product-content-detail .quantity-project .product-quantity .btn-quantity {
    width: 24px;
    height: 36px;
    border: 0;
    font-size: 24px;
}

.product-content-detail .quantity-project .product-quantity .btn-quantity:hover {
    background: none;
    color: var(--color-highlight);
}
.btn-add-to-cart .item-btn.w-100 {
    flex: 0 0 100%;
    max-width: 100%;
}
.box-category-page .content-category h2 , 
.product-detail-footer .content-detail-footer .info-content h2, 
.article-content h2,.detail-font h2{
    font-size: 28px;
        margin-bottom: 15px;
    margin-top: 15px;
    font-weight: 700;
}

.box-category-page .content-category h3,.detail-font h3, 
.product-detail-footer .content-detail-footer .info-content h3,
.article-content h3{
    font-size: 22px;
        margin-bottom: 15px;
    margin-top: 15px;
    font-weight: 700;
}

.box-category-page .content-category h1, 
.product-detail-footer .content-detail-footer .info-content h1, ,.detail-font h1,
.article-content h1{
    font-size: 32px;
        margin-bottom: 15px;
    margin-top: 15px;
    font-weight: 700;
}
/*lap_du_toan*/

.home__banner {
    overflow: hidden;
}
/*moblie*/
.product-detail-head .hight-light .entry-content .icon img {
    height: 36px;
    width: 36px;
}
.product-brand, .product-brand a {
    color: var(--red);
}


.span-result-filter {
    color: var(--color-text);
    background: #f3f3f3;
    border-radius: 5px;
    padding: 2px 12px 2px 10px;
    margin-right: 10px;
    position: relative;
}

.span-result-filter i {
    color: red;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    margin-left: 0 !important;
    right: -4px;
}
.view-small .article-item:last-child {
    margin-bottom: 0;
}
.inner-compare {
    font-size: 16px;
}

/*moblie*/

.home .setting-menu.header-menu, .header-menu.header-menu-banner {
    background: #0000001c;
    position: fixed;
    z-index: 99;
    width: 100%;
    border-bottom: 0;
}
.slider-custom {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    padding-bottom: 60px;
    padding-top: 70px;
}
.slider-custom .img-right {
    position: relative;
    padding-top: 56%;
}

.slider-custom .img-right img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: right;
}
.slider-custom .content .info .title {
    font-size: 57px;
    font-weight: 700;
    color: var(--color-highlight);
}

.slider-custom .content .info .slogan {
    font-size: 52px;
    font-weight: 700;
    line-height: 1.2;
    max-width: 455px;
    margin-bottom: 20px;
}

.slider-custom .content .info .dsc {
    font-size: 22px;
    max-width: 340px;
    color: #000;
    margin-bottom: 30px;
}

.slider-custom .content .info {
    padding-top: 50px;
}

.slider-custom .content .info .link a {
    color: #fff;
    display: inline-block;
    padding: 7px 45px 7px 50px;
    box-shadow: 0px 0px 10px #fa0e0785;
    text-transform: uppercase;
    box-sizing: border-box;
    background: var(--color-highlight);
    border-radius: 50px;
}
.section-box-type-01 {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
}

.section-box-type-01:before {
    width: 110%;
    height: 200px;
    content: '';
    position: absolute;
    bottom: 50px;
    left: 0px;
    left: 50%;
    transform: translate(-50%, 0px);
    background: linear-gradient(90deg, #f6f7f8 15%, #b2bec5 48%, #b2bec5 52%, #f6f7f8 85%);
    clip-path: polygon(11% 35%, 24% 0, 37% 35%, 50% 0, 63% 35%, 76% 0, 89% 35%, 100% 0, 100% 100%, 0 100%, 0 0);
}

.section-box-type-01:after {
    z-index: 5;
    width: 110%;
    height: 180px;
    content: '';
    position: absolute;
    bottom: -25px;
    transition: 1.5s;
    left: 50%;
    transform: translate(-50%, 0px);
    background: #fff;
    clip-path: polygon(11% 35%, 24% 0, 37% 35%, 50% 0, 63% 35%, 76% 0, 89% 35%, 100% 0, 100% 100%, 0 100%, 0 0);
    bottom: 28px;
}
.section-box-type-01.animate-01::after {
    bottom: -14px;
}
@media (min-width:1400px){
        
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        width: 90vw;
        max-width: 100%;
    }
}

@media (min-width:1200px){
    .box-article-type-01 .article-slider .article-item .inner-image .img {
        padding-top: 328px;
    }    
    .setting-menu.header-menu>.container>.row>div:nth-child(2) {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-left: 0;
    }
}
.hotline-top a {
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    border-radius: 50px;
    padding: 8px 15px;
    background: var(--color-highlight);
    display: inline-block;
    line-height: 16px;
    margin-left: 30px;
}
.section-box-type-01  .info-right .icon {
    display: inline-block;
    position: relative;
    width: 90px;
    height: 90px;
    background: #e8e7eb;
    border-radius: 50%;
    border: 1px solid #e6e5e9;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(120deg, #e6e5e9 0%, #eeedf0 41%, #fff 70%, #fff 100%);
}

.section-box-type-01 .info-right .icon img {
    transition: 1s all ease;
    width: 60px;
    height: 60px;
    animation: 3s ease-in-out 0s normal none infinite running chang-rotage-anim;
}

.section-box-type-01 .item {
    display: flex;
    justify-content: center;
    position: relative;
}

.section-box-type-01 .item .info-left {
    max-width: 37%;
    text-align: right;
    transition: 2s all ease;
    transform: scale(0);
    opacity: 0;
    position: relative;
    z-index: 8;
}
.section-box-type-01.animate-01 .item .info-left {
    /* transition-delay: 1s; */
    transform: scale(1);
    opacity: 1;
}
.section-box-type-01 .info-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 37%;
    transition: 1.5s;
    transform: translate(0px, 200%);
    position: relative;
    z-index: 1;
}
.section-box-type-01.animate-01 .info-right {
    transform: translate(0px, 0px);
}
.section-box-type-01 .item .info-left .name {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px;
}

.section-box-type-01 .item .info-left .link a {
    width: 85%;
    display: inline-block;
    font-size: 15px;
    box-sizing: border-box;
    border-radius: 50px;
    padding: 8px 12px 7px 0px;
    border: 1px solid var(--color-highlight);
    text-align: center;
    color: var(--color-highlight);
}

.section-box-type-01 .item .info-left .description {
    margin-bottom: 20px;
    line-height: 1.3;
}

.section-box-type-01 .info-right .img-before img {
    width: 9.3vw;
}

.section-box-type-01 .info-right .img-before {
    margin-top: -25px;
}

.section-box-type-01 .info-right .icon:before {
    pointer-events: none;
    position: absolute;
    z-index: 0;
    content: '';
    bottom: -17px;
    left: 50%;
    transform: translate(-50%, 0px);
    height: 10px;
    width: 50%;
    opacity: 1;
    background: -webkit-radial-gradient(center, ellipse, rgba(0,0,0,0.35) 0%, transparent 80%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.38) 0%, transparent 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

@keyframes chang-rotage-anim {
	0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    5% {
        transform: rotate(-15deg) scale(1) skew(1deg);
        fill: rgba(0,0,0,0.38);
    }
    10% {
        transform: rotate(15deg) scale(1) skew(1deg);
    }
    15% {
        transform: rotate(-15deg) scale(1) skew(1deg);
        fill: #000;
    }
    20% {
        transform: rotate(15deg) scale(1) skew(1deg);
    }
    25% {
        transform: rotate(0deg) scale(1) skew(1deg);
        fill: rgba(0,0,0,0.38);
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

.section-box-type-01 .row>div:nth-child(2) .item .info-left {
    order: 2;
    text-align: left;
}

.setting-menu.header-menu.fix {
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.setting-menu.header-menu.fix .menu-section > ul > li > a {
    color: var(--black);
}
.section-box-linh-vuc .info-center {
    /* max-width: 400px; */
    margin: 0 auto;
    position: relative;
    transform: scale(0.3);
    z-index: 9;
}
.img-tron {
    transform: rotate(360deg);
    transition: all .2s ease;
}
.section-box-linh-vuc.animate-02 .img-tron {
    transform: rotate(0deg);
    transition: all 2.6s ease;
}
.section-box-linh-vuc.animate-02 .info-center {
    transform: translate(0) scale(1);
    transition: all 1.5s ease;
}
.section-box-linh-vuc .info-center .img-before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: 100%;
    height: 100%;
}

.section-box-linh-vuc .info-center .img-before .img img {
    object-fit: contain;
    padding: 80px;
}

.section-box-linh-vuc .item-stp .item {
    display: flex;
    align-items: center;
    margin-top: 20px;
    padding-bottom: 20px;
}

.section-box-linh-vuc .container {
    max-width: 1490px;
}

.section-box-linh-vuc .item-stp .item .info-right {
    flex: 0 0 45%;
}

.section-box-linh-vuc .item-stp .item .info-right .icon {
    position: relative;
    padding-top: 65%;
}

.section-box-linh-vuc .item-stp .item .info-right .icon img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.section-box-linh-vuc .item-stp  .name {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.section-box-linh-vuc .item-stp .info-left {
    text-align: right;
    padding-right: 15px;
}

.section-box-linh-vuc .item-stp.item-stp-right .info-left {
    order: 2;
    text-align: left;
    padding-left: 15px;
    padding-right: 0;
}
.section-box-linh-vuc .title-section {
    margin-bottom: 65px;
}

.product-item .inner-content .price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.product-action-wishlist a {
    position: absolute;
    top: 10px;
    width: 36px;
    right: 10px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #767676;
    font-size: 20px;
    border: 1px solid #f6f6f6;
}
.product-item .inner-content .product-category a {
    font-size: 13px;
    color: var(--color-highlight);
    font-weight: 500;
}
.star-item {
    display: flex;
    align-items: center;
}
.star-item .number {
    font-size: 13px;
    margin-left: 2px;
}
.star-item .icon {
    line-height: 1;
    padding-bottom: 4px;
}
.section-box-type-02 .info-type .title-section {
    text-transform: uppercase;
    line-height: 1.4;
}

.section-box-type-02 .list-item {
    transform: skewX(-20deg);
    display: inline-block;
}

.section-box-type-02 .list-item .item {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 15px;
    font-style: italic;
    padding-left: 22px;
    transform: translate(100%) skewX(20deg);
    opacity: 0;
}
.section-box-type-02 .list-item .item:nth-child(1) {
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.section-box-type-02.animate-04 .list-item .item {
    transform: translate(0) skewX(20deg);
    opacity: 1;
}

.section-box-type-02 .list-item .item:nth-child(2) {
    transition: 1s;
    -webkit-transition: 1s;
}

.section-box-type-02 .list-item .item:nth-child(3) {
    transition: 1.5s;
    -webkit-transition: 1.5s;
}

.section-box-type-02 .list-item .item:nth-child(4) {
    transition: 2s;
    -webkit-transition: 2s;
}
.section-box-type-02 .list-item .item:before {
    position: absolute;
    left: 0px;
    content: '';
    width: 13px;
    height: 13px;
    transform: translate(0px, -50%);
    top: 50%;
    border-radius: 50%;
    background: var(--color-highlight);
}

.section-box-type-02 .info-type .title-section span>svg {
    margin-right: 5px;
    width: 24px;
    height: 24px;
}

.section-box-type-02 .info-type .title-section span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-box-type-02 .box-img {
    position: relative;
    margin-bottom: 15px;
}

.section-box-type-02 .box-img .img-ps img {
    transform: scale(0);
    transition: 2s all ease;
}

.section-box-type-02 .box-img .img-ps img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: opacity(0.05);
    background: azure;
}
.section-box-type-02 .box-img .img-ps span.bo-1:before {
    content: '';
    width: 3.871vw;
    height: 3.871vw;
    top: 500px;
    position: absolute;
    background: #ebebeb;
    border-radius: 50%;
    transition: 1.5s all ease;
    opacity: 0;
    right: 42%;
}

.section-box-type-02.animate-04 .box-img .img-ps span.bo-1:before {
    top: -99px;
    opacity: 1;
}

.section-box-type-02 {
    padding-top: 80px;
}

.section-box-type-02 .box-img .img-ps span.bo-1:after {
    content: '';
    width: 7.226vw;
    height: 7.226vw;
    top: 500px;
    position: absolute;
    right: 23%;
    background: #ebebeb;
    border-radius: 50%;
    transition: 1.5s all ease;
    opacity: 0;
}

.section-box-type-02.animate-04 .box-img .img-ps span.bo-1:after {
    top: -52px;
    opacity: 1;
}

.section-box-type-02 .box-img .img-ps span.bo-2:after {
    width: 8.214vw;
    height: 8.214vw;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    content: '';
    bottom: -3vw;
    left: -19px;
    background: #ebebeb;
    z-index: 9;
}
.section-box-type-02.animate-04 .box-img .img-ps img {
    transform: scale(1.1);
}

.section-box-type-02 .box-img .info-img-spt {
    /* position: absolute; */
    /* top: 60px; */
    left: 105px;
    /* width: 100%; */
    /* height: 100%; */
}

.section-box-type-02 .box-img .info-img-spt .list-img {
    display: flex;
    flex-wrap: wrap;
    transform: skewx(-15deg);
}

.section-box-type-02 .box-img .info-img-spt .list-img .item-img {
    flex: 0 0 50%;
    transform: skewx(15deg);
    margin-bottom: 25px;
    position: relative;
}

.section-box-type-02 .box-img .info-img-spt .list-img .item-img img {
    border-radius: 50%;
    object-fit: cover;
}

.section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(1) img {
    width: 320px;
    height: 320px;
}

.section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(2) img {
    width: 216px;
    height: 216px;
}

.section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(3) {
    height: 255px;
}

.section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(3) img {
    width: 255px;
    height: 255px;
}

.section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(3) .img {
    position: absolute;
    top: 19px;
    left: 59px;
}

.section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(4) .img img {
    width: 216px;
    height: 216px;
}

.section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(4) .img {
    position: absolute;
    top: -15px;
}

.section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(2) .img {
    position: absolute;
    top: 77px;
    left: 34px;
}
.section-box-type-02 .info-type {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.box-cn-bv .container {
    max-width: 1490px;
}

.box-certifications {}

.box-certifications .article-slider:before {
    transform: translate(-50%, 0%);
    background: linear-gradient(120deg, #2b266c75 0%, #2b266c36 50%, #2b266a5c 100%);
    border-radius: 50%;
    content: '';
    width: 29.677vw;
    height: 29.677vw;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.box-certifications .article-slider {
    position: relative;
    padding: 8.161vw 91px;
}
.box-certifications .info-title {
    padding-bottom: 40px;
}

.box-certifications .info-title .title-section {
    margin-bottom: 20px !important;
}

.box-certifications .info-title .dsc {
    font-weight: 600;
    margin-bottom: 10px;
}

.box-certifications .info-title .link a {
    color: #000;
    display: inline-block;
    border-bottom: 1px solid #9a9a9a;
    position: relative;
}
.box-certifications .info-title .link a i {
    position: relative;
    top: -2px;
}

@media (min-width:1400px){
    .container-max-14 .container {
        max-width: 1490px;
    }
}

.section-box-count .content .item {
    text-align: center;
}

.section-box-count .content .item .description {
    width: 185px;
    height: 185px;
    background: linear-gradient(45deg, #41873c 0%, #10c86e 75%, #10c86e 100%);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 15px;
    background: linear-gradient(45deg, #2098df 0%, #1e6d9b 75%, #106495 100%);
}

.section-box-count .content .item .description:after {
    content: '+';
    font-weight: 400;
}

.section-box-count .content .item .info-left {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.section-box-count {
    background-size: cover;
    padding: 70px 0;
}

.section-box-count>.container {
    max-width: 1490px;
}

.section-box-count .content .item .info-left .name {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 25px;
    position: relative;
}

.section-box-count .content .item .info-left .name:before {
    content: '';
    width: 20px;
    height: 20px;
    background: var(--color-main);
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: -30px;
    border-radius: 50%;
}
.section-box-count .content .row>div:nth-child(1) .item, .section-box-count .content .row>div:nth-child(3) .item {
    margin-top: 50px;
}

.item-img-brand .img-brand {
    padding-top: 37%;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
}

.item-img-brand .img-brand img {
    object-fit: contain;
    padding: 10px;
}

.link-more {
    text-align: center;
}

.link-more a {
    border: 1px solid var(--color-highlight);
    display: inline-block;
    padding: 8px 30px 4px;
    border-radius: 20px;
    color: var(--color-highlight);
}

.link-more a:hover {
    background: var(--color-highlight);
    color: #fff;
}

.box-tab-product{
    position: relative;
}
.box-tab-product .tab-content {
    margin-bottom: 40px;
}

.box-tab-product .link-more {
    padding-bottom: 30px;
}
.box-tab-product .banner-content-tab {
    width: 100%;
    max-width: 1270px;
    height: 455px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #f6f6f6;
    border-radius: 50%;
    z-index: -1;
    transition: 1.5s all ease;
    transform: translate(-50%, 0px) scale(0.1);
}
.box-tab-product.animate-03 .banner-content-tab {
    transform: translate(-50%, 0px) scale(1);
    transition-delay: 1s;
}

.container-max-11 .container {
    max-width: 1200px;
}

.section-tab-acticle .title .title-section-01 {
    font-size: 30px;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 20px;
}

.section-tab-acticle .title .title-section {
    margin-bottom: 10px;
}

.section-tab-acticle .title .dsc {
    font-weight: 500;
    margin-bottom: 30px;
}

.section-tab-acticle .title .link-more a {
    background: var(--color-highlight);
    color: #fff;
}
.box-tab-article .block-tab {
    margin-bottom: 30px;
}

.box-tab-article ul.block-tab>li>a {background: none !important;box-shadow: none !important;padding-top: 0 !important;padding-bottom: 0 !important;border-radius: 0 !important;padding: 5px 10px !important;font-weight: 700;color: #646464 !important;}

.box-tab-article ul.block-tab>li>a.active {
    color: var(--color-highlight) !important;
    border-bottom: 1px solid violet;
}

.box-tab-article .item .article-item {
    border: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.box-tab-article .item .article-item .inner-image .img {
    padding-top: 130%;
}

.box-tab-article .item .article-item .inner-image {
    margin-bottom: 0;
}

.box-tab-article .item .article-item .inner-content {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    z-index: 9;
}

.box-tab-article .item .article-item .inner-content .article-title a {
    color: var(--white);
}

.box-tab-article .item .article-item:before {
    content: "";
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    bottom: 0px;
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.9), rgba(0,0,0,0.7), transparent);
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.9), rgba(0,0,0,0.7), transparent);
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.9), rgba(0,0,0,0.7), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.9), rgba(0,0,0,0.7), transparent);
    background-image: linear-gradient(bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.9), rgba(0,0,0,0.7), transparent);
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
    z-index: 1;
    visibility: hidden;
    opacity: 1;
    visibility: visible;
}

.section-tab-acticle .tab-content .item-center .item .article-item .inner-image .img {
    padding-top: 84.5%;
}

.section-tab-acticle .tab-content .row>div {
    padding-right: 10px;
    padding-left: 10px;
}

.section-tab-acticle .tab-content .row {
    margin-right: -10px;
    margin-left: -10px;
}
.box-certifications .article-item {
    padding: 0;
    margin-bottom: 0;
}

.box-certifications .article-item .inner-image {
    margin-bottom: 0;
}

.section-fanpage {
    display: flex;
    align-items: center;
}

.section-fanpage .item {
    margin-right: 15px;
}

.section-fanpage .item .img-brand img {
    width: 35px;
    height: 35px;
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    padding-right: 10px;
    padding-left: 10px;
}
.fanpage-face iframe {
    height: 200px;
    width: 100%;
}
.box-list-article-02 {
    margin-bottom: 20px;
}
.box-detail-article .article-content,.box-detail-article .article-description,.box-category-page .content-category {
    font-size: 16px;
}
.logo-footer img {
    height: 45px;
}

.logo-footer {
    margin-bottom: 15px;
}

.contact-right {
    position: fixed;
    right: 20px;
    bottom: 22px;
    z-index: 9;
    z-index: 1020;
}
.contact-right li.entry-content {
    list-style: none;
    margin-top: 20px;
}

.contact-right li.entry-content img {
    width: 47px;
    height: 47px;
}
@media (min-width:1500px){
    .section-box-type-02 .box-img .info-img-spt .list-img {
        position: relative;
        right: -79px;
    }
    
    .section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(1) {
        text-align: center;
    }
}
@media (min-width:1500px) and (max-width:1600px){
    .menu-section > ul > li > a {
        margin: 0px 10px;
        font-size: 14px;
    }
    .slider-custom .content .info .slogan {
        font-size: 38px;
    }
    
    .slider-custom .content .info .title {
        font-size: 50px;
    }
    
    .slider-custom .content .info .dsc {
        font-size: 18px;
    }
    .title-section {
        font-size: 30px;
    }
}
@media (min-width:1400px) and (max-width:1500px){
    .menu-section > ul > li > a {
        margin: 0px 10px;
        font-size: 14px;
    }
    .slider-custom .content .info .slogan {
        font-size: 38px;
    }
    
    .slider-custom .content .info .title {
        font-size: 50px;
    }
    
    .slider-custom .content .info .dsc {
        font-size: 18px;
    }
    .title-section {
        font-size: 30px;
    }
}
@media (min-width: 1200px) and (max-width: 1400px){
    .hotline-top a {
        font-size: 13px;
        margin-left: 10px;
        padding: 8px 8px;
    }
    .menu-section > ul > li > a {
        font-size: 14px;
        margin: 0px 10px;
    }
    .slider-custom .content .info .slogan {
        font-size: 38px;
    }
    
    .slider-custom .content .info .title {
        font-size: 50px;
    }
    
    .slider-custom .content .info .dsc {
        font-size: 18px;
    }
    .title-section {
        font-size: 30px;
    }
    .slider-custom .container {
        max-width: 1100px;
    }
}

@media (min-width: 1200px) and (max-width: 1500px){
    header .container {
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width: 1200px) and (max-width: 1300px){
    .menu-section > ul > li > a {
        font-size: 14px;
        margin: 0px 9px;
    }
}
@media (max-width: 1200px){
    .section-footer-menu {
        padding-bottom: 1rem !important;
    }
    .product-detail-footer .content-detail-footer {
        padding: 0;
    }
    
    .detail-product {
        padding-bottom: 5px;
    }
     .box-art-ct-03 {
        padding-bottom: 0;
    }
    .breadcrumbs-section {
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .breadcrumbs-section a, .breadcrumbs-section h1 {
        white-space: nowrap;
    }
     .breadcrumbs-section::-webkit-scrollbar {
        display: none;
    }
    .box-art-ct-04, .box-art-ct-07, .box-art-ct-08 {
        padding-bottom: 20px;
    }
    .box-detail-article .article-content, .box-detail-article .article-description, .box-category-page .content-category {
        line-height: 1.5 !important;
        font-size: 1.6rem !important;
    }
    .header-mid-mb>.container>.row>div:nth-child(2) {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .slider-custom .content .info .title {
        font-size: 30px;
    }
    
    .slider-custom .content .info {
        padding-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .slider-custom .content .info .slogan {
        font-size: 22px;
        margin-bottom: 10px;
    }
    
    .slider-custom {
        padding-bottom: 30px;
        padding-top: 30px;
        background-position: top right;
    }
    
    .slider-custom .content .info .dsc {
        font-size: 16px;
        margin-bottom: 20px;
    }
    
    .slider-custom .content .info .link a {
        padding: 5px 30px;
    }
    .section-box-linh-vuc {
        padding-bottom: 30px;
        padding-top: 0;
    }
    
    .section-box-linh-vuc .title-section {
        margin-bottom: 5px;
    }
    html {
        overflow-x: hidden;
    }
    .title-tab .title-section:before {
        width: 90%;
    }
    
    .box-tab-product .block-tab.nav {
        display: flex;
        justify-content: center;
    }
    
    .box-tab-product .block-tab.nav>li {
        margin-bottom: 10px;
    }
    
    .box-tab-product .title-tab {
        margin-bottom: 10px;
    }

    
    .product-item {padding: 0;}
    
    .product-item .inner-content {
        padding: 0 5px 6px;
    }
    .product-item .btn-bottom.btn-bottom-add-card-cp a.btn-item {
        flex: 0 0 100% !important;
        margin-bottom: 5px;
    }
    .product-title {
        font-size: 14px;
    }
    .box-tab-product .tab-content {
        margin-bottom: 20px;
    }
    .section-box-type-02 .box-img .info-img-spt {
        /* position: initial; */
        top: 0;
        left: 0;
    }
    
    .section-box-type-02 .box-img .info-img-spt .list-img .item-img {
        transform: none;
        margin-bottom: 0;
        padding: 15px;
    }
    
    .section-box-type-02 .box-img .info-img-spt .list-img {
        transform: none;
    }
    
    .section-box-type-02 .box-img .info-img-spt .list-img .item-img .img {
        position: relative !important;
        padding-top: 90%;
        top: 0 !important;
        left: 0;
    }
    
    .section-box-type-02 .box-img .info-img-spt .list-img .item-img .img img {
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(2) .img {
        position: relative;
        left: 0;
        top: 0;
    }
    
    .section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(3) {
        height: auto;
    }
    
    .section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(3) .img {
        position: relative;
        left: 0;
    }
    
    .section-box-type-02 .box-img .img-ps {
        /* padding-top: 97%; */
    }
    
    .section-box-type-02 .info-type {
        display: flex;
        align-items: flex-start;
    }
    
    .section-box-type-02 .info-type .title-section {
        margin-bottom: 5px;
    }
    
    .section-box-type-02 .list-item {
        transform: none;
    }
    
    .section-box-type-02 .list-item .item {
        transform: none;
        font-size: 14px;
        margin-bottom: 10px;
    }
    
    .section-box-type-02 {
        margin-bottom: 20px;
        padding-top: 60px;
    }
    
    .section-tab-acticle .title .title-section-01 {
        font-size: 15px;
        margin-bottom: 10px;
    }
    
    .section-tab-acticle .title .dsc {
        margin-bottom: 20px;
        font-size: 14px;
    }
    
    .section-tab-acticle .title {
        margin-bottom: 20px;
    }
    
    .box-tab-article .block-tab {
        margin-bottom: 15px;
    }
    .section-box-count .content .item {
        margin-top: 0 !important;
    }
    
    .section-box-count {
        padding: 20px 0;
    }
    
    .section-box-count .content .item .description {
        width: 120px;
        height: 120px;
        font-size: 21px;
    }
    
    .section-box-count .content .item .info-left .name {
        font-size: 15px;
    }
    
    .section-box-count .content .item .info-left {
        margin-bottom: 15px;
    }
    
    .entire-info-website address p:last-child {
        margin-bottom: 0;
    }
    
    .entire-info-website address {
        margin-bottom: 0;
    }
    
    .menu-footer>.menu>ul>li>a {
        font-size: 14px;
    }
    
    .entire-info-website address p {
        font-size: 14px;
    }
    .section-tab-acticle .tab-content .row>div {
        padding-right: 5px;
        padding-left: 5px;
    }
    
    .section-tab-acticle .tab-content .row {
        margin-right: -5px;
        margin-left: -5px;
    }
    .box-tab-article .item .article-item{
        margin-bottom: 10px;
    }
    .menu-top .menu-header img {
        height: 37px;
    }
    .menu-article>.menu>ul>li>a {
        padding: 6px 15px;
    }

    .menu-article>.menu>ul {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .menu-article>.menu>ul>li>a {
        white-space: nowrap;
        font-size: 13px;
    }

    .menu-article>.menu>ul::-webkit-scrollbar {
        display: none;
    }
   
    .box-hot-topic {
        margin-top: 20px;
        padding: 10px;
    }

    .box-article-type-01 .article-slider {
        padding: 10px;
    }

    .box-article-type-01 .article-slider .article-item>.row>div:nth-child(2) {
        padding-left: 5px;
    }
    .box-detail-article {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .box-detail-article .item-detail-article {
        padding-right: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .table-content-section {
        margin-bottom: 2rem;
    }

    .article-detail {
        padding: 10px;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .box-detail-article .social-share {
        border-radius: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .box-detail-article  .social-share .list-social {
        display: flex;
    }

    .box-detail-article .social-share .list-social .btn-social a {
        margin-bottom: 0;
    }

    .box-detail-article .item-detail-share {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .box-detail-article  .social-share .list-social .btn-social {
        margin-right: 10px;
    }
    .row>div, .section-category-page>.row>div, .box-article-page>.row>div, .box-playground-page>.row>div, .product-watched-member>.row>div {
        padding-right: 5px;
        padding-left: 5px;
    }

    .box-article-page>.row>div, .section-category-page .item,.box-playground-page>.row>div{
        margin-bottom: 10px;
    }
    .box-article-page .article-item {
        padding: 0;
    }
    .box-article-page .article-item .inner-content {
        padding: 0 10px 10px 10px;
    }
    .article-item .article-title {
        font-size: 14px;
    }
    
    .article-item .article-description {
        font-size: 13px;
    }
    .box-atc-04 {
        margin-bottom: 10px;
    }
    .box-list-article-02>.row>div {
        margin-bottom: 10px;
    }
    
    .box-list-article-02 {
        margin-bottom: 10px;
    }
    .logo-section img {
        height: 37px;
    }
    .hotline-top a {
        margin-left: 10px;
        padding: 0;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}


@media (max-width:992px){
    .btn-cart-buy {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 15px;
    }
    .product-image-detail-top {
        margin-bottom: 10px;
    }
    .section-box-type-01 .item:before {
        background: #fff;
        content: '';
        position: absolute;
        bottom: -30px;
        left: 0;
        width: 100%;
        height: 130px;
        z-index: 5;
    }
    .section-box-type-01 .row>div:nth-child(1) .item {
        padding-left: 0;
    }
    
    .section-box-type-01 .row>div:nth-child(2) .item {
        padding-right: 0;
    }
    .section-box-type-01 {
        padding-top: 0;
        padding-bottom: 30px;
    }
    
    .title-section {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .section-box-type-01 .item {
        display: flex;
        flex-direction: column;
    }
    
    .section-box-type-01 .item .info-right {
        order: 1;
        width: 50%;
        margin-bottom: -20px;
        left: 34%;
        /* position: absolute; */
    }
    
    .section-box-type-01 .item .info-left {
        order: 2;
        text-align: center !important;
        max-width: 100%;
        background: #fff;
    }
    
    .section-box-type-01 .item .info-left .name {
        font-size: 14px;
    }
    .section-box-type-01 .row>div:nth-child(2) .item .info-right {
        left: inherit;
        left: 17%;
    }
    
    .section-box-type-01 .item .info-left .description {
        font-size: 13px;
        margin-bottom: 10px;
    }
    
    .section-box-type-01 .item .info-left .link a {
        padding: 5px 10px !important;
        font-size: 12px;
    }
    
    .section-box-type-01 .info-right .img-before img {
        width: 100%;
    }
    
    .section-box-type-01 .info-right .icon {
        width: 67px;
        height: 67px;
    }
    
    .section-box-type-01 .info-right .img-before {
        margin-top: -4px;
    }
    
    .section-box-type-01 .info-right .icon img {
        width: 40px;
        height: 40px;
    }
    
    
    .section-box-linh-vuc .info-center .img-before .img img {
        padding: 8px;
    }
    
    .section-box-linh-vuc .row>div {
        padding: 0 0;
    }
    
    .section-box-linh-vuc .row {
        margin: 0;
    }
    
    .section-box-linh-vuc .row>div:nth-child(1), .section-box-linh-vuc .row>div:nth-child(3) {
        flex: 0 0 37%;
        max-width: 37%;
    }
    
    .section-box-linh-vuc .row>div:nth-child(2) {
        flex: 0 0 26%;
        max-width: 26%;
    }
    
    .section-box-linh-vuc .item-stp .item .info-right {
        flex: 0 0 55px;
    }
    
    .section-box-linh-vuc .item-stp .info-left {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    
    .section-box-linh-vuc .item-stp .info-left .description {
        font-size: 13px;
    }
    
    .section-box-linh-vuc .item-stp .item {
        margin-top: 10px;
        padding-bottom: 10px;
    }
    
    .section-box-linh-vuc .item-stp .name {
        font-size: 10px;
    }
    
    .row {
        margin-right: -5px;
        margin-left: -5px;
    }
    
    .row>div {
        padding-right: 5px;
        padding-left: 5px;
    }
    .box-cn-tbtc-mb {
        padding-top: 30px;
    }
    
    .box-cn-tbtc-mb>.container>.row>div {
        flex: 0  0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    
    .box-certifications .article-slider {
        padding: 0;
    }
    
    .box-certifications .info-title {
        padding-bottom: 20px;
    }
    .section-footer-menu>.container>.row>div {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }
    .article-detail .title {
        font-size: 22px;
        line-height: 1.5;
    }
    .box-category-page .content-category h2 , 
    .product-detail-footer .content-detail-footer .info-content h2, 
    .article-content h2, .detail-font h2{
        font-size: 20px;
    }
    
    .box-category-page .content-category h3, 
    .product-detail-footer .content-detail-footer .info-content h3,
    .article-content h3, .detail-font h3{
        font-size: 17px;
    }
    
}

@media (max-width:767px){
    .section-box-type-02.animate-04 .list-item .item{
        transform: translate(0) skewX(0);
    }
    .section-box-linh-vuc .item-stp .info-left .description{
        display: none;
    }
    .section-box-linh-vuc .info-center  .img {
        /* transform: scale(1.5); */
    }
    .section-footer-menu>.container>.row>div {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .section-tab-acticle .title .dsc {
        margin-bottom: 20px;
        font-size: 14px;
    }
    
    .section-tab-acticle .title {
        margin-bottom: 20px;
    }
    
    .box-tab-article .block-tab {
        margin-bottom: 15px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .box-tab-article .block-tab::-webkit-scrollbar {
        display:none;
    } 
    .box-tab-article .block-tab li.nav-item {
        white-space: nowrap;
    }
    .section-tab-acticle .tab-content .row>div {
        padding-right: 3px;
        padding-left: 3px;
    }
    
    .section-tab-acticle .tab-content .row {
        margin-right: -3px;
        margin-left: -3px;
    }
    
    .box-tab-article .item .article-item .inner-content {
        position: initial;
        padding: 0;
        padding-top: 5px;
    }
    
    .box-tab-article .item .article-item:before {
        display: none;
    }
    
    .box-tab-article .item .article-item .inner-content .article-title a {
        color: var(--color-black);
    }
    
    .box-tab-article .item .article-item .inner-content .article-title {
        font-size: 12px;
    }
    
    .box-tab-article .item .article-item {
        margin-bottom: 10px;
    }
    .box-atc-02>.container>.row>div {
        flex: 0 0 100%;
        max-width: 100%;
    }
     .box-list-article-02 .article-item {
        display: block;
        margin-bottom: 0;
        padding: 0;
        height: 100%;
    }

    .box-list-article-02 .article-item .inner-image {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .box-list-article-02 .article-item .inner-content {
        padding-left: 0;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 0 !important;
        padding: 0px 10px 10px 10px;
    }
    .list-article-page .title-section, .box-article-type-01 .title-section, .box-list-article-02 .title-section, .view-small .title-section {
        font-size: 17px;
        margin-bottom: 20px;
        text-align: left !important;
    }
    .contact-right li.entry-content img {
        width: 40px;
        height: 40px;
    }
    
    .contact-right {
        right: 10px;
        bottom: 10px;
    }
    .slider-custom .img-right {
        padding-top: 80%;
        display: none;
    }
}

/*css by datlv*/
.ratio-breadcrumb {
    position: relative;
    padding-top: 22%;
}
.ratio-breadcrumb img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.9);
}
.breadcrumb-product {
    position: relative;
    background: #fff;
    display: inline-block;
    width: 100%;
}
.breadcrumb-product .banner-category {
    position: relative;
}
a.btn-sptt {
    position: absolute;
    right: 0;
    top: -13px;
    display: inline-block;
    background-color: var(--color-highlight);
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    padding: 0px 10px 0px 5px;
    height: 25px;
}

a.btn-sptt:before {
    content: "";
    border: 15px solid transparent;
    border-width: 13px 19px;
    border-right-color: var(--color-highlight);
    position: absolute;
    top: -0.31px;
    right: 100%;
}
.breadcrumb-product .breadcrumbs-section {
    position: absolute;
    top: calc(50% + 30px);
    left: 50%;
    width: 70%;
    min-height: 5.4rem;
    transform: translate(-50%, -50%);
    flex-direction: column;
    z-index: 9;
}
.breadcrumb-product .breadcrumbs-section .breadcrumb-title .title-breadcrumn {
    color: #fff;
    position: relative;
    font-size: 3.6rem;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}
.breadcrumb-product .bredcrumb-link {
    position: relative;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 5.4rem;
}
.breadcrumb-product .bredcrumb-link:before {
    background: url(https://vecgroup.vn/modules/products/assets/images/banner.png);
    width: 100%;
    height: 5.4rem;
    position: absolute;
    content: '';
    top: 50%;
    background-size: contain;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0.5;
    background-repeat: no-repeat;
}
.breadcrumb-product .bredcrumb-link a {
    position: relative;
    font-size: 1.2rem;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}
.breadcrumb-product .bredcrumb-link a span {
    color: #000;
}
.breadcrumb-product .bredcrumb-link a:hover, .breadcrumb-product .bredcrumb-link a:hover span {
    color: var(--color-main);
}
.breadcrumb-product .icon_cat {
    bottom: -6px;
    width: 23rem;
    height: 5.2rem;
    left: 0px;
    background: url(https://vecgroup.vn/modules/products/assets/images/shape.png);
    background-size: cover;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    color: #939598;
}
.breadcrumb-product .icon_cat i {
    font-size: 25px;
    font-weight: bold;
}
.breadcrumb-product .container {
    position: relative;
}
.category-description {
    margin: 4rem 0;
}
.orderby-section {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
}
.orderby-section .list-sort {
    display: flex;
    align-items: center;
    margin: 0;
}
.orderby-section .filter-section {
    margin-left: 1rem;
}
.orderby-section .list-sort > li > a {
    padding: 0 1rem;
    color: #000;
    border-bottom: 0;
}
.list-product>.row>div[class*=col-] {
    margin-bottom: 3rem;
}
.category-content {
    /* background: #f5f5f5; */
    padding: 3rem 0;
}
.category-content .content-info {
    transition: height .5s ease;
}
.category-content .content-info:not(.active) {
    max-height: 800px;
    overflow: hidden;
    transition: height .5s ease;
}
.category-content .load-more {
    margin-top: 4rem;
}
.category-content .load-more .btn-view-all {
    font-weight: 500;
    cursor: pointer;
}
.category-content .load-more .btn-hide {
    display: none;
    padding: 10px 30px !important;
}

@media (min-width:1200px){
    .section-filter .info-filter .close-filter, .section-filter .info-filter .title-filter {
        display: none;
    }
}

@media (max-width: 768px) {
    .slider-custom .content .info .slogan {
        font-size: 19px;
        /* text-shadow: -10px -20px 0 #0000; */
        /* -webkit-text-stroke: 1.5px #020202; */
        text-shadow: 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 50px #ffffff, 0 0 100px #ffffff, 0 0 200px #ffffff;
    }
    .slider-custom .content .info .dsc {
        font-size: 15px;
        text-shadow: 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 50px #ffffff, 0 0 100px #ffffff, 0 0 200px #ffffff;
    }
    .slider-custom .content .info .link a {
        padding: 4px 22px;
        font-size: 14px;
    }
    .section-box-type-01:before {
        transform: translate(-50%, 0px);
        background: linear-gradient(90deg, #f6f7f8 15%, #b2bec5 48%, #b2bec5 52%, #f6f7f8 85%);
        clip-path: polygon(11% 35%, 24% 0, 37% 35%, 50% 0, 63% 35%, 76% 0, 89% 35%, 100% 0, 100% 100%, 0 100%, 0 0);
        height: 120px;
        bottom: 144px;
        width: 160%;
    }
    .section-box-type-01:after {
        transform: translate(-50%, 0px);
        background: #fff;
        clip-path: polygon(11% 35%, 24% 0, 37% 35%, 50% 0, 63% 35%, 76% 0, 89% 35%, 100% 0, 100% 100%, 0 100%, 0 0);
        bottom: 112px !important;
        height: 120px;
        width: 160%;
    }
}
@media (max-width: 1366px) {
    .section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(1) img {
        width: 300px;
        height: 300px;
    }
    .section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(2) img {
        width: 200px;
        height: 200px;
    }
    .section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(3) img {
        width: 225px;
        height: 225px;
    }
    .section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(4) .img img {
        width: 200px;
        height: 200px;
    }
}
.home__banner {
    margin-top: 2rem
}
.home__banner .img {
    padding-top: 25%;
    border-radius: 8px;
    overflow: hidden;
}
.home__banner .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    max-width: 500px;
    left: 50px;
    pointer-events: none;
}
.home__banner .content .name {
    font-size: 50px;
    font-weight: 900;
}
.home__banner .content .name .name-02 {
    color: var(--color-highlight);
    padding-left: 8px;
}
.home__banner .content .description {
    margin-bottom: 20px;
    font-size: 18px;
}
.home__banner .content .btn {
    border-radius: 40px;
    padding: 7px 40px 9px;
}
.box-article-page .article-item .category-view {
    display: none !important;
}
.box-article-page.box-article-type .article-item .category-view {
    display: flex !important;
}
[nh-form-contact] .form-group {
    margin-bottom: 1.5rem;
}

[nh-form-contact] .form-group .form-control {
    border-color: #e1e1e1;
}
[nh-form-contact] .form-group .form-control:focus, [nh-form-contact] .form-group .form-control:hover {
    border-color: var(--color-highlight);
}
[nh-form-contact] .form-group input.form-control {
    height: 4.4rem;
}
.box-article-type-01 .article-item .article-title {
    font-size: 2.2rem;
}
.product-detail-head>.row>div[class*=col-]:first-child {
    /* padding-right: 0; */
}
.product-detail-head>.row>div[class*=col-]:last-child {
    /* padding-left: 0; */
}
.product-detail-head .box-image, .product-detail-head .box-info {
    /* flex: 0 0 50%; */
    /* max-width: 50%; */
}
.product-detail-head .box-info {
    /* background: #404040; */
    /* padding-right: calc(10vw / 2); */
}
.product-detail-head .box-info .top-info {/* padding-left: 30px; */}
.product-image-detail {
    position: relative;
}
.image-thumbs {
    /* position: absolute; */
    /* bottom: 5%; */
    /* right: 5%; */
    /* width: 60%; */
    margin-top: 20px;
}
.product-image-detail .inner-image, .product-image-detail .inner-iframe, .product-image-detail .inner-video {
    position: relative;
    padding-top: 85%;
}
.product-detail-head .box-info .inner-info {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 5px;
    font-size: 14px;
}

.product-detail-head .box-info .inner-info span {
    color: #000;
    margin-right: 5px;
}
.product-detail-head .box-info .inner-info span:last-child {
    flex: 0 0 70%;
    max-width: 70%;
    color: #000;
}

@media (max-width: 1200px) {
    .product-content-detail .add-to-cart {
        font-size: 14px;
    }
    .box-pdt-05 {
        padding-bottom: 25px;
    }
    
    .overall-rating {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .box-detail-lq.box-prd-page.box-prd-detail {
        padding-bottom: 30px;
    }
    .ratio-breadcrumb {
        position: relative;
        padding-top: 46%;
    }
    .breadcrumb-product .breadcrumbs-section .breadcrumb-title .title-breadcrumn {
        font-size: 2.3rem;
        margin-bottom: 1rem;
    }
    .breadcrumb-product .bredcrumb-link {
        min-height: 4.4rem;
    }
    .section-filter .content-filter .btn-filter {
        height: 35px;
        border: 1px solid var(--color-main);
        border-radius: 5px;
        padding: 0 10px;
        color: var(--color-main);
        display: flex;
        align-items: center;
    }

    .orderby-section .orderby-title {
        height: 35px;
        padding: 0px 30px 0 10px;
    }

    .section-filter .content-filter .btn-filter i {
        margin-right: 5px;
    }
    .section-filter .info-filter {
        padding: 10px;
        padding-bottom: 50px;
    }

    .title-section-5 {
        font-weight: bold;
        line-height: 1;
        margin-bottom: 10px;
        color: var(--black);
        font-size: 15px;
    }

    .filter-section li > a {
        padding: 0;
        font-size: 13px;
        border: 0;
        margin-bottom: 8px;
    }
    .section-filter .info-filter .item {
        margin-bottom: 15px;
    }

    .filter-section li .inner-switch > span {
        margin-right: 9px;
    }

    .filter-section li > a .inner-switch > span::after {
        height: 7px;
        width: 4px;
        top: 3px;
        left: 5px;
        border-width: 2px;
    }

    .filter-section li .inner-switch > span {
        width: 16px;
        height: 16px;
    }
    .section-filter .info-filter .item .filter-section .product-attribute-switch>li {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .section-filter .info-filter .item .filter-section {
        /* max-height: 150px; */
        /* overflow-y: auto; */
    }

    .section-filter .info-filter .item .filter-section::-webkit-scrollbar {
        width: 5px;
        padding:0;
    } 
    .section-filter .info-filter .item .filter-section::-webkit-scrollbar-thumb {
        background-color: #2c404f;
        width:2px;
    }
    .close-filter {
        position: absolute;
        right: 10px;
        top: 5px;
        z-index: 9;
        font-size: 18px;
    }
    
    .section-filter .info-filter .title-filter {
        font-size: 16px;
        margin-bottom: 15px;
        font-weight: 700;
        color: #000;
    }
    .box-fiter-orderby {
        align-items: center;
        margin-bottom: 2rem;
    }
    
     .section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(1) img {
        width: 140px;
        height: 140px;
    }
    .section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(2) img {
        width: 130px;
        height: 130px;
    }
    .section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(3) img {
        width: 145px;
        height: 145px;
    }
    .section-box-type-02 .box-img .info-img-spt .list-img .item-img:nth-child(4) .img img {
        width: 120px;
        height: 120px;
    }
}
/*end css by datlv*/


.menu-customer-menu {
    position: absolute;
    opacity: 0;
    filter: opacity(0);
    visibility: hidden;
    -webkit-transition: opacity 0.05s ease;
    transition: opacity 0.05s ease;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    width: 100%;
    left: 0;
    background: #f7f7f7;
    height: calc(100vh - 52px);
    z-index: 0;
    top: 100px;
    transition: .4s;
    /* display: none; */
}

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


.menu-section > ul > li:hover  .menu-customer-menu {
    opacity: 1;
    filter: opacity(1);
    visibility: visible;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    top: 100%;
    /* display: inline-block; */
    z-index: 99;
    top: calc(100% - 9px);
}
.menu-customer-menu {
    padding: 35px 20px;
}

.menu-customer-menu .info-menu-left .title {
    font-size: 20px;
    font-weight: 700;
}

.menu-customer-menu .info-menu-left .link a {
    color: #000;
    border-top: 1px dashed #ddd;
    display: block;
    padding-top: 10px;
    margin-top: 10px;
}

.entry-menu-ct>.row>div {
    flex: 0 0 20%;
}

.entry-menu-ct .item a.menu-link {
    padding: 0;
}
.menu-customer-menu {
    line-height: 1.6;
}

.entry-menu-ct .item a.menu-link .icon {
    /* border-radius: 8px; */
    overflow: auto;
}

.entry-menu-ct>.row {
    margin-left: -10px;
    margin-right: -10px;
}

.section-box-linh-vuc .item-stp .item {
    display: flex;
    justify-content: flex-end;
}


.item-stp.item-stp-right .item {
    display: flex;
    justify-content: flex-start;
}

.section-category-page .item {
    border-radius: 8px;
    background: #ffffff;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 5px;
    border: 1px solid #ebebeb;
}

.section-category-page .item>a {
    display: flex;
    align-items: center;
}

.section-category-page .item .inner-img {
    flex: 0 0 58px;
}

.section-category-page .item .inner-content {
    flex: 1 1;
    padding-left: 10px;
    color: #000;
}
.section-category-page .item .inner-img .img {
    border-radius: 4px;
    overflow: hidden;
}

.section-category-page .item .inner-content .name {
    font-weight: 700;
}
.banner-category .img {
    padding-top: 17%;
}
.section-category-page>.row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.section-category-page>.row>div {
    padding-right: 7.5px;
    padding-left: 7.5px;
}
.section-brand-category .list-brand {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}
.section-category-page .item:hover, .list-brand .item-brand .img:hover {
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.12), 0 1px 9px rgba(0,0,0,0.24);
}

/*Deal*/
.slider-deal .item-banner .content .info {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 15px;
    height: 100%;
    pointer-events: none;
}

.slider-deal .item-banner {
    background: var(--bg-gradient);
    border-radius: 8px;
    overflow: hidden;
}

.slider-deal .item-banner .content .info-img {
    width: 50%;
    right: 0;
    position: absolute;
    bottom: 0;
}

.slider-deal .item-banner .content .info .name, .slider-deal .item-banner .content .info .description {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    color: var(--color-BLACK);
}

.slider-deal .item-banner .content .info .description {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.slider-deal .item-banner .content .info .description-short {
    font-size: 56px;
    font-weight: 900;
    color: var(--color-highlight);
    line-height: 1;
}

.slider-deal .item-banner .banner img {
    object-fit: contain;
    padding: 10px;
    object-position: right;
}
/*Deal*/

.box-category-page {
    border-radius: 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.box-category-page .load-more {
    /* position: absolute; */
    /* bottom: 25px; */
    /* left: 50%; */
    /* z-index: 99; */
    /* transform: translateX(-50%); */
}

.box-category-page .load-more .btn-view-all {
    background: #f1f1f1;
    color: #000;
    padding: 5px 0;
    border-radius: 8px !important;
    min-width: 170px;
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
}


.box-category-page .load-more  .btn-show {
    display: inline-block;
}

.box-category-page .load-more .btn-hide {
    display: none;
}

.box-category-page.transform-active .btn-show {
    display: none;
}

.box-category-page.transform-active .btn-hide {
    display: inline-block;
}

.box-category-page .content-category {
    max-height: 450px;
    overflow: hidden;
    font-size: 16px;
}

.box-category-page.transform-active .content-category {
    max-height: 100%;
}

.box-category-page:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 110px;
    /* background: linear-gradient(360deg, #ffffffc4 46.25%, rgb(255 255 255 / 1%) 82.82%); */
    pointer-events: none;
}
/*danh_muc_san_pham*/


@media (max-width:1200px){
    .menu-section .entry-menu.dropdown li>a {
        height: 47px;
        line-height: 47px;
    }
    .menu-section .entry-menu.dropdown li {
        border-bottom: 0;
        padding-left: 15px;
    }
    .row, .section-category-page>.row, .box-article-page>.row, .box-playground-page>.row, .product-watched-member>.row
    {
        margin-right: -5px !important;
        margin-left: -5px !important;
    }

    .row>div, .section-category-page>.row>div, .box-article-page>.row>div, .box-playground-page>.row>div, .product-watched-member>.row>div {
        padding-right: 5px;
        padding-left: 5px;
    }

    .box-article-page>.row>div, .section-category-page .item,.box-playground-page>.row>div{
        margin-bottom: 10px;
    }
    .section-category-page .item .inner-content .name {
        line-height: 1.3;
        font-size: px;
    }
    
    .section-category-page .item .inner-content .count {
        font-size: 12px;
    }
        .slider-deal .item-banner .content .info .description {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .slider-deal .item-banner .content .info .name {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .slider-deal .item-banner .content .info .description-short {
        font-size: 27px;
    }
    .dmc-box-02 {
        margin-bottom: 15px;
    }
    
    .dmc-box-03, .dmc-box-04 {
        padding-bottom: 20px !important;
    }
    
    .box-category-page {
        padding: 0;
    }
    .dmc-box-05 .box-category-page {
    margin-bottom: 20px;
}
    .dmc-box-01 {
        margin-bottom: 10px !important;
    }
    .breadcrumb-product .banner-category .img {
        padding-top: 46%;
    }
    .breadcrumb-product .icon_cat {
        width: 10rem;
        height: 2.2rem;
    }
        .home__banner .content .name {
        font-size: 25px;
    }

    .home__banner .content .description {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .btn-rounded {
        border-radius: 20px;
        padding: 5px 25px 5px;
    }

    .home__banner .img {
        padding-top: 45%;
    }
}
@media (max-width: 767px){
    .slider-custom:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* background: #ffffff91; */
        /* background-image: linear-gradient(180deg, #ffffffa6, #ffffff7a); */
        /* z-index: 9; */
    }
    .slider__banner-news .banner {
        padding-top: 35.25%;
        border-radius: 8px;
        overflow: hidden;
    }
    /* trang_chu */
    .home__banner .content {
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        padding: 0 15px;
    }
    /* trang_chu */
     .box-atc-02>.container>.row>div {
        flex: 0 0 100%;
        max-width: 100%;
    }

}

.item-stp {
    transition: all 2s ease;
}


.section-box-linh-vuc .content div#type-02>div:nth-child(1) .item-stp:nth-child(1) {
    transition-delay: 0.2s;
    transform: translate(100%, 50%) scale(0);
}

.section-box-linh-vuc.animate-02 .item-stp {
    transform: translate(0) scale(1) !important;
}

.section-box-linh-vuc .content div#type-02>div:nth-child(1) .item-stp:nth-child(2) {
    transform: translate(100%, -50%) scale(0.1);
}

.section-box-linh-vuc.animate-02 .content div#type-02>div:nth-child(1) .item-stp:nth-child(2) {
    transition-delay: 0.4s;
}

.section-box-linh-vuc .content div#type-02>div:nth-child(3) .item-stp:nth-child(1) {
    transform: translate(-100%, 50%) scale(0.1);
}

.section-box-linh-vuc.animate-02 .content div#type-02>div:nth-child(3) .item-stp:nth-child(1) {
    transition-delay: 0.2s;
}

.section-box-linh-vuc.animate-02 .content div#type-02>div:nth-child(3) .item-stp:nth-child(2) {
    transition-delay: 0.6s;
}

.section-box-linh-vuc .content div#type-02>div:nth-child(3) .item-stp:nth-child(2) {
    transform: translate(-100%, -50%) scale(0.1);
}
.modal-du-toan .modal-content {
    border-radius: 8px;
}

.modal-du-toan .modal-content .modal-header {
    background: #142239;
    color: #fff;
    position: relative;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
}

.modal-du-toan .modal-content .modal-header button.close {
    color: #fff;
    opacity: 1;
    z-index: 9;
    margin: 0;
    position: absolute;
    top: 11px;
    right: 15px;
    padding: 0;
}

.modal-du-toan .modal-content .modal-header:before {
    border-bottom: 51.5px solid var(--color-highlight);
    border-left: 24px solid transparent;
    border-right: 0 solid transparent;
    height: 0;
    width: 72px;
    content:'';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}

.info-modal-du-toan  .item-left .inter-image {
    flex: 0 0 135px;
    max-width: 135px;
}

.info-modal-du-toan .form-group .form-control {
    border-radius: 8px;
    background: #eaeaea;
    height: 48px;
    font-size: 16px;
}

.info-modal-du-toan .form-group label {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
}

.modal-du-toan .modal-dialog {
    max-width: 650px;
}

.modal-du-toan .modal-content .modal-header .modal-title {
    font-weight: 700;
    font-size: 20px;
}
.modal-du-toan .modal-body {
    padding: 15px;
}
.info-modal-du-toan .form-group span.yard-size--unit {
    top: 14px;
}

.info-modal-du-toan .form-group .form-control button.btn.dropdown-toggle {
    height: 46px;
    line-height: 51px;
}
.product-content-detail .price {
    margin-bottom: 10px;
}

.product-content-detail .price span.title-price {
    font-size: 28px;
}
.product-item .btn-bottom.btn-bottom-add-card-cp {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.product-item .btn-bottom.btn-bottom-add-card-cp a.btn-item {
    text-align: center;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 0px;
    border: 1px solid #eee;
    border-radius: 50px;
    box-sizing: border-box;
    flex-basis: calc(50% - 5px);
    font-size: 15px;
}
.info-modal-du-toan .item-left .info {
    flex-basis: calc(100% - 125px);
}
.info-modal-du-toan .item-left .info {
    flex-basis: calc(100% - 135px);
}

.info-modal-du-toan .item-left .info .price {
    margin-bottom: 0;
    text-align: left;
    padding: 0;
    background: none;
}

.info-modal-du-toan .item-left .info .price span.title-price, .info-modal-du-toan .item-left .info  .inner-info span:first-child {
    display: inline-block;
    font-size: 14px;
    width: calc(30% - 5px);
}

.info-modal-du-toan .item-left .info .price-amount {
    font-size: 16px !important;
    color: var(--color-highlight);
}

.info-modal-du-toan .item-left .info>.name {
    margin-bottom: 10px;
    font-size: 16px;
}

.section-box-dt-01 {
    position: relative;
    margin-bottom: 100px;
}

.section-box-dt-01 .banner img {
    width: 100%;
    height: calc(100vh - 85px);
    object-fit: fill;
}

.section-box-dt-01 .content-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 10%;
}
.section-box-dt-01 .content-banner .info .img img {
    max-height: 259px;
}

.section-box-dt-01 .content-banner .info .title {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-size: 46px;
    text-align: center;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 30px;
    position: relative;
    z-index: 9;
    transform: translateY(-200px);
}
.section-box-dt-01.over .content-banner .info .dsc {
    transform: scale(1);
    opacity: 1;
    transition: all 2s ease 2s;
}

.section-box-dt-01.over .content-banner .info .title {
    transform: translateY(1px);
    transition: all 1s ease 1s;
}
.section-box-dt-01 .content-banner .info .img {
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 100px;
    transform: translateX(-50%);
    z-index: 0;
}

.section-box-dt-01 .content-banner .info .dsc {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 24px;
    color: #fff;
    margin-bottom: 50px;
    position: relative;
    z-index: 8;
    transform: scale(0);
    opacity: 0;
}
.section-box-dt-02 {
    text-align: center;
    margin-bottom: 60px;
}

.section-box-dt-02 .title {
    font-size: 36px;
    font-weight: 700;
    color: var(--color-highlight);
    margin-bottom: 10px;
}

.section-box-dt-02 .dsc {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 50px;
    position: relative;
}

.section-box-dt-02 .dsc:before {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 3px;
    background: #82ba40;
}
.section-box-dt-02 .btn-form-dt {
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-box-dt-02 .btn-form-dt .btn-item-pt a {
    display: inline-block;
    width: 250px;
    border-radius: 50px;
    background: linear-gradient(90deg, #fe6403 0%, #ff6702 28%, #fa0a07 100%);
    padding: 10px;
    color: #fff;
    font-size: 18px;
}

.section-box-dt-02 .btn-form-dt .btn-item-pt {
    padding: 0 10px;
}

.section-box-dt-02 .btn-form-dt .btn-item-pt a.tv, .section-box-dt-02 .btn-form-dt .btn-item-pt a.phone:hover {
    background: linear-gradient(90deg, #036437 0%, #569c3d 60%, #7fb840 100%);
}

.section-box-dt-02 .btn-form-dt .btn-item-pt a.tv:hover {
    background: linear-gradient(90deg, #fe6403 0%, #ff6702 28%, #fa0a07 100%);
}
.section-author .author-item {
}

.section-author .author-item .inner-content {
    padding: 0;
    text-align: center;
}

.section-author .author-item .inner-content .author-title {
    font-weight: 700;
}

.section-author .author-item .inner-content .author-title a {
    color: var(--color-highlight);
}
.faq-dts .mo-ta {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.faq-dts .section-faq-project {
    max-width: 828px;
    margin-left: auto;
    margin-right: auto;
}

.faq-dts .title-section {
    margin-bottom: 10px;
}

.faq-dts .section-faq-project .card {
    border: 1px solid #ddd;
    padding-bottom: 0;
}

.faq-dts .section-faq-project .card .item-title-process {
    margin-bottom: 0;
    /* border-bottom: 1px solid #ddd; */
    padding: 15px;
    font-size: 16px;
    font-weight: 700;
}

.faq-dts .section-faq-project .card .description-process {
    padding: 15px;
}

.collapse.show {
    border-top: 1px solid #ddd;
}
.faq-dts .section-faq-project .card .description-process .info-cat {
    display: flex;
    align-content: space-around;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.faq-dts .section-faq-project .card .description-process .info-cat .btn-process {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #046537 0%, #046537 10%, #7cb640 100%);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50px;
    margin-top: 10px;
}
.faq-dts {
    margin-top: 60px;
}
.section-ct-dt .info {
    position: relative;
}

.section-ct-dt .content {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.section-ct-dt .info .item-center {
    width: 50%;
    left: 50%;
    top: 0;
    position: relative;
    transform: translateX(-50%);
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-ct-dt .info .item-text.item-01 {
    left: 0;
    top: 50%;
    transform: scale(0.1) translateY(-50%);
    width: 100%;
    position: absolute;
    text-align: right;
    max-width: 215px;
}

.section-ct-dt .info .item-text.item-03 {
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    transform: scale(0.1) translateY(-50%);
    max-width: 215px;
}

.section-ct-dt .info .item-center .item-img {
    position: relative;
    padding-top: 100%;
    z-index: 1;
}

.section-ct-dt .info .item-center .item-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(0.1);
    transition: 1.2s all ease;
}

.section-ct-dt .info .item-text.item-02 {
    position: absolute;
    top: 0;
    left: calc(50% + 190px);
    width: 100%;
    max-width: 215px;
    transform: scale(0.1)  translateX(-50%);
}

.section-ct-dt .info .item-text.item-04 {
    position: absolute;
    bottom: 0;
    left: calc(50% - 145px);
    width: 100%;
    transform: scale(0.1) translateX(-50%);
    max-width: 215px;
    text-align: right;
}
.section-ct-dt .info .item-center .name-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 350px;
    max-height: 350px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
}

.section-ct-dt .info .item-center .name-logo .name {
    font-size: 28px;
    color: var(--color-highlight);
    font-weight: 700;
}
.section-ct-dt {
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 100px;
}

.section-ct-dt .info .item-text .title {
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1.3;
}

.section-ct-dt .info .item-text .dsc {
    font-size: 16px;
}
.modal-du-toan-page .modal-dialog {
    max-width: 450px;
}
.created-by-user a {
    color: var(--color-black);
}

.created-by-user a:hover {
    color: var(--color-highlight);
}

.author-view-detail.author-view-detail-list {
    display: block;
    border: 1px solid #e6e6e6;
    padding: 15px;
    margin-bottom: 30px;
}

.author-view-detail.author-view-detail-list .author {
    display: flex;
    align-items: flex-start;
}


.section-author .author-item .inner-image {
    width: 190px;
    margin-left: auto;
    margin-right: auto;
}

.section-author .author-item .inner-image .img {
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #ddd;
}

.section-box-type-kb {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-box-type-kb .item .inter-img {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
}

.section-box-type-kb .item .inter-img .img {
    padding-top: 85%;
}

.section-box-type-kb .item .inter-img .img img {
    object-fit: contain;
}

.section-box-type-kb .item  .inter-content {
    text-align: center;
}

.section-box-type-kb .item .inter-content .name {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.section-box-type-kb .container {
    max-width: 1200px;
}

.section-dt-luu-y {
    margin-bottom: 130px;
    margin-top: 60px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #ddd;
    padding-top: 30px;
}

.section-dt-luu-y .wrap {
    width: 622px;
    height: 460px;
    background: #fff;
    margin: 100px auto;
    position: relative;
}

.section-dt-luu-y .wrap:before {
    position: absolute;
    width: 460px;
    height: 460px;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 35px solid #f7f7f7fd;
    box-shadow: 0px 0px 80px #d8d8d8;
    border-radius: 50%;
    box-sizing: border-box;
}

.section-dt-luu-y .wrap .item-center {
    position: absolute;
    top: 20%;
}

.section-dt-luu-y .wrap .item-center img {
    max-width: 622px;
}

.section-dt-luu-y .wrap .item {
    width: 184px;
    height: 184px;
    box-sizing: border-box;
    background: linear-gradient(90deg, #036437 0%, #036437 5%, #7ab53f 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    cursor: pointer;
    transform: rotate(360deg);
    transition: all .3s ease;
}

.section-dt-luu-y .wrap .item.item_1 {
    position: absolute;
    top: -40px;
    left: 0px;
    box-shadow: -5px -10px 10px #e6e6e6d6;
}

.section-dt-luu-y .wrap .item.item_2 {
    position: absolute;
    top: 45%;
    left: -50px;
    box-shadow: -5px 10px 10px #dcdcdc;
}

.section-dt-luu-y .wrap .item.item_3 {
    position: absolute;
    top: -40px;
    right: 0px;
    box-shadow: -5px -10px 10px #e6e6e6d6;
}

.section-dt-luu-y .wrap .item.item_4 {
    position: absolute;
    top: 45%;
    right: -50px;
    box-shadow: 5px 10px 10px #e6e6e6d6;
}

.section-dt-luu-y .wrap .item.item_5 {
    left: 50%;
    transform: translate(-50%, 0px);
    bottom: -70px;
    box-shadow: -5px 10px 10px #dcdcdc;
}
.section-box-article-dt {
    margin-bottom: 50px;
}
.section-video-slider {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}

.section-video-slider .video-top {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

.section-video-slider .video-top .inner-image {
    position: relative;
    padding-top: 50%;
    border-radius: 5px;
    overflow: hidden;
}

.section-video-slider .video-top .inner-image iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.section-video-slider .video-top .note img {
    height: 35px;
    width: 35px;
    object-fit: contain;
    margin-right: 10px;
}

.section-video-slider .video-top .note {
    margin-bottom: 15px;
    font-size: 24px;
}

.video-slider .article-item-video .inner-image {
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
}

.video-slider .article-item-video .inner-content {
    text-align: center;
}

.video-slider .article-item-video .inner-content .article-title {
    font-weight: 700;
    font-size: 24px;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.video-slider .article-item-video .inner-content .article-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 47px;
    background: #000;
}
.video-slider .article-item-video .inner-image .img svg {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: aliceblue;
    width: 12px;
    margin-left: 2px;
}
.video-slider .article-item-video .inner-image span {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    background-color: #000000a6;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 50%;
    cursor: pointer;
    width: 40px;
    height: 40px;
}
.section-box-article-dt .title-section {
    font-size: 24px;
    margin-bottom: 40px;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--color-main);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.faq-dts-hoi-dap {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
}

.faq-dts-hoi-dap .section-faq-project .collapse.show {
    border-top: 0;
}

.faq-dts-hoi-dap .section-faq-project .card .item-title-process.collapsed {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.faq-dts-hoi-dap .section-faq-project .card .item-title-process {
    font-size: 16px;
}

.faq-dts-hoi-dap .section-faq-project .card .description-process {
    padding-top: 10px;
}

.faq-dts-hoi-dap .link-contact {
    text-align: center;
    margin-top: 30px;
}
.faq-dts-hoi-dap .section-faq-project .card:last-child {
    border-bottom: 1px solid #ddd;
}
.faq-dts-hoi-dap .link-contact a {
    color: #fff;
    font-family: sans-serif;
    box-sizing: border-box;
    border-radius: 50px;
    padding: 0.625vw 1.667vw;
    background: linear-gradient(90deg, #fe6403 0%, #ff6702 28%, #fa0a07 100%);
    display: inline-block;
    font-weight: normal;
    text-transform: uppercase;
}

.faq-dts-hoi-dap .link-contact a i {
    position: relative;
    top: -2px;
}
.section-luu-y {
    position: relative;
}

.section-luu-y:before {
    position: absolute;
    left: -25.729vw;
    height: 44.198vw;
    width: 53.646vw;
    background: #f2f2f2;
    clip-path: ellipse(50% 38% at 50% 50%);
    top: -9.81vw;
    content: '';
}

.section-luu-y:after {
    position: absolute;
    right: -25.729vw;
    height: 44.198vw;
    width: 53.646vw;
    background: #f2f2f2;
    clip-path: ellipse(50% 40% at 50% 50%);
    top: -9.81vw;
    content: '';
    z-index: 0;
}
.yard-estimate .table-quote tr:first-child td {
    background: #142239;
    color: #fff;
}
@media (max-width:1200px){
    .box-art-ct-06 {
        margin-bottom: 15px;
    }
    .box-certifications .info-title .title-section {
        margin-bottom: 3px !important;
    }
    .section-box-dt-01 .content-banner .info .title {
        font-size: 24px;
        margin-bottom: 15px;
    }
    
    .section-box-dt-01 .content-banner .info .dsc {
        font-size: 14px;
        margin-bottom: 20px;
    }
    
    .section-box-dt-01 .banner img {
        height: 80vw;
    }
    
    .section-box-dt-01 .content-banner .info .img img {
        max-width: 340px;
    }
    
    .section-box-dt-01 .content-banner .info .img {
        bottom: 70px;
    }
    
    .section-box-dt-01 {
        margin-bottom: 15px;
    }
    
    .section-box-dt-02 .title {
        font-size: 16px;
        margin-bottom: 5px;
    }
    
    .section-box-dt-02 .dsc {
        font-size: 15px;
        margin-bottom: 30px;
    }
    
    .section-box-dt-02 .dsc:before {
        bottom: -10px;
    }
    
    .section-box-dt-02 .btn-form-dt .btn-item-pt a {
        width: 160px;
        font-size: 13px;
    }
    
    .section-box-dt-02 .btn-form-dt .btn-item-pt {
        padding: 0 5px;
    }
    
    .section-box-dt-02 {
        margin-bottom: 30px;
    }
    
    .faq-dts {
        margin-top: 30px;
    }
    
    .faq-dts .section-faq-project .card .description-process .inter-img {
        margin-bottom: 10px;
    }
    
    .section-ct-dt {
        margin-bottom: 30px;
        background-size: contain;
    }
    
    .section-ct-dt .info .item-center {
        width: 370px;
    }
    
    .section-ct-dt .info .item-center .name-logo {
        padding-bottom: 20px;
    }
    
    .section-ct-dt .info .item-text.item-01 {
        top: 0;
        transform: none;
        max-width: 160px;
    }
    
    .section-ct-dt .info .item-text {
        max-width: 197px;
    }
    
    .section-ct-dt .info .item-text .title {
        font-size: 16px;
    }
    
    .section-ct-dt .info .item-text .dsc {
        font-size: 14px;
    }
    
    .section-ct-dt .info .item-text.item-02 {
        left: inherit;
        right: 0;
        transform: none;
        max-width: 160px;
    }
    
    .section-ct-dt .info .item-text {
        max-width: 160px !important;
    }
    
    .section-ct-dt .info .item-text.item-03 {
        right: 0;
        transform: none;
        bottom: 0;
        top: inherit;
    }
    
    .section-ct-dt .info .item-text.item-04 {
        left: 0;
        transform: none;
    }
    
    .section-ct-dt .info .item-center .name-logo .logo img {
        max-width: 100px;
    }
    
    .section-ct-dt .info .item-center .name-logo .name {
        font-size: 20px;
    }
    
    .section-box-type-kb {
        padding-top: 0;
        padding-bottom: 0;
        background-size: contain;
    }
    
    .section-box-type-kb .item .inter-content .name {
        font-size: 14px;
    }
    
    .section-box-type-kb .item {
        margin-bottom: 25px;
    }
    
    .section-box-type-kb .item .inter-content .dsc {
        font-size: 14px;
    }
    
    
    .section-luu-y {
        margin-bottom: 30px;
    }
    .section-video-slider .video-top {
        margin-bottom: 20px;
    }
    
    .video-slider .article-item-video .inner-content .article-title {
        font-size: 16px;
    }
    
    .video-slider .article-item-video .inner-content .article-description {
        font-size: 14px;
    }
    
    .section-video-slider {
        margin-bottom: 30px;
    }
    .product-detail-head .box-image, .product-detail-head .box-info {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .product-detail-head {
        flex-direction: column;
        margin-bottom: 0;
    }
    .product-detail-head .box-info {
        padding-right: 0;
    }
    .product-detail-head .box-info .top-info {
        padding: 0;
    }
    .product-detail-footer .nav li a {
        padding: 5px 20px;
        font-size: 15px;
    }
    .product-detail-footer .nav {
        overflow-x: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .product-content-detail .price span.title-price {
    font-size: 20px;
    }
    
    .product-content-detail .price .price-amount {
        font-size: 22px;
    }
    .product-detail-footer .nav::-webkit-scrollbar {
        display:none;
    } 

    .product-detail-footer .nav li {
        white-space: nowrap;
    }
    .btn-add-to-cart .item-btn {
        padding-left: 5px;
        padding-right: 5px;
         margin-bottom: 10px;
    }
    
    .bottom-action .btn-add-to-cart {
        margin-left: -5px;
        margin-right: -5px;
    }
}
@media (max-width:767px){
    .purpose-group .radio-style {
        margin-bottom: 20px;
    }
    .step-3 {
        padding: 10px 0;
    }
        
    .section-dt-luu-y {
        margin-bottom: 30px;
        margin-top: 30px;
        padding-top: 20px;
    }
    
    .section-dt-luu-y .wrap {
        width: 70%;
        margin: 70px auto;
        height: 270px;
    }
    
    .section-dt-luu-y .wrap:before {
        width: 320px;
        height: 320px;
    }
    
    .section-dt-luu-y .wrap .item-center img {
        max-width: 100%;
    }
    
    .section-dt-luu-y .wrap .item {
        width: 100px;
        height: 100px;
        font-size: 14px;
    }
    
    .section-dt-luu-y .wrap .item-center {
        top: 50%;
        transform: translateY(-50%);
    }
}


.section-highlight .item {
    display: flex;
    align-items: center;
    padding: 5px;
    position: relative;
    justify-content: center;
}

.section-highlight .item .icon {
    background: var(--color-highlight);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-right: 20px;
    position: relative;
}

.section-highlight .item .icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.section-highlight .item .icon:before {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px dotted var(--color-main);
    z-index: 9;
    border-radius: 50%;
}

.section-highlight .item .content .dsc {
    /* font-weight: 700; */
    font-size: 18px;
}

.section-highlight .item .content .name {
    font-size: 18px;
}
.section-highlight {
    padding: 0;
}

.section-highlight>.row>div:last-child .item::before {
    display: none;
}
@media (min-width:1200px) and (max-width:1500px){
    .breadcrumb-product .icon_cat {
        width: 20rem;
        height: 4.2rem;
    }
}

@media (min-width:1200px){
    .ctn-mx-1200 .container {
        max-width: 1095px;
    }
    .product-detail-footer .content-detail-footer {
        font-size: 16px;
    }
}
@media (max-width:1200px){
    .section-highlight {
        border: 0;
        padding: 0;
    }
    
    .section-highlight .item:before {
        display: none;
    }
    
    .section-highlight .item .icon:before {
        width: 50px;
        height: 50px;
        border: 1px dotted var(--color-main);
    }
    
    .section-highlight .item .icon {
        width: 45px;
        height: 45px;
        margin-right: 10px;
    }
    .section-highlight .item .icon img {
        width: 35px;
        height: 35px;
        border-radius: 10px;
    }
    .section-highlight .item {
        display: flex;
        justify-content: flex-start;
        padding: 3px;
    }
    
    .section-highlight .item .content .name {
        font-size: 13px;
    }
    
    .section-highlight .item .content .dsc {
        font-size: 14px;
    }
    
    .breadcrumb-product .icon_cat i {
        font-size: 16px;
    }
}

.load-more .btn-show {
    display: inline-block;
}
.load-more .btn-view-all {
    background: #f1f1f1;
    color: #000;
    padding: 5px 0;
    border-radius: 8px !important;
    min-width: 170px;
    display: inline-block;
    cursor: pointer;
    line-height: 2.133333;
    font-size: 16px;
    font-family: "Mulish", sans-serif;
    margin-top: 15px;
}
.load-more .btn-hide {
    display: none;
}
.transform-active .btn-hide {
    display: inline-block;
}
.transform-active .btn-show {
    display: none;
}

.info-content-detail-product.transform-active .content {
    max-height: 100%;
}

.info-content-detail-product .content {
    max-height: 400px;
    overflow: hidden;
}

.cataloge-detail-footer .info-content {
    margin-bottom: 0 !important;
    background: #eee;
    padding: 30px;
}

.info-content-detail-product.transform-active .content ul {
    padding-left: 18px;
}
.cataloge-detail-footer, .specifications-product-center.specifications-product {
    max-width: 1065px;
    margin: 0 auto;
}

.cataloge-detail-footer>.title, .specifications-product-center .title, .product-detail-footer .content-detail-footer .content-wap .title {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px !important;
    font-size: 26px !important;
}

.product-detail-footer .content-detail-footer div#content, .product-detail-footer .content-detail-footer .specifications-product-center, .product-detail-footer .content-detail-footer .cataloge-detail-footer, .product-detail-footer .content-detail-footer .info-content-detail-product.detail-font {
    margin-bottom: 40px;
}

.box-lighhight-product .container {
    /* max-width: 1200px; */
}
.product-content-detail .add-to-cart span.name {
    font-size: 12px;
}
.box-detail-lq .product-item .product-title {
    height: 46px;
    overflow: hidden;
}
.link-more-certificate {
    text-align: center;
    margin-top: 30px;
}

.link-more-certificate a {
    color: #58595b;
    font-size: 14px;
}

.specifications-product-center.specifications-product .info .table-tskt {
    display: flex;
}
.box-lighhight-product {
    padding-bottom: 30px;
}
.category-content .content-info ul {
    padding-left: 20px;
}
.content-wap ul {
    padding-left: 20px;
}
@media (max-width:767px){
    .section-highlight .swiper-slide {
        width: 43%;
    }
    .sidebar-mini-cart {
        width: 100%;
    }
    
    .sidebar-mini-cart .content-mini-cart {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    
    .sidebar-mini-cart .content-mini-cart .mini-cart-btn {
        padding-bottom: 1.5rem;
    }
    .link-more-certificate {
        margin-top: 15px;
    }
}
@media (max-width:1200px){
    .product-image-detail .image-thumbs {
        margin-top: 10px;
    }
    
    .product-detail-head .box-image {
        margin-bottom: 15px;
    }
    .product-image-detail .image-thumbs {
        margin-top: 10px;
    }
    
    .product-detail-head .box-image {
        margin-bottom: 15px;
    }
    
    .box-lighhight-product {
        padding-top: 30px;
        padding-bottom: 15px;
    }
    .product-project-dt .title-section,.box-prd-detail .title-section,.faq-section-product .title-section
    .box-prd-detail-dg .section-rating-page .title{
        font-size: 20px;
    }
    .list-product>.row>div[class*=col-] {
        margin-bottom: 10px;
    }
    .category-content {
        padding: 3rem 0;
    }
    .no-gutters {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .category-content .load-more a.btn-hide.btn-view-all {
        padding: 6px 30px;
    }
}
/*gallery-anh*/
[nh-light-gallery] .item img {
    min-width: 100%;
    min-height: 100%;
}
.list-gallery-article .gallery {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.list-gallery-article .gallery .item {
    display: inline-block;
    flex: 0 0 33%;
    max-width: 33%;
    padding-left: 5px;
    padding-right: 5px;
}

.list-gallery-article, .list-gallery-article-01, .list-gallery-article-03,.list-gallery-article-04 {
    max-width: 100% !important;
}

.list-gallery-article-01 .gallery {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.list-gallery-article-01 .gallery .item {
    grid-row: span 1;
    grid-column: span 2;
}

.list-gallery-article-01 .gallery .item:nth-child(1) {
    grid-row: span 2;
    grid-column: span 4;
    position: relative;
}

.list-gallery-article-01 .gallery .item:nth-child(1) .ratio-3-2 {
    padding-top: 67% !important;
}


.list-gallery-article-03 .gallery {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.list-gallery-article-03 .gallery .item{
    display: inline-block;
    grid-row: span 1;
    grid-column: span 2;
}
.list-gallery-article-03 .gallery .item:nth-child(2){
    grid-row: span 2;
    grid-column: span 4;
}

.list-gallery-article-04 .gallery {
    display: grid;
    grid-template-rows: repeat(11, 6fr);
    grid-template-columns: repeat(12, 4fr);
    grid-gap: 10px;
}

.list-gallery-article-04 .gallery .item:nth-child(1) {
    grid-row: span 7;
    grid-column: span 8;
    position: relative;
}

.list-gallery-article-04 .gallery .item:nth-child(2) {
    grid-row: span 5;
    grid-column: span 4;
    position: relative;
}

.list-gallery-article-04 .gallery .item:nth-child(3) {
    grid-row: span 6;
    grid-column: span 4;
    position: relative;
}

.list-gallery-article-04 .gallery .item:nth-child(4) {
    grid-row: span 4;
    grid-column: span 3;
    position: relative;
}

.list-gallery-article-04 .gallery .item:nth-child(5) {
    grid-row: span 4;
    grid-column: span 5;
    position: relative;
}

.list-gallery-article-04 .gallery .item:nth-child(1) span {
    padding-top: 35%;
}

.list-gallery-article-04 .gallery .item:nth-child(4) span {
    padding-top: 53%;
}
.list-gallery-article-04 .gallery .item:nth-child(2) span {
    padding-top: 50%;
}

.list-gallery-article-04 .gallery .item:nth-child(3) span {
    padding-top: 60.5%;
}

.list-gallery-article-04 .gallery .item:nth-child(5) span {
    padding-top: 31.6%;
}

.list-gallery-article-04 .gallery .item span {
    border-radius: 8px;
    overflow: hidden;
}
.list-gallery-article-03 .gallery .item:nth-child(2) span {
    padding-top: 67.3% !important;
}
.section-ct-dt.animate-01 .info .item-center .item-img img {
    transform: scale(1);
}

.section-ct-dt .info .item-center .name-logo:before {
    border: 20px solid #ffffff0f;
    box-shadow: 0px 0px 60px #a0a0a09e;
    background: #ffffff00;
    content: '';
    width: calc(100% + 40px);
    height: calc(100% + 41px);
    position: absolute;
    border-radius: 50%;
}

.section-ct-dt.animate-01 .info .item-text.item-01 {
    transform: scale(1) translateY(-50%);
    transition-duration: 1.5s;
}

.section-ct-dt.animate-01 .info .item-text.item-02 {
    transform: scale(1) translateX(-50%);
    transition-duration: 1.5s;
}

.section-ct-dt.animate-01 .info .item-text.item-03 {
    transform: scale(1) translateY(-50%);
    transition-duration: 1.5s;
}

.section-ct-dt.animate-01 .info .item-text.item-04 {
    transform: scale(1) translateX(-50%);
    transition-duration: 1.5s;
}

.swiper-button-next-certificate {
    height: 40px;
    position: absolute;
    width: 40px;
    opacity: 1;
    font-size: 25px;
    border: 1px solid  var(--color-highlight);
    background: #fff;
    border-radius: 50px;
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    top: 50%;
    transform: translate(0%, -50%);
    right: -25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-highlight);
}

.swiper-button-prev-certificate {
    height: 40px;
    position: absolute;
    width: 40px;
    opacity: 1;
    font-size: 25px;
    border: 1px solid var(--color-highlight);
    background: #fff;
    border-radius: 50px;
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    top: 50%;
    transform: translate(0%, -50%);
    left: -25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-highlight);
}

.swiper-button-prev-certificate.swiper-button-disabled, .swiper-button-prev-certificate.swiper-button-disabled {
    opacity: 0;
}

.swiper-button-next-certificate.swiper-button-disabled {
    opacity: 0;
}
.specifications-product-center.specifications-product .info {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
}

.specifications-product-center.specifications-product .info .table-specifications {
    flex-basis: calc(50% - 20px);
}

.specifications-product-center.specifications-product .info .table-specifications .table {
    border: 1px solid #ebebeb;
}
.btn-add-cart-phone {
    text-align: center;
    margin-bottom: 40px;
}

.btn-add-cart-phone .btn-add-cart-type a {
    font-size: 20px;
    display: inline-block;
    text-transform: uppercase;
    color: #fff !important;
    padding: 4px 40px;
    font-weight: 500 !important;
    border-radius: 50px;
    background: linear-gradient(90deg, var(--color-highlight) 0%, #ff6702 28%, var(--color-highlight) 100%);
}
.btn-add-cart-phone .btn-add-cart-type {
    position: relative;
    margin-bottom: 45px;
}
.btn-add-cart-phone .phone a {
    font-size: 28px;
    color: var(--color-highlight);
    font-weight: 700;
}
.btn-add-cart-phone .btn-add-cart-type:after {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translate(-50%, 0px);
    content: '';
    width: 45px;
    height: 2px;
    background: #ddd;
}

.btn-add-cart-phone .phone {
    display: flex;
    flex-direction: column;
    font-size: 20px;
    color: #000;
    align-items: center;
}
.product-detail-footer .content-detail-footer .info-content-detail-product.detail-font {
    max-width: 1065px;
    margin-left: auto;
    margin-right: auto;
}
.section-handbook.product-project-dt.list-projet-product .inner-content .article-description {
    height: 45px;
    overflow: hidden;
}
.section-handbook.product-project-dt.list-projet-product {
    margin-bottom: 0 !important;
}

.box-detail-lq.box-prd-page.box-prd-detail .title-section, .section-handbook.product-project-dt.list-projet-product .title-section {
    font-size: 24px;
    text-transform: none;
    margin-bottom: 25px !important;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--color-main);
}

.product-item .btn-bottom.btn-bottom-add-card-cp a.btn-item:hover {
    background: var(--color-highlight);
    color: #fff;
}
.specifications-product-center.specifications-product .info .atbr-thong-so {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.specifications-product-center.specifications-product .info .atbr-thong-so .item {
    flex-basis: calc(50% - 20px);
    display: flex;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.specifications-product-center.specifications-product .info .atbr-thong-so .item>span {
    flex: 0 0 50%;
    display: inline-block;
    padding: 7px 10px;
}

.specifications-product-center.specifications-product .info .atbr-thong-so .item:nth-child(1), .specifications-product-center.specifications-product .info .atbr-thong-so .item:nth-child(2), 
.specifications-product-center.specifications-product .info .atbr-thong-so .item:nth-child(5), .specifications-product-center.specifications-product .info .atbr-thong-so .item:nth-child(6),
.specifications-product-center.specifications-product .info .atbr-thong-so .item:nth-child(9), .specifications-product-center.specifications-product .info .atbr-thong-so .item:nth-child(10),
.specifications-product-center.specifications-product .info .atbr-thong-so .item:nth-child(13), .specifications-product-center.specifications-product .info .atbr-thong-so .item:nth-child(14),
.specifications-product-center.specifications-product .info .atbr-thong-so .item:nth-child(17), .specifications-product-center.specifications-product .info .atbr-thong-so .item:nth-child(18){
    background: #f2f2f2;
}

.specifications-product-center.specifications-product .info .atbr-thong-so .item:nth-child(1), .specifications-product-center.specifications-product .info .atbr-thong-so .item:nth-child(2) {
    border-top: 1px solid #ddd;
}


div#httv .modal-dialog {
    max-width: 581px;
}

div#httv .item-left .info .price span.title-price, div#httv .item-left .info .inner-info span:first-child {
    width: calc(40% - 5px) !important;
}

.product-detail-head .box-info .inner-info span:last-child {
    flex: 0 0 60%;
    max-width: 60%;
}


div#httv .form-group textarea.form-control {
    height: 100px;
}
.product_detail .section-highlight {
    margin-bottom: 40px;
}
@media (max-width:767px){
    .box-tab-product .banner-content-tab {
        border-radius: 50%;
        width: 697px;
        bottom: 27px;
    }
    .product_detail .section-highlight {
        margin-bottom: 0;
        margin-top: 10px;
    }
    .section-box-type-02 .box-img .img-ps span.bo-1:before {
        width: 50px;
        height: 50px;
    }
    
    .section-box-type-02.animate-04 .box-img .img-ps span.bo-1:before {
        top: -55px;
    }
    
    .section-box-type-02.animate-04 .box-img .img-ps span.bo-1:after {
        width: 70px;
        height: 70px;
    }
    
    .section-box-type-02.animate-04 .box-img .img-ps span.bo-1:after {
        top: -34px;
    }
    .list-gallery-article .gallery {
        margin-right: -2px;
        margin-left: -2px;
    }
    
    .list-gallery-article-1-1 .gallery[nh-light-gallery], .list-gallery-article .gallery[nh-light-gallery] {
        margin-right: -2px !important;
        margin-left: -2px !important;
    }
    
    .list-gallery-article-1-1  .gallery[nh-light-gallery] .item,.list-gallery-article .gallery[nh-light-gallery] .item {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    
    .list-gallery-article .gallery .item {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        margin-bottom: 4px;
    }
    
    .list-gallery-article-01 .gallery {
        grid-gap: 4px !important;
        border-radius: 4px !important;
    }
    
    .list-gallery-article-01 .gallery .item:nth-child(1) {
        grid-row: span 2 !important;
        grid-column: span 8 !important;
    }
    
    .list-gallery-article-01 .gallery .item {
        grid-row: span 2 !important;
        grid-column: span 4 !important;
    }
    
    .list-gallery-article-03 .gallery {
        grid-gap: 4px !important;
        border-radius: 4px !important;
    }
    
    .list-gallery-article-03 .gallery .item {
        grid-row: span 2 !important;
        grid-column: span 4 !important;
        order: 2;
    }
    
    .list-gallery-article-03 .gallery .item:nth-child(2) {
        grid-row: span 4 !important;
        grid-column: span 8  !important;
        order: 1;
    }
    
    .list-gallery-article-04 .gallery {
        grid-gap: 4px !important;
    }
    
    .list-gallery-article-04 .gallery .item:nth-child(1) {
        grid-row: span 11 !important;
        grid-column: span 12 !important;
    }
    
    .list-gallery-article-04 .gallery .item:nth-child(2) {
        grid-row: span 4 !important;
        grid-column: span 5 !important;
    }
    
    .list-gallery-article-04 .gallery .item:nth-child(3) {
        grid-row: span 4 !IMPORTANT;
        grid-column: span 7 !IMPORTANT;
    }
    
    .list-gallery-article-04 .gallery .item:nth-child(3) span {
        padding-top: 50% !important;
    }
    
    .list-gallery-article-04 .gallery .item:nth-child(2) span, .list-gallery-article-04 .gallery .item:nth-child(5) span {
        padding-top: 71% !important;
    }
    
    .list-gallery-article-04 .gallery .item:nth-child(4) {
        grid-row: span 4 !important;
        grid-column: span 7 !important;
    }
    
    .list-gallery-article-04 .gallery .item:nth-child(4) span {
        padding-top: 50% !important;
    }
    
    .list-gallery-article-04 .gallery .item:nth-child(1) span {
        padding-top: 45% !important;
    }
        .list-gallery-article-02 .gallery .item {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .section-ct-dt.animate-01 .info .item-text {
        transform: scale(1) !important;
    }
    
    .section-ct-dt .info .item-text {
        transform: scale(0.1) !important;
    }
    
    .section-ct-dt .info .item-center .name-logo:before {
        width: calc(100% - 20px);
        height: calc(100% - 20px);
    }
    .specifications-product-center.specifications-product .info .table-specifications {
        flex: 0 0 100%;
    }
    .product-detail-footer .content-detail-footer div#content,.btn-add-cart-phone, .product-detail-footer .content-detail-footer .specifications-product-center, 
    .product-detail-footer .content-detail-footer .cataloge-detail-footer,  .product-detail-footer .content-detail-footer .info-content-detail-product.detail-font {
        margin-bottom: 30px;
    }
    
    .product-detail-footer .content-detail-footer .specifications-product-center {
        margin-bottom: 20px;
    }
    .box-detail-lq .product-item .product-title {
        height: 46px;
    }
    .product-detail-footer .content-detail-footer .info-content-detail-product.detail-font .load-more {
        margin-top: 10px;
    }
    .section-faq-project .card .item-title-process {
        font-size: 16px;
    }
    .cataloge-detail-footer .info-content, .box-certificate {
        padding: 15px;
    }
    .cataloge-detail-footer>.title, .specifications-product-center .title, .product-detail-footer .content-detail-footer .content-wap .title {
        font-size: 20px !important;
    }
    .section-handbook.product-project-dt.list-projet-product {
        margin-bottom: 15px !important;
    }
    .section-handbook.product-project-dt.list-projet-product article.article-item .inner-content {
        height: 91px;
    }
    .specifications-product-center.specifications-product .info .atbr-thong-so .item {
        flex: 0 0  100%;
    }
    
    .specifications-product-center.specifications-product .info .atbr-thong-so .item {
        background: #fff !important;
    }
    
    .specifications-product-center.specifications-product .info .atbr-thong-so .item:nth-child(2) {
        border-top: 0;
    }
    
    .specifications-product-center.specifications-product .info .atbr-thong-so .item:nth-child(2n+2) {
        background: #f2f2f2 !important;
    }
}

@media (min-width:767px) and (max-width:1200px){
    .list-gallery-article-04 .gallery {
        grid-gap: 5px !important;
    }
    
    .list-gallery-article-03 .gallery {
        grid-gap: 5px !important;
    }
    
    .list-gallery-article-01 .gallery {
        grid-gap: 5px !important;
    }
    
    .list-gallery-article .gallery .item , .list-gallery-article-1-1 .gallery  .item{
        padding-left: 2.5px !important;
        padding-right: 2.5px !important;
    }
    
    .list-gallery-article .gallery, .list-gallery-article-1-1 .gallery  {
        margin-right: -2.5px !important;
        margin-left: -2.5px !important;
    }
    

}
/*gallery-anh*/
.cta-btn-detail {
    text-align: center;
}

.cta-btn-detail a {
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 47px;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    background: var(--color-highlight);
    background-image: linear-gradient(90deg, #f36324 0%, #f38f2d 100%) !important;
}
@-webkit-keyframes pulse {
    0%,100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

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

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

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

.modal-tv-detail .modal-dialog {
    max-width: 485px;
}

.modal-tv-detail .modal-dialog .modal-body .form-group textarea.form-control {
    height: 95px;
}

.modal-tv-detail .modal-content .modal-header {
    display: flex;
    justify-content: center;
}

.modal-tv-detail .modal-content .note {
    text-align: center;
    margin-bottom: 15px;
}

.phone-cta-detail {
    text-align: center;
    font-size: 20px;
    color: #000;
    align-items: center;
}

.phone-cta-detail span.name {
    display: block;
}
.detail-font {
    font-size: 16px !important;
}
.phone-cta-detail a {
    font-size: 28px;
    color: var(--color-highlight);
    font-weight: 700;
}
.page-404 {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
  .page-404-content a {
    font-weight: 700; }
    .page-404-content a:hover {
      color: var(--color-highlight); }

.title-404 {
    font-size: 29px;
    font-weight: 700;
    color: #E21F1D;
}

a.btn-404 {
    display: inline-block;
    height: 50px;
    width: 150px;
    background: #142239;
    border: 1px solid #fff;
    line-height: 50px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 40px;
    border: 1px solid #142239;
}

a.btn-404:hover {
    background: none;
    color: #142239;
}

.page-404-content svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.section-highlight.section-highlight-dm {
    margin-bottom: 50px;
}

.compare-modal .inner-compare .star-rating span:before {
    font-size: 16px;
}
.section-highlight .item .content .dsc p {
    margin-bottom: 0;
}

/*menu-type-01*/
.entry-menu.multil-column.entry-menu-type-01 {
    left: 50%;
    width: 100%;
    padding: 30px 30px 0px !important;
    opacity: 0;
    filter: opacity(0);
    visibility: hidden;
    -webkit-transition: opacity 0.05s ease;
    transition: opacity 0.05s ease;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translate(-50% , 50px);
    transition: .4s;
    max-width: 1200px;
}

.entry-menu-type-01 .container-menu {
    max-width: 1200px;
}

.entry-menu-type-01 .container-menu .item a {
    color: #6f6c90;
    background-color: #f7f7fb;
    border-radius: 14px;
    padding: 20px 20px;
    text-decoration: none;
    transition: color .35s;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    height: auto;
    line-height: normal;
}

.entry-menu-type-01 .container-menu .item a .icon {
    flex: 0 0 80px;
}
.entry-menu-type-01 .container-menu .item a .icon .img img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 11px;
}

.entry-menu-type-01 .container-menu .item a .icon .img {
    box-shadow: 0 4px 20px rgba(23, 15, 73, .08);
    border-radius: 15px;
    height: 80px;
    display: flex;
    align-items: center;
    background: #fff;
    justify-content: center;
}

.entry-menu-type-01 .container-menu .item  .content {
    padding-left: 15px;
}

.entry-menu-type-01 .container-menu .item a .content .name {
    height: auto;
    line-height: initial;
    font-weight: 700;
    margin-bottom: 10px;
    color: #000;
}

.entry-menu-type-01 .container-menu .item .content .detail {
    height: auto !important;
    line-height: inherit;
    font-size: 14px;
}

.menu-section > ul > li:hover > .entry-menu.multil-column.entry-menu-type-01 {
    transform: translate(-50% , 0);
    z-index: 2;
}

.entry-menu-type-01 .container-menu .item .content .detail i {
    font-weight: 700;
    font-size: 16px;
    transition: 0.5s;
    display: inline-block;
}

.entry-menu-type-01 .container-menu .item a:hover .content .detail i {
    padding-left: 7px;
    color: var(--color-main);
}

.entry-menu-type-01 .container-menu .item a:hover .content .name {
    color: var(--color-main);
}



/*02*/


.entry-menu.multil-column.entry-menu-type-02 {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1300px;
    padding: 50px !important;
}

.entry-menu.multil-column.entry-menu-type-02 .container-menu .item a {
    line-height: initial;
    height: auto;
    display: flex;
    padding: 0;
    align-items: center;
}

.entry-menu.multil-column.entry-menu-type-02 .container-menu .item .icon {
    flex: 0 0 80px;
    max-width: 80px;
}

.entry-menu.multil-column.entry-menu-type-02 .container-menu .item .icon .img {
    border-radius: 15px;
    margin-bottom: 18px;
    box-shadow: 0 4px 20px rgba(23, 15, 73, .08);
    background: #ededed;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

.entry-menu.multil-column.entry-menu-type-02 .container-menu .item .icon .img img {
    width: 60px;
    height: 60px;
    border-radius: 8px;
}

.entry-menu.multil-column.entry-menu-type-02 .container-menu .item .content {
    padding-left: 15px;
}

.entry-menu.multil-column.entry-menu-type-02 .container-menu .item .content .name {
    margin-bottom: 10px;
    font-weight: 700;
    color: #170f49;
}

.product-mua-kem .product-item .btn-bottom.btn-bottom-add-card-cp a.btn-item {
    flex: 0 0 100%;
}
.menu-section > ul > li.has-child.menu-04 .entry-menu-type-01 .container-menu>.row>div {
    flex: 0 0 33.33%;
    max-width: 33.33%;
}
.entry-menu-type-01 .container-menu .item a:hover {
    background-color: #f5f5fd;
}

.entry-menu.dropdown.entry-menu-type-drp {
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
}

.entry-menu.dropdown.entry-menu-type-drp .item a.menu-link {
    display: flex;
    align-items: center;
    line-height: normal;
    height: auto;
    padding: 15px;
    border-bottom: 1px dashed #ddd;
}

.entry-menu.dropdown.entry-menu-type-drp .item a.menu-link .icon {
    flex: 0 0 55px;
    max-width: 55px;
}

.entry-menu.dropdown.entry-menu-type-drp .item a.menu-link .icon img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 5px;
}

.entry-menu.dropdown.entry-menu-type-drp .item a.menu-link .content {
    padding-left: 15px;
}

.entry-menu.dropdown.entry-menu-type-drp .item a.menu-link .content .name {
    margin-bottom: 7px;
    font-weight: 700;
}

.entry-menu.dropdown.entry-menu-type-drp .item:last-child a.menu-link {
    border: 0;
}

.entry-menu.dropdown.entry-menu-type-drp .item a.menu-link .content .detail {
    font-size: 14px;
}

.entry-menu.dropdown.entry-menu-type-drp::before {
    left: 50% !important;
    transform: translateX(-50%);
}

.entry-menu.dropdown.entry-menu-type-drp .item a.menu-link:hover {
    color: var(--color-main);
}

.entry-menu.dropdown.entry-menu-type-drp .item a.menu-link:hover .detail {
    color: #000;
}

.entry-menu.dropdown.entry-menu-type-drp .item a.menu-link .detail i {
    transition: 0.8s;
    position: relative;
    font-size: 16px;
}

.entry-menu.dropdown.entry-menu-type-drp .item a.menu-link:hover .detail i {
    padding-left: 5px;
    color: var(--color-main);
}
.copyright a:hover {
    color: var(--color-highlight) !important;
}
.hotline-top a:hover {
    background: var(--color-main);
}
.btn-add-cart-phone .btn-add-cart-type a:hover {
    background: var(--color-main);
}


div#login-modal .modal-content button.close {
    position: absolute;
    right: 5px;
    z-index: 9;
    top: 5px;
}

div#login-modal .modal-content button.close:hover {
    color: var(--color-highlight);
}
.content-estimated .item .inter-content .description p:last-child {
    margin-bottom: 0;
}
.lg-actions .lg-next, .lg-actions .lg-prev,
.swiper-button-prev, .swiper-button-next{
    padding: 0;
    width: 40px;
    height: 40px;
    font-size: 25px;
}

@media (max-width:1200px){
    .swiper-button-prev-certificate, .swiper-button-next-certificate, 
    .lg-actions .lg-next, .lg-actions .lg-prev,
    .swiper-button-prev, .swiper-button-next{
        width: 30px;
        height: 30px;
        font-size: 20px;
    }
    .lg-actions .lg-next {
        right: 10px;
    }
    
    .lg-actions .lg-prev {
        left: 10px;
    }
    .swiper-button-prev-certificate {
        left: -15px;
    }
    
    .swiper-button-next-certificate {
        right: -15px;
    }
    .lg-outer .lg-toogle-thumb {
        right: 0;
        height: 35px;
        width: 35px;
        top: -35px;
        font-size: 17px;
    }
}

div#httv .info-modal-du-toan>.row {
    margin-right: -7px;
    margin-left: -7px;
}

div#httv .info-modal-du-toan form .row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

div#httv .info-modal-du-toan form .row>div {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

div#httv .info-modal-du-toan form  .dropdown-toggle {
    height: 44px;
    line-height: 42px !important;
    border-radius: 8px;
    background: #eaeaea;
}

div#httv .info-modal-du-toan form  .dropdown-toggle .filter-option-inner .filter-option-inner-inner {
    line-height: 1.9;
    color: #767676;
    font-size: 16px;
}

div#httv .info-modal-du-toan form  .dropdown {
    height: auto;
}
.detail-font img {
    max-width: 100%;
    height: auto;
}
.description-process ul {
    padding-left: 20px;
}
@media (min-width:1200px){
    .category-content.detail-font .content-info , .faq-section-product{
        padding-left: 60px;
        padding-right: 60px;
    }
    .product_detail .faq-section-product {
        padding-left: 0;
        padding-right: 0;
    }
    
}
@media (max-width:1200px){
    .swiper-slide--wrap .title {
        font-size: 24px;
        /* max-width: 80%; */
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
    }
    
    .swiper-slide--wrap .title span {
        margin-right: 6px;
    }
    
    .swiper-slide--link {
        padding: 0.5rem 2rem;
    }
    
    .swiper-slide--wrap .container {
        padding-left: 20px;
    }
    
    .swiper.swiper-slider-main .img img {
        width: 100%;
        height: 141vw;
        object-fit: cover;
    }
    .link-more a {
        font-size: 14px;
        padding: 5px 20px 2px;
    }
    .swiper-slide--wrap {
    top: inherit;
    }
    .swiper-slide--wrap .item {
        position: relative;
    }
    
    .swiper-slider-main .item.item_00 .swiper-slide--wrap {
        top: inherit;
        bottom: 16vw;
        transform: none;
    }
    .swiper-slider-main .item.item_01 .swiper-slide--wrap {
        top: initial;
        bottom: 16vw;
        text-align: center;
        transform: none;
    }
    
    .swiper-slider-main .item.item_01 .swiper-slide--wrap .title .dsc:first-letter {
        text-transform: uppercase;
    }
    .swiper.swiper-slider-main {
        background: #fff;
    }
    
    .swiper.swiper-slider-main .swiper-slide {
        background: #fff;
    }
}

.form-contact-footer .form-group .form-control {
    border-radius: 8px;
    font-size: 16px;
}

.form-contact-footer .form-group textarea.form-control {
    height: 100px;
}

.section-rating-page form#rating-form {
    display: block;
}

.section-handbook.product-project-dt.list-projet-product article.article-item {
    padding: 0;
}


.list-gallery-article-1-1, .list-gallery-article, .list-gallery-article-04 ,.list-gallery-article-03,.list-gallery-article-01 {
    max-width: 100% !important;
}

@media (min-width:767px) and (max-width:1200px){
    .swiper.swiper-slider-main .img img {
        height: 122vw;
        object-position: top;
    }
    
    .swiper-slide--wrap .title {
        font-size: 31px;
    }
    
    .swiper-slider-main .item.item_01 .swiper-slide--wrap .title {
        max-width: 100%;
    }
    
    .swiper-slider-main .item.item_01 .swiper-slide--wrap {
        bottom: 10vw;
    }
}



/*gallery-anh*/

.list-gallery-article-1-1, .list-gallery-article, .list-gallery-article-04 ,.list-gallery-article-03,.list-gallery-article-01 {
    max-width: 100% !important;
}

[nh-light-gallery] .item img {
    min-width: 100%;
    min-height: 100%;
}
.list-gallery-article .gallery {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.list-gallery-article .gallery .item {
    display: inline-block;
    flex: 0 0 33%;
    max-width: 33%;
    padding-left: 5px;
    padding-right: 5px;
}

.list-gallery-article, .list-gallery-article-01, .list-gallery-article-03,.list-gallery-article-04 {
    max-width: 100% !important;
}

.list-gallery-article-01 .gallery {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.list-gallery-article-01 .gallery .item {
    grid-row: span 1;
    grid-column: span 2;
}

.list-gallery-article-01 .gallery .item:nth-child(1) {
    grid-row: span 2;
    grid-column: span 4;
    position: relative;
}

.list-gallery-article-01 .gallery .item:nth-child(1) .ratio-3-2 {
    padding-top: 67% !important;
}


.list-gallery-article-03 .gallery {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.list-gallery-article-03 .gallery .item{
    display: inline-block;
    grid-row: span 1;
    grid-column: span 2;
}
.list-gallery-article-03 .gallery .item:nth-child(2){
    grid-row: span 2;
    grid-column: span 4;
}

.list-gallery-article-04 .gallery {
    display: grid;
    grid-template-rows: repeat(11, 6fr);
    grid-template-columns: repeat(12, 4fr);
    grid-gap: 10px;
}

.list-gallery-article-04 .gallery .item:nth-child(1) {
    grid-row: span 7;
    grid-column: span 8;
    position: relative;
}

.list-gallery-article-04 .gallery .item:nth-child(2) {
    grid-row: span 5;
    grid-column: span 4;
    position: relative;
}

.list-gallery-article-04 .gallery .item:nth-child(3) {
    grid-row: span 6;
    grid-column: span 4;
    position: relative;
}

.list-gallery-article-04 .gallery .item:nth-child(4) {
    grid-row: span 4;
    grid-column: span 3;
    position: relative;
}

.list-gallery-article-04 .gallery .item:nth-child(5) {
    grid-row: span 4;
    grid-column: span 5;
    position: relative;
}

.list-gallery-article-04 .gallery .item:nth-child(1) span {
    padding-top: 35%;
}

.list-gallery-article-04 .gallery .item:nth-child(4) span {
    padding-top: 53%;
}
.list-gallery-article-04 .gallery .item:nth-child(2) span {
    padding-top: 50%;
}

.list-gallery-article-04 .gallery .item:nth-child(3) span {
    padding-top: 60.5%;
}

.list-gallery-article-04 .gallery .item:nth-child(5) span {
    padding-top: 31.6%;
}

.list-gallery-article-04 .gallery .item span {
    border-radius: 8px;
    overflow: hidden;
}
.list-gallery-article-03 .gallery .item:nth-child(2) span {
    padding-top: 67.3% !important;
}



@media (max-width:767px){
    .list-gallery-article .gallery {
        margin-right: -2px;
        margin-left: -2px;
    }
    
    .list-gallery-article-1-1 .gallery[nh-light-gallery], .list-gallery-article .gallery[nh-light-gallery] {
        margin-right: -2px !important;
        margin-left: -2px !important;
    }
    
    .list-gallery-article-1-1  .gallery[nh-light-gallery] .item,.list-gallery-article .gallery[nh-light-gallery] .item {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    
    .list-gallery-article .gallery .item {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        margin-bottom: 4px;
    }
    
    .list-gallery-article-01 .gallery {
        grid-gap: 4px !important;
        border-radius: 4px !important;
    }
    
    .list-gallery-article-01 .gallery .item:nth-child(1) {
        grid-row: span 2 !important;
        grid-column: span 8 !important;
    }
    
    .list-gallery-article-01 .gallery .item {
        grid-row: span 2 !important;
        grid-column: span 4 !important;
    }
    
    .list-gallery-article-03 .gallery {
        grid-gap: 4px !important;
        border-radius: 4px !important;
    }
    
    .list-gallery-article-03 .gallery .item {
        grid-row: span 2 !important;
        grid-column: span 4 !important;
        order: 2;
    }
    
    .list-gallery-article-03 .gallery .item:nth-child(2) {
        grid-row: span 4 !important;
        grid-column: span 8  !important;
        order: 1;
    }
    
    .list-gallery-article-04 .gallery {
        grid-gap: 4px !important;
    }
    
    .list-gallery-article-04 .gallery .item:nth-child(1) {
        grid-row: span 11 !important;
        grid-column: span 12 !important;
    }
    
    .list-gallery-article-04 .gallery .item:nth-child(2) {
        grid-row: span 4 !important;
        grid-column: span 5 !important;
    }
    
    .list-gallery-article-04 .gallery .item:nth-child(3) {
        grid-row: span 4 !IMPORTANT;
        grid-column: span 7 !IMPORTANT;
    }
    
    .list-gallery-article-04 .gallery .item:nth-child(3) span {
        padding-top: 50% !important;
    }
    
    .list-gallery-article-04 .gallery .item:nth-child(2) span, .list-gallery-article-04 .gallery .item:nth-child(5) span {
        padding-top: 71% !important;
    }
    
    .list-gallery-article-04 .gallery .item:nth-child(4) {
        grid-row: span 4 !important;
        grid-column: span 7 !important;
    }
    
    .list-gallery-article-04 .gallery .item:nth-child(4) span {
        padding-top: 50% !important;
    }
    
    .list-gallery-article-04 .gallery .item:nth-child(1) span {
        padding-top: 45% !important;
    }
        .list-gallery-article-02 .gallery .item {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width:767px) and (max-width:1200px){
    .list-gallery-article-04 .gallery {
        grid-gap: 5px !important;
    }
    
    .list-gallery-article-03 .gallery {
        grid-gap: 5px !important;
    }
    
    .list-gallery-article-01 .gallery {
        grid-gap: 5px !important;
    }
    
    .list-gallery-article .gallery .item , .list-gallery-article-1-1 .gallery  .item{
        padding-left: 2.5px !important;
        padding-right: 2.5px !important;
    }
    
    .list-gallery-article .gallery, .list-gallery-article-1-1 .gallery  {
        margin-right: -2.5px !important;
        margin-left: -2.5px !important;
    }
    

}

@media (max-width:767px){
    .list-gallery-article.list-gallery-article-02 .gallery>a.item:nth-child(2), .list-gallery-article.list-gallery-article-02 .gallery>a.item:nth-child(3) {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

.content-estimated .item .inter-content .description p {
    margin-bottom: 0;
}
.lg-toolbar .lg-icon {
    color: #000;
}

.sticky-top {
    z-index: 500;
}

.swiper.swiper-slider-main .img img {
    height: 36vw;
    width: 100%;
    object-fit: cover;
}

.bct img {
    height: 55px;
}

.bct {
    margin-top: 15px;
}


a.btn-mini-cart.btn-action-header {
    margin-left: 20px;
}

.entire-action-header .btn-action-header .icon img {
    width: 35px !IMPORTANT;
    height: 35px;
}