@media (max-width: 1199px) {
    .nav-colored-link {
        display: none;
    }
    .nav-links > .item > a {
        padding: 20px 10px;
    }
    .main-nav {
        background: #fff;
    }
    .nav-links > .item:last-child > a {
        padding-right: 0;
    }
    .comment-slider-buttons {
        display: none;
    }
    .main-slider-buttons {
        display: none;
    }
}

@media (max-width: 991px) {
    html {
        font-size: var(--mobile-font-size);
    }
    .nav-links {
        display: none;
    }
    .site-logo img {
        width: 200px;
    }
    .slider-bottom-destinations {
        display: none;
    }
    .section-sticker {
        text-align: center;
    }
    .badges-row > [class*="col-"]:not(:last-child) > .badge-item:after {
        content: none;
    }
    .badge-item > div {
        width: 100px;
    }
    .title-icon {
        display: none;
    }
    .sub-box {
        margin-top: var(--main-gap);
    }
    .slider-banner {
        height: calc(100vh - 110px);
    }
    .slider-desc-inner > .slide-title {
        font-size: 4rem;
    }
    .mobile-nav-open {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: calc(var(--main-gap)/2 * -1);
        width: 50px;
        border: none;
        background: var(--main-color);
        color: #fff !important;
        font-size: 2rem;
    }
    .mobile-nav-close {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border: none;
        background: none;
        border: solid 1px #bbb;
        color: var(--main-text-color) !important;
        font-size: 2rem;
        margin-bottom: var(--main-gap);
    }
    .page-banner {
        padding-top: calc(720/1280*100%);
    }
    .bcrumb-links {
        display: none;
    }
}

@media (max-width: 767px) {
    
}

@media (max-width: 575px) {
    .blog-item > .content,
    .hotel-item .content {
        padding: 10px 15px;
    }
    .comment-item {
        padding: 15px;
    }
    .hotel-item .img > .location {
        bottom: 5px;
        left: 10px;
    }
    .slider-desc-inner > .slide-title {
        font-size: 3rem;
    }
    .main-title {
        font-size: 2rem;
    }
    .ftr-brands > .item > img {
        height: 35px;
    }
}

@media (max-width: 449px) {
    .ftr-brands > .item > img {
        height: 28px;
    }
}