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

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

@media (max-width:600px) {
    body {
        max-width: 1920px;
        min-width: 320px;
        margin: auto;
    }

    .header {
        background: #fff;
    }

    .header_fixed {
        position: sticky;
    }

    .header-logo {
        max-width: 225px;
    }

    .linhvuc-grid {
        grid-template-columns: 1fr;
    }

    .linhvuc-item__body {
        display: block !important;
    }

    .linhvuc-item__pic {
        aspect-ratio: 385/240 !important;
    }

    .linhvuc-item {
        grid-column: auto !important;
    }

    .about-layout {
        flex-direction: column;
    }

    .about-layout>* {
        width: 100%;
    }

    .tieuchi-grid {
        grid-template-columns: 1fr;
    }

    .duan-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wrap-newsletter .wrap-content {
        flex-direction: column-reverse;
        gap: 30px;
    }

    .wrap-newsletter .wrap-content>* {
        width: 100%;
    }

    .intro-layout {
        flex-direction: column;
    }

    .intro-layout>* {
        width: 100%;
    }

    .footer-article .wrap-content {
        flex-direction: column;
        gap: 30px;
    }

    .footer-article .wrap-content>* {
        width: 100% !important;
    }

    .sabout-layout,
    .about-links .wrap-content {
        flex-direction: column;
    }

    .sabout-layout>*,
    .about-links .wrap-content>* {
        width: 100%;
    }

    .about-link__line {
        height: 1px;
    }

    .sgallery-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }
    .sgallery-grid > * {
        width: calc(50% - 15px);
        margin: 0 7.5px 15px 7.5px;
    }
    .wrap-dinhhuong .wrap-content {
        height: auto;
    }
    .box-dinhhuong span,
    .title-dinhhuong,
    .box-dinhhuong {
        position: relative !important;
        inset: auto !important;
        aspect-ratio: auto !important;
    }
    .title-dinhhuong {
        margin-bottom: 30px;
    }
    .box-dinhhuong:nth-child(8)::before,
    .box-dinhhuong .year::after,
    .box-dinhhuong .year::before,
    .box-dinhhuong::after {
        display: none;
    }
    .box-dinhhuong .year {
        margin: 0;
    }
    .box-dinhhuong {
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .grid-dinhhuong {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .grid-dinhhuong > * {
         min-width: 0;
    }
    .box-dinhhuong span {
        flex:  1 1 0%;
        text-align: left !important;
    }
    .tamnhin-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    .lichsu-item,
    .lichsu-layout {
        flex-direction: column;
    }
    .lichsu-item >*,
    .lichsu-layout > * {
        width: 100%;
    }

    .row-project,
    .row-news {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 15px;
        margin: 0;
    }
    .row-project>*,
    .row-news > * {
        min-width: 0;
        margin: 0;
        width: 100%;
        padding: 0;
    }
    .contact-detail,
    .flex-news-detail,
    .news-box {
        flex-direction: column;
        gap: 15px;
    }
    .contact-detail >*,
    .flex-news-detail> *,
    .news-box > * {
        width: 100%;
    }
}