@media (max-width: 1200px) {
    section.radar .list-button {
        grid-template-columns: repeat(5,1fr);
    }
}

@media (max-width: 992px) {
    section.radar .list-button {
        grid-template-columns: repeat(4,1fr);
    }
}

@media (max-width: 768px) {
    section.radar .list-button {
        grid-template-columns: repeat(3,1fr);
    }

    section.people-say .list-people-say .item {
        grid-template-columns: 1fr;
        grid-gap:0
    }

    section.radar .detail-radar iframe {
        aspect-ratio:1
    }
    footer .content-footer {
        grid-template-columns:1fr;
        grid-gap:16px
    }
    footer .title {
        font-weight: 600;
        line-height: var(--line-height);
        height:unset;
        display: block;
    }
}

@media (max-width: 575px) {
    html{
        --size-body:16px;
        --line-height-body:26px;
        --sub-text:14px;
        --size-h1:32px;
        --size-h2:28px;
        --size-h3:20px;
    }
    .group-search .img-search {
        padding:6px 12px
    }
    .expand_wrapper span {
        padding: 2px 5px 1px 5px;
    }
    .pt-section {
        padding-top: 30px;
    }
    .mt-section {
        margin-top: 30px;
    }
    .pt-content {
        padding-top: 14px;
    }

    .list-article-new .item.top-1 .content {
        position: unset !important;;
    }

    section.radar .list-button {
        grid-template-columns: repeat(2,1fr);
    }

    section.people-say .list-people-say {
        grid-template-columns: 1fr;
    }

    header#header {
        background-image: url(/frontend/images/bg_header_mb.jpg);
    }

    footer {
        background-image: url(/frontend/images/bg_footer_mb.jpg);
    }
}