@media screen and (max-width: 1310px){
    .container{
        padding-left: 50px;
        padding-right: 50px;
    }
    .pageContentAll{
        padding-top: 130px;
    }
    .info-top-right-flexHeader p, .info-top-right-flexHeader a{
        font-size: 14px;
    }
    .socialsTopHeader a img{
        height: 30px;
    }
    .socialsTopHeader a{
        width: 30px;
        height: 30px;
    }
    .flex-info-top-right-flexHeader{
        gap: 20px;
    }
    .bottom-right-flexHeader li a{
        font-size: 14px;
    }
    .logoHeader img{
        height: 90px;
    }
    .right-flexHeader{
        gap: 15px;
    }
    header{
        padding-bottom: 10px;
    }
    .mainBannerPage{
        padding-top: 140px;
    }
    .swiper-button-nextBanner {
        right: 40px !important;
    }
    .swiper-button-prevBanner {
        left: 40px!important;
    }
}
@media screen and (max-width: 1165px){
    .top-right-flexHeader{
        display: none;
    }
    .photo-flexWrapper-cardContent{
        min-width: 300px;
        height: 300px;
    }
    .bnt-right-flexWrapper-cardContent a{
        width: 100%;
    }
    .bnt-right-flexWrapper-cardContent{
        width: 100%;
    }
    .card-category{
        width: calc(33% - 12px);
    }
    .pageContentAll {
        padding-top: 90px;
    }
    .colFooter h3{
        font-size: 14px;
    }
    .colFooter{
        gap: 10px;
    }
    .links-colFooter a{
        font-size: 13px;
        line-height: 15px;
    }
    .info-top-right-flexHeader p, .info-top-right-flexHeader a{
        font-size: 13px;
    }
    .info-top-right-flexHeader svg{
        height: 20px;
    }
    .logoFooter{
        height: 120px;
    }
    .flexFooter{
        flex-wrap: wrap;
    }
    .logosMain{
        margin-top: 50px;
    }
    .howWeWork{
        margin-top: 50px;
    }
    footer{
        margin-top: 50px;
    }
    .logos-contentBGLogos{
        height: 60px;
    }
    .contentBGLogos{
        padding: 20px 0;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
        left: 40px!important;
    }
    .catalogMainPage{
        margin-top: 40px;
    }
    .block-flex-catalogCategory{
        width: calc(50% - 10px);
    }
    .bannerSlideContent{
        padding: 80px 40px;
    }
    .bannerSlideContent h1{
        font-size: 32px;
        line-height: 40px;
    }
    .bannerSlideContent p{
        font-size: 14px;
    }
    .bannerSlideContent a{
        margin-top: 20px;
        font-size: 14px;
        padding: 4px 10px;
    }
    .bottom-right-flexHeader{
        padding-bottom: 0;
    }
    .flexHeader{
        align-items: center;
    }
    .logoHeader-1{
        display: none;
    }
    .logoHeader-2{
        display: block;
    }
    .logoHeader img{
        height: 50px;
    }
    .mainBannerPage {
        padding-top: 90px;
    }
    .hamburger-menu{
        display: block;
    }
    .right-flexHeader{
        display: none;
    }
    .openModalHeader-2{
        display: flex;
    }
    .right-mob{
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .hamburger-menu .right-flexHeader{
        display: flex;
        height: 100%;
        flex-direction: column-reverse;
    }
    .bottom-right-flexHeader li a{
        color: #FFFFFF;
    }
    .bottom-right-flexHeader{
        flex-direction: column;
    }
    .info-top-right-flexHeader p, .info-top-right-flexHeader a{
        color: #FFFFFF;
    }
    .hamburger-menu .right-flexHeader{
        gap: 50px;
        justify-content: center;
    }
    .flex-info-top-right-flexHeader{
        flex-direction: column;
    }
    .hamburger-menu .top-right-flexHeader{
        display: flex;
        flex-direction: column;
    }
}
@media screen and (max-width: 900px){
    .filtersCategory{
        margin-bottom: 30px;
        gap: 20px;
    }
    .newsBlock{
        width: calc(50% - 8px);
    }
    .newsBlock{
        margin-bottom: 10px;
    }
    .block-certificatesWrapper p{
        font-size: 14px;
        line-height: 18px;
    }
    .block-certificatesWrapper{
        width: calc(50% - 15px);
    }
    .filterBlock__filtersCategory{
        width: calc(50% - 10px);
    }
    .card-category{
        width: calc(50% - 10px);
    }
    .flexWrapper-cardContent{
        flex-direction: column;
        gap: 30px;
    }
    .photo-flexWrapper-cardContent{
        width: 100%;
    }
    .project-block h4{
        font-size: 16px;
        line-height: 20px;
    }
    .project-block p{
        font-size: 14px;
        line-height: 18px;
    }
    .photo-project-block a{
        width: calc(50% - 10px);
    }
    .projectWrapper{
        gap: 30px;
    }

}
@media screen and (max-width: 650px){
    .modal-content{
        width: 90%;
    }
    .newsBlock{
        width: 100%;
    }
    .newsBlockPhoto{
        height: auto;
    }
    .newsBlock img{
        max-height: none;
        width: 100%;
        height: auto;
    }
    .flexContact{
        flex-direction: column;
        gap: 30px;
    }
    .right-lineFlex-leftContact h4{
        font-size: 14px;
        line-height: 18px;
    }
    .right-lineFlex-leftContact p, .right-lineFlex-leftContact a{
        font-size: 14px;
    }
    .leftContact{
        padding: 15px;
    }
    .bnt-leftContact{
        font-size: 14px;
    }
    .bottomContact{
        padding: 15px;
        margin-top: 30px;
        gap: 10px;
    }
    .flex-bottomContact p{
        font-size: 14px;
    }
    .map{
        height: 400px;
    }
    .certificatesWrapper{
        gap: 20px;
    }
    .flex-qa .box .label{
        font-size: 16px;
        line-height: 20px;
    }
    .flex-qa .box .content p{
        font-size: 14px;
        line-height: 18px;
    }
    .flex-qa{
        gap: 15px;
    }
    .block-certificatesWrapper{
        width: 100%;
    }
    .wrapperCards-category{
        gap: 20px;
    }
    .textGuarantee p{
        font-size: 13px;
        line-height: 16px;
    }
    .textGuarantee h4{
        font-size: 16px;
        line-height: 20px;
    }
    .textGuarantee{
        gap: 15px;
    }
}
@media screen and (max-width: 550px){
    .container{
        padding: 0 20px;
    }
    .right-flexWrapper-cardContent{
        width: 100%;
    }
    .image-wrapper-product{
        width: 100%;
    }
    .text-newsBlock h3{
        font-size: 16px;
        line-height: 20px;
    }
    .text-newsBlock p{
        font-size: 12px;
    }
    .filterBlock__filtersCategory{
        height: 35px;
        font-size: 12px;
    }
    .filtersCategory{
        gap: 10px;
    }
    .filterBlock__filtersCategory {
        width: calc(50% - 6px);
    }
    .title-card-category p{
        font-size: 12px;
    }
    .title-card-category h4{
        font-size: 14px;
        line-height: 20px;
    }
    .price-card-category p{
        font-size: 18px;
        line-height: 22px;
    }
    .card-category{
        gap: 15px;
        width: 100%;
    }
    .modalWrapperContent h2{
        font-size: 24px;
    }
    .modalWrapperContent p{
        font-size: 14px;
        line-height: 20px;
    }
    .labelModal input{
        height: 40px;
    }
    .modalWrapperContent button{
        height: 40px;
        font-size: 14px;
    }
    .close img{
        height: 30px;
    }
    .modal-content{
        padding: 20px;
    }
    .lastFooter span{
        font-size: 12px;
    }
    .right-socials-lastFooter a{
        font-size: 12px;
    }
    .lastFooter{
        gap: 10px;
    }
    .colFooter:last-child{
        width: 100%;
    }
    .colFooter3{
        width: 100%;
    }
    .photo-howWeWork2{
        display: block;
        margin: 0 auto;
    }
    .photo-howWeWork{
        display: none;
    }
    .logos-contentBGLogos img{
        height: 15px;
    }
    .title-titlePages{
        margin-bottom: 15px;
    }
    .logosMain{
        margin-top: 40px;
    }
    footer{
        margin-top: 40px;
    }
    .howWeWork{
        margin-top: 40px;
    }
    .title-titlePages h2{
        font-size: 20px;
        line-height: 26px;
    }
    .cardSectionCategory{
        margin-top: 40px;
    }
    .block-flex-catalogCategory{
        padding: 8px;
        width: 100%;
    }
    .info-block-flex-catalogCategory h4{
        font-size: 12px;
    }
    .info-block-flex-catalogCategory p{
        font-size: 12px;
    }
    .openModalHeader{
        font-size: 14px;
        padding: 11px;
    }
    .right-mob{
        gap: 10px;
    }
    .flexHeader{
        gap: 5px;
    }
    .swiper-button-prevBanner{
        left: 10px!important;
    }
    .swiper-button-nextBanner{
        right: 10px!important;
    }
    .bannerSlideContent h1{
        text-align: center;
    }
    .bannerSlideContent p{
        text-align: center;
        line-height: 20px;
    }
    .bannerSlideContent a{
        margin: 0 auto;
        margin-top: 30px;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
        width: 100% !important;
        left: auto!important;
    }
    .bannerSlideContent h1{
        font-size: 24px;
    }
    .title-right-flexWrapper-cardContent{
        font-size: 18px;
    }
    .right-flexWrapper-cardContent{
        gap: 5px;
    }
    .flex-right-flexWrapper-cardContent{
        flex-direction: column;
    }
    .blockInfo-flex-right-flexWrapper-cardContent{
        width: 100%;
    }
    .bnt-right-flexWrapper-cardContent a{
        font-size: 14px;
        height: 45px;
    }
    .bnt-right-flexWrapper-cardContent{
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}
@media screen and (max-width: 360px){
    .openModalHeader{
        display: none;
    }
    .bannerSlideContent{
        padding: 60px 20px;
    }
}