.pt-40{
    padding-top: 40px;
}
.pt-50{
    padding-top: 50px;
}
.pt-60{
    padding-top: 60px;
}
.pt-70{
    padding-top: 70px;
}

.pb-40{
    padding-bottom:40px;
}
.pb-50{
    padding-bottom: 50px;
}
.pb-60{
    padding-bottom: 60px;
}
.pb-70{
    padding-bottom: 70px;
}

.banner-top img {
    width: 100%;
    height: 3.9vw;
    object-fit: cover;
}
.box-btn-login>a {
    display: inline-block;
    padding: 0.7rem 1.5rem;
    color: #fff;
    background: var(--color-highlight);
    margin-left: 10px;
}
.phone-top>span {
    font-weight: 700;
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
}
.align-row-center > .container > .row > div, .align-row-center>.row>div {
    margin-bottom: auto !important;
    margin-top: auto !important;
}

.box-btn-login a.register {
    background: var(--color-main);
    color: var(--black);
}
.phone-top>span:before {
    content: '';
    position: absolute;
    right: 0;
    height: 15px;
    background: #ddd;
    width: 1px;
    top: 2px;
}
.phone-top>span:last-child {
    margin-right: 0;
    padding-right: 0;
}

.phone-top>span:last-child:before {
    display: none;
}
.title-section:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: #888;
}

.title-section:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 5px;
    height: 30px;
    background: var(--color-highlight);
}

.box-brand .item {
    padding-top: 40%;
}
.list-product-discount {
    border: 2px solid var(--color-highlight);
}

.list-product-discount .title {
    padding: 5px 10px 7px;
    background: var(--color-highlight);
    color: #ffff;
    font-weight: 700;
    font-size: 16px;
}
.list-product-discount .inter-prd-discount {
    padding: 20px;
    position: relative;
}
.box-banner .item-banner {
    padding-top: 30%;
}
.swiper-button-prev-all, .swiper-button-next-all {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    background: #ddd;
    transform: translateY(-50%);
    display: flex;
    z-index: 9;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--color-highlight);
}

.swiper-button-prev-all {
    left: 0;
}

.swiper-button-next-all {
    right: 0;
}

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

.swiper-button-prev-all:hover, .swiper-button-next-all:hover {
    background: var(--color-highlight);
    color: #fff;
}
@media (min-width:1200px){
    .header-menu {
        border-top: 3px solid #ddd;
    }
    
    .menu-container nav.menu-section>ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .menu-container {
        border-bottom: 1px solid #ddd;
    }
    .menu-section > ul > li:first-child {
        margin-left: 0;
    }

    .box-slider-dmsp>.container>.row>div {
        padding-right: 5px;
        padding-left: 5px;
    }
    
    .box-slider-dmsp>.container>.row {
        margin-right: -5px;
        margin-left: -5px;
    }
    .products-home>.row>div:nth-child(1) {
        flex: 0 0 285px;
        max-width: 285px;
    }
    
    .products-home>.row>div:nth-child(2) {
        flex-basis: calc(100% - 285px);
        max-width: calc(100% - 285px);
    }
}
@media (min-width:1200px){
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1530px;
    }
}

.product-list .product-item .inner-image .img {
    width: 90px;
    margin-left: auto;
    margin-right: auto;
}

.product-list  .product-item {
    border-right: 1px solid #bfbfbf;
    margin-bottom: 0;
    border-top: 1px solid #bfbfbf;
}

.product-list>.row {
    margin-right: 0;
    margin-left: 0;
}

.product-list>.row>div {
    padding-right: 0;
    padding-left: 0;
}

.product-list>.row>div:nth-child(n + 7) .product-item {
    border-bottom: 1px solid #bfbfbf;
}

.product-list>.row>div:nth-child(7) .product-item, .product-list>.row>div:first-child .product-item {
    border-left: 1px solid #bfbfbf;
}
.products-home .img.ratio-1-1 {
    padding-top: 456px;
}

.product-list .product-item .inner-content {
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

.product-list .product-item .inner-content .product-title {
    height: 40px;
    margin-bottom: 5px;
    overflow: hidden;
    font-size: 13px;
}

.product-list .product-item .inner-content .brand img {
    height: 30px;
}

.box-highlight .item .icon {
    font-size: 32px;
    color: var(--color-highlight);
    margin-right: 20px;
    flex: 0 0 32px;
}

.box-highlight .item {
    display: flex;
    align-items: center;
}

.box-highlight .item .content .name {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.box-highlight .item .content .description {
    font-size: 16px;
}

.box-highlight .item .icon img {
    width: 32px;
    height: 32px;
}

.list-article-type-01 .article-item {
    margin-bottom: 0;
}

.list-article-type-01 .article-item .inner-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    z-index: 2;
}

.list-article-type-01 .article-item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-image: linear-gradient(#0000, #00000082);
    pointer-events: none;
}

.list-article-type-01 .article-item .inner-content .post-date {
    color: #fff;
    margin-bottom: 10px;
    display: block;
}

.list-article-type-01 .article-item .inner-content .article-title {
    font-weight: 700;
}

.list-article-type-01 .article-item .inner-content .article-title a {
    color: #fff;
    font-size: 18px;
}

.list-article-type-01 .article-item .inner-content .article-description {
    color: #fff;
    font-size: 16px;
}
.list-article-type-01 .article-item {
    margin-bottom: 0;
}

.list-article-type-01 .article-item .inner-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    z-index: 2;
}

