.product-box {
    height: fit-content;
}

.product-box .text-deal {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    display: block !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    text-overflow: ellipsis !important;
    height: 2.8em !important;
    color: #444444 !important;
    overflow: hidden !important;
    width: 90% !important;
    line-height: 1.3em !important;
}

.product-box .img-wrapper .front {
    height: 230px;
}

.theme-tab .tab-title, .theme-tab .tab-title2 {
    flex-basis: 97%;
}

.theme-tab .icon-prev {
    flex-basis: 3%;
}

.theme-tab .icon-next {
    flex-basis: 3%;
}

.dot {
    list-style: disc;
    padding-left: 15px;
    width: 95%;
    color: #00358F;
}

.dot li {
    display: list-item
}

.view-list-items-single-type {
         
}

.view-list-items-box-type {
    display: flex;
    flex-flow: wrap;
    gap: 1vw;
    margin-bottom: 30px;
    justify-content: center;
    width: 100%;
}

.view-list-items-box-type .item {
    max-width: calc(30% - 15px);
    display: flex
}

.view-list-items-box-type .item .label-product-name {
    text-transform: uppercase;
    color: #EA1F28 !important;
    margin-bottom: 5px;
}

    .view-list-items-box-type .item .label-product-price {
        border: 1px solid #dc3545;
        padding: 5px;
        color: #fff;
        background-color: #dc3545;
        border-radius: 10px;
    }

.view-list-items-box-type .item .box-type-left,
.view-list-items-box-type .item .box-type-right {
    flex: 1;
}


@media (max-width: 480px) {
     .product-box .img-wrapper .front {
         height: 108px;
     }
 }

@media (max-width: 577px) {
     .theme-tab .tab-title, .theme-tab .tab-title2 {
         flex-basis: 95%;
     }

     .theme-tab .icon-prev {
         flex-basis: 5%;
     }

     .theme-tab .icon-next {
         flex-basis: 5%;
     }

 }

@media (max-width: 991px) {
    .view-list-items-single-type {
    }

    .view-list-items-box-type {
        gap: 2vh;
        flex-flow: wrap;
    }

    .view-list-items-box-type .item {
        max-width: calc(100vw - 0px)
    }

    .view-list-items-box-type .item .box-type-left {
        flex: 0.5;
    }

    .view-list-items-box-type .item .box-type-right {
        flex: 1;
    }
}


.loi-ngo {
    margin-bottom: 1em
}

    .loi-ngo h1,
    .loi-ngo h2 {
        font-size: 22px;
        text-align: center;
        line-height: 1.5em;
    }

    .loi-ngo p {
        text-align: justify;
        line-height: 1.5em;
        font-family: Arial;
    
        padding: 5px;
    }

    .text-with-view-more {
        overflow-y: hidden;
        max-height: 50px;
    }