@media (max-width: 1279px) {
.container, .wrapper {
padding: 0 20px;
}
.header-inner {
padding: 20px;
}
.header-nav {
gap: 30px;
}
.home-hero__inner {
gap: 60px;
grid-template-columns: 1fr 0.8fr;
}
.home-hero__content h1 {
font-size: 60px;
}
.home-hero__subtitle > p:first-child {
font-size: 20px;
}
.home-hero__subtitle-extended {
font-size: 16px;
}
.home-hero__features {
gap: 12px;
}
.home-hero__feature {
padding: 16px 20px;
}
.home-hero__form {
padding: 40px;
}
.home-partners__marquee {
gap: 60px;
animation-duration: 35s;
}
.home-partners__logo {
min-width: 140px;
}
.home-services__grid {
grid-template-columns: repeat(2, 1fr);
}
.home-fleet__card {
flex: 0 0 calc(50% - 15px);
}
.home-why__grid {
grid-template-columns: repeat(2, 1fr);
}
.home-gallery__masonry {
column-count: 3;
}
.home-blog__grid {
grid-template-columns: repeat(2, 1fr);
}
.mega-menu-inner {
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.footer-main {
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.services-grid__inner {
gap: 30px;
}
.service-content__inner {
gap: 40px;
}
.fleet-grid__inner {
grid-template-columns: repeat(2, 1fr);
}
.blog-grid__inner {
grid-template-columns: 1fr;
}
.blog-card {
grid-template-columns: 250px 1fr;
}
.about-story__inner {
gap: 60px;
}
.contact-content__inner {
gap: 40px;
}
.thankyou-steps {
grid-template-columns: repeat(2, 1fr);
}
.error-links {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 1023px) {
h1 {
font-size: 48px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 28px;
}
.section-title {
font-size: 36px;
}
.header-nav {
display: none;
}
.mobile-menu-toggle {
display: flex;
}
.home-hero {
min-height: auto;
padding: 100px 0 60px;
}
.home-hero__inner {
grid-template-columns: 1fr;
gap: 50px;
}
.home-hero__badge {
padding: 8px 16px;
}
.home-hero__badge span {
font-size: 11px;
}
.home-hero__content h1 {
font-size: 48px;
margin-bottom: 24px;
}
.home-hero__subtitle > p:first-child {
font-size: 18px;
}
.home-hero__subtitle-extended {
font-size: 15px;
}
.home-hero__features {
flex-direction: column;
gap: 12px;
margin-bottom: 40px;
}
.home-hero__feature {
padding: 16px 20px;
}
.home-hero__feature-icon {
width: 38px;
height: 38px;
}
.home-hero__feature-icon svg {
width: 20px;
height: 20px;
}
.home-hero__partners {
padding: 20px 0;
}
.home-partners {
padding: 50px 0;
}
.home-partners::before,
.home-partners::after {
width: 120px;
}
.home-partners__marquee {
gap: 50px;
animation-duration: 32s;
}
.home-partners__logo {
min-width: 130px;
}
.home-hero__form {
position: static;
border-radius: 12px;
}
.home-hero__form h3 {
padding: 28px 32px 20px;
font-size: 24px;
}
.home-hero__form .vl-form-wrapper--hero {
padding: 32px;
}
.home-services {
padding: 80px 0;
}
.home-services__header {
margin-bottom: 40px;
}
.home-fleet {
padding: 80px 0;
}
.home-fleet__header {
margin-bottom: 40px;
}
.home-fleet__card {
flex: 0 0 100%;
}
.home-why {
padding: 80px 0;
}
.home-why__header {
margin-bottom: 40px;
}
.home-testimonials {
padding: 80px 0;
}
.home-testimonials__inner {
grid-template-columns: 1fr;
gap: 60px;
}
.home-gallery {
padding: 80px 0;
}
.home-gallery__header {
margin-bottom: 40px;
}
.home-gallery__masonry {
column-count: 2;
}
.home-cta {
padding: 80px 0;
}
.home-cta h2 {
font-size: 40px;
}
.home-blog {
padding: 80px 0;
}
.home-blog__header {
margin-bottom: 40px;
}
.services-hero h1, .fleet-hero h1, .blog-hero h1, .contact-hero h1 {
font-size: 48px;
}
.service-hero {
min-height: auto;
padding: 120px 0 60px;
}
.service-hero h1 {
font-size: 48px;
}
.service-content {
padding: 80px 0;
}
.service-content__inner {
grid-template-columns: 1fr;
gap: 40px;
}
.service-form {
padding: 80px 0;
}
.fleet-hero {
min-height: auto;
padding: 120px 0 60px;
}
.fleet-grid {
padding: 60px 0 80px;
}
.blog-hero {
min-height: auto;
padding: 120px 0 60px;
}
.blog-grid {
padding: 60px 0 80px;
}
.blog-card {
grid-template-columns: 1fr;
}
.blog-card__image {
height: 250px;
}
.blog-sidebar {
margin-top: 40px;
}
.post-hero {
min-height: auto;
padding: 120px 0 60px;
}
.post-hero h1 {
font-size: 48px;
}
.post-content {
padding: 60px 0 80px;
}
.post-content__main {
padding: 40px;
}
.about-hero {
min-height: auto;
padding: 120px 0 60px;
}
.about-hero h1 {
font-size: 48px;
}
.about-story {
padding: 80px 0;
}
.about-story__inner {
grid-template-columns: 1fr;
gap: 40px;
}
.about-mission {
padding: 80px 0;
}
.about-mission__values {
grid-template-columns: 1fr;
gap: 30px;
}
.about-stats {
padding: 80px 0;
}
.about-stats__grid {
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.contact-hero {
min-height: auto;
padding: 120px 0 60px;
}
.contact-content {
padding: 60px 0 80px;
}
.contact-content__inner {
grid-template-columns: 1fr;
}
.thankyou-hero {
min-height: auto;
padding: 120px 0 60px;
}
.thankyou-hero h1 {
font-size: 48px;
}
.thankyou-content {
padding: 60px 0 80px;
}
.error-hero {
min-height: auto;
padding: 120px 0 60px;
}
.error-hero__number {
font-size: 120px;
}
.error-hero h1 {
font-size: 36px;
}
.error-content {
padding: 60px 0 80px;
}
.lightbox__arrow {
width: 50px;
height: 50px;
}
.lightbox__arrow-prev {
left: 15px;
}
.lightbox__arrow-next {
right: 15px;
}
.lightbox__close {
top: 15px;
right: 15px;
width: 45px;
height: 45px;
}
}
@media (max-width: 767px) {
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
.section-title {
font-size: 30px;
}
.section-subtitle {
font-size: 16px;
margin-bottom: 32px;
}
.container, .wrapper {
padding: 0 16px;
}
.btn-gold, .btn-outline {
padding: 14px 28px;
font-size: 15px;
}
.header-inner {
padding: 16px;
}
.header-logo img {
height: 45px;
}
.header-logo .logo-desktop {
display: none !important;
}
.header-logo .logo-mobile {
display: block !important;
height: 50px;
}
.home-hero {
padding: 100px 0 50px;
}
.home-hero__content h1 {
font-size: 36px;
margin-bottom: 16px;
}
.home-hero__content p {
font-size: 16px;
margin-bottom: 24px;
}
.home-hero__features {
flex-direction: column;
gap: 20px;
margin-bottom: 32px;
}
.home-hero__feature-icon {
width: 40px;
height: 40px;
font-size: 20px;
}
.home-hero__form {
padding: 30px 20px;
}
.home-hero__form h3 {
font-size: 24px;
margin-bottom: 20px;
}
.home-partners {
padding: 40px 0;
}
.home-partners::before,
.home-partners::after {
width: 80px;
}
.home-partners__marquee {
gap: 40px;
animation-duration: 30s;
}
.home-partners__logo {
height: 40px;
min-width: 120px;
padding: 10px 18px;
}
.home-partners__logo img {
max-width: 100px;
max-height: 28px;
}
.home-services {
padding: 60px 0;
}
.home-services__header {
margin-bottom: 30px;
}
.home-services__header h2 {
font-size: 30px;
}
.home-services__header p {
font-size: 16px;
}
.home-services__grid {
grid-template-columns: 1fr;
gap: 20px;
}
.home-services__card {
padding: 30px 20px;
}
.home-services__card-icon {
width: 60px;
height: 60px;
font-size: 28px;
margin-bottom: 20px;
}
.home-services__card h3 {
font-size: 20px;
}
.home-fleet {
padding: 60px 0;
}
.home-fleet__header {
margin-bottom: 30px;
}
.home-fleet__header h2 {
font-size: 30px;
}
.home-fleet__track {
gap: 20px;
}
.home-fleet__card-content {
padding: 20px;
}
.home-fleet__card-title {
font-size: 20px;
}
.home-fleet__controls {
margin-top: 30px;
}
.home-why {
padding: 60px 0;
}
.home-why__header {
margin-bottom: 30px;
}
.home-why__header h2 {
font-size: 30px;
}
.home-why__grid {
grid-template-columns: 1fr;
gap: 20px;
}
.home-why__item {
padding: 30px 20px;
}
.home-why__item-icon {
width: 60px;
height: 60px;
font-size: 28px;
margin-bottom: 20px;
}
.home-testimonials {
padding: 60px 0;
}
.home-testimonials__inner {
gap: 40px;
}
.home-testimonials__left h2 {
font-size: 30px;
}
.home-testimonials__left p {
font-size: 16px;
margin-bottom: 24px;
}
.home-testimonials__card {
padding: 30px 20px;
}
.home-testimonials__quote {
font-size: 40px;
}
.home-testimonials__content {
font-size: 15px;
}
.home-gallery {
padding: 60px 0;
}
.home-gallery__header {
margin-bottom: 30px;
}
.home-gallery__header h2 {
font-size: 30px;
}
.home-gallery__masonry {
column-count: 1;
}
.home-cta {
padding: 60px 0;
}
.home-cta h2 {
font-size: 32px;
margin-bottom: 16px;
}
.home-cta p {
font-size: 16px;
margin-bottom: 32px;
}
.home-blog {
padding: 60px 0;
}
.home-blog__header {
margin-bottom: 30px;
}
.home-blog__header h2 {
font-size: 30px;
}
.home-blog__grid {
grid-template-columns: 1fr;
gap: 20px;
}
.home-blog__card-content {
padding: 20px;
}
.home-blog__card-title {
font-size: 20px;
}
.footer {
padding: 60px 0 20px;
}
.footer-main {
grid-template-columns: 1fr;
gap: 30px;
margin-bottom: 40px;
}
.footer-about h3 {
font-size: 20px;
}
.footer-bottom {
flex-direction: column;
gap: 20px;
text-align: center;
}
.footer-legal {
flex-direction: column;
gap: 10px;
}
.services-hero {
min-height: auto;
padding: 100px 0 50px;
}
.services-hero h1 {
font-size: 36px;
}
.services-hero p {
font-size: 16px;
}
.services-grid {
padding: 60px 0;
}
.services-grid__inner {
grid-template-columns: 1fr;
gap: 20px;
}
.services-card {
padding: 30px 20px;
}
.services-card__icon {
width: 60px;
height: 60px;
font-size: 28px;
}
.services-card h3 {
font-size: 24px;
}
.service-hero {
padding: 100px 0 50px;
}
.service-hero h1 {
font-size: 36px;
margin-bottom: 20px;
}
.service-hero p {
font-size: 16px;
}
.service-content {
padding: 60px 0;
}
.service-content__main h2 {
font-size: 28px;
}
.service-features {
padding: 30px 20px;
}
.service-form {
padding: 60px 0;
}
.service-form h2 {
font-size: 32px;
}
.service-form p {
font-size: 16px;
margin-bottom: 32px;
}
.fleet-hero {
padding: 100px 0 50px;
}
.fleet-hero h1 {
font-size: 36px;
}
.fleet-filters {
padding: 30px 0;
}
.fleet-filters__inner {
flex-wrap: wrap;
gap: 10px;
}
.fleet-filters__btn {
padding: 10px 20px;
font-size: 14px;
}
.fleet-grid {
padding: 40px 0 60px;
}
.fleet-grid__inner {
grid-template-columns: 1fr;
gap: 20px;
}
.fleet-card__content {
padding: 20px;
}
.fleet-card__title {
font-size: 20px;
}
.blog-hero {
padding: 100px 0 50px;
}
.blog-hero h1 {
font-size: 36px;
}
.blog-grid {
padding: 40px 0 60px;
}
.blog-card__content {
padding: 20px;
}
.blog-card__title {
font-size: 22px;
}
.blog-sidebar {
padding: 30px 20px;
}
.post-hero {
padding: 100px 0 50px;
}
.post-hero h1 {
font-size: 36px;
}
.post-hero__excerpt {
font-size: 16px;
}
.post-content {
padding: 40px 0 60px;
}
.post-content__main {
padding: 30px 20px;
}
.post-content__main h2 {
font-size: 28px;
margin: 32px 0 16px;
}
.post-content__main h3 {
font-size: 24px;
margin: 24px 0 12px;
}
.post-content__main p, .post-content__main li {
font-size: 16px;
}
.post-author {
padding: 30px 20px;
flex-direction: column;
text-align: center;
}
.post-author__avatar {
width: 80px;
height: 80px;
margin: 0 auto;
}
.about-hero {
padding: 100px 0 50px;
}
.about-hero h1 {
font-size: 36px;
}
.about-hero p {
font-size: 16px;
}
.about-story {
padding: 60px 0;
}
.about-story__content h2 {
font-size: 30px;
}
.about-story__content p {
font-size: 16px;
}
.about-mission {
padding: 60px 0;
}
.about-mission h2 {
font-size: 30px;
}
.about-mission p {
font-size: 16px;
margin-bottom: 40px;
}
.about-stats {
padding: 60px 0;
}
.about-stats__grid {
grid-template-columns: 1fr;
gap: 20px;
}
.about-stats__item {
padding: 30px 20px;
}
.about-stats__number {
font-size: 42px;
}
.contact-hero {
padding: 100px 0 50px;
}
.contact-hero h1 {
font-size: 36px;
}
.contact-content {
padding: 40px 0 60px;
}
.contact-form {
padding: 30px 20px;
}
.contact-form h2 {
font-size: 28px;
margin-bottom: 24px;
}
.contact-info {
gap: 20px;
}
.contact-info__item {
padding: 30px 20px;
}
.contact-info__item h3 {
font-size: 20px;
}
.contact-map iframe {
height: 350px;
}
.thankyou-hero {
padding: 100px 0 50px;
}
.thankyou-hero__icon {
width: 80px;
height: 80px;
font-size: 40px;
margin-bottom: 24px;
}
.thankyou-hero h1 {
font-size: 36px;
}
.thankyou-hero p {
font-size: 16px;
margin-bottom: 32px;
}
.thankyou-content {
padding: 40px 0 60px;
}
.thankyou-steps {
grid-template-columns: 1fr;
gap: 20px;
}
.thankyou-step {
padding: 30px 20px;
}
.error-hero {
padding: 100px 0 50px;
}
.error-hero__number {
font-size: 80px;
}
.error-hero h1 {
font-size: 30px;
}
.error-hero p {
font-size: 16px;
margin-bottom: 32px;
}
.error-content {
padding: 40px 0 60px;
}
.error-content h2 {
font-size: 28px;
margin-bottom: 30px;
}
.error-links {
grid-template-columns: 1fr;
gap: 20px;
}
.lightbox__arrow {
width: 40px;
height: 40px;
font-size: 24px;
}
.lightbox__arrow-prev {
left: 10px;
}
.lightbox__arrow-next {
right: 10px;
}
.lightbox__close {
top: 10px;
right: 10px;
width: 40px;
height: 40px;
font-size: 24px;
}
.lightbox__counter {
bottom: 20px;
font-size: 14px;
padding: 8px 16px;
}
.lightbox__dots {
bottom: 60px;
}
.mega-menu {
display: none;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1400px;
}
.wrapper {
max-width: 1600px;
}
h1 {
font-size: 64px;
}
h2 {
font-size: 48px;
}
.section-title {
font-size: 48px;
}
.home-hero__content h1 {
font-size: 64px;
}
.services-hero h1, .fleet-hero h1, .blog-hero h1, .contact-hero h1, .about-hero h1, .post-hero h1, .thankyou-hero h1 {
font-size: 64px;
}
.service-hero h1 {
font-size: 64px;
}
.home-cta h2 {
font-size: 56px;
}
.error-hero__number {
font-size: 200px;
}
}