@media screen and (max-width:1279px) {
.main-nav ul a {
padding: 9px 18px;
}
.leave_call .btn {
padding: 10px 20px;
}
.side_wrap .header_social a {
margin-right: 3px;
}
.side_wrap .header_social a svg {
height: 25px;
width: 25px;
}
h1 {
font-size: 34px;
}
h2 {
font-size: 30px;
letter-spacing: 1px;
}
.step-content-side .step-titles div {
font-size: 36px;
}
.quiz-side {
width: 55%;
}
.step-content-side {
width: 40%;
}
.production-stages li {
padding: 7px 30px;
font-size: 18px;
}
.production-stages li span {
font-size: 30px;
}
.benefits-flex {
gap: 30px;
}
.benefits-item {
padding: 15px 20px;
width: 30%;
}
.benefits-item .icon img {
max-width: 35px;
}
.benefits-item:last-child {
padding: 15px 40px;
}
h3 {
font-size: 24px;
}
.cta-block:after {
content: none;
}
.specialist-photo {
width: 100px;
height: 100px;
margin-right: 20px;
}
.specialist {
padding: 20px;
width: calc(50% - 15px);
margin-bottom: 30px;
}
.experience span {
padding: 6px 15px;
font-size: 14px;
}
.specialist-name {
font-size: 18px;
}
.experience {
margin-bottom: 7px;
margin-top: -5px;
}
.position {
line-height: 1.1;
letter-spacing: 1px;
}
.specialist-info {
line-height: 1.1;
letter-spacing: 0;
}
.video_fedback_item {
height: 330px;
}
.slider-sewing-item span {
font-size: 18px;
line-height: 1.2;
}
.banner {
min-height: 550px;
}
.products-slider .owl-item>div,
.slider-sewing-flex>div {
height: 390px;
}
.equipment-item img {
height: 390px;
}
.equipment-item div {
max-width: 310px;
font-size: 16px;
line-height: 1.2;
}
}
@media screen and (max-width:1023px) {
.owl-dots .owl-dot span {
width: 10px;
display: block;
height: 10px;
background-color: grey;
border-radius: 50%;
}
.owl-dots .owl-dot.active span {
background-color: var(--accent)
}
.owl-dots .owl-dot {
margin-left: 7px;
margin-right: 7px;
}
.owl-dots {
display: flex;
justify-content: center;
align-items: center;
margin-top: 10px;
}
}
@media screen and (min-width:992px) {
nav-toggle-btn {
display: none;
}
}
@media screen and (max-width:991px) { .nav-toggle-btn {
display: block;
width: 30px;
height: 30px;
position: relative;
z-index: 7;
overflow: hidden;
cursor: pointer;
flex-shrink: 0;
margin-left: 30px;
}
.nav-toggle-btn span {
width: 30px;
height: 3px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #000;
transition: all 0.5s;
border-radius: 5px;
}
.nav-toggle-btn span:nth-of-type(2) {
top: calc(50% - 7px);
}
.nav-toggle-btn span:nth-of-type(3) {
top: calc(50% + 7px);
}
.nav-toggle-btn.active span:nth-of-type(1) {
display: none;
}
.nav-toggle-btn.active span:nth-of-type(2) {
top: 50%;
transform: translate(-50%, 0%) rotate(45deg);
background-color: #000;
}
.nav-toggle-btn.active span:nth-of-type(3) {
top: 50%;
transform: translate(-50%, 0%) rotate(-45deg);
background-color: #000;
}
.main-nav {
position: fixed;
z-index: 6;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--accent);
transform: translateX(100%);
transition: transform 0.3s;
padding: 120px 0 30px;
}
.main-nav.active {
transform: translateX(0);
}
.main-nav .menu {
display: block;
}
.main-nav .menu li {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.main-nav .menu .menu-item a {
font-size: 20px;
padding: 12px 30px;
letter-spacing: 1px;
} body {
font-size: 16px;
}
.banner {
border-radius: 10px;
background-position: 50% 0;
}
.tp_side:nth-child(1) .side_wrap .phone_header {
font-size: 22px;
letter-spacing: 0;
}
.tp_side:nth-child(1) .side_wrap span,
.leave_call {
display: none;
}
.banner-inner {
max-width: 70%;
}
h1 {
font-size: 30px;
}
section {
margin-bottom: 70px;
}
h2 {
font-size: 26px;
}
.what_sew .step_item .step_title {
padding: 10px 10px;
font-size: 14px;
letter-spacing: 0;
}
.step-content-side .step-titles {
margin-top: 0;
}
.step-content-side .step-titles div {
font-size: 30px;
}
.step-content p {
font-size: 16px;
}
.what_sew .step_item {
margin-bottom: 12px;
}
.quiz_step:not(.what_sew) .step_item:nth-child(3n),
.quiz_step:not(.what_sew) .step_item {
width: 48%;
margin-right: 2%;
}
.main_form_body p>input,
.main_form_body p>span {
width: 48.5%;
margin-bottom: 15px;
}
.wpcf7-form p {
flex-wrap: wrap;
}
.benefits-item:last-child,
.benefits-item {
width: 48%;
}
.benefits-flex {
gap: 20px;
}
.subtitle br {
display: none;
}
.benefits {
background-position: -150px 0;
}
.cta-block .wpcf7-form-control-wrap {
margin-bottom: 15px;
}
.specialist-photo {
margin-right: 15px;
}
.what_sew .step_item .step_image {
height: 90px;
}
.slider-sewing-flex>div {
height: 270px;
width: calc(33% - 10px);
}
.slider-wrap {
padding-left: 0;
padding-right: 0;
}
.equipment-item {
margin-right: 20px;
margin-bottom: 20px;
}
.page-banner {
border-radius:  10px;
background-color: var(--accent);
}
.page-banner .banner-inner {
background-color: rgb(255 255 255 / 0%);
padding: 0;
}
.panel-heading {
padding: 20px 15px 20px 50px;
}
.panel-collapse {
padding: 5px 15px 5px 50px;
}
.panel-heading::after {
left: 5px;
}
.price-table table th, .price-table table td {
padding: 12px 20px;
}
.price-table {
overflow-x: auto;
}
}
@media screen and (max-width:767px) {
section {
margin-bottom: 50px;
padding: 50px 30px;
}
.container {
padding-left: 0;
padding-right: 0;
}
.calc-wrap {
flex-direction: column-reverse;
min-height: 0;
}
.quiz-side {
width: 100%;
}
.step-content-side {
width: 100%;
margin-bottom: 20px;
}
.step-content p {
display: none;
}
.quiz_step:not(.what_sew) {
padding-top: 0;
}
.main_form_body p>span>input {
padding: 12px;
font-size: 15px;
letter-spacing: 0;
}
.section-title {
margin-bottom: 30px;
}
.stages {
background-image: none !important;
}
.benefits-item:last-child,
.benefits-item {
width: 100%;
}
h2 {
font-size: 24px;
}
.production-stages li {
padding: 7px 10px;
font-weight: 400;
line-height: 1.2;
}
.production-stages li span {
font-size: 20px;
width: 30px;
}
.equipment-item div {
max-width: 270px;
line-height: 1.2;
}
.equipment-item img {
margin-bottom: 10px;
height: 360px;
}
.equipment-item {
margin-right: 20px;
}
h3 {
font-size: 18px;
line-height: 1.2;
}
.widget-close {
left: -20px;
}
.sidebar-widget {
right: -170px;
}
.tp_side:first-child {
display: none;
}
.tp_side:nth-child(2) {
width: 80%;
}
.tp_side:nth-child(3) {
width: 20%;
}
.tp_side:nth-child(2) .side_wrap {
flex-direction: column;
align-items: flex-start;
}
.top_header_wrap {
padding: 20px 30px;
}
.header_social {
display: none;
margin-bottom: 12px;
}
.tp_side:nth-child(3) .side_wrap {
flex-direction: column;
justify-content: flex-end;
}
.tp_side:nth-child(2) .side_wrap {
gap: 0;
}
.tp_side:nth-child(2) .side_wrap .description span {
height: auto;
font-size: 11px;
}
.tp_side:nth-child(2) .side_wrap .description span br {
display: none;
}
.custom-logo-link img {
max-width: 115px;
}
.side_wrap .header_social a {
margin-right: 7px;
}
.logo {
margin-bottom: 5px;
}
.banner-inner {
max-width: 100%;
background-color: rgb(255 255 255 / 45%);
padding: 30px;
}
.banner {
background-position: 75% 0;
padding: 160px 0 0;
}
.banner-inner .slogan {
font-size: 14px;
letter-spacing: 0;
}
h1 {
font-size: 26px;
margin-bottom: 20px;
}
.banner-inner p {
margin-bottom: 13px;
}
.step-content-side .step-titles p {
margin: 0 0 15px 0;
font-size: 20px;
line-height: 1.2;
}
.quiz_step:not(.what_sew) .step_item .step_title {
padding: 10px 15px;
line-height: 1.2;
}
.slider-sewing-item span {
font-size: 16px;
margin-top: 11px;
}
.owl-carousel .owl-item .slider-sewing-flex div {
width: calc(50% - 10px);
}
.owl-carousel .owl-item .slider-sewing-flex div:nth-child(3) {
display: none;
}
.cta-block .wpcf7-form-control-wrap {
max-width: 100%;
margin-right: 0;
}
.slider-wrap {
padding-left: 0;
padding-right: 0;
}
.slider-sewing-item {
display: flex;
flex-direction: column-reverse;
}
.cta-block p {
font-size: 16px;
letter-spacing: 0;
}
.specialist {
width: 100%;
}
.footer-wrap,
.contacts-wrap {
flex-wrap: wrap;
}
.contact-info {
width: 100%;
padding-right: 0;
}
.map {
width: 100%;
}
.footer-wrap>div {
width: 100%;
padding: 0 20px;
}
footer .copy {
letter-spacing: 0;
padding: 0 20px;
}
.video_fedback_modal iframe {
width: 100%;
}
.cta-block {
margin-bottom: 50px;
padding: 40px 30px;
}
.mobile-contact-panel {
display: block;
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
padding: 5px 20px;
background-color: var(--accent);
text-align: center;
z-index: 5;
text-transform: uppercase;
box-shadow: 0 -2px 11px rgb(0 0 0 / 16%);
}
footer#footer {
padding: 44px 0 40px;
}
.cta-block input[type="submit"] {
width: 100%;
}
.specialist-wrap {
flex-wrap: wrap;
justify-content: center;
position: relative;
}
.specialist-photo {
margin-right: 0;
margin-bottom: 10px;
}
.experience {
margin-top: -5px;
position: absolute;
top: 0;
right: -5px;
}
.specialist-name,
.specialist-name {
font-size: 16px;
text-align: center;
}
.specialist-info {
font-size: 14px;
}
.products-slider .owl-item>div {
height: 430px;
}
.price-table {
overflow-x: scroll;
}
.price-table table th,
.price-table table td {
padding: 7px 17px;
font-size: 17px;
}
.methods-wrap {
flex-wrap: wrap;
}
.method-item {
width: 100%;
}
.method-item:first-child {
margin-bottom: 20px;
}
.method-item h3 {
font-size: 20px;
}
.page-banner {
padding: 30px;
}
.widget-close a {
box-shadow: -2px -2px 4px 0px rgba(0, 0, 0, 0.1);
}
.owl-dots .owl-dot {
margin-left: 4px;
margin-right: 4px;
}
.panel-heading {
font-weight: 400;
}
}
@media screen and (max-width:374px) {
h2 {
font-size: 20px;
}
.production-stages li {
padding: 7px 0;
}
}