@media only screen and (max-width: 1450px){
    .hero_section .absolute_image{
        top: 50%;
        transform: translateY(-50%);
    }
    #ltb_header .logo img{
        max-width: 200px;
    }
    #ltb_header .ltb_btn{
        min-width: 164px;
    }
    .contact_form_section .cols_box{
        gap: 96px;
    }
    .chess_section .single_row{
        gap: 48px;
    }
}

@media only screen and (max-width: 1100px){
    #ltb_header .header_box .center,
    #ltb_header .header_box .right{
        display: none;
    }
    #ltb_header .mobile_burger{
        display: block;
    }
    .tabs_section .tabs_box{
        grid-template-columns: repeat(2, 1fr);
    }
    .hero_section .absolute_image{
        position: relative;
        max-width: 100%;
        top: 0px;
        transform: unset;
    }
    .hero_section .hero_box{
        flex-direction: column-reverse;
    }
    .hero_section .content{
        text-align: left;
    }
    .hero_section .content .numbers{
        justify-content: flex-start;
    }
    .hero_section .content .buttons{
        justify-content: flex-start;
    }
    .hero_section .content{
        width: 100%;
    }
    .text_image_section .cols_box,
    .text_image_section .cols_box.reverse{
        flex-direction: column-reverse;
    }
    .text_image_section .cols_box .left{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .contact_form_section .cols_box{
        grid-template-columns: repeat(1, 1fr);
        gap: 48px;
    }
    .contact_form_section .cols_box .left{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .contact_form_section .cols_box .left h2,
    .contact_form_section .cols_box .left h3{
        display: block;
        width: 100%;
    }
    #ltb_footer .footer_box{
        flex-direction: column;
    }
    .boxes_section .cols_box,
    .boxes_section .cols_box.three{
        grid-template-columns: repeat(1, 1fr);
    }
    .button_banner_section .banner_box{
        flex-direction: column;
    }
    .chess_section .single_row,
    .chess_section .single_row:nth-child(odd){
        flex-direction: column;
    }
    .chess_section .absolute_text{
        position: static;
        margin-bottom: 48px;
    }
    .chess_section .empty_text{
        display: none;
    }
    .faq_section .single_faq .content_row{
        flex-direction: column;
    }
    .contact_persons_section .persons_box{
        grid-template-columns: repeat(2, 1fr);
    }
    .simple_note_section .note_box.grid_mode{
        grid-template-columns: repeat(2, 1fr);
    }
    .simple_note_section .note_box.grid_mode .banner_item{
        grid-column: span 2 !important;
    }
    .gallery_section .grid_box .single_item{
        height: 150px;
    }
    .gallery_section .grid_box .single_item.tall{
        height: 320px;
    }
    .posts_loop_section .loop_box{
        grid-template-columns: repeat(2, 1fr);
    }
    .posts_loop_section .pagination{
        grid-column: span 2;
    }
}

