@media only screen and (min-width: 1600px) {
    .navigation .nav-menu > li > a{
        font-size:16px;
    }
    .title_name {
        font-size: 48px;
    }
    .title_name a{font-size:48px;}
    .container {
        max-width: 1467px;
    }
    .content-link .box_link .title_link {
        font-size: 24px;
    }
}
@media only screen and (max-width: 1399px) {
    .header-menu .header-logo {
        gap: 30px;
    }

    .navigation .nav-menu > li > a {
        padding: 10px 8px;
    }

    .content-about {
        margin: 60px 0;
    }

    .content-news {
        margin: 60px 0;
    }

        .content-news .grid .grid-sizer, .content-news .grid .grid-item {
            width: calc((100% / 3) - (80px / 3));
        }

        .content-news .box_news .box_item {
            margin-bottom: 40px;
        }
    .content-link .box_link .title_link {
        font-size: 20px;
    }
}
@media only screen and (max-width: 1200px) {
    .header-menu .header-logo .col-menu{padding-left:10px;}
}
@media only screen and (max-width: 1199px) {
    .header-menu .header-logo .col-menu {
        padding-left: 0;
    }
    .banner .banner-content .slide-dtu {
        font-size: 40px;
    }

    .banner .banner-content p.slide-p {
        font-size: 18px;
    }

    .banner .bg_banner {
        align-items: flex-start;
        padding:40px;
    }
    .content-detail {
        margin: 60px 0;
    }
    .content-detail-sdg {
        padding: 60px 0;
    }
        .content-detail .box-detail .description {
            margin-top: 30px;
        }
    .title_name {
        font-size: 38px;
    }

        .title_name a {
            font-size: 38px;
        }
    .banner .banner-content .slide-h2, .banner .banner-content .slide-dtu {
        font-size: 34px;
    }
    .content-link .box_link .img_link {
        width: 35%;
    }

    .content-link .box_link .title_link {
        width: 65%;
    }
}


@media only screen and (max-width: 992px) {
    
    .header-menu .header-logo .col-menu {
        padding-left: 20px;
    }
    .header-menu .contact {
        display: none;
    }
    .banner .banner-content .slide-h2, .banner .banner-content .slide-dtu{font-size: 30px;}
    .banner .banner-content p.slide-p {
        font-size: 16px;
    }
    .title_name {
        font-size: 34px;
    }
    .title_name a{
        font-size: 34px;
    }
    .content-detail .box_sdg .infoList .infoItem {
        height: auto;
        width: calc(100% / 6 - 10px * 5 / 6);
    }
   
}

