@media (max-width: 766px) {
    #bd #yt_menuposition #yt-responivemenu {
        position: relative;
        display: block;
        text-align: right;
        margin: 10px 0 0 30px;
        width: 50px;
        height: 50px;
        background: #007d6b;
    }
    #bd #yt_menuposition #yt-responivemenu .btn-navbar {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        margin: 0 0 0 0 !important;
    }
    #bd #yt_menuposition #yt-responivemenu i::before {
        color: #fff;
        font-family: FontAwesome;
        content: "\f039";
    }

    #exTab1 .nav-pills > li > a {
        font-size: 14px;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 44px;
        box-sizing: border-box;
    }

    .callback-modal,
    #callback-modal ~ .success.collapsed {
        width: calc(100% - 80px) !important;
        box-sizing: border-box;
    }

    #top3 .row.single_img_left,
    #top3 .row.single_img_right {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 25px;
    }
    #top3 .row.single_img_left .no-padding-right,
    #top3 .row.single_img_left .no-padding-left,
    #top3 .row.single_img_right .no-padding-right,
    #top3 .row.single_img_right .no-padding-left {
        width: 100%;
    }
    #top3 .row.single_img_right .no-padding-right {
        order: 2;
    }

    .row.about-zastosuvannja {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .row.about-zastosuvannja .col-lg-3 {
        width: 48%;
        margin-bottom: 20px;
        float: none !important;
        box-sizing: border-box;
    }
    .row.about-zastosuvannja .col-lg-3 .application-img-wrap {
        display: flex;
        position: relative;
        height: 140px;
        overflow: hidden;
    }
    .row.about-zastosuvannja .col-lg-3 .application-img-wrap img,
    #top3 .row.single_img_right .no-padding-right img,
    #top3 .row.single_img_right .no-padding-left img,
    #top3 .application_display .col-lg-6 > img {
        object-fit: cover;
        height: auto !important;
    }
    #about_info .sm_container span.sm_prop {
        font-size: 26px;
    }
    #about_info .sm_container span.sm_desc {
        font-size: 14px;
        line-height: 14px;
    }
}

@media (max-width: 540px) {
    .row.about-zastosuvannja .col-lg-3 .application-img-wrap {
        display: flex;
        position: relative;
        height: 130px;
        overflow: hidden;
    }
}