@media(max-width: 1540px){
    :root{
        --container: 1200px;
    }
    p, li, a{
        font-size: 16px;
    }
    .adres_header{
        display: none;
    }
    .oborudovanie_img{
        width: 320px;
    }
    .oborudovanie_img img{
        width: 100%;
    }
}

@media(max-width: 1280px){
    :root{
        --container: 1000px;
    }
    .oborudovanie_div:first-child, .oborudovanie_img{
        width: 100%;
    }
    .oborudovanie_div:first-child .oborudovanie_img{
        width: 60%;
    }
}

@media(max-width: 1040px){
    .phone_header, .header_bottom{
        display: none;
    }
    :root{
        --container: 700px;
    }
    .burger{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 6px;
        height: 44px;
        width: 44px;
        border-radius: 4px;
        background: var(--main);
    }
    .burger span{
        display: block;
        height: 1px;
        width: 28px;
        background: #fff;
        transition: .3s;
    }
    .burger_active span:first-child{
        transform: translate(0, 7px) rotate(45deg);
    }
    .burger_active span:nth-child(2){
        opacity: 0;
    }
    .burger_active span:last-child{
        transform: translate(0, -7px) rotate(-45deg);
    }
    .secret_menu{
        position: fixed;
        top: 0;
        left: -110%;
        width: 100%;
        height: 100%;
        background: var(--light-gray);
        transition: .3s;
        display: block;
        z-index: 90;
        padding: 120px 0px;
        overflow: hidden;
    }
    .secret_menu a, .secret_menu p{
        font-size: 20px;
    }
    .secret_menu_active{
        left: 0;
    }
    header{
        border-bottom: 1px solid var(--gray);
    }
    #main{
        margin-top: 86px;
        padding: 120px 0px;
    }
    #main h1{
        font-size: 36px;
    }
    ul.nav a{
        color: #000;
    }
    header a{
        height: 44px;
    }
    #about .container{
        flex-direction: column;
        gap: 60px;
    }
    .about_img, .about_text, .oborudovanie_text,
    #faq h2, .faq_row{
        width: 100%;
    }
    h2{
        margin-bottom: 40px;
        font-size: 28px;
    }
    #about h2{
        margin-bottom: 20px;
    }
    .specialization_div, .oborudovanie_div,
    .partner_div{
        width: calc(50% - 10px);
        flex-grow: 1;
    }
    .oborudovanie_div:first-child, #faq .container,
    .footer_top .container{
        flex-direction: column;
    }
    .oborudovanie_div, .about_container,
    .specialization_div, .otz_div{
        padding: 30px 24px;
    }
    .oborudovanie_h3 h3{
        text-align: center;
    }
    .oborudovanie_h3 h3, .specialization_div p,
    .oborudovanie_div h3{
        font-size: 20px;
    }
    #faq .container{
        gap: 40px;
    }
    .table_overflow{
        overflow-x: auto;
    }
    #price td.table_subtitle, #price td,
    #price td.table_title{
        font-size: 16px;
        padding: 10px 15px;
    }
    #price td.table_subtitle{
        min-width: inherit;
    }
    #price td:nth-child(2), #price td:nth-child(3), #price td:nth-child(4){
        width: 100px;
        min-width: 100px;
        max-width: 100px;
        word-break: break-all;
    }
    #price td.table_subtitle:nth-child(2), 
    #price td.table_subtitle:nth-child(3), #price td.table_subtitle:nth-child(4){
        word-break: normal;
    }
    .secret_menu a p{
        color: var(--main);
    }
}

@media(max-width: 780px){
    :root{
        --container: 500px;
    }
    .specialization_div, .oborudovanie_div,
    #licenzia .licenzia_div{
        width: 100%;
    }
    #map iframe{
        height: 400px;
    }
    section{
        padding-top: 80px;
    }
}

@media(max-width: 540px){
    :root{
        --container: 100%;
    }
    .container{
        padding-left: 20px;
        padding-right: 20px;
    }
    #main h1{
        text-align: left;
        font-size: 32px;
    }
    #main p{
        text-align: left;
        font-size: 20px;
        width: 100%;
    }
    #main{
        padding: 80px 0px;
        background-position: -400px center;
    }
    .faq_div_header p{
        font-size: 18px;
    }
    .faq_div_header img{
        height: 28px;
    }
    .oborudovanie_h3 h3{
        font-size: 16px;
    }
}