@media(min-width:0) and (max-width:991px) {
    .maan-logo {
        flex-shrink: 0;
    }

    .maan-manu-bar .container {
        padding: 0 15px;
    }

    .maan-right-btns {
        display: block;
    }

    .search-input-container {
        display: none;
    }

    .maan-manu-bar .manu-btn span {
        background: #fff;
    }

    .maan-breaking-news-section .container {
        padding: 0 15px;
    }

    .maan-breaking-news-section .maan-slide-text {
        margin-top: 0;
    }

    .maan-breaking-news-section .maan-slide-title {
        max-width: 100%;
        height: 48px;
        margin-bottom: 10px;
    }

    .news10-top-footer {
        flex-direction: column;
        margin-bottom: 10px;
    }

    .maan-news-post .card.maan-default-post .maan-post-img img {
        height: auto;
    }

    .header-btn-container {
        justify-content: center;
        margin-top: 10px;
    }

    .maan-logo {
        flex-shrink: 0;
        position: absolute;
        top: -47px;
    }

    .header-menu {
        position: relative;
    }

    .maan-manu-bar .maan-right-btns .modal-content input {
        height: 54px;
        background: #E0E0FF;
        margin-bottom: 10px;
    }

    .modal-content button {
        background: #000080 !important;
        border-color: #000080;
        color:#fff
    }

    .maan-manu-bar .maan-main-manu {
        background: #000;
    }

    .maan-manu-bar .overlay.active {
        background: transparent;
    }

    .maan-manu-bar .maan-main-manu li {
        margin-right: 0px;
    }
    .maan-manu-bar .maan-main-manu li a:hover {
        background: #000080 !important;
    }
    .maan-manu-bar .maan-main-manu ul {
        display: block;
        text-align: center;
        margin-top: 15px;
    }

    .maan-manu-bar .dropdown .dropdown-menu {
        width: 100%;
    }

    .login-btn {
        background: #000080 !important;
    }
    .maan-manu-bar .maan-right-btns .maan-search-btn::before, .maan-manu-bar .maan-right-btns .maan-search-btn::before, .maan-manu-bar .maan-right-btns .maan-profile-btn::before, .maan-manu-bar .maan-right-btns .maan-profile-btn::before {
        background: #000080;
    }

    .maan-contact-content .maan-contact-title h3::before {
        background: #000080;
    }

    .maan-archive-details .card.maan-default-post .maan-post-img img {
        height: auto;}

        .maan-top-news-section .container {
            padding: 0 15px !important;
        }
        .maan-top-news-section .container .row{
            padding: 0;
            margin: 0;
        }

        .maan-top-news-section {
            margin-top: 20px;
        }

        .maan-top-news-section .maan-card-img {
            margin-bottom: 0;
        }

        .maan-top-news-section-rightbar{
            padding: 0;
            width: 100%;
            margin-top: 10px;
        }

        .d-ad{
            padding: 0 15px;
        }
        .maan-manu-bar .close-btn {
            z-index: 99999;
        }
        /* .maan-mid-bar {
            display: block;
        } */

        .maan-mid-bar {
            display: block;
            padding: 0;
        }
        .left-side-bar-ad {
            position: static;
        }
        .right-side-bar-ad{
            position: static;
        }

        .mob-ad {
      
            margin-top: 10px;
            position: relative;
            top: 0;
        }
        .mob-ad .container {
            position: relative;
            top: 0;
            display: flex;
            justify-content: space-evenly;
        }

        .maan-mid-bar.sticky {
            margin-bottom: 20px;
        }

        .maan-mid-bar {
            min-height: unset;
        }
        .maan-breaking-news-section .maan-slide-title h6 {
            font-size: 14px;
        }
        .swiper-slide a {
            font-size: 13px;
        }
        .maan-top-news-section .card .maan-card-body .maan-text h4 a {
            font-size: 13px;
            line-height: 17px;
        }
        .card .maan-card-body .maan-text .maan-item-text {
            font-size: 12px;
        }
        .card .maan-card-body .maan-text li:last-child {
            display: inline-flex;
            align-items: center;
        }
        .ades-main p {
            font-size: 13px;
        }
        section .maan-title .maan-title-text h2, section .maan-title-border-none .maan-title-text h2, section .maan-title-center .maan-title-text h2 {
            font-size: 15px;
        }
        .card.maan-default-post .maan-card-body .maan-text h4 a {
            font-size: 14px;
            line-height: 21px;
        }
        .maan-entertainment-news .maan-news-list h4 a {
            font-size: 14px;
            line-height: 18px;
        }
        .maan-news-list li .maan-list-text .maan-item-text {
            font-size: 12px;
        }
        .maan-news-list li .maan-list-text li:last-child {
            margin-right: 0px;
            display: inline-flex;
            align-items: center;
            grid: none !important;
            grid-gap: 0;
        }
        .header-link-btn, .btn-out {
            font-size: 13px;
        }
        .maan-news-list li .maan-list-text span {
            font-size: 13px;
        }
        .maan-most-popular-section .card .maan-card-body .maan-text h4 a {
            font-size: 14px;
            line-height: 20px;
        }
        .maan-most-popular-section .maan-news-list li .maan-list-text h4 {
            font-size: 14px;
            line-height: 19px;
        }
        .maan-news-list li .maan-list-text .maan-item-text a {
            font-size: 12px;
        }
        .new-title.v3 h2 {
            font-size: 18px;
            line-height: 44px;
        }
        .card.maan-default-post .maan-card-body .maan-text .maan-item-text a, .card.maan-default-post .maan-card-body .maan-text .maan-item-text {
            font-size: 12px;
        }
        .card.maan-default-post .maan-text li {
            display: inline-flex;
            align-items: center;
        }
        .maan-politics-section .technologysmall-card-wrp .maan-text h4 a {
            font-size: 14px !important;
            line-height: 20px !important;
        }
        .news10-info-footer .news10-link-footer .news10-title h2 {
            font-size: 15px;
        }
        .footer-left p {
            font-size: 13px;
            line-height: 24px;
        }
        .footer-social-link  a > img {
            width: 20px !important;
        }
        .news10-info-footer .news10-link-footer .news10-news-list h4 {
            font-size: 13px;
            line-height: 17px;
            margin-bottom: 10px;
        }
        .news10-news-list li .news10-list-text .news10-item-text, #ath .maan-item-text a {
            font-size: 12px !important;
        }
        .news10-news-list li .news10-list-text li {
            display: inline-flex;
            margin: 0px 8px 0px 0px;
            align-items: center;
            grid-gap: 0;
        }
        .app-icon img {
            max-width: 120px;
        }
        .news10-info-footer .news10-link-footer .news10-news-tags ul li a {
            font-size: 13px;
        }
        .news10-info-footer .news10-link-footer .news10-news-tags ul li a {
            padding: 2px 12px;
        }
        .news10-info-footer .news10-link-footer .news10-news-tags ul {
            grid-gap: 1px;
            grid-row-gap: 1px;
        }
        h6 {
            font-size: 13px;
            line-height: 26px;
        }
        .card.maan-default-post p {
            font-size: 13px;
            line-height: 22px;
        }
        .business.maan-slide-section .card.maan-default-post .maan-card-body .maan-text .maan-item-text a {
            font-size: 12px;
        }
        .card .maan-card-body .maan-text li:last-child > svg {
            margin-right: 5px;
        }
        h4 {
            font-size: 14px;
            line-height: 20px;
        }
        .maan-widgets .widgets-tags ul li a {
            font-size: 13px;
        }
        .sticky-mobile-ads {
            display: flex;
            width: 100%;
            justify-content: space-between;
            margin-top: 20px;
        }
}

