@media (min-width: 768px) { .hero-about.contact-style .hero-wrap { padding: 20px 20px 0 20px; } } @media only screen and (min-width: 1024px) { .hero-about .left { width: 50%; } .hero-about .left h2 { font-size: 32px; } .hero-about.contact-style .hero-wrap { display: flex; position: relative; align-items: center; padding: 0; } .hero-about.contact-style .hero-wrap .left { padding: 70px 0; } .hero-about.contact-style .hero-wrap .left .main-text { font-size: 60px; text-align: left; margin: 0 0 30px 0; } .hero-about.contact-style .hero-wrap .left p { font-size: 16px; } .hero-about.contact-style .hero-wrap .right { width: 490px; align-self: flex-end; } .hero-about.contact-style .hero-wrap .right .leadform .input-wrapper { padding: 35px 0 0 0; } .hero-about.contact-style .hero-wrap .right .leadform .form-bg { width: 490px; } } @media only screen and (min-width: 1280px) { .hero-about .left .main-text { padding: 0; margin: 0 0 20px 0; font-size: 60px; } } @media only screen and (min-width: 1680px) { .hero-about .hero-wrap { padding: 80px 0; } } @media only screen and (min-width: 1024px) { .text { padding: 40px 0 20px 0; } .text .half { flex: 1; } .text .step-desc { width: 45%; } } @media only screen and (min-width: 1280px) { .text .step-desc { width: 35%; } } @media only screen and (min-width: 1024px) { .advantage.about-page .advantage-wrapper .advantage-item { flex: 1; } .advantage .advantage-wrapper { flex-direction: row; align-items: stretch; } } @media only screen and (min-width: 1024px) { .testimonials { padding: 50px 0 0 0; } .testimonial-card { gap: 40px; align-items: center; padding: 10px 40px 40px 40px; margin-bottom: 120px; overflow: visible; flex-direction: row; } .testimonial-content, .testimonial-content-reverse { order: inherit; text-align: start; } .info { gap: 5px; } .info img { width: 60px; } .testimonial-name { font-size: 24px; } .testimonial-text, .testimonial-text p { font-size: 18px; } .testimonial-photo, .testimonial-photo-reverse { width: auto; } .testimonial-photo { transform: translateY(40px); margin-left: auto; margin-right: -40px; margin-bottom: -40px; } .testimonial-photo-reverse { margin-right: auto; margin-left: -40px; margin-top: -40px; transform: translateY(-40px); } .testimonial-photo img, .testimonial-photo-reverse img { width: 350px; max-width: 100%; margin: 0; border-radius: 12px 12px 12px 0; } } @media only screen and (min-width: 1280px) { .info { gap: 20px; } .info img { width: auto; } } @media only screen and (min-width: 1024px) { .bg-black .container { flex-direction: row; } .bg-black .container .left, .bg-black .container .right { flex: 1; } .bg-black .container .left { display: flex; } .bg-black .container .left img { width: 100%; } .bg-black .container .right { text-align: inherit; padding-top: 0; padding-bottom: 0; } .bg-black .container .right .img-mobile { display: none; } .bg-black .container .right p { font-size: 36px; } .bg-black .container .right .cta { font-size: inherit; max-width: 500px; } } @media only screen and (min-width: 1280px) { .bg-black { padding: 70px 0; } }