@media screen and (max-width: 1280px) {
    .sliderMain .slick-arrow {
        left: 15px;
    }
    .sliderMain .slick-next {
        left: auto;
        right: 15px;
    }
}

@media screen and (max-width: 1100px) {
    .productInfo li br {
        display: initial;
    }
    .productItem li {
        min-width: 95px;
    }
    .aboutList {
        width: 29%;
        margin-right: 9.5%;
    }
}

@media screen and (max-width: 970px) {
    header {
        width: calc(100% - 80px);
    }
    .blockTitle {
        margin: 0 0 35px;
        font-size: 36px;
    }
    .alItem p {
        font-size: 26px;
    }
    .aboutList {
        width: 33%;
        margin-right: 5.5%;
    }
    .aboutText p {
        font-size: 16px;
    }
    .productsWrap {
        padding: 20px;
    }
    .formWrap {
        padding: 20px;
    }
    form .button {
        padding: 17px 40px 18px;
    }
    .examplesListWrap span {
        font-size: 26px;
    }
    .companyText p {
        font-size: 16px;
    }
    .companyText {
        width: 45%;
        margin-right: 5.5%;
    }
    .sdLinks a {
        font-size: 26px;
    }
    .serviceText p {
        font-size: 16px;
        margin: 0 0 20px;
    }
    .footerContacts a {
        font-size: 26px;
    }
    .getProduct {
        padding: 10px 15px 10px 20px;
    }
    header ul,
    .headerContacts {
        display: none;
    }
    header .menuToggle {
        display: block;
    }
}

@media screen and (max-width: 780px) {
    .container {
        max-width: calc(100% - 24px);
    }
    .blockTitle {
        margin: 0 0 20px;
        font-size: 28px;
        text-align: center;
    }
    .alItem p {
        font-size: 24px;
    }
    .alItem text {
        font-size: 12px;
        margin: -8px 0 0 45px;
    }
    .aboutList {
        width: 100%;
        margin: 0 0 20px;
        flex-direction: column;
    }
    .alItem {
        margin-bottom: 10px;
    }
    .aboutText {
        width: 100%;
    }
    .aboutText p {
        font-size: 13px;
        margin-bottom: 10px;
    }
    .productsWrap {
        padding: 20px 15px;
        border-radius: 30px;
        margin-top: 30px;
    }
    .productItem {
        width: 100%;
    }
    .productItem + .productItem {
        margin-top: 15px;
    }
    .productItem h2,
    .productItem h3 {
        font-size: 18px;
        margin: 0 25px 15px;
        padding-top: 25px;
        text-align: center;
    }
    .productItem li {
        font-size: 13px;
    }
    .productItem img {
        height: auto;
    }
    .productInfo,
    .productItem img,
    .formWrap,
    .stepItem {
        border-radius: 30px;
    }
    .getProduct text {
        font-size: 16px;
    }
    .formWrap h3 {
        font-size: 18px;
        text-align: center;
    }
    .formWrap p {
        font-size: 13px;
        text-align: center;
    }
    form {
        max-width: 320px;
        flex-direction: column;
        align-items: flex-start;
    }
    .inputWrap,
    .wpcf7-form-control-wrap {
        width: 100%;
        margin-bottom: 5px;
    }
    .checksWrap {
        width: 100%;
        margin: 10px 0 15px;
    }
    .deliveryWrap {
        margin-top: 60px;
    }
    .deliveryWrap .stepItem {
        min-height: 270px;
    }
    .stepItem {
        padding: 25px;
        width: 100%;
    }
    .stepItem p {
        font-size: 13px;
    }
    .warantyWrap {
        margin-top: 45px;
    }
    .examplesWrap {
        margin: 60px 0 0;
        flex-direction: column-reverse;
    }
    .examplesContent {
        margin: 0 0 50px;
        width: 100%;
    }
    .examplesContent .blockTitle {
        text-align: left;
    }
    .examples img {
        height: 190px;
    }
    .examples .slick-list,
    .examplesFull .examples .slick-list {
        width: calc(100% + 258px);
        margin-right: -250px;
        margin-left: -8px;
    }
    .examples .slick-arrow {
        top: auto;
        bottom: -40px;
    }
    .examplesListWrap {
        width: 100%;
        margin-right: 0;
    }
    .examplesListWrap text {
        font-size: 13px;
    }
    .examplesListWrap span {
        font-size: 24px;
    }
    .examplesListWrap span:before {
        margin-top: 5px;
    }
    .companyWrap,
    .serviceWrap {
        margin: 60px 0 0;
    }
    .companyWrap .blockTitle,
    .serviceWrap .blockTitle {
        text-align: left;
    }
    .companyText {
        width: 100%;
        margin-right: 0;
    }
    .companyText p {
        font-size: 13px;
    }
    .companyData {
        border: 1px solid #E2E5E8;
        border-radius: 30px;
        width: calc(100% - 52px);
        padding: 25px;
    }
    .cdItem p {
        font-size: 12px;
    }
    .cdItem p span {
        font-size: 24px;
        margin: 0;
    }
    .cdItem {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .serviceContent {
        flex-direction: column-reverse;
    }
    .serviceText {
        width: 100%;
    }
    .serviceText p {
        font-size: 13px;
        margin: 0 0 15px;
    }
    .serviceData {
        padding: 25px;
        border-radius: 30px;
        width: calc(100% - 52px);
        height: 170px;
    }
    .serviceData span {
        font-size: 12px;
    }
    .sdLinks a {
        font-size: 24px;
    }
    .formBottomWrap {
        margin: 60px -12px 0;
        border-radius: 30px;
    }
    .formBottom {
        padding: 30px 15px;
        border-radius: 30px;
    }
    .formBottom h3 {
        font-size: 18px;
        text-align: center;
    }
    .formBottom p {
        font-size: 13px;
        text-align: center;
    }
    footer {
        margin: 15px -12px 0;
        padding: 40px 25px 15px;
        border-radius: 30px;
    }
    .footerContacts {
        order: 1;
        margin-bottom: 90px;
    }
    .footerData {
        order: 2;
    }
    footer hr {
        order: 3;
    }
    footer > a {
        order: 4;
    }
    .footerContacts a {
        font-size: 32px;
        text-align: left;
    }
    .deliveryWrap .stepItem {
        min-height: auto;
    }
    .deliveryWrap .stepIcon {
        width: 50px;
        height: 50px;
        border-radius: 15px;
    }
    .deliveryWrap .stepIcon span {
        border-radius: 15px;
        background-size: 25px !important;
    }
    .faqItem p {
        font-size: 16px;
    }
}

@media screen and (max-width: 680px) {
    .smItem {
        height: 300px;
    }
    .sliderMain .slick-arrow {
        left: 35px;
        width: 40px;
        height: 40px;
    }
    .sliderMain .slick-next {
        left: auto;
        right: 35px;
    }
    .sliderMain .slick-arrow:before {
        width: 38px;
        height: 38px;
    }
}

@media  screen and (max-width: 440px) {
    .modal .modalWrap {
        width: calc(100% - 40px);
    }
    .modalClose {
        top: -8px;
        right: -8px;
    }
    .modal .modalWrap .formBottom {
        width: calc(100% - 30px);
        max-width: 100%;
    }
    .modal .modalWrap .formBottom form {
        width: 100%;
        max-width: 100%;
    }
    .button {
        padding: 7px 25px 9px;
    }
}

@media screen and (max-width: 420px) {
    .smItem {
        height: 255px;
    }
}

@media screen and (max-width: 380px) {
    .smItem {
        height: 210px;
    }
}