h5, h3 {
    color: #846021 !important;
}

.text-justify {
    text-align: justify;
    text-justify: inter-word;
}

.slider-item {
    width: 100%;
    height: 100%;
    position: relative;
}

.card-note {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: #3428286b;
}

.card .fst-italic {
    background-color: #100f0f69 !important;
}

.modal-header {
    border-bottom: none !important;
}

.modal-content {
    background-color: #bfac86 !important;
}

.bg-color-2 {
    background-color: #238d83;
}

.bg-color-2-1 {
    background-color: #3cb3a0 !important;
}

.bg-color-2-2 {
    background-color: #9a947c !important;
}

/*Mobile*/
@media only screen and (max-width: 991px) {
    .background-cloud {
        background-image: none;
    }

    .sticky .navbar .navbar-nav .nav-item a {
        color: #e2b43a;
    }

    .slider-item, .slider-item > h5 {
        font-size: 18px;
    }

    .slide-center > span {
        font-size: 18px !important;
    }

    .fix-img {
        margin-top: 15% !important;
    }

    .slider-text {
        font-size: 11px;
        line-height: 15px;
        padding: 5px;
        margin-bottom: -3% !important;
    }

    #modalFotorama2 .fotorama__stage {
        height: 329px !important;
    }


    #modalFotorama1 .slider-item, #modalFotorama2 .slider-item, #modalFotorama3 .slider-item {
        overflow-y: auto;
    }

    .footer {
        background-image: url(/Content/LamKinh/assets/img/background/may-01.png);
        background-position: 44% 133%;
        background-repeat: no-repeat;
        background-size: 139% 70%;
    }

    .feature .feature-box p {
        font-size: 15px;
        line-height: 17px;
    }
}

.logo {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 48%), 0 6px 20px 0 rgb(0 0 0 / 35%);
}