@media screen and (max-width: 950px) {
    header .top {
        justify-content: center;
    }

    header .top .left {
        width: 100%;
        justify-content: center;
    }

    header .top .right {
        justify-content: center;
        margin-top: 15px;
    }

    footer .top {
        justify-content: center;
    }

    footer .top .left {
        width: 100%;
        justify-content: center;
    }

    footer .top .right {
        justify-content: center;
        margin-top: 15px;
    }

    header .mid {
        margin-top: 100px;
    }
}

@media screen and (max-width: 970px) {
    header .mid .right {
        display: flex;
        justify-content: center;
        flex-direction: row;
        width: 100%;
        margin-bottom: 20px;
    }

    header .mid {
        justify-content: center;
    }

    header .mid .center ul {
        margin-bottom: 20px;
    }

    header .bot {
        margin-bottom: 90px;
    }
}

@media screen and (max-width: 770px) {
    header .mid .left .separator {
        width: 100%;
    }

    header .mid .center {
        margin-left: 0;
        margin-top: 20px;
    }

    header .mid {
        margin-top: 50px;
    }
}

@media screen and (max-width: 675px) {
    header .bot .item {
        padding-right: 40px;
        padding-left: 40px;
        padding-top: 30px;
    }

    header .bot .item a {
        margin-left: 45px;
    }
}

@media screen and (max-width: 600px) {
    header .bot .item .blur {
        display: none;
    }

    header .bot .item p {
        color: #ffffff;
    }
    .clients .items .item .right p {text-align: center;}
}

@media screen and (max-width: 490px) {
    header .bot .item::after {
        width: 43px;
    }

    header .bot .item .border {
        width: 61px;
    }

    header .top .left .logo {
        margin-right: 0;
        width: 100%;
        text-align: center;
    }

    header .top .right {
        flex-wrap: wrap;
    }

    header .top .right .link {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 15px;
    }

    header .top .right .phone {
        margin-right: 0;
    }

    header .top .left .desc p {
        text-align: center;
    }

    footer .top .left .logo {
        margin-right: 0;
        width: 100%;
        text-align: center;
    }

    footer .top .right {
        flex-wrap: wrap;
    }

    footer .top .right .link {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 15px;
    }

    footer .top .right .phone {
        margin-right: 0;
    }

    footer .top .left .desc p {
        text-align: center;
    }

    header .mid .center h1 {
        font-size: 30px;
        text-align: center;
    }

    header .mid .center ul li {
        font-size: 13px;
    }

    header .bot .item p {
        font-size: 17px;
        text-align: center;
    }
}