@media(min-width:300px) and (max-width:520px) {
    .maan-widgets .widgets-tags ul {
        grid-template-columns: auto auto;
    }
    .maan-top-news-section .card.maan-card-img img {
        height: 200px;
    }

    .maan-top-news-section .card.maan-card-img .maan-text {
        padding: 8px 15px;
    }
    .maan-header-adds{
        margin-top: 15px;
    }

}

@media(min-width:768px) and (max-width:991px) {
    .maan-breaking-news-section .maan-slide-title h6{
        font-size: 14px;
        line-height: 17px;
    }
    .maan-manu-bar .maan-main-manu ul {
        margin-top: 0;
    }
}


@media(min-width:991px) and (max-width:1300px) {
 

    .maan-news-list li .maan-list-text li{
        display: flex;
        font-size: 16px;
    }

    .maan-breadcrumb ol li {
        padding: 0 ;
        font-size: 15px !important;
    }

    .breadcrumb-item+.breadcrumb-item {
        padding-left: 2px !important;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        padding-right: 2px !important;
    }

    .maan-breadcrumb ol li a {
        font-size: 15px !important;
    }

    .maan-breaking-news-section .maan-slide-title h6 {
        font-size: 13px;
    }
    .maan-widgets .widgets-tags ul {
        grid-template-columns: auto auto ;
    }
    .left-side-bar-ad {
        width: 125px !important;
        left: 0px;
        top: -25px;
        height: 100px;
    }

    .right-side-bar-ad {
        width: 125px !important;
        right: 0px;
        top: -25px;
    }

    .maan-mid-bar{
        overflow: hidden;
    }

  

}

@media(min-width:1024px) and (max-width:1280px) {

    .container {
        max-width: calc(100% - 25%);
    }
    .left-side-bar-ad {
        width: 125px !important;
        left: -136px;
        top: -21px;
        height: 100px;
    }
    .right-side-bar-ad {
        width: 125px !important;
        right: -133px;
        top: -21px;
    }

}