/******************1200*******************/
@media (max-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1090px;
    }
}
/*******************992*******************/
@media (max-width: 992px) {
    .small-post-block .post-thumbnail {
        width: 70px;
        height: 70px;
    }
    .small-post-block .post-content {
        width: calc(100% - 70px);
        padding-left: 10px;
    }
    .main-navigation ul li a {
        font-size: 11px;
    }
    .copyright ul {
        justify-content: center;
    }
    header .logo img {
        height: 50px;
    }
    .main-post-display {
        height: 350px;
    }
    .main-post-display .post-row {
        max-height: 350px;
    }
    .main-post-display .post-row .featured-post {
        height: 100%;
    }
    .main-post-display .post-column {
        max-height: 350px;
    }
    .main-post-display .post-column > div {
        height: 175px;
    }
    .featured-post .post-overlay {
        width: 100%;
    }

    .featured-post .post-overlay h2 {
        font-size: 16px;
        line-height: 21px;
    }

    .featured-post.medium .post-overlay h2 {
        font-size: 15px;
        line-height: 20px;
    }

    .featured-post.small .post-overlay h2 {
        font-size: 13px;
        line-height: 18px;
    }
    .post-item h3 {
        font-size: 17px;
        line-height: 22px;
    }
    .post-item .post-thumbnail {
        height: 150px;
    }
    .category-image {
        height: 345px;
    }

    section.category-page-banner {
        height: 345px;
    }

    .category-page-banner .category-breadcrumb {
        margin-bottom: 60px;
    }
}
/***************767*******************/
@media (max-width: 767px) {
    .main-post-display .post-row {
        grid-template-columns: auto;
        max-height: max-content;
    }

    .main-post-display .post-column {
        display: none;
    }

    .main-post-display {
        height: auto;
    }

    .trending-slider .trending-slider-content {display: block;max-width: 100%;}

    .trending-slider .trending-slider-content .trending-heading {
        width: 130px;
        margin: 0 auto;
    }

    .trending-slider {
        align-items: end;
    }

    .trending-navigation {
        display: none !IMPORTANT;
    }

    .trending-swiper .trending-post a {
        display: block;
        text-align: center;
    }
    .header-ad {
        display: none;
    }
    .main-menu-panel {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #1c1c1c;
        z-index: 99;
        padding: 25px;
        transition: 0.4s;
        transform: translateX(-100%);
    }
    .main-nav ul {
        display: grid;
    }

    .main-navigation ul li a {
            padding: 10px 0;
            display: block;
            font-size: 14px;
            color: #fff;
    }
    .main-menu-panel .logo {
        background: #fff;
        width: max-content;
        padding: 15px;
        border-radius: 10px;
    }
    .side-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

button.menu-toggle svg {
    width: 24px;
}

button.menu-toggle {
    background: var(--secondary-color);
    border: none;
    color: #fff;
    outline: none;
    padding: 6px 10px;
    border-radius: 4px;
}
.top-bar {
    padding: 20px 0;
}
.main-menu-panel.active {
    transform: translateX(0);
}
    .post-item .post-thumbnail {
        height: 210px;
    }
    .main-navigation ul li ul.sub-menu {
    display: block;
    position: static;
    background: #000;
    box-shadow: none;
}

}
/***************576*******************/
@media (max-width: 576px) {
    .copyright ul {
        justify-content: center;
        flex-wrap: wrap;
    }
    .category-page-banner .category-content h1 {
        font-size: 26px;
    }
    .category-page-banner .category-breadcrumb {
        margin-bottom: 20px;
    }
    .category-page-banner .category-content p {
        font-size: 14px;
        line-height: 20px;
    }
    .author-box .author-avatar {
        width: 70px;
        height: 70px;
    }

    .author-box .author-info {
        width: calc(100% - 80px);
    }

    .author-box.card {
        gap: 10px;
        padding: 10px;
    }

    .author-box.card .author-info h3 {
        margin-top: 0;
    }
    .post-navigation a {
        font-size: 13px;
        line-height: 19px;
        display: block;
    }
    .related-post-item img {
        height: 230px;
    }

    .related-post-item .post-category {
        top: 205px;
    }
    .blog-detail .post-title h1 {
        font-size: 26px;
        line-height: 30px;
    }
    .trending-swiper .trending-post a h6 {
        font-size: 14px;
        line-height: 22px;
    }

    .trending-slider .trending-slider-content .trending-heading {
        margin-bottom: 6px;
    }
	.post-share-block {
		display: grid;
		gap: 0;
		margin: 20px 0;
	}

	.post-share-block .social-share {
		margin: 0 0 10px 0;
	}
}