@media (max-width: 1920px) {
    .navbar-light .navbar-nav .nav-link {
        font-size: 12px;
    }
}

@media (max-width: 1199px) {
    .navbar-light .navbar-nav .nav-link {
        font-size: 10px;
    }
    .top-left_2 {
        top: 158px;
        left: -447px;
        padding: 25px 195px;
    }
    .reagents-bg-1 {
        width: 297px;
    }
    .reagents-white-block {
        margin-top: 45px;
        width: 293px;
        height: 73px;
    }
    .reagents-white-block-text {
        padding-top: 0;
    }
    .oil-img {
        height: 295px;
    }

}

@media (max-width: 1033px) {

    .btn_margin_mediagin {
        margin-left: -60%;
    }

    .gumat_margin-1 {
        margin-left: 0;
    }
    .gumat_margin-2 {
        margin-right: 0;
    }

}

@media (max-width: 991px) {
    .bg-header-1 {

        height: 700px;
    }

    .bg-header-1:before {
        height: 700px;
    }
    .reagents-bg-1 {
        height: 158px;
    }
    .reagents-white-block {
        margin-top: 22px;
    }
    .section_img_1 {
        height: 644px;
    }
    .about_img {
        padding-top: 60px;
    }
    .img-width {
        width: 100%;
    }
    .top-left_2 {
        top: 85px;
        left: -327px;
        padding: 25px 136px;
    }
    .top-left_3 {
        top: 109px;
        left: -329px;
        padding: 16px 0;
    }
    .top-left_4 {
        top: 109px;
        left: -329px;
        padding: 17px 68px;
    }
    .top-left_3:hover {
        top: 109px;
        left: -329px;
        padding: 16px 20px;
    }
    .top-left_4:hover {
        top: 109px;
        left: -329px;
        padding: 17px 80px;
    }
    .margin-for-block {
        margin-top: 17px;
    }
    .oil-img {
        height: 100%;
        max-height: 100%;
        padding-bottom: 10px;
    }
    .margin-zag {
        margin-left: 0;
    }
    .width-height {
        width: 100%;
        height: 207px;
    }
    .lang-switcher.hidden-sm {
        display:none;
    }
    .lang-switcher.hidden-lg {
        display:block;
    }
}

@media (max-width: 985px) {

    .btn_margin_media {
        margin-left: -38%;
    }
    .product-img {
        margin-left: -63px;
    }
}

@media (max-width: 943px) {

    .btn_margin_media {
        margin-left: -20%;
    }
}

@media (max-width: 862px) {
    .name-company {
        font-size: 26px;
    }
    .parent {
        float: none;
    }
}

@media (max-width: 767px) {
    .bg-header-2 {
        height: auto;
        background: #4b9392;
        margin-bottom: 50px;
    }

    .bg-header-2:before {
        height: auto;
    }


    .title-reagents {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .btn_margin_media {
        margin-left: 0;
        margin-bottom: 10px;
    }

    .margin-for-block {
        margin-top: 20px;
    }

    .section_img_2 {
        height: 486px;
    }

    .about_img {
        margin-top: 62px;
    }

    .name-company {
        margin-top: 59px;
    }

    .product-img {
        margin-left: 0;
    }

    .about_img {
        padding-top: 0;
    }

    .border-img {
        margin-bottom: 37px;
    }

    .bottom-for-content {
        margin-bottom: 0;
    }

    .top-left_2 {
        top: 164px;
        left: -508px;
        padding: 25px 227px;
    }



    .logo-2 {
        margin-top: 113px;
        opacity: 0.5;
        width: 50%;
    }

    .padding-for-header {
        padding-top: 0;
    }



    table {
        font-size: 11px;
    }

    .table th, .table td {
        padding: 0.5rem;
    }
    .top-left_3 {
        top: 186px;
        left: -507px;
        padding: 16px 89px;
    }
    .top-left_3:hover {
        top: 186px;
        left: -507px;
        padding: 16px 107px;
    }
    .top-left_4 {
        top: 186px;
        left: -507px;
        padding: 16px 157px;
    }
    .top-left_4:hover {
        top: 186px;
        left: -507px;
        padding: 16px 170px;
    }
    .width-height {
        height: 100%;
    }
    .mt-for-zag {
        margin-top: 90px;
    }

}


@media (max-width: 500px) {
    .top-left_2 {
        top: 112px;
        left: -457px;
        padding: 25px 200px;
    }

}

@media (max-width: 446px) {
    .top-left_2 {
        top: 83px;
        left: -413px;
        padding: 25px 177px;
    }

}


@media (max-width: 400px) {
    .top-left_2 {
        top: 83px;
        left: -368px;
        padding: 25px 156px;
    }

}
@media (max-width: 365px) {
    .top-left_2 {
        top: 68px;
        left: -331px;
        padding: 23px 137px;
    }
    .logo-2 {
        margin-top: 20px;
        width: 97%;
    }
    .description-company {
        margin-top: 15px;
    }
    .bg-header-1 {
        height: 500px;
    }
}