@media screen and (max-width: 1400px){
    .hightlight-guide-rent {
        width: 75%;
    }

    .left-content {
        width: 70%;
    }
    
    .right-content {
        width: 30%;
    }

    .tab-quote::before {
        top: 30%;
        left: 5%;
    }
    
    .tab-quote::after {
        bottom: 0%;
        right: 0%;
    }
}

@media screen and (max-width: 1200px){
    .right-menu {
        width: 50%;
    }

    .box-dummy {
        margin-right: -22rem;
    }

    .hightlight-guide-rent {
        width: 80%;
    }
}

/* lg */
@media screen and (max-width: 991px){
    header {
        height: 3.75rem;
	background-color: #fff;

        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
    }

    .icon-clear-input {
        position: absolute;
        top: 25%;
        right: 18%;
        font-size: 1.2rem;
        color: #D8D8D8;
        cursor: pointer;
        z-index: 10;
        display: none;
    }

    .header-logo {
        width: 3.75rem;
        height: 3.75rem;
    }

    .owl-theme .owl-dots, .owl-theme .owl-nav {
        text-align: center !important;
    }
    
    .main-menu-mb {
        list-style: none;
        margin: 0;
        padding: 0;
        border-top: 1px solid #D8D8D8;
        border-bottom: 1px solid #D8D8D8;
        margin: 1rem 0.5rem;
    }

    .item-menu-mb-non {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
        padding: 1rem 0.5rem 1rem 2.5rem;
        color: #000;
    }
    
    .item-menu-mb {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
        cursor: pointer;
        padding: 1rem 0.5rem 1rem 2.5rem;
        color: #000;
        text-decoration: none;
    }
    
    .item-menu-mb:hover {
        color: #000
    }
    
    .item-menu-mb:active, .item-menu-mb:focus {
        background: #002161;
        color: #FFF
    }

    .item-menu-mb2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
        cursor: pointer;
        padding: 1rem 0.5rem 1rem 2.5rem;
        color: #464646;
        text-decoration: none;
    }
    
    .item-menu-mb2:hover {
        color: #464646
    }
    
    .item-menu-mb2:active, .item-menu-mb2:focus {
        background: #002161;
        color: #FFF
    }

    .bi-chevron-down {
        transition: 0.5s;
        transform: rotate(0deg);
    }

    .active-arrow {
        transition: 0.5s;
        transform: rotate(-180deg);
    }
    
    #menu-mobile {
        width: 0;
        height: 100%;
        background: #FFF;
        position: fixed;
        top: 3.75rem;
        left: 0;
        transition: 0.5s;
        overflow: auto;
        z-index: 98;
        display: block;
        padding-bottom: 10rem;
    }
    .space-content1{
        margin-top: 6.5rem;
    }
    .bg-real-estate {
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 0rem;
    }
    
    .title-real-estate {
        margin-top: 5rem;
        line-height: 2.375rem;
    }

    .box-dummy {
        display: none;
    }

    .box-bts {
        width: 95%;
        margin: 5rem auto;
        height: unset;
        position: unset;
    }

    .line-blue {
        width: 90%;
    }

    .line-gray {
        width: 0%
    }

    .oval-arrow {
        width: 20%;
        position: unset;
    }
    
    .box-count {
        margin-top: 2rem
    }

    .fs-24px-20px {
        font-size: 20px;
    }

    .gallery-request {
        display: block;
    }
    
    .navbarCookieis {
        height: 200px;
        font-size: 12px;
    }

    .button-outline-primary {
        font-weight: 500;
    }

    .gallery-title {
        display: block;
    }

    .hightlight-guide-rent {
        width: 100%;
    }

    .hightlight-guide-title {
        justify-content: start;
    }

    .main-content {
        display: block;
    }

    .left-content {
        width: 100%;
    }
    
    .right-content {
        width: 100%;
    }

    .bg-form-request {
        width: 100%;
    }
    
    .item-widget {
        display: block; 
        width: 100%;
    }

    .limit-widget:nth-of-type(1n+5) {
        display: none;
    }
    
    .banner-item {
        width: 100%;
    }

    .tab-quote::before {
        top: 0px;
        left: -3%;
    }
    
    .tab-quote::after {
        bottom: 0px;
        right: 0%;
    }

    .mw-320px {
        max-width: 320px;
    }

    .previous-tab-caousel {
        display: block;
    }

    .next-tab-caousel {
        display: block;
    }

    .card-tour-space {
        padding: 0rem 0.25rem !important;
    }
    
}

/* md */
@media screen and (max-width: 767px){
    .crop-img{
        object-fit: cover;
        object-position: center;
        height: 380px;
    }
    .icon-clear-input {
        position: absolute;
        top: 25%;
        right: 22%;
        font-size: 1.2rem;
        color: #D8D8D8;
        cursor: pointer;
        z-index: 10;
        display: none;
    }
    .pad-none{
        padding: 0px 0px !important;
    }
    .pad-tab{
        padding: 0rem 0rem !important;
    }
    .space-content1{
        margin-top: 6.5rem;
    }
    .input-search-code {
        width: 10rem !important;
    }
    .box-enter-code {
        bottom: 5%;
    }
    .img-75-100{
        width: 100%;
    }
    .img-50-100{
        width: 100%;
    }
    .icon-clear-input {
        right: 20%;
    }
    .card-galley-content {
        max-width: 300px;
    }
    .gallery-item {
        max-width: 300px;
    }

    .button-size-mostlux-tran {
        padding: 0.7rem 1.5rem !important;
    }
    
    .button-size-mostlux-gra {
        padding: 0.7rem 3rem !important;
    }

    .collapse-icon {
        width: 36px;
        height: 36px;
    }

    .button-form-phone {
        width: 48%;
    }
    
    .button-form-social {
        width: 48%;
    }
    
    .button-form-share {
        width: 100%;
    }
    
    .item-widget {
        display: block; 
        width: 100%;
    }

    .limit-widget:nth-of-type(1n+5) {
        display: none;
    }
    
    .tab-quote::before {
        top: 0px;
        left: -3%;
    }
    
    .tab-quote::after {
        bottom: 0px;
        right: 0%;
    }

    .previous-tab-caousel {
        display: none;
    }

    .next-tab-caousel {
        display: none;
    }

}

/* less than 400 */
@media screen and (max-width: 500px){
    .bg-form-request {
        background-repeat: unset;
    }

    .bg-most-luxury {
        background-repeat: unset;
    }

    .collapse-icon {
        width: 36px;
        height: 36px;
    }

    .icon-clear-input {
        position: absolute;
        top: 25%;
        right: 22%;
        font-size: 1.2rem;
        color: #D8D8D8;
        cursor: pointer;
        z-index: 10;
        display: none;
    }
    
}

/* less than 400 */
@media screen and (max-width: 400px){
    .card-galley-content {
        max-width: 260px;
    }
    .gallery-item {
        max-width: 260px;
    }
    .gallery-title-space {
        margin-top: 1rem;
    }

    .collapse-icon {
        width: 36px;
        height: 36px;
    }

    .icon-clear-input {
        position: absolute;
        top: 25%;
        right: 22%;
        font-size: 1.2rem;
        color: #D8D8D8;
        cursor: pointer;
        z-index: 10;
        display: none;
    }
    
}


@media screen and (min-width: 993px){
    .limit-widget:nth-of-type(1n+5) {
        display: none;
    }
}