/*****************************************************************************************************/
/**********************************RESPONSIVE****************************************/
/*****************************************************************************************************/

@media screen and (max-width: 1024px) {
    html {
        font-size: 15px;
    }

    .skin-dulich .contra-nav {
        position: absolute;
        right: 12px;
    }

    #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon,
    .main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
        background: var(--special-template-background-11);
    }

    .sm-contra a {
        color: var(--special-template-text-1);
        font-size: 16px;
    }

    .sm-contra a.current, .sm-contra a:hover, .sm-contra a:focus, .sm-contra a:active, .sm-contra > li a.has-submenu[aria-expanded="true"] {
        background-color: transparent;
        color: var(--special-template-text-2);
    }

    .navbar_layout {
        padding: 0;
    }

    .navbar_layout .search {
        padding-right: 40px;
    }
}

@media screen and (max-width: 768px) {
    html {
        font-size: 14px;
    }

    .DLNN .div-news .ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_Khac .list_news li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .DLNN .category-media_list .category-list, 
    .DLNN .media-wrapper .item-main {
        --item: 2;
    }

    .view_list_VR360 ul {
        --item: 2;
    }

    .navbar_layout {
        padding: 0;
    }

    /* .skin-dulich .contra-nav {
        right: 56px;
    } */

    .ChiTietTinBai .group-function {
        background: transparent;
    }

    #slick-DLNN_TinBai_HoatDongTraiNghiem .item_title_wrapper .title-normal {
        font-size: 1.25rem;
    }

    #slick-DLNN_TinBai_HoatDongTraiNghiem .item_title_wrapper .title-highlight {
        font-size: 2rem;
    }
}

@media screen and (max-width: 1117px) {
    .DLNN_TinBaiGrid_6Caro .destination-grid {
        display: flex;
        flex-wrap: wrap;
        --item: 2;
    }

    .DLNN_TinBaiGrid_6Caro .destination-grid .destination-content {
        flex: 0 0 calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
        max-width: calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
    }

    .destination-content .destination-news .destination-caption .destination-summary{
        -webkit-line-clamp: 4;
    }

    .DLNN_TinBaiGrid_6Caro .destination-grid .destination-content .destination-img {
        height: 210px !important;
    }
}

@media screen and (max-width: 1024px) {
    .DLNN_DanhSachTinBai .destination-group {
        --item: 3;
        --gap: 16px;
    }
}

@media screen and (max-width: 991px) {
    #slick-DLNN_TinBai2Cot_MotAnhSlide {
        margin-bottom: 16px;
    }

    .DLNN_TinBaiSlide_CMTomTat #intro-CM {
        padding-bottom: 1.5rem;
    }

    .DLNN_TinBai2Cot_AnhDaiDien .slick-arrow.slick-next {
        right: calc(50% - 30px);
        transform: translateX(50%);
        top: unset;
        bottom: -40px;
    }

    .DLNN_TinBai2Cot_AnhDaiDien .slick-arrow.slick-arrow.slick-prev {
        left: calc(50% - 30px);
        transform: translateX(-50%);
        top: unset;
        bottom: -40px;
    }

    .DLNN_TinBai2Cot_AnhDaiDien .small_CM_Link {
        margin-top: 12px;
    }
}

@media screen and (max-width: 768px) {
    .DLNN_TinBaiGrid_6Caro .destination-grid .introdution {
        padding: 1.875rem;
    }

    .DLNN_TinBaiSlide_4Anh .news_list__first {
        display: flex !important;
        margin-bottom: 1.5rem;
        flex-direction: column;
    }

    .DLNN_TinBaiSlide_4Anh .news_list__first__content {
        padding: 0;
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .DLNN_TinBaiSlide_4Anh .container_module_list_img {
        width: 100%;
    }

    .skins-page:not(:last-of-type) div[class*="main_"]:not(.DNNEmptyPane) {
        margin-bottom: 3rem;
    }

    .DLNN_DanhSachTinBai .destination-group {
        --item: 2 !important;
        --gap: 16px;
    }

    .slide-areas.slider-full .slick-wrapper .slide-item .slide-caption .slide-subtitle, .slide-areas.slider-full .slick-wrapper .slide-item .slide-caption .slide-subtitle p {
        font-size: 1rem;
    }
}

@media screen and (max-width: 767px) {
    footer .contact-button {
        margin-top: 16px;
    }
}

@media screen and (max-width: 576px) {
    .skin-dulich .navbar_layout .toplogocontent {
        font-size: 1.25rem;
    }

    .skin-dulich .navbar_layout .bottomlogocontent {
        font-size: 1.25rem;
    }

    .DLNN_TinBaiGrid_6Caro .destination-grid {
        width: 100%;
        padding-bottom: 0;
    }

    .DLNN_TinBaiGrid_6Caro .destination-grid .destination-content {
        flex: 0 0 calc(100% - 10px);
        max-width: 100%;
    }

    .destination-content .destination-news .destination-caption .destination-summary {
        -webkit-line-clamp: 4 !important;
        height: unset;
        min-height: unset;
    }

    .DLNN_TinBaiGrid_6Caro .destination-grid .destination-content .destination-caption {
        padding: 1.25rem;
    }

    #slick-DLNN_TinBaiSlide_CMTomTat .destination-content .destination-img {
        aspect-ratio: 1;
    }

    #slick-DLNN_TinBai_HoatDongTraiNghiem .overlay {
        display: none;
    }

    #slick-DLNN_TinBai_HoatDongTraiNghiem .item_title_wrapper {
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        margin-top: 8px;
        align-items: center;
    }

    #slick-DLNN_TinBai_HoatDongTraiNghiem .item_title_wrapper .title-normal,
    #slick-DLNN_TinBai_HoatDongTraiNghiem .item_title_wrapper .title-highlight {
        text-shadow: unset;
    }

    #slick-DLNN_TinBai_HoatDongTraiNghiem .item_title_wrapper .title-normal {
        color: var(--special-template-title-1);
    }

    #slick-DLNN_TinBai_HoatDongTraiNghiem .item_title_wrapper .title-highlight {
        text-align: center;
    }

    .slide-areas.slider-full .slick-wrapper .slide-item .slide-caption .slide-title a {
        font-size: 2rem;
    }

    .DLNN_TinBaiSlide_4Anh .list_img_traditional {
        --gap: 8px;
    }

    .DLNN_TinBaiSlide_4Anh .img_tranditional_item:nth-child(even), .DLNN_TinBaiSlide_4Anh .img_tranditional_item:last-child {
        margin-top: 16px;
        margin-bottom: -16px;
    }
}

@media screen and (max-width: 480px) {
    html {
        font-size: 13px;
    }

    .DLNN_DanhSachTinBai .destination-group {
        --item: 1 !important;
        --gap: 12px;
    }

    .DLNN .category-media_list .category-list, 
    .DLNN .media-wrapper .item-main {
        --item: 1;
    }

    .view_list_VR360 ul {
        --item: 1;
    }
}