@media (max-width: 1400px) {
    /* Header */
    .main-header {
        padding: 20px;
    }
}

@media (max-width: 991px) {
    /* Header */
    .dropdown-submenu .dropdown-menu {
        display: none;
        right: 0;
        margin-right: 1rem;
        border: none;
        background-color: transparent;
        box-shadow: none;
    }
    .dropdown-submenu .dropdown-menu.show {
        display: block;
    }

    .main-nav-box > ul {
        margin: 0 !important;
        padding: 0 !important;
    }

    .header-actions {
        margin-top: 16px;
    }

    #ez-toc-container.ez-toc-light-blue {
        margin: 24px 0 !important;
    }

    /* Hero section */
    .hero-content {
        flex-direction: column;
        padding: 64px 24px;
    }

    .hero-text-area {
        padding-left: 0;
    }

    .hero-bg-cutout {
        display: none;
    }

    .hero-cards-area {
        width: 100%;
        flex: auto;
    }

    /* Post Grid */
    .post-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* multimedia Grid */
    .multimedia-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Footer Grid*/
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Archive page */
    .page-title {
        font-size: 18px;
    }

    /* single */

    .content-box .inner-box .content p {
        font-size: 15px;
    }

    .content-box .inner-box .content h6 {
        font-size: 16px;
    }

    .content-box .inner-box .content h5 {
        font-size: 17px;
    }

    .content-box .inner-box .content h4 {
        font-size: 18px;
    }

    .content-box .inner-box .content h3 {
        font-size: 19px;
    }

    .content-box .inner-box .content h2 {
        font-size: 20px;
    }

    .content-box .inner-box .content h1 {
        font-size: 22px;
    }

    .content-box .inner-box .content {
        padding: 24px 16px 72px 16px;
    }

}

@media (max-width: 576px) {

    /* Header */
    .main-header {
        padding: 16px 8px;
    }

    /* Hero section */
    .hero-content {
        flex-direction: column;
        padding: 48px 24px;
    }

    .hero-section .shape-right {
        width: 100%;
    }

    .hero-title {
        font-size: 21px;
    }

    .hero-section .card-image-wrapper {
        flex: 40% 0 0;
    }

    .hero-section .post-card {
        gap: 8px;
    }

    .hero-section .card-content {
        position: relative;
    }

    .hero-section .card-content .card-date {
        display: none;
    }

    .hero-section .card-content .card-badge {
        margin-bottom: 8px;
        margin-top: 8px;
    }

    .hero-subtitle {
        margin-bottom: 16px;
    }

    /* Post Grid */
    .post-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    /* multimedia gride */
    .multimedia-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    /* Banners */
    .banners-row {
        display: block;
        margin: 72px 0;
    }
    .banners-row .banner {
        margin-bottom: 24px;
        padding: 0;
    }
    .banners-row .banner:last-child {
        margin-bottom: 0;
    }
    /* Tags */
    .tags-section {
        display: block;

    }
    .tags-title {
        margin: 0 0 4px 0;
    }

    /* single */
    .social-share-buttons .title {
        display: none;
    }

    aside {
        margin-top: 24px !important;
    }

    .kk-star-ratings {
        left: 50%;
        transform: translateX(-50%);
    }
    .social-share-buttons {
        justify-content: center;
        width: 100%;
    }
    .faq-box {
        margin: 64px 0;
    }
    .posts-box.related-posts {
        margin: 64px 0;
    }

    .author-box {
        margin-bottom: 32px;
        margin-top: 48px;
    }
    .social-media {
        width: 100%;
        justify-content: space-between;
    }
    .header-ads-banner .desktop {
        display: none;
    }

    .header-ads-banner .mobile {
        display: block;
    }
}

@media (min-width: 992px) {
    .main-nav .dropdown-menu {
        display: none;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.2s ease, visibility 0.2s ease;
        margin-top: 0;
    }

    .main-nav .dropdown:hover > .dropdown-menu,
    .main-nav .dropdown-submenu:hover > .dropdown-menu {
        display: block;
        visibility: visible;
        opacity: 1;
    }

    .dropdown-submenu {
        position: relative;
    }

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        right: auto;
        margin-top: -5px;
    }
}