@media (max-width: 1200px) {
    .search-wrapper{
        position: relative;
        width: auto;        
        top: initial;
        right: initial;
        display: flex;
    }

    .menu-opened .mobile-menu-overlay {
        display: flex;
    }

    /* Стили для экранов меньше 1200px */
    body.menu-opened .shadowed-layer{
        display: block !important;
    }


   .hide-on-tablet {
       display: none !important;
    }

    header .header-main{
        flex-direction: column;
    }

    header .header-main .search-container {
       display: none;
    }

    .mobile-menu {
        display: flex !important; 
    }

     menu.footer-menu a{
        font-size: 14px;
        font-weight: 500;
    }

    header .header-main .logo-and-date{
        justify-content: space-between;
        width: 100%;
    }
        

    .news-detail-bottom{
        flex-direction: column;
    }

    .news-detail-bottom-item {
        width: auto;
    }
  
}


@media (max-width: 780px) {
    
    header .header-main .today, header .header-main .weather .condition {
        font-size: 11px;
        line-height: 18px;
    }

    iframe{
            max-width: 100%;
    }

    .articles-header{
        flex-direction: column;
        align-items: normal;
    }

    .articles-header h2{
        margin-bottom: 20px !important;
    }


    .articles-list-grid{
        display: flex;
        flex-direction: column;
    }

    .news-detail-bottom{
        flex-direction: column;
    }

    .news-detail-bottom-item{
        width: auto
    }

    .mobile-menu-overlay menu{
        justify-content: space-between;
    }

    /* Стили для экранов меньше 780px */
    main.wrapper{
        padding: 0;
    }
    
    header{
        max-height: none;
       
    }

    .hide-on-mobile {
        display: none !important;
    }

    .header-main {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    header .header-top{
        margin-bottom: 10px;
    }

    header .header-main .logo{
        width: 100%;
    }

    header .header-main .logo img{
        width: 100%;
    }

    main{
        flex-direction: column;
    }
    
    .date-and-weather{
        width: 100%;
        justify-content: space-between;
    }

    .banner{
        max-width: 100% !important;
    }

    aside.side-content{
        width: 100%;
    }

    footer .footer-content{
        padding: 20px 20px 30px;
    }

    footer .footer-content{
        flex-direction: column;
     
        gap: 40px;
    }

    footer .footer-logo{
            flex-direction: column;
            height: auto;
            align-items: flex-start;
    }

    footer .footer-logo img{
        height: 32px;
        margin-bottom: 10px;
    }

    menu.footer-menu {
        flex-direction: row;
        gap: 10px;
        font-size: 11px;
    }


    header .header-main .logo-and-date{
        flex-direction: column;
    }

    .articles-swiper {
        display: block;
    }

    .articles-swiper .swiper-slide {
        width: 90% !important;
    }

    .articles-swiper .swiper-pagination {
        bottom: -30px;
    }

    .swiper-wrapper{
        display: flex !important;
    }

    .logo a{
        width: 100%;
    }
}