@media only screen and (max-width: 1024px){
    .hamburger {
        display: block;
    }
    .header-mobile {
        display: block;
    }
    .description-right,.description-left {
        padding:0;
    }
    #vi-tri .slogan-vitri {
        margin-left:auto;
        margin-right:auto;
        max-width: 70%;
    }
    #lienhe img {
        margin: 0px auto 15px;
    }
    #lienhe {
        padding-bottom: 90px
    }
    #duan-360 iframe {
        height: calc(100vw);
    }
    #mat-bang h2.tieukhu-2 {
        font-size: 0.8rem;
    }
    #matbang-1.block-title-matbang {
        left:2%
    }
    #matbang-2.block-title-matbang {
        top: 63%;
    }
    .list-hot-news{
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr;

        gap: 10px;
        height: 100%;
    }
    .list-hot-news .gird-item-section-12:nth-child(1) {
        grid-row-start: 1;
        grid-column-start: 1;

        grid-row-end: 2;
        grid-column-end: 2;
    }
    .list-hot-news .gird-item-section-12:nth-child(2) {
        grid-row-start: 2;
        grid-column-start: 1;

        grid-row-end: 3;
        grid-column-end: 2;
    }
    .list-hot-news .gird-item-section-12:nth-child(3) {
        grid-row-start: 3;
        grid-column-start: 1;

        grid-row-end: 4;
        grid-column-end: 2;
    }
    .list-hot-news .gird-item-section-12:nth-child(4) {
        grid-row-start: 4;
        grid-column-start: 1;

        grid-row-end: 5;
        grid-column-end: 2;
    }
    .list-hot-news .gird-item-section-12:nth-child(5) {
        grid-row-start: 5;
        grid-column-start: 1;

        grid-row-end: 6;
        grid-column-end: 2;
    }
    .title-news {
        padding: 5px 15px;
    }


}

@media screen and (max-width: 768px){
    header,header.sticky {
        display: none;
    }
    .header__popup-menu {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    .pointer {
        top: 50%;
    }
    #mat-bang ul {
        padding: 0px 15px;
    }
    .content-phan-khu h2 {
        font-size: 1.5rem;
    }
}
@media only screen and (max-width: 480px){
    .hamburger {
        top: 6px;
        width: 56px;
        height: 56px;
        left: 20px;
    }
    .hamburger .hamburger-menu {
        font-size: 10px;
    }
    .header__popup-menu .menu_mobile li a {
        font-size: 14px;
        line-height: 20px;
    }
    .header-mobile {
        height: 46px;
    }
    .hamburger.active .hamburger__line--three {
        border-top: 3px solid #3d3a3d;
    }
}