@media (max-width:1200px){
    .swiper-slide > img{
        height: 400px;
    }

}
@media (max-width:1080px){
    .swiper-slide > img{
        height: 400px;
    }
}
@media (max-width:1024px){
    .swiper-slide > img{
        height: 400px;
    }
    .onas__content{
        font-size: 15px;
    }
}
@media (max-width:990px){
    .swiper-slide > img{
        height: 400px;
    }
}

@media (max-width:890px){
    .swiper-slide > img{
        height: 400px;
    }
    .onas__content{
        font-size: 15px;
        padding: 10px 20px;
    }
}

@media (max-width:860px){
    .swiper-slide > img{
        height: 400px;
    }
    .onas__content{
        font-size: 13px;
        padding: 10px 13px;
        letter-spacing: 0.5px;
    }
}

@media (max-width:840px){
    .swiper-slide > img{
        height: 400px;
    }
    .containerr{
        max-width: 700px;
    }
    .onas__content{
        font-size: 12px;
        padding: 10px 13px;
        letter-spacing: normal;
    }
}

@media (max-width:800px){
    .swiper-slide > img{
        height: 300px;
    }
    .ali{
        display: none;
    }
}


@media (max-width:768px){
    .header__call > a{
        font-size: 18px;
    }
    .swiper-slide > img{
        height: 300px;
    }
    /* .uslugi__text{
        display: none;
    } */
    .card-item{
        width: 350px;
        height: 350px;
    }
    .card__top > a > img{
        width: 350px;
        height: 310px;
    }
    .footer_list{
        display: none;
    }
}

@media (max-width:580px){
    .uslugi__item{
        height: 100%;
    }
    .swiper-slide > img{
        height: 300px;
    }
    .uslugi__text{
        display: none;
    }
    .footer_list{
        display: none;
    }
    .footer__body{
        flex-direction: column;
    }
}



@media (max-width: 550px){

    .swiper-slide > img{
        height: 220px;
    }
    .title{
        font-size: 25px;
    }
    .uslugi__text{
        display: none;
    }
    .footer_list{
        display: none;
    }
    .footer__body{
        flex-direction: column;
    }
}

@media (max-width: 495px){


    .swiper-slide > img{
        height: 200px;
    }
    .title{
        font-size: 25px;
    }
    .menu__link{
        font-size: 12px;
    }
    .header__logo > .logo > h1{
        font-size: 20px;
    }
    .header__logo > .logo > p{
        font-size: 10px;
    }
    .header__workmode > p{
        font-size: 10px;
    }
    .card-item{
        width: 300px;
        height: 300px;
    }
    .card__top > a > img{
        width: 300px;
        height: 260px;
    }
    .uslugi__text{
        display: none;
    }
    .footer_list{
        display: none;
    }
    .footer__body{
        flex-direction: column;
    }
}

@media (max-width: 460px){

    .header__call > a{
        font-size: 15px;
    }

    .swiper-slide > img{
        height: 200px;
    }
    .title{
        font-size: 25px;
    }
    .menu__link{
        font-size: 12px;
    }
    .header__logo > .logo > h1{
        font-size: 20px;
    }
    .header__logo > .logo > p{
        font-size: 10px;
    }
    .header__workmode > p{
        font-size: 10px;
    }
    .card-item{
        width: 300px;
        height: 300px;
    }
    .card__top > a > img{
        width: 300px;
        height: 260px;
    }
    .uslugi__text{
        display: none;
    }
    .footer_list{
        display: none;
    }
    .footer__body{
        flex-direction: column;
    }
}



@media (max-width: 431px){

    .header__call{
        display: none;
    }

    .swiper-slide > img{
        height: 200px;
    }
    .title{
        font-size: 25px;
    }
    .card-item{
        width: 390px;
        height: 380px;
    }
    .card__top > a > img{
        width: 380px;
        height: 340px;
    }
    .uslugi__text{
        display: none;
    }
    .footer_list{
        display: none;
    }
    .footer__body{
        flex-direction: column;
    }
}


