/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version,ff > 114,opera > 94,chrome > 108
*/

/*@media all and (max-width: 1024px) {
       
}
*/
@media all and (max-width: 1140px) {
    .metropolitans{
            gap: 10px 50px;
            text-align: center;
        }
}
@media all and (min-width: 1200px) {
        .container {max-width: 1200px;}
    }
@media all and (max-width: 768px) {
        video {
        margin: 0;
        width: 100% !important;
        height: 100% !important;
    }
       header{
           margin-bottom: 100px;
       }
       .archive_list .item_archive {
         width: 100%; 
        }
        
        .mitropolij{
            display: block;
            
            .photo_galary{
                width: 100%;
                p {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    gap: 5px;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                        -ms-flex-direction: row;
                            flex-direction: row;
                    -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                    -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                            justify-content: space-between;
                }
                img {
                    width: 32%;
                }
            }
        }
        .metropolitans{
            padding: 25px;
        }
        
        .footer .footer_menu{
            width: 46%;
            padding: 0 10px;
        }
        footer{
             padding: 20px 10px;
        }
        /*Разобрать*/
        .post{
            font-size: 18px;
        }
        .title_main, .subscription .title_main{
            font-size: 26px;
        }
        .title_second{
            font-size: 20px;
        }
        .ground{
            padding: 15px;
        border-radius: 10px;
        }
        .ground_content{
            padding: 25px 15px;
        }
        .btn.submit{
            padding: 18px;
        }
        header{
            padding: 0;
        }
        .info{
            -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
        }
        .subscription{
             font-size: 22px;
        }
}
    

@media all and (max-width: 450px){
    body{
        font-size: 16px;
    }
    .title_main, .subscription .title_main{
         font-size: 22px;
    }
    .title_second{
        font-size: 18px;
    }
    .need_btn {
        font-size: 16px;
    }
    .main  
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        gap: 20px;
        margin-bottom: 20px;    
        .baner{
            width: 100%;
            padding: 15px;
        }
        .card_news .title { 
            margin-bottom: 24px;
            
        }

        .preview {
            width: 160%;
        }
    }
    .need_help   
    {     
        gap: 10px;

        .card_help {
            padding: 10px;
        }
    }
    .metropolitans {
        margin-bottom: 20px;
        padding: 15px;
        a {
            width: 48%;
        }
        img{
            max-height: 90px !important;
        }
        .metropol div{font-size: 17px;}
    }

    .reverse{
        display: none;
    }

    .need_help_page {
        padding: 0 10px;
    }
    .fees__total {
        padding: 20px;
        height: 100%;
    }
    .post__body_text{
        width: 100%;
    }
    
    .arhive{
        padding: 0 10px;
        .new{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        img {
            height: 170px;
            margin-right: 10px;
        }
    }
    }
    
    footer {
        .footer_nav {
            margin-top: 10px;
        }
        .footer_menu{
            width: 100%;
        }
    }
    /*Разобрать*/
    .metropolitans .metropol{
        text-align: center;
                margin: auto;
                width: 100%;
                height: auto;
    }
    .metropolitans{
            gap: 10px;
        }
        
        .need_help .indicator .info_indicator {
            .value{font-size: 17px;}
            .label {font-size: 10px;}
        }
        .post{
            font-size: 17px;
        }
        .subscription{
             font-size: 18px;
        }
        .main .card_news .news{
            height: 100%;
                    gap: 20px;
        }
        
        .support__form ul li{
            font-size: 16px;
        }
        .support__form  .amounts  .amount {
            max-width: 105px;
            padding: 7px 2px;
        }
        .support__form  p, .support__form span {
        font-size: 14px;
    }
    .new{
        flex-wrap: wrap;
    }
        
}

@media all and (max-width: 575px) {
    .first_menu{
        padding: 0 10px;
        }
        .home_page{
            padding: 0 10px;
        }
        .archive_list{
            gap: 15px;
        }
    }
    
    @media all and (max-width: 991px) {
        .main .card_news{ width: 100%;}
               .main {height: 100%;}
            }