@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; } }