@media (max-width: 426px){

    .header__call{
        display: none;
    }

    .swiper-slide > img{
        height: 200px;
    }
    .title{
        font-size: 25px;
    }
    .card-item{
        width: 390px;
        height: 380px;
    }
    .card__top > a > img{
        width: 376px;
        height: 340px;
    }
    .uslugi__text{
        display: none;
    }
    .footer_list{
        display: none;
    }
    .footer__body{
        flex-direction: column;
    }
}

@media (max-width: 415px){

    .header__call{
        display: none;
    }

    .swiper-slide > img{
        height: 200px;
    }
    .title{
        font-size: 25px;
    }
    .card-item{
        width: 390px;
        height: 380px;
    }
    .card__top > a > img{
        width: 365px;
        height: 340px;
    }
    .uslugi__text{
        display: none;
    }
    .footer_list{
        display: none;
    }
    .footer__body{
        flex-direction: column;
    }
}
@media (max-width: 400px){

    .header__call{
        display: none;
    }

    .swiper-slide > img{
        height: 200px;
    }
    .title{
        font-size: 25px;
    }
    .card-item{
        width: 380px;
        height: 380px;
    }
    .card__top > a > img{
        width: 350px;
        height: 340px;
    }
    .uslugi__text{
        display: none;
    }
    .footer_list{
        display: none;
    }
    .footer__body{
        flex-direction: column;
    }
}



@media (max-width: 391px){

    .swiper-slide > img{
        height: 200px;
    }
    .title{
        font-size: 25px;
    }
    .card-item, .a, .b, .c{
        width: 330px;
        height: 330px;
    }
    .card-item{
        width: 320px;
        height: 320px;
    }
    .card__top > a > img{
        width: 320px;
        height: 280px;
    }
    .uslugi__text{
        display: none;
    }
    .footer_list{
        display: none;
    }
    .footer__body{
        flex-direction: column;
    }
}



@media (max-width: 375px){
    .swiper-slide > img{
        height: 200px;
    }
    .title{
        font-size: 25px;
        margin: 20px 0 ;
    }
    .card-item{
        width: 290px;
        height: 290px;
    }
    .card__top > a > img{
        width: 290px;
        height: 250px;
    }
    .uslugi__text{
        display: none;
    }
    .footer_list{
        display: none;
    }
    .footer__body{
        flex-direction: column;
    }
}

@media (max-width: 360px){
    .swiper-slide > img{
        height: 200px;
    }
    .title{
        font-size: 25px;
        margin: 20px 0 ;
    }
    .uslugi__text{
        display: none;
    }
    .footer_list{
        display: none;
    }
    .footer__body{
        flex-direction: column;
    }
}


@media (max-width: 326px){
    .containe,.container,.containerr,.containerrr{
        width: 100%;
    }
    .header__logo >.logo > img{
        width: 45px;
        height: 65px;
    }
    .swiper-slide > img{
        height: 200px;
    }
    .menu_list{
        gap: 15px;
    }
    .card__bottom{
        padding: 5px 0;
    }
    .title{
        font-size: 25px;
        margin: 15px 0 ;
    }
    .card-item, .a, .b, .c{
        width: 300px;
        height: 300px;
    }
    .swiper{
        display: none;
    }
    .g{
        font-size: 19px;
    }
    .card__bottom-title{
        font-size: 19px;
    }
    .e{
        display: none;
    }
    .card-item{
        width: 300px;
        height: 300px;
    }
    .uslugi__item{
        background: transparent;
        border: none;
        height: 100%;
    }
    .uslugi__item > i{
        color: var(--color2);
    }
    .uslugi__title{
        font-size: 16px;
        color: var(--color2);
    }
    .uslugi__text{
        display: none;
    }
    .containerrr{
        max-width: 300px;
        height: 300px;
    }
    .kontakti_call{
        margin-bottom: 10px;
    }
    .kontakti_call > button{
        padding: 10px 20px;
    }
    .kontakti_call > button > a{
        font-size: 16px ;
    }
    .kontakti__text{
        font-size: 15px;
    }
    .footer_content{
        display: flex;
    }
    .footer__body{
        flex-direction: column;
    }
    .footer__product > h6{
        font-size: 12px;
    }
    .footer_list{
        display: none;
    }
    .card-item{
        width: 300px;
        height: 300px;
    }
    .card-item > img{
        width: 270px;
    }
    .card__top > a > img {
        width: 100%;
        height: 260px;
    }
}

