@media only screen and (max-width: 1240px){
    .noveo_header .cols_box{
        gap: 12px;
    }
    .noveo_header ul{
        gap: 12px;
    }
    .hero_slider_section .single_item{
        padding-bottom: 0px;
    }
    .hero_slider_section .single_item .absolute_content{
        position: relative;
        padding-top: 72px;
    }
    .team_template_section .single_item{
        grid-template-columns: repeat(2, 1fr);
    }
    .team_template_section .grid_box .title{
        grid-column: span 2;
    }
    .contact_section{
        background: unset;
    }
    .contact_section .cols_box{
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
    }
    .contact_section .cols_box .left{
        width: 100%;
        max-width: unset;
    }
    .contact_section .cols_box .right{
        width: calc(100% - 96px);
        background-color: #232323;
        padding: 48px;
    }
}

@media only screen and (max-width: 990px){
    .noveo_header .center{
        display: none;
    }
    .noveo_header .right{
        display: none;
    }
    .noveo_header .cols_box{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .noveo_header .mobile{
        display: block;
    }
    .counters_section .cols_box{
        flex-direction: column-reverse;
        gap: 48px;
    }
    .counters_section .cols_box .left{
        width: 100%;
    }
    .counters_section .cols_box .right{
        width: 100%;
        max-width: unset;
    }
    .counters_section .cols_box .right p{
        max-width: unset;
    }
    .counters_section .cols_box::before{
        display: none;
    }
    .counters_section::before{
        bottom: 42px;
        top: auto;
    }
    .counters_section::after{
        bottom: -42px;
        top: auto;
    }
    .counters_section .cols_box .right .noveo_btn{
        margin-top: 24px;
    }
    .banner_section .banner_box .content{
        flex-direction: column;
        align-items: flex-start;
    }
    .noveo_footer .top_box{
        grid-template-columns: repeat(2, 1fr);
        row-gap: 48px;
    }
    .noveo_footer .top_box .right{
        grid-column: span 2;
    }
    .archive_news_section .grid_box{
        grid-template-columns: repeat(2, 1fr);
    }
    .archive_news_section .grid_box .first_item{
        grid-column: span 2;
    }
    .archive_news_section .grid_box .first_item .right{
        max-width: unset;
    }
    .archive_events_section .grid_box{
        grid-template-columns: repeat(2, 1fr);
    }
    .single_event_section .event_box{
        flex-direction: column;
        gap: 48px;
    }
    .single_event_section .event_box .left{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
    }
    .single_event_section .event_box .left>div{
        width: calc(50% - 12px);
    }
    .single_event_section .event_box .left .h4{
        margin-bottom: 0px;
    }
    .single_event_section .event_box .left p{
        margin-bottom: 0px;
    }
    .single_event_section .event_box .right{
        width: 100%;
        max-width: unset;
    }
    .member_template_section .grid_box{
        grid-template-columns: repeat(1, 1fr);
    }
    .team_template_section .single_item{
        grid-template-columns: repeat(1, 1fr);
    }
    .team_template_section .grid_box .title{
        grid-column: span 1;
    }
}

@media only screen and (max-width: 850px){
    .counters_section .cols_box .left{
        grid-template-columns: repeat(1, 1fr);
    }
    .projects_box{
        grid-template-columns: repeat(1, 1fr);
    }
    .projects_box .files_item{
        grid-column: span 1;
    }
    .noveo_footer .top_box{
        grid-template-columns: repeat(1, 1fr);
    }
    .noveo_footer .top_box .right{
        grid-column: span 1;
    }
    .banner_section .banner_box .content{
        padding: 48px;
    }
    .archive_news_section .grid_box .first_item>div{
        flex-direction: column;
        align-items: flex-start;
    }
    .archive_news_section .grid_box .first_item .left{
        width: 100%;
        margin-bottom: 48px;
    }
    .archive_news_section .grid_box .first_item .right{
        width: 100%;
    }
    .archive_events_section .days{
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 24px;
    }
    .archive_events_section .days .day_button{
        width: 50px;
    }
    .archive_events_section .days::before{
        display: none;
    }
    .archive_events_section .days::after{
        display: none;
    }
    .archive_events_section .grid_box{
        grid-template-columns: repeat(1, 1fr);
    }
    .image_text_section .cols_box{
        flex-direction: column-reverse;
        gap: 48px;
    }
    .image_text_section .cols_box.reverse{
        flex-direction: column-reverse;
    }
    .image_text_section .cols_box .left{
        width: 100%;
    }
    .image_text_section .cols_box .right{
        width: 100%;
        max-width: unset;
    }
}

@media only screen and (max-width: 600px){
    h1, .h1, h2, .h2{
        font-size: 4rem;
        margin-bottom: 24px;
    }
    h3, .h3{
        font-size: 2.7rem;
        margin-bottom: 24px;
    }
    h4, .h4{
        font-size: 1.2rem;
        margin-bottom: 24px;
    }
    p{
        font-size: 1.4rem;
    }
    .noveo_btn{
        font-size: 1.2rem;
    }
    .noveo_footer p{
        font-size: 1.4rem;
    }
    .sec_outher{
        margin-bottom: 92px;
    }
    .sec_inner{
        padding-top: 92px;
    }
    .projects_box .files_item{
        flex-direction: column;
        align-items: flex-start;
    }
    .noveo_footer .hours>div{
        width: 100%;
    }
    .noveo_footer .bottom_box{
        flex-direction: column;
        align-items: flex-start;
    }
    .hero_slider_section .tns-controls button{
        transform: translateY(-12px);
    }
    .single_news_item .title_area{
        padding: 24px;
    }
    .latest_news_section .more_box{
        padding-top: 32px;
    }
    .counters_section .cols_box .right .noveo_btn{
        margin-top: 0px;
    }
    .counters_section .cols_box .left .single_item{
        padding: 24px;
    }
    .projects_box .files_item{
        padding: 24px;
        gap: 24px;
    }
    .banner_section .banner_box .content{
        padding: 24px;
    }
    .noveo_footer{
        padding-top: 92px;
    }
    .noveo_footer .bottom_box{
        margin-top: 48px;
    }
    .noveo_footer h3{
        margin-bottom: 24px;
    }
    .noveo_footer .noveo_btn{
        margin-top: 0px;
    }
    .projects_box .single_item .content{
        padding: 24px;
        width: calc(100% - 48px);
        height: calc(100% - 48px);
    }
    .noveo_header{
        padding: 12px 0px;
    }
    .noveo_header .logo img{
        height: 48px;
    }
    .noveo_mobile_menu .panel{
        width: 280px;
    }
    .noveo_mobile_menu .panel .inner{
        padding: 24px;
        padding-top: 92px;
        max-height: calc(100% - 24px - 92px);
    }
    .noveo_mobile_menu .panel .inner form{
        margin-bottom: 24px;
    }
    .archive_news_section{
        padding-top: 48px;
    }
    .archive_news_section .grid_box{
        grid-template-columns: repeat(1, 1fr);
    }
    .archive_news_section .grid_box .first_item{
        grid-column: span 1;
    }
    .archive_news_section .grid_box .first_item .left{
        margin-bottom: 24px;
    }
    .noveo_breadcrumbs_box{
        padding: 12px 24px;
        width: calc(100% - 48px);
        flex-direction: column;
        align-items: center;
        margin-bottom: 48px;
        gap: 4px;
    }
    .noveo_breadcrumbs_box a, .noveo_breadcrumbs_box span{
        font-size: 1.2rem;
    }
    .noveo_breadcrumbs_box a{
        flex-direction: column;
        gap: 4px;
    }
    .noveo_breadcrumbs_box a::after{
        transform: rotate(90deg);
    }
    .hero_image_section{
        min-height: 400px;
    }
    .archive_events_section{
        padding-top: 48px;
    }
    .archive_events_section .filter_box form{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .archive_events_section .filter_box form label{
        width: calc(50% - 4px);
    }
    .archive_events_section .mounth_year{
        gap: 4px;
    }
    .archive_events_section .mounth_year h3{
        font-size: 2rem;
    }
    .archive_events_section .mounth_year .prev, .archive_events_section .mounth_year .next{
        width: 32px;
        min-width: 32px;
        height: 32px;
    }
    .archive_events_section .grid_box{
        row-gap: 24px;
    }
    .single_event_section .event_box .left>div{
        width: 100%;
    }
    .member_template_section .top_area{
        padding-top: 48px;
    }
    .member_template_section .grid_box .single_item{
        padding: 24px;
    }
    .member_template_section .grid_box .address{
        grid-column: span 2;
    }
    .member_template_section .grid_box .contact{
        grid-column: span 2;
    }
    .team_template_section .top_area{
        padding-top: 48px;
    }
    .team_template_section .grid_box .title{
        padding-bottom: 24px;
    }
    .team_template_section .grid_box{
        gap: 48px;
    }
    .team_template_section .grid_box .person{
        padding: 24px;
    }
    .files_section .top_area{
        padding-top: 48px;
    }
    .files_section .single_item{
        padding: 24px;
    }
    .files_section .top_area .single_item{
        flex-direction: column;
        align-items: flex-start;
    }
    .contact_section{
        padding-top: 48px;
        padding-bottom: 92px;
    }
    .contact_section .cols_box .right{
        padding: 24px;
        width: calc(100% - 48px);
    }
    .contact_section .cols_box .right .grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .contact_section .cols_box .right .wpcf7-list-item>label{
        font-size: 1.2rem;
    }
    .contact_slider_section .buttons_box{
        margin-top: 24px;
    }
    .map_section{
        padding-bottom: 75%;
    }
    .search_section{
        padding-top: 48px;
    }
}