/* MEDIA QUERIES
Description: Define screen-size breakpoints here.
(e.g. Desktop, Tablet, Mobile)
===================================== */


/* Tablet (Between 768px - 992px)*/

@media all and (min-width: 768px) and (max-width: 992px) {
    .news2A-nav-mobile {
        top: 0;
    }
}

@media screen and (min-width: 799px) {
    .news2A-nav-list {
        display: block !important;
    }
}

@media only screen and (max-width: 798px) {
    .news2A_RecentVideo1_thumbnail iframe, .news2A_RecentVideo2_thumbnail iframe, .news2A_RecentVideo3_thumbnail iframe {
        height: 340px;
    }
    .news2A_RecentVideo2_card_text, .news2A_RecentVideo3_card_text {
        max-height: 60px;
    }

    .news2A_RecentVideo2_card, .news2A_RecentVideo3_card {
        height: 500px;
    }
    .flex-viewport {
        padding-left: 0;
    }
    .news2A_RecentVideo3_card {
        margin: 20px 0;
    }
    .news2A-nav .news2A-nav-mainmenu .news2A-nav-mainitem a, .news2A_MainNav_MoreButton {
        padding: 16px 5px 16px;
        font-size: 18px;
    }

    .news2A-nav .news2A-nav-mainmenu .news2A-nav-mainitem a:hover, .news2A-nav .news2A-nav-mainmenu .news2A-nav-mainitem a:visited:hover {
        padding: 16px 5px 16px;
    }

    .news2A-nav {
        height: 60px;
    }
    .news2A-subnav{
        top: 60px;
    }
    .news2A_MainNav_MoreButton:hover, .news2A_MainNav_MoreButton:visited:hover {
        padding: 16px 5px 16px;
    }

}


/* MOBILE (Smaller than 768px)*/

@media all and (max-width: 448px) {
    .responsive_top_social_section {
        display: block;
    }

    .news2A-nav-mobile {
        display: block;
        bottom: 25px;
    }
    .news2A-nav .news2A-nav-mainmenu .news2A-nav-mainitem {
        width: 100%;
    }
    .news2A-mobile_nav {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 50px;
        background: #da0a2b;
        z-index: 99;
    }
    .news2A_more_navMenu_section {
        display: none;
    }

    .news2A-nav {
        position: fixed;
        left: -420px;
        width: 100%;
        height: 100%;
        z-index: 115;
        opacity: 1;
        background-color: rgba(0,0,0,0.5);
        transition: opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .news2A-nav-container {
        padding: 0;
        position: relative;
        margin: 0;
        width: 250px;
        height: 100%;
        background: #fff;
        transition: 0.3s;
        box-shadow: 0px 0px 6px #aaa;
    }

    .news2A-nav.enjoy {
        left: 0;
    }
    .news2A-nav .news2A-nav-mainmenu .news2A-nav-mainitem a,
    .news2A-nav .news2A-nav-mainmenu .news2A-nav-mainitem a:visited {
        background: none;
        color: #000;
        border-bottom: 1px solid #da0a2b;
    }
    .news2A-nav .news2A-nav-mainmenu .news2A-nav-mainitem a:hover {
        color: #ffffff;
    }

    .news2A_RecentVideo1_thumbnail iframe, .news2A_RecentVideo2_thumbnail iframe, .news2A_RecentVideo3_thumbnail iframe {
        height: 225px;
    }

    .news2A_RecentVideo1_card, .news2A_RecentVideo2_card, .news2A_RecentVideo3_card {
        height: 384px;
    }

    .search_dropdown {
        /*right: -60px;*/
        right:  -85px;

        width: 394px;
    }

    .news2A-mobile-sliderNav-footer {
        display: block;
        /*position: relative;*/
        width: 100%;
    }

    .news2A-mobile-sliderNavMenu {
        position: absolute;
        bottom: 90px;
        padding: 13px 9px;
        height: 74px;
        border-top: 1px solid #da0a2b;
        /*list-style: none;
        margin: 0;
        background: #fff;
        bottom: 0;
        z-index: 9999;*/
    }

    .news2A-mobile-sliderNavMenu a {
        padding: 8px 14px;
        font-size: 18px;
        cursor: pointer;
        border-radius: 50px;
        border: 1px solid #aaa;
        margin-right: 15px;
        margin-left: 15px;
    }
    .news2A-mobile-sliderNavMenu a:hover {
        background: #da0a2b;
        color: #fff !important;
    }

    .news2A_rowleftcolumn_big_box {
        grid-template-columns: 1fr;
    }

    .news_with_no_image:after {
        width: 100%;
        top: -16px;
        left: 0;
        height: 1px;
    }

    .news2A_RecentVideo1_card_text {
        max-height: 60px;
    }

    .news2A_main_content {
        margin: 100px 0 60px;
    }
    .footer {
        display: none;
    }
}

@media only screen and (max-width: 390px) {
    .search_dropdown {
        right: -56px;
        width: 360px;
    }
}

@media only screen and (max-width: 375px) {
    .search_dropdown {
       /* right: -58px;*/
        right: -82px;
        width: 350px;
        
    }
}