.list-article-type-01 .article-item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-image: linear-gradient(#0000, #00000082);
    pointer-events: none;
}

.list-article-type-01 .article-item .inner-content .post-date {
    color: #fff;
    margin-bottom: 10px;
    display: block;
}

.list-article-type-01 .article-item .inner-content .article-title {
    font-weight: 700;
}

.list-article-type-01 .article-item .inner-content .article-title a {
    color: #fff;
    font-size: 18px;
}

.list-article-type-01 .article-item .inner-content .article-description {
    color: #fff;
    font-size: 16px;
}


.list-article-type-01 .article-item {
    margin-bottom: 0;
}

.list-article-type-01 .article-item .inner-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    z-index: 2;
}

.list-article-type-01 .article-item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-image: linear-gradient(#0000, #00000082);
    pointer-events: none;
}

.list-article-type-01 .article-item .inner-content .post-date {
    color: #fff;
    margin-bottom: 10px;
    display: block;
}

.list-article-type-01 .article-item .inner-content .article-title {
    font-weight: 700;
}

.list-article-type-01 .article-item .inner-content .article-title a {
    color: #fff;
    font-size: 18px;
}

.list-article-type-01 .article-item .inner-content .article-description {
    color: #fff;
    font-size: 16px;
    height: 50px;
    overflow: hidden;
}

.list-article-type-01 .article-right .article-item .article-description {
    display: none;
}

.list-article-type-01 .article-right .article-item .article-title {
    margin-bottom: 0 !important;
    font-weight: 600;
}

.list-article-type-01 .article-right>.row>div {
    margin-bottom: 30px;
}
.list-article-type-01 .article-left .article-item .inner-image>div {
    padding-top: 76.1%;
}
.box-follow {
    display: flex;
    align-items: center;
}

.box-follow .list {
    display: flex;
    align-items: center;
}

.box-follow .list .icon {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ada6a6a8;
    margin-right: 5px;
    border-radius: 5px;
}

.box-follow .list .icon i {
    color: #fff;
}

.box-follow .title, .form-contact-bottom .title {
    font-weight: 700;
    margin-right: 15px;
    color: #fff;
    white-space: nowrap;
}
.form-contact-bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.form-contact-bottom form {
    display: flex;
}

.form-contact-bottom form .form-group:nth-child(1) {
    flex: 1 1;
}
.title-footer {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-black);
    margin-bottom: 15px;
    text-transform: uppercase;
}

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

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

.menu-footer>ul>li>a {
    display: inline-block;
    margin-bottom: 5px;
    color: var(--color-black);
}

.footer-fanpage .info iframe {
    width: 100%;
    height: 200px;
}

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

.contact-right li.entry-content img {
    width: 47px;
    height: 47px;
}
.list-product-discount .inter-prd-discount .product-item .inner-image {
    padding-top: 0;
}
@media (min-width:1200px){
    .swiper-slider-main .swiper-slide .img {
        padding-top: 443px;
    }
    .list-product-discount .inter-prd-discount .product-item .inner-image {
        padding-top: 0;
    }
    
    .list-product-discount .inter-prd-discount {
        padding: 10px;
    }
    
}

@media (max-width:1200px){
    .list-product-discount .inter-prd-discount {
        padding: 10px;
    }
    
    .title-section {
        margin-bottom: 20px !important;
    }
    
    .product-list .product-item {
        border-bottom: 1px solid #bfbfbf;
    }
    
    .product-list>.row>div:nth-child(2n + 1) .product-item {
        border-left: 1px solid #bfbfbf;
    }
    
    
    .newsletter--submit {
        padding: 0 10px;
    }
    
    .newsletter--input {
        min-width: auto;
    }
    .form-contact-bottom {
        display: flex;
        justify-content: center;
    }
}

@media (min-width:767px) and (max-width:1200px){
    
    .product-list>.row>div:nth-child(2n + 1) .product-item {
        border-left: 0;
    }
    .product-list>.row>div:nth-child(4n + 1) .product-item {
        border-left: 1px solid #bfbfbf;
    }
    .product-list>.row>div:nth-child(n + 5) .product-item{
        border-top: 0;
    }
}
 
