/* Responsive rules, merged from max.css, large.css, med.css, laptop.css, tablet.css and mobile.css (6 November 2026) */

@media screen and (max-width: 1520px) {
.page_width { padding-left: 20px;padding-right: 20px; }

/* layouts */

.large_left { width: 60%; }

.small_right { width: 40%;padding-left: 30px; }
}

@media screen and (max-width: 1360px) {
.slider_wrapper .slide .text_overlay { bottom: 30px;font-size: 40px;padding: 12px 20px 12px 30px; }

h1 { font-size: 18px; }

}

@media screen and (max-width: 1024px) {
.news_right_col { padding-left: 30px; }

.np_left .inner .date .day { font-size: 60px; }

.np_right .headline h2 { font-size: 26px; }

/* headers */



/* services */

.service_row .img_block { width: 40%; }

.service_row .info_block { width: 60%; }

.service_row .info_block .inner { padding: 20px 45px; }
.service_row .info_block .inner h3 { margin-bottom: 15px;font-size: 26px;line-height: 32px; }
.service_row .info_block .inner p { font-size: 14px; }

.service_row .info_block .inner a.more { margin-top: 15px; }





#top_left img { max-width: 230px; }

#top_right ul#contact_details { letter-spacing: 1.5px;font-size: 14px;margin-bottom: 34px; }
#top_right ul#contact_details li { margin-right: 35px; }
#top_right ul#contact_details li:last-child { margin-right: 0px; }

#menu_container ul { font-size: 14px;letter-spacing: 1.5px; }

.slider_wrapper .slide .background { padding-top: 36%; }
.slider_wrapper .slide .text_overlay { right: 50px;bottom: 20px;font-size: 32px;padding: 10px 15px 10px 22px; }

.prevslide { left: 20px;font-size: 48px;margin-top: -24px; }
.nextslide { right: 20px;font-size: 48px;margin-top: -24px; }

#home_intro .content { padding: 0 0; }

.home_block h2 { font-size: 20px;bottom: 12px;right: 12px;padding: 4px 8px; }

.home_block:hover h3 { letter-spacing: 3px; }
}

