@media (min-width: 768px) and (max-width: 990px) { .hero-block {
padding: 0;
padding: 0;
min-width: 990px;
width: 100%;
}
.hero-main-info {
min-width: auto;
}
.hero-menu {
column-gap: 16px;
}
.hero-contacts {
column-gap: 16px;
}
.hero-text-main {
font-size: 16px;
}
.hero-phone-number {
font-size: 16px;
}
.hero-callback-btn {
padding: 14px 16px;
}
.hero-bg-section {
padding: 40px 40px 50px;
}
.hero-title-block {
margin-right: 0;
}
.hero-title-main {
font-size: 40px;
}
.hero-title-sub {
font-size: 26px;
}
.hero-guarantee {
font-size: 20px;
line-height: 28px;
}
.hero-divider-white {
width: 100%;
}
.hero-description {
width: 100%;
max-width: 500px;
}
.hero-advantages {
flex-direction: row;
row-gap: 20px;
}
.hero-advantage-item {
flex: unset;
}
.hero-advantage-desc {
max-width: 100%;
} .hero-sticky-header .hero-main-info {
padding: 6px 40px;
}
.hero-sticky-header .hero-contacts {
column-gap: 16px;
}
}
@media (min-width: 768px) and (max-width: 990px) { .calc.right {
width: 50%;
height: 450px;
margin-top: 30px;
}
.gr_form_left {
width: auto;
}
.gr_form .form_one {
padding: 30px;
}
.mb_2_form_form .form_one {
flex-direction: column;
gap: 20px;
}
.calculator.gr_form .button_one {
width: 100%;
}
.check-form {
margin-left: 0;
}
.form-panel.flex-row {
flex-direction: column;
}
.form-panel.flex-row > div:first-child {
border-right: none;
border-bottom: 2px dotted rgba(14, 52, 86, 0.16);
padding-right: 0;
padding-bottom: 20px;
margin-right: 0;
margin-bottom: 20px;
}
.price-card-wrapper {
bottom: 20px;
right: 20px;
}
.calc .title-section {
width: fit-content;
} .product-button {
display: flex;
flex-direction: column;
position: static;
width: 100%;
} #mb4 .descript {
max-width: 100%;
} .offer-form-section {
margin-bottom: 50px;
}
.offer-form-wrapper {
flex-direction: column;
gap: 15px;
}
.offer-left-block {
width: 100%;
max-width: 100%;
height: auto;
background: #FFBD45;
border-radius: 7px;
}
.offer-right-block {
width: 100%;
margin-left: 0;
margin-top: 0;
min-height: unset;
max-width: unset;
height: auto;
}
.offer-form-bg {
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
}
.offer-form-container {
position: relative;
top: auto;
left: auto;
width: 100%;
max-width: unset;
padding: 24px;
}
.offer-mockup {
display: none;
}
.offer-checkbox-wrapper {
justify-content: center;
}
.offer-checkbox-text {
flex: auto;
width: 240px;
} .contacts-section {
padding: 50px 0;
}
.contacts-title {
font-size: 28px;
line-height: 34px;
margin-bottom: 30px;
}
.contacts-map-wrapper {
height: 500px;
}
.contacts-overlay {
padding: 40px 20px;
}
.contacts-images {
display: none;
}
.contacts-info {
margin-left: 0;
max-width: 100%;
} .section-calc {
padding-top: 30px;
padding-bottom: 50px;
}
.mb5-bottom__desc {
font-size: 20px;
}
.mb5-bottom__desc br {
display: none;
}
#mb6 .title-section br {
display: none;
}
}
@media (min-width: 990px) and (max-width: 1279px) {
.hero-block {
margin-top: 10px !important;
}
.features {
padding: 40px 0 !important;
}
.section-calc .container {
padding: 0px 15px !important;
}
.section-calc {
padding: 20px 0 !important;
}
.gr_form .form_one {
padding: 30px 0 !important;
padding-left: 130px !important;
}
#mb3 .title-section,
.documents-section,
#mb4 .title-section,
#mb5 .title-section,
#mb2 .title-section {
margin-top: 40px !important;
}
.mb2_blocks:last-child {
flex: 1 !important;
}
.mb2_block {
padding-bottom: 0 !important;
}
.container {
padding: 0 15px !important;
max-width: 1200px !important;
}
.offer-form-section {
margin-bottom: 60px !important;
}
.channel,
#mb6 .owl-carousel .owl-stage-outer {
padding-bottom: 40px !important;
}
#mb6 .title-section {
padding-top: 40px !important;
}
.map-section {
padding: 40px 0 !important;
}
.contacts-section {
max-width: 1200px !important;
padding: 0 15px !important;
padding-bottom: 40px !important;
}
}
@media (min-width: 769px) and (max-width: 990px) { .features {
padding: 50px 0;
}
.features__title {
font-size: 28px;
text-align: center;
margin: 0 auto 30px;
}
.features br {
display: none;
}
.features__grid {
gap: 10px;
}
.features__row {
flex-direction: column;
gap: 10px;
}
.features__card {
flex: 1 1 auto;
max-width: 100%;
} .features__card--supply {
padding: 0 20px 20px;
}
.features__card--supply .features__card-content {
padding-top: 0;
}
.features__card--supply .features__card-title {
font-size: 20px;
margin-top: 12px;
}
.features__card--supply .features__card-image-wrapper {
margin-left: -12px;
margin-right: -12px;
width: calc(100% + 24px);
} .features__card--production {
padding: 0 20px 20px;
flex-direction: column-reverse;
}
.features__card--production .features__card-image-wrapper {
margin-top: 0;
margin-bottom: 12px;
margin-left: -12px;
margin-right: -12px;
width: calc(100% + 24px);
}
.features__card--production .features__card-title {
font-size: 20px;
align-self: flex-start;
}
.features__card--production .features__card-text {
align-self: flex-start;
}
.features__card--production .features__card-content {
align-items: flex-start;
text-align: left;
} .features__card--quality {
flex-direction: column;
padding: 0 20px 20px;
align-items: stretch;
}
.features__card--quality .features__card-image-wrapper {
flex: 0 0 auto;
margin: 0 0 12px 0;
margin-left: -12px;
margin-right: -12px;
width: calc(100% + 24px);
}
.features__card--quality .features__card-image {
border-radius: 5px;
}
.features__card--quality .features__card-title {
font-size: 20px;
} .features__card--video {
width: 100%;
}
.features__video-bg {
min-height: 200px;
} .documents-section {
margin-top: 50px;
}
.documents-section br {
display: none;
}
.documents-section__title {
font-size: 28px;
text-align: center;
}
.documents-section__big-card {
min-height: unset;
margin-top: 24px;
padding: 16px;
flex-direction: column-reverse;
gap: 16px;
}
.documents-section__image-wrapper {
max-width: 100%;
margin: 0;
}
.documents-section__software-image {
height: 280px;
}
.documents-section__content {
max-width: unset;
}
.documents-section__intro {
font-size: 20px;
}
.documents-section__video {
position: relative;
bottom: unset;
right: unset;
width: 100%;
height: 200px;
}
.documents-section__mini-card {
margin-top: 10px;
padding: 16px;
}
.documents-section__mini-title {
font-size: 20px;
}
.documents-section__documents-preview {
position: absolute;
top: 124px;
right: unset;
left: -38px;
max-width: 500px;
min-height: 130px;
}
.documents-section__form-block {
margin-top: 120px;
padding: 20px;
min-height: unset;
}
.documents-section__form-bg {
display: none;
}
.documents-section__form-content {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.documents-section__form-text {
align-items: center;
gap: 12px;
}
.documents-section__form-title {
font-size: 20px;
text-align: center;
}
.documents-section__form-subtitle {
font-size: 15px;
text-align: center;
margin-top: 8px;
}
.documents-section__form {
width: 100%;
gap: 12px;
}
.documents-section__form-inputs {
flex-direction: column;
width: 100%;
gap: 16px;
}
.documents-section__input-group {
width: 100%;
}
.documents-section__form-button {
min-width: unset;
width: 100%;
}
.documents-section__form-checkbox {
min-width: unset;
height: unset;
align-items: flex-start;
margin: 0 auto;
justify-content: center;
gap: 6px;
} .channel {
padding-bottom: 50px;
}
.channel br {
display: none;
}
.channel__header {
margin-bottom: 24px;
}
.channel__title {
font-size: 28px;
text-align: center;
margin-bottom: 12px;
}
.channel__description {
font-size: 16px;
text-align: center;
line-height: 1.4;
}
.channel__slider {
margin-bottom: 30px !important;
}
.channel__cta {
padding: 24px;
}
.channel__cta-content {
flex-direction: column;
align-items: center;
text-align: center;
}
.channel__cta-title {
font-size: 20px;
line-height: 1.3;
margin-bottom: 12px;
}
.channel__cta-desc {
font-size: 15px;
line-height: 1.4;
}
.channel__cta-button {
margin-left: 0;
margin-top: 20px;
width: 100%;
height: 54px;
box-sizing: border-box;
} .channel__slider .owl-prev {
left: calc(50% - 370px);
}
.channel__slider .owl-next {
right: calc(50% - 370px);
} .map-section {
padding: 50px 0;
}
.map-section__header {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 24px;
}
.map-section__title {
font-size: 28px;
}
.map-section__subtitle {
font-size: 16px;
line-height: 22px;
margin-top: 12px;
}
.map-section__title br,
.map-section__subtitle br {
display: none;
}
.map-section__map-wrapper {
height: 380px;
}
.map-section__cta {
flex-direction: column;
align-items: center;
text-align: center;
margin-top: 24px;
}
.map-section__cta-text {
align-items: center;
}
.map-section__cta-title,
.map-section__cta-desc {
font-size: 20px;
line-height: 26px;
}
.map-section__arrow--pc {
display: none;
}
.map-section__button-wrapper {
width: 100%;
justify-content: space-between;
margin-top: 16px;
}
.map-section__button {
margin-top: 0;
z-index: 1;
}
.map-section__arrow--mobile-left {
display: block;
width: 25%;
max-width: 100px;
}
.map-section__arrow--mobile-right {
display: block;
width: 25%;
max-width: 100px;
}
}