@media only screen and (min-width: 767px) { .hero .content-wrap { gap: 50px; padding: 0 0 40px 0 } .hero .content-wrap h1 { font-size: 55px } .hero .content-wrap p { margin-bottom: 10px } .hero .content-wrap .btns-wrap { flex-direction: row; gap: 32px } .hero .content-wrap .btns-wrap .orange-btn { max-width: 180px } } @media only screen and (min-width: 1023px) { .hero .content-wrap { padding: 0 0 80px 0 } .hero .content-wrap h1 { padding: 0 110px } .hero .content-wrap p { padding: 0 146px } } @media only screen and (min-width: 1440px) { .hero .content-wrap h1 { font-size: 80px } .hero .content-wrap p { font-size: 20px } } @media only screen and (min-width: 767px) { .contact .content-wrap .title-cont { padding: 0 60px } } @media only screen and (min-width: 1023px) { .contact { padding: 0 0 20px 0 } .contact .content-wrap .title-cont, .contact .content-wrap.bg-or p a { font-size: 32px; line-height: 120% } .contact .content-wrap .title-cont { padding: 0 } .contact .content-wrap.bg-or { padding: 32px 60px } } @media only screen and (min-width: 1360px) { .contact .content-wrap .title-cont { width: 100%; max-width: 850px } } @media only screen and (min-width: 1023px) { .qa { padding: 0 0 160px 0 } .qa .title-qa { width: 100%; font-size: 60px; margin-bottom: 64px } .qa .faqs-wrap { gap: 32px } } @media only screen and (min-width: 1280px) { .qa .title-qa { font-size: 80px } }