@media screen and (max-width: 1000px) {
body { font-size: 14px; }


.page_width { padding-left: 15px;padding-right: 15px; }


/* headers */


/* top */

#top_stuck { position: static; }

#top_outer { padding: 5px 0 5px; }

#top_left { float: none;margin-bottom: 4px;text-align: center; }
#top_left img { display: inline-block;max-width: 270px; }

#top_right { float: none;text-align: center; }
#top_right ul#contact_details { margin-bottom: 0px;padding-top: 0px; }

/* navigation */

#menu_container { position: static;transform: none; }

a#mobile_menu { position: fixed;color: #fff;background-color: rgb(0,0,0,0.5);padding: 16px 20px;display: block;top: 10px;right: 0;z-index: 10000; }
a#mobile_menu i { font-size: 42px;display: block; }

#nav_wrapper_container {  }
#nav_wrapper { background-color: #000;background-image: url('../img/nav/menu_background.jpg');background-size: contain;background-position: left bottom;background-repeat: no-repeat;padding: 20px;width: 100%;position: fixed;left: 0;top: 0;z-index: 10000;min-height: 100%;margin-left: -100%;transition: all 0.4s ease 0s;text-align: left;opacity: 0.9; }

.close_mobile_menu { display: block;position: absolute;right: 16px;top: 16px;font-size: 32px;color: #fff;text-decoration: none; }

#menu_inner_wrapper { overflow: auto;position: absolute;bottom:0;left:0;right:0;top:0;width: 100%;padding: 20px 70px 20px 20px; }


#menu_container ul { font-size: 20px; }
#menu_container ul li { display: block;border-bottom: 1px dotted #aaa; }
#menu_container ul li a { padding: 18px 24px; }
#menu_container ul li a img { display: none; }

#menu_container ul li ul { position: static;background: #333;width: 100%;padding-left: 15px; }
#menu_container ul li ul li { border-bottom: 1px dotted #ddd; }
#menu_container ul li ul li a { padding: 15px 20px; }
#menu_container ul li ul li a:hover { background: #333; }

/* stock */

.vehicle { width: 49.5%;margin-right: 1%; }

.vehicle:nth-child(3n){ margin-right: 1%; }
.vehicle:nth-child(even){ margin-right: 0; }

/* layouts */

.large_left { width: 100%;float: none;margin-bottom: 25px; }

.small_right { width: 100%;float: none;padding-left: 00px; }

.narrow { padding-left: 0;padding-right: 0; }

/* footer */


#footer_left { float: none;width: 100%;text-align: center;margin-bottom: 30px; }
#footer_left .phonerow { justify-content: center; }

#footer_left ul li { float: none;display: inline-block;margin-right: 5px;margin-left: 5px; }


#footer_right { float: none;width: 100%;text-align: center; }
#footer_right img { max-width: 250px; }

/* news */

.news_left { width: 100%;float: none;margin-bottom: 25px; }
.news_right_col { width: 100%;padding-left: 0px;float: none; }


/* home */

#home_intro h1 { font-size: 28px; }

.home_block h2 { font-size: 18px;padding: 3px 6px; }

.home_block { width: 49%;margin-bottom: 16px; }
.home_block:nth-child(even) { margin-right: 0; }



/* services */

.service_row .img_block { width: 100%; }
.service_row .img_block .inner { padding-top: 0;height: 300px; }

.service_row .info_block { width: 100%; }

.service_row .info_block .inner { padding: 20px 25px;position: static;transform: none;text-align: center; }

}

@media screen and (max-width: 668px) {
html,body { -webkit-text-size-adjust: none; }



/* headers */

h1 { font-size: 32px;letter-spacing: 2px;margin-bottom: 25px; }

.cms h2 { font-size: 26px;margin-bottom: 18px; }
.cms h3 { font-size: 20px;margin-bottom: 18px; }


/* top */

#top_outer { padding: 8px 2px; }


#top_left img { max-width: 70%; }

#top_right ul#contact_details li { display: block;margin-right: 0;margin-bottom: 6px; }
#top_right ul#contact_details li:first-child { margin-bottom: 8px; }

.slider_wrapper .slide .background { padding-top: 45%; }
.slider_wrapper .slide .text_overlay { right: 10px;bottom: 10px;font-size: 16px;padding: 5px 10px 5px 10px; }

.prevslide { left: 10px;font-size: 18px;margin-top: -9px; }
.nextslide { right: 10px;font-size: 18px;margin-top: -9px; }


/* navigation */

a#mobile_menu { padding: 10px 14px; }

a#mobile_menu i { font-size: 26px; }

#menu_container ul { font-size: 18px; }
#menu_container ul li a { padding: 14px 14px; }


/* footer */

#footer_wrapper .footer_phone { font-size: 18px; }


/* stock */

.vehicle { width: 100%;margin-right: 0; }

.vehicle:nth-child(3n){ margin-right: 0; }

.vehicle_thumbs { padding: 10px 0; }

h1.vehicle_title { font-size: 20px;line-height: 30px;margin-bottom: 20px; }

.details_wrapper h2 a { padding: 12px 40px 12px 15px;font-size: 16px; }
.details_wrapper h2 a i { right: 15px;font-size: 14px;margin-top: -7px; }

.details_wrapper .details { padding: 12px 14px; }
.details_wrapper .details span.price { font-size: 18px; }

.speccol { width: 100%;float: none; }
.speccol:nth-child(odd) { padding-right: 0px; }
.speccol:nth-child(even) { padding-left: 0px; }

.specrow { margin-bottom: 5px; }
.specrow div { padding: 0 4px 5px;font-size: 13px;line-height: 18px; }

.enq_opt_left { width: 100%;float: none;margin-bottom: 5px;font-size: 14px; }
.enq_opt_right { width: 100%;float: none;padding-left: 0px;margin-bottom: 5px;font-size: 14px; }

/* form */

.formhalf { width: 100%;float: none; }
.formhalf:nth-child(odd) { padding-right: 0px; }
.formhalf:nth-child(even) { padding-left: 0px; }

.ffb_block:last-child { padding-top: 12px; }

/* contact */

.formrow { display: block; }
.ff_left { width: 100%;margin-bottom: 6px;font-size: 14px; }
.ff_right { width: 100%; }

.form_indentc { padding-left: 0; }

.contact_block { padding: 12px 14px; }

.co_row i { width: 30px;height: 30px;line-height: 30px;margin-right: 5px; }
.co_row span { margin-right: 7px; }
.co_row span.email { font-size: 13px; }
.co_row img { height: 17px; }

/* news */

.np_left { width: 100%;float: none; }
.np_left .inner { padding-top: 12px;padding-left: 12px;padding-right: 12px;padding-bottom: 12px; }
.np_left .inner .date { position: static;width: auto;text-align: left;transform: none; }
.np_left .inner .date .day { font-size: 32px; }
.np_left .inner .date .month { font-size: 16px; }


.np_right { width: 100%;float: none; }
.np_right .headline h2 { font-size: 20px; }

ul.news_images li.more { width: 50%; }
.np_right .headline { position: static; }

/* home */

.tp-parallax-wrap { left: 90px !important; }

/* home */

#home_intro { padding: 20px 0; }

#home_intro .content { column-count: 1;column-gap: 0px; }

#home_intro h1 { font-size: 22px; }

.home_block { margin-bottom: 7px; }


.home_block .inner { box-shadow: 0; }
.home_block h2 { font-size: 14px;bottom: 8px;right: 8px;padding: 2px 4px; }

#homelogos img { height: 70px;margin: 0 15px 30px;opacity: 0.8; }


/* headers */

.largeheader { padding-top: 300px;box-shadow: 0 -70px 40px rgba(12,12,12) inset; }

.largeheader h1 {  }

.ptops { padding-top: 20px; }


}