@media (max-width: 320px){
    .containe,.container,.containerr,.containerrr{
        width: 100%;
    }
    .header__logo >.logo > img{
        width: 45px;
        height: 65px;
    }
    .swiper-slide > img{
        height: 200px;
    }
    .menu_list{
        gap: 15px;
    }
    .card__bottom{
        padding: 5px 0;
    }
    .title{
        font-size: 25px;
        margin: 15px 0 ;
    }
    .card-item, .a, .b, .c{
        width: 300px;
        height: 300px;
    }
    .swiper{
        display: none;
    }
    .g{
        font-size: 19px;
    }
    .card__bottom-title{
        font-size: 19px;
    }
    .e{
        display: none;
    }
    .card-item{
        width: 300px;
        height: 300px;
    }
    .uslugi__title{
        font-size: 16px;
    }
    .uslugi__text{
        display: none;
    }
    .containerrr{
        max-width: 300px;
        height: 300px;
    }
    .kontakti_call{
        margin-bottom: 10px;
    }
    .kontakti_call > button{
        padding: 10px 20px;
    }
    .kontakti_call > button > a{
        font-size: 16px ;
    }
    .kontakti__text{
        font-size: 15px;
    }
    .footer_content{
        display: flex;
    }
    .footer__body{
        flex-direction: column;
    }
    .footer__product > h6{
        font-size: 12px;
    }
    .footer_list{
        display: none;
    }
    .card-item{
        width: 300px;
        height: 300px;
    }
    .card__top > a > img {
        width: 100%;
        height: 260px;
    }
}

@media (max-width: 310px){

    .swiper-slide > img{
        height: 130px;
    }
    .menu_list{
        gap: 15px;
    }
    .uslugi__text{
        display: none;
    }
    .footer_list{
        display: none;
    }
    .footer__body{
        flex-direction: column;
    }
    .card-item{
        width: 300px;
        height: 300px;
    }
    .card__top > a > img {
        width: 100%;
        height: 260px;
    }
}

@media (max-width: 290px){

    .swiper-slide > img{
        height: 130px;
    }
    .menu_list{
        gap: 15px;
    }
    .uslugi__text{
        display: none;
    }
    .footer_list{
        display: none;
    }
    .footer__body{
        flex-direction: column;
    }
    .card-item{
        width: 300px;
        height: 300px;
    }
    .card__top > a > img {
        width: 100%;
        height: 260px;
    }
}

@media (max-width: 280px){

    .swiper-slide > img{
        height: 130px;
    }
    .menu_list{
        gap: 15px;
    }
    .uslugi__text{
        display: none;
    }
    .footer_list{
        display: none;
    }
    .footer__body{
        flex-direction: column;
    }
    .card-item{
        width: 300px;
        height: 300px;
    }
    .card__top > a > img {
        width: 100%;
        height: 260px;
    }
}
@media (max-width: 270px){

    .swiper-slide > img{
        height: 130px;
    }
    .menu_list{
        gap: 15px;
    }
    .uslugi__text{
        display: none;
    }
    .footer_list{
        display: none;
    }
    .footer__body{
        flex-direction: column;
    }
    .card-item{
        width: 250px;
        height: 250px;
    }
    .card__top > a > img {
        width: 100%;
        height: 210px;
    }

}
@media (max-width: 260px){

    .swiper-slide > img{
        height: 130px;
    }
    .menu_list{
        gap: 15px;
    }
    .uslugi__text{
        display: none;
    }
    .footer_list{
        display: none;
    }
    .footer__body{
        flex-direction: column;
    }
    .card-item{
        width: 300px;
        height: 300px;
    }
    .card__top > a > img {
        width: 100%;
    }
    .card__top > a > img{
        width: 210px;
        height: 260px;
    }
}
@media (max-width: 250px){

    .swiper-slide > img{
        height: 130px;
    }
    .menu_list{
        gap: 15px;
    }
    .uslugi__text{
        display: none;
    }
    .footer_list{
        display: none;
    }
    .footer__body{
        flex-direction: column;
    }
    .card-item{
        width: 250px;
        height: 250px;
    }
    .card__top > a > img {
        width: 100%;
    }
}