@media screen and (min-width: 0px) and (max-width: 530px) {
.product-image-holder {
width: 100%;
display: block;
max-width: 400px;
}
.key-features {
width: 100%;
display: block;
padding-left: 0;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #e6e6e6;
}
} @media screen and (min-width: 0px) and (max-width: 925px) {
.main-content {
margin-top: 0 !important;
}
.homepage-video {
margin-top: -20px;
}
.homepage-hero-media {
min-height: 520px;
}
.homepage-hero-content {
max-width: 640px; }
.homepage-hero-overlay {
height: fit-content;
}
.homepage-hero-title {
font-size: 52px;
color: #fff;
min-height: 0;
}
.homepage-hero-stats {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.homepage-intro,
.homepage-support,
.homepage-cta,
.homepage-feature-grid {
grid-template-columns: 1fr !important;
}
.homepage-intro-stats,
.homepage-category-grid {
grid-template-columns: 1fr 1fr;
}
.homepage-category-card img,
.homepage-feature-card img {
height: 180px;
object-fit: contain;
object-position: center center;
}
.european-standards-parts {
width: 100%;
display: block;
max-width: 480px;
}
.european-standards-truck {
width: 100%;
display: block;
}
} @media screen and (min-width: 0px) and (max-width: 770px) {
.blockhref {
z-index: 10000;
}
.main-content {
margin-top: 20px;
}
nav {
text-align: left;
}
.asterisk {
display: none;
}
.slide-title {
padding-bottom: 0;
font-size: 16px;
}
h1 {
font-size: 25px;
}
h2 {
font-size: 22px;
}
.truck-category-block {
width: 100%;
margin-right: 0 !important;
margin-bottom: 30px;
}
.truck-category-block:last-child {
margin-bottom: 0;
}
.truck-category-block h2 {
font-size: 18px;
}
.truck-main-photo-holder {
width: 100%;
}
.truck-applications-and-industries {
width: 100%;
padding-left: 0;
}
.interest-block .truck-category-block {
width: 70%;
}
.google-map {
width: 90%;
height: 240px;
}
.footersection {
float: none;
margin: auto;
width: 100%;
}
.footerlogo {
float: none;
margin: auto;
width: 100%;
}
.logofooter {
width: 100%;
height: auto;
}
.logo {
float: none;
width: 240px;
height: auto;
}
.page-sidebar, .navbar, .sidebar, .navlink {
display: none;
}
.content {
width: 100%;
}
.homepage-hero {
margin-top: -20px;
}
.homepage-hero-media {
min-height: 320px;
}
.homepage-video {
margin-bottom: 8px;
}
.homepage-hero-content {
text-align: center !important;
}
.homepage-hero-title {
display: none !important;
}
.homepage-hero-content>.homepage-kicker {
font-size: 20px !important;
padding: 10px;
border: 1px solid rgba(255, 255, 255, 0.14);
background: rgba(8, 17, 27, 0.34);
backdrop-filter: blur(8px);
}
.homepage-description--hero {
display: none;
}
.homepage-actions--hero {
display: none;
}
.homepage-actions--mobile {
display: flex;
margin-top: 16px;
padding: 0 14px;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
position: relative;
z-index: 3;
}
.homepage-actions--mobile .content-button {
margin-right: 0;
flex: 1 1 160px;
}
.homepage-actions {
justify-content: center;
flex-wrap: nowrap;
}
.homepage-hero-stats {
grid-template-columns: 1fr;
gap: 10px;
margin-top: 22px;
}
.homepage-stat {
display: none;
}
.homepage-intro,
.homepage-support,
.homepage-feature-grid,
.homepage-category-grid {
grid-template-columns: 1fr;
gap: 18px;
}
.homepage-intro-panel,
.homepage-support-panel,
.homepage-feature-card-body,
.homepage-category-card-body {
padding: 22px;
}
.homepage-support-panel--secondary {
padding: 0;
}
.homepage-support-panel--locations {
padding: 22px;
}
.homepage-cta .homepage-locations {
grid-template-columns: 1fr;
gap: 12px;
}
.homepage-cta .homepage-location {
width: 100%;
}
.truck-card__brand-logo {
width: 30px !important;
}
.homepage-heading--xl {
font-size: 28px;
}
.homepage-heading--lg {
font-size: 22px;
}
.footer .contact-label, .footer .contact-detail {
font-size: 14px;
}
.footer p {
font-size: 12px;
}
label {
width: 100%;
display: block;
}
.enquiryform {
width: 100%;
}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea {
max-width: 100%;
}
.hidden-heading {
display: block;
}
.home-left {
width: 100%;
display: block;
padding-right: 0;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 40px;
margin-bottom: 30px;
}
.home-right {
width: 100%;
display: block;
padding-left: 0;
}
.home-right p {
font-size: 13px;
}
.home-map {
width: 100%;
height: 250px;
}
.footer-logo img {
width: 200px;
}
.footer-content {
padding-bottom: 100px;
}
.cta-buttons .content-button {
padding: 12px;
margin-right: 10px;
margin-bottom: 15px;
}
.cta-buttons {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 20px;
margin-bottom: 20px;
}
#truck-download-specs-button,
.pricing-download-button,
.specifications-download-button,
.cta-buttons a.content-button[href$=".pdf"],
.cta-buttons a.content-button[href*=".pdf"] {
display: none !important;
}
.content ul:last-child {
margin-bottom: 0;
}
.divider {
margin-top: 20px;
margin-bottom: 20px;
}
.ancestors {
font-size: 12px;
}
.trucks-container {
margin-bottom: 30px;
}
.contact-left {
display: block;
width: 100%;
}
.contact-map {
display: block;
width: 90%;
border-top: 1px solid #e6e6e6;
padding-top: 20px;
margin-top: 20px;
}
} @media screen and (min-width: 0px) and (max-width: 450px) {
.truck-main-photo h1 {
position: relative;
background: none;
background: #ed1c24;
background: -moz-linear-gradient(top, #ed1c24 0%, #eb1c24 25%, #cd181f 83%, #c2171e 92%, #c2171e 100%);
background: -webkit-linear-gradient(top, #ed1c24 0%, #eb1c24 25%, #cd181f 83%, #c2171e 92%, #c2171e 100%);
background: linear-gradient(to bottom, #ed1c24 0%, #eb1c24 25%, #cd181f 83%, #c2171e 92%, #c2171e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#c2171e', GradientType=0);
text-shadow: none;
font-size: 18px;
}
.truck-category-block {
width: 100% !important;
}
} @media screen and (min-width: 0px) and (max-width: 860px) {
.truck-category-block .truck-models {
display: none;
}
.trucks-container .asterisk p {
display: none;
}
} @media screen and (min-width: 771px) and (max-width: 1040px) {
.navlink {
font-size: 16px;
line-height: 16px;
padding-left: 10px;
padding-right: 10px;
}
} @media screen and (min-width: 0px) and (max-width: 1200px) {
.content {
padding-left: 20px;
padding-right: 20px;
}
} @media screen and (min-width: 0px) and (max-width: 380px) {}  @media screen and (min-width: 701px) and (max-width: 1200px) {
.specifications {
font-size: 13px !important;
}
.pricing {
font-size: 16px !important;
}
} @media screen and (min-width: 701px) and (max-width: 1127px) {
.specifications .tr, .specifications td {
padding: 8px;
}
} @media screen and (min-width: 0px) and (max-width: 925px) {
.specifications {
display: none;
}
.specifications-mobile {
display: block;
}
.pricing {
display: block;
font-size: 14px !important;
}
.pricing-mobile {
display: none;
}
}   @media screen and (min-width: 601px) and (max-width: 860px) {
.pricing td {
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
}
} @media screen and (min-width: 0px) and (max-width: 600px) {
.pricing {
display: none;
}
.pricing-mobile {
display: block;
}
}