@media screen and (max-width: 1679px) {} @media screen and (max-width: 1365px) { .gallery-list { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .offers-tabs__item-content:nth-child(1), .offers-tabs__item-content:nth-child(4) { -ms-grid-columns: 1fr 14px 1fr 14px 1fr; grid-template-columns: repeat(3, 1fr); gap: 50px 14px; } .offers-tabs__item-content:nth-child(2) { gap: 14px; } .offers-tabs__item-content:nth-child(3) { gap: 14px; } .reviews .reviews-list .review { max-width: none; } .reviews-list .review:nth-child(2), .reviews-list .review:nth-child(3), .reviews-list .review:nth-child(5), .reviews-list .review:nth-child(6), .reviews-list .review:nth-child(7), .reviews-list .review:nth-child(8), .reviews-list .review:nth-child(9), .reviews-list .review:nth-child(10) { width: calc(50% - 20px); } .help svg:last-of-type { right: 0; top: 90px; } .help svg:first-of-type { top: 155px; } .banner img { height: 630px; top: 45px; } .gallery-tabs__list { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); height: 120px; } .gallery-tabs__item-content { -ms-grid-columns: (1fr) [3]; grid-template-columns: repeat(3, 1fr); } .gallery-tabs__item { padding: 0 29px; } .gallery-tabs__item:nth-child(5) { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3; } .gallery-tabs__item:nth-child(5)::before { content: none; } .gallery-tabs__item:nth-child(6) { -ms-grid-column: 3; grid-column-start: 3; -ms-grid-column-span: 3; grid-column-end: 6; } .form-page { height: auto; padding: 270px 0 94.20px; } .form-page .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 728px; margin: 0 auto; } .form-page .form-page__title { max-width: 515px; } .form-page .form { margin-top: 50px; width: 100%; } .form-page .form-top { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .form-page .form-bottom { -ms-grid-columns: auto; grid-template-columns: auto; max-width: 378px; margin: 35px auto 0; gap: 20px; } .form-page .form-bottom label { margin: 0; } .form-page .form-bottom label p { display: -webkit-box; display: -ms-flexbox; display: flex; } .form-page .form-bottom label p a { margin-left: 3px; } } @media screen and (max-width: 1023px) { .banner { padding: 200px 0 0 50px; background-position: -270px 0; } .banner img { height: 545px; top: 260px; } .advantages .content { top: -105px; -ms-grid-columns: 1fr 35px 1fr; grid-template-columns: repeat(2, 1fr); padding: 20px 70px 20px 100px; gap: 50px 35px; } .header .content > .menu { display: none; } .header .content .feedback-block { display: none; } .products { padding-top: 80px; } .products .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .products-item__image { padding-bottom: 57%; } .products-list { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); margin-top: 65px; } .gallery-list { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .offers .subtitle { margin-left: 70px; } .offers-tabs__item-content:nth-child(1), .offers-tabs__item-content:nth-child(4) { -ms-grid-columns: 1fr 35px 1fr; grid-template-columns: repeat(2, 1fr); gap: 50px 35px; } .offers-tabs__item-content:nth-child(2) { -ms-grid-columns: auto; grid-template-columns: auto; gap: 45px; padding: 50px 50px 35px; } .offers-tabs__item-content:nth-child(3) { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 0px 1fr; grid-template-columns: repeat(2, 1fr); gap: 55px 0px; padding: 50px 80px 40px; } .offers-tabs__item-content:nth-child(4) { padding: 50px 65px 30px; } .reviews-list .review:nth-child(1), .reviews-list .review:nth-child(4) { height: 143px; } .reviews-list .review:nth-child(1) .review-text br, .reviews-list .review:nth-child(2) .review-text br, .reviews-list .review:nth-child(4) .review-text br, .reviews-list .review:nth-child(6) .review-text br, .reviews-list .review:nth-child(9) .review-text br, .reviews-list .review:nth-child(10) .review-text br { display: none; } .faq { padding: 120px 0 0; overflow: hidden; } .faq .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 60px; } .faq .faq-block > svg { left: auto; top: -270px; right: 5px; bottom: auto; height: 325px; width: auto; } .faq .faq-block .faq-list { gap: 15px; } .faq .faq-block .faq-list .faq-item .faq-item__header { line-height: 25px; } .faq .faq-block .button { margin: 60px auto; } .help { overflow: hidden; } .help svg:first-of-type { top: auto; height: 150px; bottom: 0; left: 20px; width: auto; } .help svg:last-of-type { right: -10px; top: auto; height: 250px; bottom: -40px; width: auto; } .footer .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 39px 0 57px; } .footer .content .menu { margin: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .footer .content .mail { margin-top: 30px; text-decoration: underline; } .footer .content .menu { margin: 35px 0 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .menu-label { display: -webkit-box; display: -ms-flexbox; display: flex; } .gallery-tabs { margin-top: 45px; } .gallery-tabs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery-tabs__item-content { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .gallery-tabs__item:nth-child(1), .gallery-tabs__item:nth-child(2), .gallery-tabs__item:nth-child(3) { width: 22%; } .gallery-tabs__item:nth-child(4) { width: 34%; } .gallery-tabs__item:nth-child(5), .gallery-tabs__item:nth-child(6) { width: 50%; } .footer .content .logo img:first-child { display: none; } .footer .content .logo img:last-child { display: block; } .help .help-text { max-width: 458px; } } @media screen and (max-width: 767px) { .container { padding: 0 10px; } .header .content { padding: 5px 0; } .header .content .logo { width: 170px; } .header .content .menu-block { padding: 100px 0 10px 20px; } .menu-checkbox + .menu-label .menu-open { width: 40px; height: 32px; } .menu-checkbox + .menu-label .menu-close { width: 28px; height: 28px; } .banner { height: 975px; padding: 130px 5px 0 0px; } .banner-block { padding: 20px 15px 25px; } .banner-block h1 { font-size: 54px; text-align: center; } .banner-block h1 span { font-size: 54px; line-height: 54px; text-align: center; margin-top: 10px; } .banner-block p { font-size: 20px; line-height: 32px; text-align: center; margin-top: 10px; } .banner-block p br { display: none; } .banner-block .button { margin: 30px 0 0 5px; height: 60px; width: 100%; } .banner img { height: 445px; top: 360px; } .advantages .content { padding: 20px; -ms-grid-columns: auto; grid-template-columns: auto; top: -65px; } .subtitle { font-size: 40px; } .products { padding-top: 60px; } .products .subtitle svg { width: 79px; height: 16px; } .products-list { -ms-grid-columns: auto; grid-template-columns: auto; margin-top: 50px; gap: 52px 40px; } .products-item__image { padding-bottom: 66%; } .products-item p { margin-top: 15px; } .gallery { margin-top: 50px; padding-top: 70px; } .gallery .subtitle { gap: 10px; } .gallery .subtitle svg { width: 72px; height: 64px; } .gallery-list { margin-top: 45px; } .gallery .button { width: 100%; } .offers { padding: 125px 0 50px; } .offers .subtitle { max-width: 171px; } .offers .subtitle svg { right: -42px; width: 88px; height: 39px; bottom: -18px; } .offers-tabs { margin-top: 50px; position: relative; } .offers-tabs::after { content: ''; background: #2E2F3580; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: hidden; opacity: 0; border-radius: 5px; } .offers-tabs.active::after { opacity: 1; visibility: visible; } .offers-tabs.active .offers-tabs__list { height: 240px; } .offers-tabs:not(.active) .offers-tabs__list .offers-tabs__item:not(.active) { display: none; } .offers-tabs__item.active { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; gap: 10px; } .offers-tabs__item-content:nth-child(1) { -ms-grid-columns: auto; grid-template-columns: auto; padding: 50px 0 30px 39px; gap: 30px 35px; } .offers-tabs__item-content:nth-child(1) .offers-tab__item img { width: 60px; height: 60px; } .offers-tabs__list { -ms-grid-columns: auto; grid-template-columns: auto; height: 60px; } .offers-tabs__item.active svg { display: -webkit-box; display: -ms-flexbox; display: flex; pointer-events: none; } .offers-tabs.active .offers-tabs__item.active svg { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .offers-tabs__item:not(:first-child)::before { left: auto; top: -2px; width: calc(100% - 20px); height: 1px; } .offers-tabs.active .offers-tabs__content { margin-top: -180px; } .offers-tabs.active .offers-tabs__list::after { content: none; } .offers-tabs__item-content:nth-child(2) { padding: 50px 30px 30px; gap: 50px; } .offers-tabs__item-content:nth-child(2) .offers-tab__item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .offers-tabs__item-content:nth-child(2) .offers-tab__item img { width: 80px; height: 80px; } .offers-tabs__item-content:nth-child(2) .offers-tab__item > div { margin-top: 25px; } .offers-tabs__item-content:nth-child(2) .offers-tab__item > div > p { width: calc(100% + 100px); margin: 0 0 0 -100px; } .offers-tabs__item-content:nth-child(3) { -ms-grid-columns: auto; grid-template-columns: auto; padding: 50px 30px 30px; } .offers-tabs__item-content:nth-child(3) .offers-tab__item img { width: 80px; height: 80px; } .offers-tabs__item-content:nth-child(3) .offers-tab__item { gap: 8px; } .offers-tabs__item-content:nth-child(4) { -ms-grid-columns: auto; grid-template-columns: auto; padding: 50px 0 30px 15px; gap: 50px 35px; } .offers-tabs__item-content:nth-child(4) .offers-tab__item:nth-child(4n+1) { width: 100%; } .offers-tabs__item-content:nth-child(4) .offers-tab__item:nth-child(4n+2) { width: 278px; } .offers-tabs__item-content:nth-child(4) .offers-tab__item:nth-child(4n+3) { width: 100%; } .reviews { padding-top: 95px; } .reviews .subtitle svg { height: 116px; width: 100%; } .reviews-list { gap: 21px 40px; margin-top: 100px; } .reviews .reviews-list .review { width: 100%; padding: 30px 15px 20px 30px; } .reviews-list .review:nth-child(1) { height: 247px; } .reviews-list .review:nth-child(2), .reviews-list .review:nth-child(4), .reviews-list .review:nth-child(9), .reviews-list .review:nth-child(10) { height: 195px; } .reviews-list .review:nth-child(3), .reviews-list .review:nth-child(6), .reviews-list .review:nth-child(8) { height: 169px; } .reviews-list .review:nth-child(5), .reviews-list .review:nth-child(7) { height: 143px; } .faq { margin-top: 50px; padding: 70px 0 55px; } .faq .subtitle { margin-left: -85px; } .faq .content { gap: 50px; } .faq .faq-block > svg { top: -135px; right: 45px; width: 95px; height: auto; } .faq .faq-block .faq-list .faq-item .faq-item__header { padding: 20px 10px 12px 10px; gap: 35px; line-height: 32px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .faq .faq-block .faq-list .faq-item.active .faq-item__header { padding: 20px 10px 22px 10px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .faq .faq-block .faq-list .faq-item .faq-item__body { padding: 0 10px; } .faq .faq-block .faq-list .faq-item.active .faq-item__body { padding: 0 35px 10px 10px; } .faq .faq-block .faq-list .faq-item .faq-item__header .faq-item__plus { margin-top: 12px; } .faq .faq-block .faq-list .faq-item .faq-item__header .faq-item__plus svg { width: 15px; height: 15px; } .faq .faq-block .button { margin: 55px 0 0; width: 100%; } .help { padding: 70px 0 55px; } .help .help-text { margin: 20px auto 0; } .help svg { display: none; } .help .button { width: 100%; } .footer .content { padding: 35px 0 57px; } .footer .content .logo { width: 110px; } .footer .content .mail { margin-top: 20px; font-size: 12px; } .footer .content .menu ul { gap: 28px; } .gallery-page { padding: 140px 0 55px; } .gallery-page .subtitle { gap: 10px; } .gallery-page .subtitle svg { width: 72px; height: 64px; } .gallery-tabs { position: relative; } .gallery-tabs__list { height: 60px; display: -ms-grid; display: grid; -ms-grid-columns: auto; grid-template-columns: auto; } #gallery-tabs__list .gallery-tabs__item { width: 100%; -ms-grid-column: auto; grid-column-start: auto; grid-column-end: auto; padding: 0; } .gallery-tabs__item.active { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; gap: 10px; } .gallery-tabs__item.active svg { display: -webkit-box; display: -ms-flexbox; display: flex; pointer-events: none; } .gallery-tabs:not(.active) .gallery-tabs__list .gallery-tabs__item:not(.active) { display: none; } .gallery-tabs.active .gallery-tabs__list { height: 360px; } .gallery-tabs.active .gallery-tabs__item.active svg { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .gallery-tabs__content { margin-top: 25px; } .gallery-tabs.active .gallery-tabs__content { margin-top: -275px; } .gallery-tabs::after { content: ''; background: #2E2F3580; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: hidden; opacity: 0; border-radius: 5px; } .gallery-tabs.active::after { opacity: 1; visibility: visible; } .gallery-tabs.active .gallery-tabs__list::after { content: none; } .gallery-tabs__item:nth-child(5)::before { content: ''; } .gallery-tabs__item:not(:first-child)::before { left: auto; top: -2px; width: calc(100% - 20px); height: 1px; } .gallery-tabs__item.active + .gallery-tabs__item::before, .offers-tabs__item.active + .offers-tabs__item::before { opacity: 1; } .form-page { padding: 170px 0 55px; } .form-page .subtitle { margin: 0; padding: 0 18px; } .form-page .subtitle svg { width: 100%; top: -60px; } .form-page .form-page__title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-page .form-page__title p { margin: 55px 0 0 20px; text-align: center; } .form-page .form-top { -ms-grid-columns: auto; grid-template-columns: auto; gap: 15px; } .form-page .form-right { gap: 15px; } .form-page .form-bottom label { margin: 0 45px; } .form-page .form-bottom label p { display: ruby; } } @media screen and (max-width: 430px) { .banner img { height: 330px; right: 0; top: auto; bottom: -395px; left: 0; margin: 0 auto; } .help .help-text { max-width: 292px; } } @media screen and (max-width: 413px) { .banner img { bottom: -340px; } } @media screen and (max-width: 374px) { .offers .subtitle { margin-left: 45px; } .banner img { bottom: -320px; } }