/*==================================================
 GM24 NEWS PREMIUM V6
 RESPONSIVE / MOBILE POLISH
==================================================*/

/*========================================
  TABLET
========================================*/

@media (max-width: 991px) {

    .container {
        width: 100%;
        max-width: 94%;
        margin-left: auto;
        margin-right: auto;
    }

    /* Hero */

    .hero-slider {
        margin: 25px auto 35px;
    }

    .hero-slide {
        min-height: 460px;
    }

    .hero-image img {
        height: 460px;
    }

    .hero-overlay {
        padding: 35px;
    }

    .hero-title {
        font-size: 34px;
        line-height: 1.35;
    }

    /* Latest News */

    .latest-news-grid,
    .news-grid {
        gap: 22px;
    }

    .section-header {
        margin-bottom: 20px;
    }

}


/*========================================
  MOBILE
========================================*/

@media (max-width: 576px) {

    /*--------------------------------------
      GENERAL
    --------------------------------------*/

    .container {
        max-width: 92%;
    }

    .section {
        padding: 30px 0;
    }


    /*--------------------------------------
      HERO SLIDER
    --------------------------------------*/

    .hero-slider {
        margin: 18px auto 30px;
    }

    .hero-slides {
        border-radius: 14px;
    }

    .hero-slide {
        min-height: 350px;
    }

    .hero-image img {
        height: 350px;
    }

    .hero-overlay {
        padding: 20px;
    }

    .hero-badge {
        padding: 6px 12px;
        font-size: 10px;
        margin-bottom: 10px;
    }

    .hero-meta {
        gap: 8px;
        margin-bottom: 10px;
        font-size: 11px;
    }

    .hero-title {
        font-size: 24px;
        line-height: 1.35;
        margin-bottom: 12px;
    }

    .hero-excerpt {
        display: none;
    }

    .hero-button {
        width: 100%;
        padding: 11px 18px;
        font-size: 14px;
        border-radius: 7px;
    }

    .hero-prev,
    .hero-next {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .hero-controls {
        padding: 0 10px;
    }

    .hero-dots {
        bottom: 12px;
        gap: 7px;
    }

    .hero-dot {
        width: 9px;
        height: 9px;
    }

    .hero-dot.active {
        width: 25px;
    }


    /*--------------------------------------
      LATEST NEWS SECTION
    --------------------------------------*/

    .latest-news-grid,
    .news-grid {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: 18px;
    }

    .section-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 15px;
        padding-bottom: 12px;
    }

    .section-header__title,
    .section-title {
        font-size: 25px;
        line-height: 1.2;
        margin: 0;
    }

    .section-header__link,
    .section-view-all,
    .view-all {
        font-size: 13px;
        white-space: nowrap;
    }


    /*--------------------------------------
      NEWS CARD
    --------------------------------------*/

    .news-content {
        padding: 17px;
    }

    .news-title {
        font-size: 19px;
        line-height: 1.4;
    }

    .news-excerpt {
        font-size: 14px;
        line-height: 1.6;
    }


    /*--------------------------------------
      CATEGORY SECTION
    --------------------------------------*/

    .category-section {
        margin: 40px auto;
    }

    .category-header {
        margin-bottom: 20px;
    }

    .category-header h2 {
        font-size: 25px;
    }


    /*--------------------------------------
      SIDEBAR
    --------------------------------------*/

    .sidebar {
        position: relative;
        top: 0;
        gap: 20px;
    }


    /*--------------------------------------
      FOOTER
    --------------------------------------*/

    .gm24-footer {
        margin-top: 45px;
    }

}