/*==================================
XXL
==================================*/
@media (min-width:1400px){

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl{
        max-width:1400px;
    }

}


/*==================================
LARGE DEVICES
==================================*/
@media (max-width:1199px){

    .hero-feature{
        height:430px;
    }

    .hero-side{
        height:430px;
    }

    .hero-content h1{
        font-size:34px;
    }

    .side-content h4{
        font-size:17px;
    }

    .subscribe-btn{
        display:none;
    }

    .tagline{
        display:none;
    }

    .navbar{
        display:none;
    }

    .logo img{
        width:130px;
    }

}


/*==================================
DESKTOP ONLY
==================================*/
@media (min-width:992px){

    .mobile-menu,
    .mobile-overlay{
        display:none;
    }

}


/*==================================
TABLET
==================================*/
@media (max-width:991px){

    .hero-feature{
        height:400px;
        margin-bottom:20px;
    }

    .hero-side{
        height:auto;
    }

    .hero-content{
        left:25px;
        right:25px;
        bottom:25px;
        max-width:100%;
    }

    .hero-content h1{
        font-size:30px;
    }

    .hero-content p{
        font-size:14px;
        margin-bottom:18px;
    }

    .side-content h4{
        font-size:16px;
    }

    .latest-news{
        border-left:none;
        padding-left:0;
        margin-top:40px;
    }

    .story-image img{
        height:220px;
    }
    .event-div{
        padding: 15px;
        margin-bottom:20px;
        height: auto
    }
    .editor-side{
        flex-direction: column
    }
    .editor-side .side-card{
        width: 100%;
        height: 112px
    }
    .sec-event {
        padding: 10px;
    }
    .event-item h4{
        font-size: 14px
    }
    .event-date {
        font-size: 12px;
        margin-bottom: 9px;
    }
    .event-btn {
    padding: 6px 11px;
    }
    .close-search {
    top: 0%;
    right: -1px;
    font-size: 20px;
}
}


/*==================================
MOBILE
==================================*/
@media (max-width:767px){

    .search-canvas{
        padding:35px 15px;
    }

    .search-form input{
        height:52px;
        font-size:16px;
    }

    .search-form button{
        width:60px;
    }

    .hero-section{
        padding:20px 0;
    }

    .hero-feature{
        height:320px;
    }

    .hero-content{
        left:20px;
        right:20px;
        bottom:20px;
    }

    .hero-content h1{
        font-size:24px;
        margin-bottom:12px;
    }

    .hero-content p{
        display:none;
    }

    .hero-btn{
        font-size:12px;
    }

    .side-card{
        height:120px;
    }

    .side-card img{
        width:35%;
    }

    .side-content{
        width:65%;
        padding:12px;
    }

    .side-content h4{
        font-size:15px;
    }

}


/*==================================
SMALL MOBILE
==================================*/
@media (max-width:575px){

    .hero-feature{
        height:280px;
    }

    .hero-content h1{
        font-size:21px;
    }

    .hero-category,
    .side-content span{
        font-size:9px;
        padding:4px 8px;
    }

    .story-image img{
        height:180px;
    }

    .story-card h3{
        font-size:18px;
    }

    .section-heading h2{
        font-size:22px;
    }

}