@media only screen and (max-width: 800px){
    html{
        font-size: 8px;
    }
    .sec_outher{
        margin-bottom: 64px;
    }
    .tabs_section .tabs_box{
        grid-template-columns: repeat(1, 1fr);
    }
    .tabs_section .tabs_box .single_item:nth-child(6n-1), 
    .tabs_section .tabs_box .single_item:nth-child(6n){
        grid-column: span 1;
    }
    #ltb_footer .footer_box .left{
        flex-direction: column;
    }
    #ltb_footer .social_box{
        flex-wrap: wrap;
    }
    .hero_section .content .numbers{
        flex-wrap: wrap;
    }
    .hero_section .content .buttons{
        flex-wrap: wrap;
    }
    .text_image_section .cols_box .right .buttons{
        flex-wrap: wrap;
    }
    .contact_form_section .cols_box .left img{
        max-width: 100%;
    }
    .slider_tenders_section .tns-controls{
        top: auto;
        bottom: -96px;
        right: 50%;
        transform: translateX(50%);
    }
    .banner_section .content{
        padding: 0px 0px;
    }
    .article_section .content_box{
        max-width: 100%;
        overflow-x: auto;
    }
    /*.article_section .content_box .tablesorter{
        min-width: 900px;
    }*/
    .tabs_section.three_cols_style .tabs_box{
        grid-template-columns: repeat(1, 1fr);
    }
    .boxes_section .single_item{
        grid-template-columns: repeat(1, 1fr);
    }
    .slider_news_section{
        padding-bottom: 48px;
    }   
    .slider_news_section .tns-controls{
        top: calc(100% + 24px);
        right: 50%;
        transform: translateX(50%);
    }
    #ltb_menu_panel .inner_box{
        width: 280px;
    }
    #ltb_menu_panel .inner_box .ltb_btn{
        padding: 8px 28px;
    }
    .faq_section .single_faq .content_row .boxes{
        grid-template-columns: repeat(2, 1fr);
    }
    .faq_section .single_faq .title_row{
        padding: 0px 20px;
    }
    .faq_section .single_faq .content_row{
        padding: 20px;
    }
    .contact_persons_section .persons_box{
        /*grid-template-columns: repeat(1, 1fr);*/
        flex-direction: column;
        gap: 64px;
        row-gap: 64px;
    }
    .contact_persons_section .single_person{
        width: calc(100% - 50px);
    }
    .contact_persons_section .single_person .avatar{
        margin-top: -40px;
    }
    .contact_persons_section .title_box{
        margin-bottom: 90px;
    }
    .simple_note_section .note_box.grid_mode{
        grid-template-columns: repeat(1, 1fr);
    }
    .simple_note_section .note_box.grid_mode .banner_item{
        grid-column: span 1 !important;
    }
    .simple_note_section .note_box.grid_mode .banner_item{
        padding: 24px;
        height: calc(100% - 48px);
        width: calc(100% - 48px);
    }
    .gallery_section .grid_box .single_item{
        width: calc(100% / 2 - 20px);
    }
    .gallery_section .grid_box .single_item.wide{
        width: calc(100% / 2 - 20px);
    }
    .contact_form_section select{
        width: 94px;
        padding: 9.5px 6px;
    }
    .contact_form_section input[type='tel']{
        margin-left: 94px;
        width: calc(100% - 28px - 94px);
    }
}

@media only screen and (max-width: 600px){
    .faq_section .single_faq .content_row .boxes{
        grid-template-columns: repeat(1, 1fr);
    }
    .simple_note_section .note_box.grid_mode .banner_item .content{
        width: 100%;
    }
    #ltb_header .header_box{
        padding: 24px 0px;
        gap: 4px;
    }
    #ltb_header .header_box .left img{
        max-width: 200px;
    }
    #ltb_menu_panel .inner_box{
        width: 250px;
    }
    .hero_section .content h1{
        font-size: 3.2rem;
    }
    .banner_section .h1{
        font-size: 3.2rem;
    }
    h2, .h2{
        font-size: 3.2rem;
    }
    .gallery_section .title_box{
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
    .article_section iframe{
        height: 320px;
    }
    .wrapper{
        max-width: calc(100% - 48px);
    }
    .posts_loop_section .loop_box{
        grid-template-columns: repeat(1, 1fr);
    }
    .posts_loop_section .pagination{
        grid-column: span 1;
    }
    .posts_loop_section .title_box{
        margin-bottom: 48px;
    }
    .history_section .history_box{
        gap: 24px;
    }
    .history_section .history_box .single_row{
        flex-direction: column;
        padding: 0px 0px;
        gap: 24px;
    }
    .history_section .history_box .single_row:nth-child(even){
        flex-direction: column;
    }
    .history_section .history_box .single_row::before{
        display: none;
    }
    .history_section .history_box .single_row::after{
        display: none;
    }
    .history_section .history_box .single_row .left{
        justify-content: center;
    }
    .history_section .history_box .single_row:nth-child(odd) .left{
        justify-content: center;
    }
    .history_section .history_box .single_row p.date{
        width: 100%;
        height: 32px;
    }
}

@media only screen and (max-width: 500px){
    h1, .h1{
        font-size: 3.6rem;
    }
}