@media screen and (max-width: 440px) {
    header .bot .item {
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
    }

    header .bot .item::before {
        display: none;
    }

    header .bot .item .border {
        display: none;
    }

    header .bot .item::after {
        display: none;
    }

    header .bot .item a {
        margin-left: 0;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1050px) {
    .clients h2 {
        margin: 50px auto 0;
    }

    .clients .items .item .right {
        padding-left: 15px;
    }

    .clients .items .item:nth-child(2n) .right {
        padding-left: 0;
        padding-right: 15px;
    }

    .clients {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 800px) {
    .clients .items .item .right {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 15px;
        padding-right: 0;
    }

    .clients .items .item .left {
        width: auto;
    }

    .clients .items .item {
        justify-content: center;
        flex-direction: row;
    }

    .clients .items .item .right h3 {
        text-align: center;
    }

    .clients::after {
        display: none;
    }
}

@media screen and (max-width: 600px) {

    .clients h2,
    .clients h2 span {
        font-size: 30px;
        text-align: center;
        line-height: 35px;
    }
}

@media screen and (max-width: 1120px) {
    .work .items .item .left .right_bot {
        width: calc(39% + 24px);
    }
}

@media screen and (max-width: 1070px) {
    .work .items .item .left {
        width: 100%;
        max-width: 720px;
    }

    .work .items .item .right {
        width: 100%;
        max-width: 550px;
        margin-top: 30px;
        padding-left: 0;
    }

    .work .items .item .left .slider {    height: 540px;}
    
    .work .items .item {
        justify-content: center;
        flex-wrap: wrap;
    }

    .work .items .item .left .left_top {
        width: calc(100% - 60px);
        border-right: 1px solid #fbb45b;
    }

    .work .items .item .left .right_bot {
        width: calc(39% - 30px);
        border-right: 1px solid #fbb45b;
        height: 42px;
        border-bottom: 1px solid #fbb45b;
        background: transparent;
    }

    .work .items_nav {
        justify-content: center;
    }
}

@media screen and (max-width: 670px) {
    .work .items_nav .nums {
        width: 100%;
        margin: 15px 34px;
    }

    .work h2 {
        margin-bottom: 30px;
    }

    .work {
        padding: 50px 0;
    }
}

@media screen and (max-width: 1170px) {
    .work::before {
        display: none;
    }

    .work::after {
        display: none;
    }
}

@media screen and (max-width: 960px) {
    .project .items .left {
        width: 100%;
        max-width: 100%;
    }
    
    .project .items .right::before {display: none;}

    .project .items {
        justify-content: center;
    }

    .project {
        padding: 50px 0;
    }

    .project .items .right {
        margin-top: 50px;
    }

    .project .items .left .line .line_left {
        margin-left: 0;
    }
}

@media screen and (max-width: 1670px) {
    .project .items .right::before {
        right: 0;
    }
}

@media screen and (max-width: 500px) {
    .project .items .left .line {
        justify-content: center;
    }

    .project .items .left .line .line_right {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .project .items .right .right_in .right_border .line .item {
        width: 50%;
    }

    .project .items .right .right_in .right_border {
        padding: 24px 16px;
    }

    .project .items .left h2 {
        font-size: 30px;
        line-height: 35px;
        text-align: center;
    }
    .project .items .left .desc {text-align: center;}
    .project .items .left .text {text-align: center;}
    .gotovy .items .right h2 {text-align: center;}
    .gotovy .items .right .small {text-align: center;}
    .gotovy .items .right .big {text-align: center;}
    .gotovy .items .right a {margin: 0 auto;}
    header .bot {margin-bottom: 45px;}
    header .bot .item p {margin-bottom: 10px;}
    .work h2 {
    margin-bottom: 90px;
}
    .work .items_nav {
        position: absolute;
    top: 175px;
    margin-top: 0;    width: 100%;
    left: 0;
    }
    
    .work .items_nav .prev, .work .items_nav .next {
        font-size: 0;
    width: 76px;
    padding: 0 17px;
    }
    .work .items_nav .nums {    width: 56px;
    margin: 5px 34px;}
    .gotovy .items .right .big, .gotovy .items .right h2 {margin-bottom: 30px;}
    .team .slider .item_out_1 {    margin-top: 46px;}
}

@media screen and (max-width: 1050px) {
    .gotovy .items .right {
        padding-left: 15px;
    }
}

@media screen and (max-width: 800px) {
    .gotovy .items .right {
        padding-left: 0;
        width: 100%;
        margin-top: 15px;
    }

    .gotovy .items .left {
        width: auto;
    }

    .gotovy .items {
        justify-content: center;
    }

    .gotovy {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 1380px) {
    .team .slider {
        width: calc(100% - 100px);
        margin: 0 auto;
    }

    .team .slider .owl-nav .owl-prev {
        left: -50px;
    }

    .team .slider .owl-nav .owl-next {
        right: -50px;
    }
}

@media screen and (max-width: 600px) {
    .team h2 {
        font-size: 30px;
        line-height: 35px;
        margin: 0 auto 37px;
    }

    .team .slider .item_out .item_bot {
        padding-left: 0;
    }
}

@media screen and (max-width: 1370px) {
    .faq .items .right .right_out::before {
        display: none;
    }
}

@media screen and (max-width: 1020px) {
    .faq .items .left {
        width: 100%;
        max-width: 500px;
    }

    .faq .items {
        justify-content: center;
    }

    .faq .items .right {
        width: 100%;
        max-width: 600px;
    }

    .faq {
        padding: 50px 0;
    }

    .faq h2 {
        margin: 0 auto 30px;
    }
}

@media screen and (max-width: 500px) {
    .faq h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .faq .items .left a {
        padding: 19px 26px;
        padding-right: 50px;
        line-height: 16px;
        height: auto;
    }
}

@media screen and (max-width: 950px) {
    .contacts .items .right {
        margin-top: 30px;
        width: 100%;
    }

    .contacts .items {
        justify-content: center;
    }

    .contacts .items .left {
        margin-top: 0;
    }
}

@media screen and (max-width: 500px) {
    .contacts .items .right .line input {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .work .items .item .right .line {
        flex-wrap: wrap;
    }

    .work .items .item .right .line .item_small {
        width: 100%;
    }
}

@media screen and (max-width: 680px) {
    .work .items .item .left .left_bot {
        width: calc(50% - 102px);
    }
}

@media screen and (max-width: 560px) {
    .work .items .item .left .right_bot {
        left: auto;
        right: 30px;
        width: calc(50% - 102px);
    }
}

@media screen and (max-width: 500px) {
    .project .items .left .line .line_right ul li {margin-top: 20px;}
    .project .items .left .line .line_right p {text-align: center;}
}

@media screen and (max-width: 760px) {
    .work .items .item .left {width: 500px;}
    .work .items .item .left .slider {height: 379px;}
} 


@media screen and (max-width: 530px) {
    .work .items .item .left {width: 400px;}
    .work .items .item .left .slider {height: 303px;}
    .btn__blik {display: none !imporatnt;}
} 

@media screen and (max-width: 430px) {
    .work .items .item .left {width: 300px;}
    .work .items .item .left .slider {height: 228px;}
}