@media only screen and (max-width: 991px) {
    .content-news .grid .grid-sizer, .content-news .grid .grid-item {
        width: calc(50% - 20px);
    }
    .header-menu, .banner {
        background-image: linear-gradient(to right, #C7383E 40%, transparent 0);
    }
    .header-menu .header-logo .col-menu {
        width: 60%;
    }

    .header-menu .header-logo .col-logo {
        width: 40%;
    }   													   
    .navigation .nav-menu>li>a {
        padding: 10px 20px;
    }
    .nav-menu>li .nav-dropdown{
        border-top: 1px solid #e4e8ec;
        padding-top: 0;
    }
    
    .content-detail .col-left{
        margin-top: 30px;
    }
    .footer-session .footer-box .box_ft_left{
        flex-direction:column;
        align-items:flex-start;
    }
    .footer-session .footer-box ul.footer_social{
        border-left:none;
        padding-left:0;
    }
    .footer-session .footer-box .content-mission{
        padding:25px 50px;
    }
    .banner-detail .item-detail .banner-content .slide-title{
        font-size:34px;
    }
    .content-detail .box_sdg .titl_cat{
        font-size:38px;
    }
    .content-about .box_about {
        flex-direction: column;
    }

        .content-about .box_about .al_left, .content-about .box_about .item_about {
            width: 100%;
        }

            .content-about .box_about .al_left img {
                height: 300px;
                object-position: top;
            }
}

@media only screen and (max-width: 767px) {
    .banner .bg_banner {
        flex-direction: column;
        padding: 40px;
    }
    .banner .bg_banner .col-banner {
        width: 100%;
    }   
    .banner .banner-content .slide-h2, .banner .banner-content .slide-dtu {
        font-size: 30px;
    }
    .banner .banner-content p.slide-p {
        padding-bottom: 20px;
    }
    .banner .bg_banner img {
        width: 100%;
    }
    .content-about .box_about .al_left img {
        height: 250px;
        object-position: top;
    }
    
    .footer-session .box_linkweb {
        width:100%;
    }
     
    .content-about{
        margin: 40px 0;
    } 
    .content-news{
        margin: 50px 0;
    }
    .content-feedback{padding: 40px 0;}
    .footer-session .footer-box .box_ft_left{gap:20px;}
    .footer-session .footer-box .content-mission {
        margin-top: 30px;
    }
    .contact-box {
        margin-bottom: 15px;
    }
    .info_mb {
        margin-bottom: 20px;
        display: flex;
        gap: 30px;
    }

    .box_staff_item .personal_info img {
        width: 250px;
    }

    .banner .banner-content .read_more {
        text-align: right;
        width: 100%;
    }
    .content-news .grid .grid-sizer, .content-news .grid .grid-item {
        width: calc(50% - 15px);
    }
    .content-news .box_news .box_item {
        margin-bottom: 30px;
    }
    .title_name {
        font-size: 32px;
    }
        .title_name a {
            font-size: 32px;
        }
    .content-news .box_news .box_item .news_info .title_item {
        font-size: 20px;
    }
    .content-detail-sdg .box_sdg_about {
        text-align: center;
        flex-direction: column;
    }

        .content-detail-sdg .box_sdg_about .w_right {
            width: 100%;
        }

        .content-detail-sdg .box_sdg_about .al_left {
            width: 100%;
            text-align: center;
        }

        .content-detail-sdg .box_sdg_about .item_about .about-short {
            margin: 10px 0 30px;
        }
    .content-link .box_link {
        flex-direction: column;
    }
        .content-link .box_link .img_link, .content-link .box_link .title_link {
            width: 100%;
        }
}

@media only screen and (max-width: 575px) {
    body {
        font-size: 15px;        
    }   
    .content-detail .box_sdg .infoList .infoItem {
        width: calc(100% / 5 - 10px * 4 / 5);
    }
    .content-detail-sdg .box_sdg_about .al_left {
        display:none;
    }
    .content-link .box_link .title_link {
        font-size: 18px;
    }
   
}

@media only screen and (max-width: 480px) {
    .content-news .grid .grid-sizer, .content-news .grid .grid-item {
        width: 100%;
    }
    .info_mb {
        flex-direction: column;
        gap: 20px;
    }

    .box_staff_item .personal_info img {
        width: 100%;
    }
    .banner-detail .item-detail .banner-content .slide-title{
        font-size:30px;
    }
    .title_name {
        font-size: 30px;
    }

        .title_name a {
            font-size: 30px;
        }
    .banner-detail .item-detail .banner-content .slide-title {
        font-size: 30px;
    }
    .banner-detail .item-detail {
        background-position-x: left;
    }
        .banner-detail .item-detail .banner-content{
            width:100%;
        }
}

@media only screen and (max-width: 430px) {
    .content-detail .box_sdg .infoList .infoItem {
        width: calc(100% / 4 - 10px * 3 / 4);
    }
    .footer-session .box_linkweb .footer_menu li a{padding:0 10px;}
    .paging-session ul {
        gap: 4px;
        flex-wrap: wrap;
    }
    .paging-session ul li a{padding: 6px 10px;}
    .title_name {
        font-size: 26px;
    }

        .title_name a {
            font-size: 26px;
        }
    .banner .banner-content .slide-h2, .banner .banner-content .slide-dtu {
        font-size: 28px;
    }
}