/* xxl */
@media (min-width: 1600px) {
    .nav-active {
        background: #D75D60 !important;
        border-radius: 50px !important;
        color: #fff !important;
        padding: 0.6rem 0.8rem !important;
    }

    .dropdown-active {
        color: #D75D60 !important;
    }

    .navbar-expand-lg[class*=navbar-bg-]:not(.fancy):not(.extended):not(.fixed) .navbar-collapse .nav-link {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .head-home {
        font-size: 1rem !important;
    }

    .fix-img {
        height: 320px;
        object-fit: cover;
    }

    .fix-img-detail {
        height: 520px !important;
        object-fit: cover !important;
    }

    .sub-fix-img-detail {
        height: 140px !important;
        object-fit: cover !important;
    }

    .fix-img-recommend {
        height: 100px !important;
        object-fit: cover !important;
    }

    .check-seach {
        margin-top: -6rem;
        width: 100% !important;
        z-index: 999999999 !important;
    }

    .slick-slide>div {
        padding: 0 20px;
    }
}

/* xl */
@media (min-width: 1200px) and (max-width:1599px) {
    .nav-active {
        background: #D75D60 !important;
        border-radius: 50px !important;
        color: #fff !important;
        padding: 0.6rem 0.8rem !important;
    }

    .dropdown-active {
        color: #D75D60 !important;
    }

    .navbar-expand-lg[class*=navbar-bg-]:not(.fancy):not(.extended):not(.fixed) .navbar-collapse .nav-link {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .head-home {
        font-size: 1rem !important;
    }

    .fix-img {
        height: 320px;
        object-fit: cover;
    }

    .fix-img-detail {
        height: 420px !important;
        object-fit: cover !important;
    }

    .sub-fix-img-detail {
        height: 140px !important;
        object-fit: cover !important;
    }

    .fix-img-recommend {
        height: 100px !important;
        object-fit: cover !important;
    }

    .check-seach {
        margin-top: -6rem;
        width: 100% !important;
        z-index: 999999999 !important;
    }

    .slick-slide>div {
        padding: 0 20px;
    }
}

/* lg */
@media (min-width: 992px) and (max-width:1199px) {
    .nav-active {
        background: #D75D60 !important;
        border-radius: 50px !important;
        color: #fff !important;
        padding: 0.6rem 0.8rem !important;
    }

    .dropdown-active {
        color: #D75D60 !important;
    }

    .navbar-expand-lg[class*=navbar-bg-]:not(.fancy):not(.extended):not(.fixed) .navbar-collapse .nav-link {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .head-home {
        font-size: 1rem !important;
    }

    .fix-img {
        height: 320px;
        object-fit: cover;
    }

    .fix-img-detail {
        height: 420px !important;
        object-fit: cover !important;
    }

    .sub-fix-img-detail {
        height: 110px !important;
        object-fit: cover !important;
    }

    .fix-img-recommend {
        height: 120px !important;
        object-fit: cover !important;
    }

    .check-seach {
        margin-top: -6rem;
        width: 100% !important;
        z-index: 999999999 !important;
    }

    .slick-slide>div {
        padding: 0 20px;
    }
}

/* md */
@media (min-width: 768px) and (max-width:991px) {
    .nav-active {
        font-weight: 600;
        color: #D75D60 !important;
    }

    .dropdown-active {
        color: #D75D60 !important;
    }

    .navbar-expand-lg .navbar-brand {
        padding-top: 0.8rem !important;
        padding-bottom: 0.8rem !important;
    }

    .head-home {
        font-size: 1rem !important;
    }

    .image-wrapper.bg-cover {
        min-height: 15rem !important;
    }

    .image-wrapper.bg-cover {
        min-height: 10rem !important;
    }

    .offcanvas {
        background-color: #fff !important;
    }

    .nav-link {
        color: #E17221 !important;
    }

    .fix-img {
        height: 260px;
        object-fit: cover;
    }

    .fix-img-detail {
        height: 420px !important;
        object-fit: cover !important;
    }

    .sub-fix-img-detail {
        height: 220px !important;
        object-fit: cover !important;
    }

    .fix-img-recommend {
        height: 100px !important;
        object-fit: cover !important;
    }

    .check-seach {
        margin-top: -6rem;
        width: 100% !important;
        z-index: 999999999 !important;
    }

    .slick-slide>div {
        padding: 0 20px;
    }
}

/* sm */
@media (min-width: 576px) and (max-width:767.98px) {
    .nav-active {
        font-weight: 600;
        color: #D75D60 !important;
    }

    .dropdown-active {
        color: #D75D60 !important;
    }

    .navbar-expand-lg .navbar-brand {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .head-home {
        font-size: 1rem !important;
    }

    .image-wrapper.bg-cover {
        min-height: 10rem !important;
    }

    .offcanvas {
        background-color: #fff !important;
    }

    .nav-link {
        color: #E17221 !important;
    }

    .fix-img {
        height: 320px;
        object-fit: cover;
    }

    .fix-img-detail {
        height: 320px !important;
        object-fit: cover !important;
    }

    .sub-fix-img-detail {
        height: 220px !important;
        object-fit: cover !important;
    }

    .fix-img-recommend {
        height: 100px !important;
        object-fit: cover !important;
    }

    .check-seach {
        margin-top: 30px;
        width: 100% !important;
        z-index: 999999999 !important;
    }

    .slick-slide>div {
        padding: 0 5px;
    }
}

/* xs */
@media (max-width:575.98px) {
    .nav-active {
        font-weight: 600;
        color: #D75D60 !important;
    }

    .dropdown-active {
        color: #D75D60 !important;
    }

    .navbar-expand-lg .navbar-brand {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .head-home {
        font-size: 0.8rem !important;
        letter-spacing: -1px !important;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* number of lines to show */
        line-clamp: 2;
        -webkit-box-orient: vertical;
        font-weight: 600 !important;
    }

    .body-home {
        font-size: 0.6rem !important;
        text-align: center;
        letter-spacing: -0.5px !important;
    }

    .price-home {
        font-size: 0.7rem !important;
        letter-spacing: -0.5px !important;
        text-align: center;
        /* padding: 0 10px; */
    }

    .image-wrapper.bg-cover {
        min-height: 10rem !important;
    }

    .offcanvas {
        background-color: #fff !important;
    }

    .nav-link {
        color: #E17221 !important;
    }

    .fix-img {
        height: 120px;
        object-fit: cover;
    }

    .fix-img-detail {
        height: 280px !important;
        object-fit: cover !important;
    }

    .sub-fix-img-detail {
        height: 60px !important;
        object-fit: cover !important;
    }

    .fix-img-recommend {
        height: 70px !important;
        object-fit: cover !important;
    }

    .check-seach {
        margin-top: 30px;
        width: 100% !important;
        z-index: 999999999 !important;
    }

    .slick-slide>div {
        padding: 0 5px;
    }
}

/* All Size */
.main-color {
    color: #1A3869 !important;
}

.main-background {
    background: #1A3869 !important;
}

.main-border {
    border-color: #1A3869 !important;
}

.texty {
    color: #FFB53F !important;
}

.textr {
    color: #D75D60 !important;
}

.textg {
    color: #4EB999 !important;
}

.textb {
    color: #3F89FF !important;
}



.box-top-left {
    position: relative;
    text-align: center;
    color: white;
}

.top-left {
    position: absolute;
    top: 20px;
    left: 20px;
}

.badge-lg {
    padding: 0.6rem 0.9rem !important;
}

.slick-list {
    margin: 0 -10px;
}




/* Font-weight */
.w400 {
    font-weight: 400 !important;
}

.w500 {
    font-weight: 500 !important;
}

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

.w700 {
    font-weight: 700 !important;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
    box-shadow: none !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    box-shadow: none !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: #60697b !important;
    line-height: 2.5 !important;
}

.select2-container--bootstrap-5 .select2-selection {
    box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04) !important;
    border: 1px solid rgba(8, 60, 130, 0.07) !important;
    border-radius: 0.4rem !important;
    -webkit-border-radius: 0.4rem !important;
    -moz-border-radius: 0.4rem !important;
    -ms-border-radius: 0.4rem !important;
    -o-border-radius: 0.4rem !important;
    font-size: 0.75rem !important;
    min-height: calc(2.2em + .75rem + 3px) !important;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: #9fbcf0 !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -ms-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
    font-size: 0.75rem !important;
}