@media (max-width:767px){
    .footer-mid-mb>.container>.row>div {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .product-list>.row>div:nth-child(n + 3) .product-item {
        border-top: 0;
    }
    .box-highlight .item {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 10px;
    }
    
    .box-highlight .item .icon {
        margin-right: 0;
    }
    
    .box-highlight .item .content {
        text-align: center;
    }
}

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

.header-search .slogan {
    font-size: 17px;
    font-weight: 700;
    margin-left: 15px;
    color: var(--color-highlight);
}
.box-banner .item-banner:before, .box-banner .item-banner:after, .products-home .img.ratio-1-1:before, .products-home .img.ratio-1-1:after {
    bottom: 20px;
    content: "";
    left: 20px;
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    z-index: 1;
    pointer-events: none;
}

.box-banner .item-banner:after, .products-home .img.ratio-1-1:after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}

.box-banner .item-banner:before, .products-home .img.ratio-1-1:before {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
}

.box-banner .item-banner:hover:before, .box-banner .item-banner:hover:after, .products-home .img.ratio-1-1:hover:before, .products-home .img.ratio-1-1:hover:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    z-index: 2;
}

.item-banner .bg-opacity {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #00000030;
    z-index: 0;
}
.item-banner:hover .bg-opacity {
    z-index: 1;
}
.product-list .product-item .inner-content .price {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
/* .menu-section > ul > li > .entry-menu {
    max-height: 60vh;
    overflow: scroll;
} */

.description-product .info ul {
    padding-left: 20px;
}
.list-category .name {
    border-bottom: 2px solid var(--color-highlight);
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-highlight);
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.list-category .name img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.list-category .item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.list-category .item .inter-img {
    flex: 0 0 100px;
    max-width: 100px;
}

.list-category .item .inter-content {
    flex-basis: calc(100% - 100px);
    padding-left: 10px;
}

.list-category .item .inter-content .title a {
    font-weight: 700;
    color: var(--color-highlight);
}
.filter-url.filter-category a.btn-filter-mobile {
    border: 1px solid var(--color-highlight);
    padding: 5px 15px;
    display: inline-block;
    border-radius: 5px;
    color: var(--color-highlight);
    font-weight: 700;
}
.products-home .img.ratio-1-1 img {
    object-position: bottom;
}
@media (min-width:1200px){
    .menu-section .entry-menu.dropdown>li ul {
        min-width: 40rem;
    }
}
@media (max-width:1200px){
    .menu-section, .menu-vertical--nav {
        width: 500px;
    }
    .swiper-slider-main .swiper-slide .img {
        padding-top: 37vw;
    }
    a.btn-menu-mobile i {
        padding-top: 9px;
    }
    .product-title {
        height: 37px;
    }
    .list-article-type-01 .article-left {
        margin-bottom: 30px;
    }
}

@media (max-width:767px){
    .row {
        margin-right: -5px;
        margin-left: -5px;
    }
    .no-gutters {
        margin-right: 0;
        margin-left: 0;
    }
    
    .row>div {
        padding-right: 5px;
        padding-left: 5px;
    }
    .menu-section, .menu-vertical--nav {
        width: 100%;
    }
    .list-category .item .inter-img {
        flex: 0 0 70px;
        max-width: 70px;
        margin-bottom: 0;
    }
    
    .list-category .item .inter-content {
        flex-basis: calc(100% - 70px);
    }
    .form-contact-bottom .title {
        margin-bottom: 10px;
    }
    
    .form-contact-bottom form {
        display: flex;
        flex-wrap: wrap;
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .form-contact-bottom form .form-group:nth-child(1), .form-contact-bottom form .form-group:nth-child(2) {
        flex: 0 0 50%;
    }
    
    .form-contact-bottom form .form-group {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .form-contact-bottom form .form-group:last-child {flex: 0 0 100%;}
    
    .newsletter--submit {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .form-contact-bottom {
        display: flex;
        flex-wrap: wrap;
    }
    
}

.ho-tro {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.ho-tro .icon img {
    height: 35px;
    width: 35px;
}

.ho-tro .icon {
    margin-right: 10px;
}

.ho-tro .info p {
    margin-bottom: 5px;
}

.product-content-detail .description-product {
    margin-bottom: 20px;
}
.product-content-detail .list-contact {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.product-content-detail .list-contact .item {
    margin-right: 15px;
}
.phone-top {
    font-size: 16px;
}
.ho-tro .info p:last-child {
    font-size: 17px;
    font-weight: 700;
}

.product-content-detail .label-vat {
    color: var(--red);
    display: block;
}
#modal-advise .right-popup-content h3 {
    line-height: 1.3;
}
#modal-advise button.close {
    font-size: 18px;
    position: absolute;
    top: 15px;
    right: 15px;
    opacity: 1;
    z-index: 10;
}
#modal-advise .left-popup .image {
    padding-top:120%;
}
#modal-advise .form-control {
    border-color: #e4e4e4;
    min-height: 4.5rem;
}
@media only screen and (min-width:992px) {
	#modal-advise .modal-dialog {
        max-width: 800px;
        width: 100%;
    }
}
@media only screen and (max-width:992px) {

    #modal-advise .modal-dialog {
        max-width: 100%;
    }
}
@media only screen and (max-width:767px) {
    #modal-advise .right-popup-content h3 {
        font-size: 2.2rem;
    }

    #modal-advise .left-popup .image {
        padding-top: 60%;
    }
}