@media (max-width: 1490px) {
    .image-cat-text-block {
        width: 80%;
    }
}

@media (max-width: 1200px) {
    #site-hero {
        background-image: url("../images/slider-small.webp") !important;
    }
}

@media (max-width: 1160px) {
    .first-services-section .div-text-block p:nth-child(2) {
        width: 100% !important;
    }
}

@media (max-width: 1123px) {
    .first-services-section .div-image-block {
        width: 45%;
    }
    .first-services-section .div-image-block img {
        width: 100%;
        height: auto;
    }
    .first-services-section .div-text-block p:first-child {
        width: 100% !important;
    }
    .first-services-section .div-text-block p:nth-child(3),
    .first-services-section .div-text-block p:nth-child(4)
    {
        width: 53% !important;
    }
}

@media (max-width: 1105px) {
    .first-services-section .div-text-block p:nth-child(3) {
        width: 73%;
    }
    .first-services-section .div-text-block p:nth-child(4) {
        width: 69%;
    }
}

@media (max-width: 1091px) {
    .image-cat-text-block {
        top: 10%;
    }
}

@media (max-width: 1040px) {
    .first-services-section .div-text-block p:nth-child(2)
    {
        background-color: white;
        width: 100% !important;
    }
}

@media (min-width: 960px) {
    .uk-offcanvas-bar {
        width: 350px;
        padding: 40px 40px
    }

    .uk-open > .uk-offcanvas-reveal {
        width: 350px
    }

    :not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
        left: 350px
    }

    .uk-offcanvas-flip.uk-offcanvas-container-animation {
        left: -350px
    }

    .uk-container {
        padding-left: 40px;
        padding-right: 40px
    }
}

/* ≤ 950px: stacked vertically */
@media (max-width: 950px) {
    .first-services-section .div-image-block, .first-services-section .div-image-block img  {
        width: 100%;
        order: 1;
        position: unset;
    }

    .first-services-section .div-text-block p:first-child {
        padding-top: 20px;
    }

    .first-services-section .div-text-block p,
    .first-services-section .div-text-block p:nth-child(2),
    .first-services-section .div-text-block p:nth-child(3),
    .first-services-section .div-text-block p:nth-child(4){
        order: 2;
        width: 100% !important;
    }
    .image-cat-text-block {
        top: 20%;
    }
}

@media (max-width: 768px) {
    .vertical-tabs {
        flex-direction: column;
    }

    .tab-list {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .tab {
        flex: 1 1 45%;
        text-align: center;
    }
}

@media (max-width: 750px) {
    .service_details_description {
        padding-top: 12% !important;
        padding-bottom: 12% !important;
    }
}

@media (max-width: 670px) {
    .image-cat-text-block {
        top: 10%;
    }
}

@media (min-width: 640px) {
    .uk-container {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width: 570px) {
    .image-cat-text-block {
        position: static;
        transform: none !important;
        background-color: unset !important;
        color: unset;
        width: 100%;
    }
    .image-cat-text-block b.color-white, .image-cat-text-block h2 {
        color: black;
    }
}

@media (max-width: 544px) {
    .pr__split_bg h2 {
        margin-bottom: 90px;
    }
}

@media (max-width: 390px) {
    .pr__split_bg h2 {
        margin-bottom: 180px;
    }

    .pr__split_bg .button {
        margin-top: -131px;
    }
}

@media (min-width: 960px) {
    .uk-h1-main {
        font-size: 58px !important;
    }
}
