/*--------------------------------------------------------------
# Responsive Laptop
--------------------------------------------------------------*/

@media all and (max-width: 1280px) { 

/* Menu */

header .menu {
	display: none;
}


header .call-to-action {
	grid-template-columns: auto auto;
	grid-gap: 25px;
}

header .call-to-action ul.mobile-btn{
	display: grid;
}


/* Blocks */

/* Reviews */

[data-template-block="leave-a-review"] form .form {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

[data-template-block="leave-a-review"] form .form .field.wide {
    grid-column: 1 / 3;
}

/* Services */


section[data-template-block="services-featured"] .container .item .icon {
	grid-row: 1 / 2;
	grid-column: 1 / 3;
	justify-self: center;
}

section[data-template-block="services-featured"] .container .item .text {
	grid-row: 2 / 3;
	grid-column: 1 / 3;
	text-align: center;
}

section[data-template-block="services-featured"] .container .item .description {
	grid-row: 3 / 4;
	grid-column: 1 / 3;
	text-align: center;
}

/* Services List */


section[data-template-block="services-list"].col-4 {
	grid-template-columns: repeat(3, 1fr);
}


/* Stock */

[data-template-block="stock"][data-template-layout="grid"].col-4,[data-template-block="stock"][data-template-layout="grid"].col-3 {
	grid-template-columns: repeat(2, 1fr);
}


[data-template-block="stock"][data-template-layout="grid"].col-4 .text,[data-template-block="stock"][data-template-layout="grid"].col-3 .text {
    grid-column: 1 / 3;
}

/* Vehicle */

[data-template-block="stock"][data-template-layout="inline"].gallery article {
	grid-template-columns: 300px 150px 1fr auto
}

[data-template-block="stock"][data-template-layout="inline"] article {
	grid-template-columns: 300px 150px 1fr auto
}


[data-template-block="stock"][data-template-layout="inline"] .vehicle-call-to-action {
	grid-column: 1 / 4;
	grid-row: 4 / 5;
}

[data-template-block="stock"][data-template-layout="inline"] article .vehicle-action.col_2 {
	grid-column: 4 / 5;
	grid-row: 4 / 5;
}

[data-template-block="stock"][data-template-layout="inline"] article .vehicle-services {
	grid-row: 5 / 6;
	grid-column: 1 / 5;
}

[data-template-block="vehicle"] article .actions {
	grid-template-columns: auto 1fr;
}






}


/*--------------------------------------------------------------
# Responsive Big Tablet
--------------------------------------------------------------*/

@media all and (max-width: 980px) { 

/* Top Header */

header .top-header {
	display: none;
}

.col-2-1 {
	grid-template-columns: repeat(2, 1fr);
}

/* Finance Representative Example */

[data-template-block="representative"] .container {
	grid-template-columns: repeat(3, 1fr);
}

[data-template-block="representative"] .container .product.apr {
	grid-column: 1 / 4;
}

/* Stock */

[data-template-block="stock"][data-template-layout="inline"] article {
	grid-template-columns: 1fr;
}

[data-template-block="stock"][data-template-layout="inline"] article .media-featured {
	grid-row: 1 / 2;
	grid-column: 1 / 2;
}

[data-template-block="stock"][data-template-layout="inline"] article .media-gallery {
	grid-template-columns: repeat(2, 1fr);
	grid-row: 2 / 3;
	grid-column: 1 / 2;
}

[data-template-block="stock"][data-template-layout="inline"] article .vehicle-make-model {
	grid-row: 3 / 4;
	grid-column: 1 / 2;
}

[data-template-block="stock"][data-template-layout="inline"] article .vehicle-overview {
	grid-row: 4 / 5;
	grid-column: 1 / 2;
}

[data-template-block="stock"][data-template-layout="inline"] article .vehicle-action, [data-template-block="stock"][data-template-layout="inline"] article .vehicle-action.col_2 {
	grid-row: 5 / 6;
	grid-column: 1 / 2;
}

[data-template-block="stock"][data-template-layout="inline"] .vehicle-call-to-action {
	grid-row: 6 / 7;
	grid-column: 1 /2;
}


[data-template-block="stock"][data-template-layout="inline"] article .vehicle-services {
	grid-row: 7 / 8;
	grid-column: 1 / 2;
}


[data-template-block="stock"][data-template-layout="inline"] article figure.media-featured.r5t a img {
    border-top-right-radius: 15px;
}


[data-template-block="stock"][data-template-layout="inline"] article figure.media-featured.r15t a img {
    border-top-right-radius: 15px;
}


/* Services List */

section[data-template-block="services-list"].col-3, section[data-template-block="services-list"].col-4 {
	grid-template-columns: repeat(2, 1fr);
}


/* Hero Filter */

section.hero section[data-template-block="filter"] {
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top:initial;
    padding: 0; /* 25px padding on left and right */
    width: 100%; /* Make the footer expand to 100% width of its container */
    box-sizing: border-box; /* Ensure padding is included in width calculation */
   transform: initial;
}

/* Contact */

[data-template-block="form"] {
	grid-template-columns: 1fr;
}

[data-template-block="form"] aside {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

[data-template-block="sell"] {
    grid-row: 3 / 4; /* No VRM */
    grid-column: 1 / 2;
}

[data-template-block="sell"].vrm {
    grid-row: 3 / 4; /* No VRM */
    grid-column: 1 / 2;
}

[data-template-block="form"] .steps-vrm aside {
	grid-row: auto;
}

/* Featured Vehicle */

[data-template-block="vehicle-featured"] main article {
	grid-template-columns: 1fr;
}


/* Map Contact */

aside [data-template-block="map"], aside [data-template-block="map"] #map {
    height: 350px;
}

/* Steps */

[data-template-block="steps"] aside {
	grid-template-columns: 1fr;
	text-align: center;
}

[data-template-block="steps"] aside .icon {
	grid-row: 1 / 2;
	grid-column: 1 / 2;
}

[data-template-block="steps"] aside .name {
	grid-row: 2 / 3;
	grid-column: 1 / 2;
}

[data-template-block="steps"] aside .description {
	grid-row: 3 / 4;
	grid-column: 1 / 2;
}



/* Footer */

footer[data-template-name="classic"] {
	padding: 50px 0px;
}

footer[data-template-name="classic"] address a.email {
	font-size: 90%;
}


}


/*--------------------------------------------------------------
# Responsive Small Tablet
--------------------------------------------------------------*/

@media all and (max-width: 767px) { 

/* Global */

.col-2 {
  grid-template-columns: 1fr;
}

.col-2-1 {
  grid-template-columns: 1fr;
}


header[data-template-name="heritage"]  {
	grid-template-columns: auto 1fr;
}

/* Header */

header[data-template-name="heritage"] .announcement{
	grid-column: 1 / 3; 
}

header[data-template-name="heritage"] .logo {
	grid-row: 2 / 3;
	grid-column: 1 / 2;
}

header[data-template-name="heritage"] .social {
	display: none;
}

header[data-template-name="heritage"] .call-to-action {
	grid-row: 2 / 3;
	grid-column: 2 / 3;
}


/* Reset Hero for Mobile */

.hero .text.center.center, .hero .text.bottom.right, .hero .text.bottom.left, .hero .text.left.center {
	position: relative;
	top: 30%;
    left: 50%; 
    transform: translate(-50%, -50%);
    text-align: center;
    bottom: initial;
    right: initial;
    padding: 0;
}

.hero .links.center.center, .hero .links.left.center, .hero .links.bottom.right, .hero .links.bottom.left {
    position: relative;
    top: 45.5%;
    left: 50%; 
    transform: translate(-50%, -50%);
    text-align: center;
    bottom: initial;
    right: initial;
}

.hero .links ul.two_col {
	grid-template-columns: 1fr;
	padding: 0 10%;
} 

/* Blocks */

section [data-template-block="profile"], section [data-template-block="opening-hours"] {
    padding: 50px 25px;
}


/* Hero Filter */

section.hero section[data-template-block="filter"] form .options {
	grid-template-columns: repeat(2, 1fr);
	margin: 25px;
}

section.hero section[data-template-block="filter"] form .options #fuelType {
	display: grid;
}

section.hero section[data-template-block="filter"] form .options a {
	grid-column: 1 / 3;
	height: 50px;
}

/* Services */

section[data-template-block="services-featured"] .container {
	grid-template-columns: 1fr;
	grid-gap: 25px;
}

section[data-template-block="services-featured"] .container .item {
	grid-template-columns: auto 1fr;
}


section[data-template-block="services-featured"] .container .item .icon {
	grid-row: 1 / 3;
	grid-column: 1 / 2;
	justify-self: inherit;
}

section[data-template-block="services-featured"] .container .item .icon i {
	width: auto;
	font-size: 1.6em;
	height: 25px
}

section[data-template-block="services-featured"] .container .item .text {
	grid-row: 1 / 2;
	grid-column: 2 / 3;
	text-align: left;
}

section[data-template-block="services-featured"] .container .item .description {
	grid-row: 2 / 3;
	grid-column: 2 / 3;
	text-align: left;
}


/* Service Grid 1-1 */

[data-template-block="services"][data-template-layout="grid-1-1"] {
    grid-template-columns: 1fr
}

[data-template-block="services"][data-template-layout="grid-1-1"] .card:first-child {
    height: 400px;
    grid-row: 1 / 2;
    grid-column: 1 / 2;
}

[data-template-block="services"][data-template-layout="grid-1-1"] .card:nth-child(2) {
    height: 400px;
    grid-row: 2 / 3;
    grid-column: 1 / 2;
}

/* Service Grid 1-1-1 */

[data-template-block="services"][data-template-layout="grid-1-1-1"] {
	grid-template-columns: 1fr;
}

[data-template-block="services"][data-template-layout="grid-1-1-1"] .card:first-child {
    height: 400px;
    grid-row: 1 / 2;
    grid-column: 1 / 2;
}

[data-template-block="services"][data-template-layout="grid-1-1-1"] .card:nth-child(2) {
    height: 400px;
    grid-row: 2 / 3;
    grid-column: 1 / 2;
}

[data-template-block="services"][data-template-layout="grid-1-1-1"] .card:nth-child(3) {
    height: 400px;
    grid-row: 3 / 4;
    grid-column: 1 / 2;
}


/* Service Grid 1-2 */

[data-template-block="services"][data-template-layout="grid-1-2"] {
    grid-template-columns: 1fr;
}

[data-template-block="services"][data-template-layout="grid-1-2"] .card:first-child {
    height: 400px;
    grid-row: 1 / 2;
    grid-column: 1 / 2;
}

[data-template-block="services"][data-template-layout="grid-1-2"] .card:nth-child(2) {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
}

[data-template-block="services"][data-template-layout="grid-1-2"] .card:nth-child(3) {
    grid-row: 3 / 4;
    grid-column: 1 / 2; 
}



/* Services Card  */


[data-template-block="services-card-1-1"][data-template-layout="grid"], [data-template-block="services-card-1-1-1"][data-template-layout="grid"]  {
    grid-template-columns: 1fr;
}

/* Map */

[data-template-block="map"], [data-template-block="map"] #map {
    height:350px;
    position: relative;
}

/* Services List */

section[data-template-block="services-list"] {
	padding: 50px 25px;
	grid-gap: 25px;
}

/* Vehicle */

[data-template-block="vehicle"] article figure[data-template-layout="multiple"] {
	grid-template-columns: 1fr;
}

[data-template-block="vehicle"] article .vehicle-features ul {
	grid-template-columns: repeat(2, 1fr);
}

[data-template-block="vehicle"] article .vehicle-specification .container {
	grid-template-columns: 1fr;
	grid-gap: 0 !important;
}

[data-template-block="vehicle"] article .summary .container .brand img {
	width: 25px;
}

[data-template-block="vehicle"] article .summary .make.model h1 {
	font-size: 1.2em !important;
}

[data-template-block="vehicle"] article .summary .make.model h2 {
	font-size: 1em !important;
	padding: 0;
	overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

[data-template-block="vehicle"] article .summary {
	grid-gap: 15px;
}

[data-template-block="vehicle"] article .actions.desktop {
	display: none;
}

[data-template-block="vehicle"] article .actions.mobile {
	display: grid;
	grid-template-columns: 1fr;
}


/* Filter */

[data-template-block="filter"] form .options {
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 15px;
}


[data-template-block="filter"] form .options select {
	text-align: center;
	font-size: 90%;
}

[data-template-block="filter"] form .sort {
	text-align: center;
}

/* Forms */

[data-template-block="form"] aside .vehicle ul {
	grid-template-columns: 1fr;
}

/* Steps */

[data-template-block="steps"] {
	grid-template-columns: 1fr;
}

/* Video */

[data-template-block="background-video"] {
	height: 500px;
}
[data-template-block="background-video"] video {
	height: 500px;
}
/* Footer */

footer[data-template-name="classic"] {
	grid-template-columns: repeat(2, 1fr);
	padding: 25px 0;
}

footer[data-template-name="classic"] address {
	font-size: 95%;
}

footer[data-template-name="classic"] .links {
	grid-row: 1 / 2;
	grid-column: 2 / 3;
}

footer[data-template-name="classic"] .links ul {
	display: grid;
	grid-template-columns: 1fr;
}

footer[data-template-name="classic"] .address ul.social li a {
	font-size: 1.2em;
}


footer[data-template-name="classic"] [data-template-block="opening-hours"] {
	grid-row: 2 / 3;
	grid-column: 1 / 3;
}

footer[data-template-name="classic"] [data-template-block="opening-hours"] ul li {
	grid-gap: 25px;
}

footer[data-template-name="classic"] .disclaimer ul.registration {
	display: grid;
	grid-template-columns: 1fr;
}

footer[data-template-name="classic"] .company {
	grid-template-columns: 1fr;
	grid-column: 1 / 3;
	padding: 25px 25px 0 25px;
}

footer[data-template-name="classic"] .company ul {
	text-align: left;
	font-size: smaller;
}

/* Heritage */

footer[data-template-name="heritage"] .company, footer[data-template-name="legacy"] .company {
	grid-template-columns: 1fr;
}

footer[data-template-name="heritage"] .company ul , footer[data-template-name="legacy"] .company ul{
	text-align: left;
	font-size: smaller;
}

/* Settings */

[data-template-block="settings"] .options ul.col_4 {
	grid-template-columns: repeat(3, 1fr);
}

[data-template-block="settings"] .options ul.col_8 {
	grid-template-columns: repeat(4, 1fr);
}



}



/*--------------------------------------------------------------
# Responsive Mobile Landscape
--------------------------------------------------------------*/


@media all and (max-width: 520px) { 

/* Global */

.options select {
  text-align: center;
  text-align-last: center; 
}


.p15 {
	padding: 10px;
}

.p25 {
	padding: 20px;
}

/* Font */

.font-l, h1 {
	font-size: 1.3em;
}

.font-m, h2 {
	font-size: 1.1em;
}

.font-s, h3 {
	font-size: 1em;
}

/* Button */

.btn-l {
	padding: 10px 15px;
}

/* Logo */



/* Mobile Menu */

section.menu.mobile {
  width: 75%;
}

header .top-header {
	display: none !important;
}


/* CTA */

header .call-to-action ul li.telephone {
	font-size: 1.4em;
}

header .logo {
	padding: 15px;
}

header .call-to-action {
	font-size: 90%;
	grid-gap: 15px;
	padding: 15px;
}

header .announcement {
	font-size: 90%;
	text-wrap: balance;
	line-height: 1.3em;
}

/* Hero */

/* Hero PX Height */

.hero.h50.image, .hero.h50.slider, .hero.h50.video, .hero.h50.slider .owl-stage-outer .owl-stage .owl-item .hero.h50{
  height: 500px;
}

.hero.h60.image, .hero.h60.slider, .hero.h60.video, .hero.h60.slider .owl-stage-outer .owl-stage .owl-item .hero.h60{
  height: 500px;
}

.hero.h70.image, .hero.h70.slider, .hero.h70.video, .hero.h70.slider .owl-stage-outer .owl-stage .owl-item .hero.h70{
  height: 500px;
}

.hero .text h1 {
	font-size: 2em;
}

.hero .text h2 {
	font-size: 1.2em;
}

.hero .action {
  position: absolute;
  right: 25px;
  bottom:25px;
  top: initial;
  transform: initial;
  white-space: nowrap;
  z-index: 2;
}

.hero .action:hover {
  opacity: 0.8;
  transition: 1s;
}

.hero .action a {
  border-radius: 5px;
}

.hero .action a.whatsapp span {
	display: none;
}

.hero .links.center.center ul.two_col {
	justify-self: initial;
}

/* Stack Buttons on Mobile Hero */

.hero .links.bottom.right ul.two_col , .hero .links.bottom.left ul.two_col {
	grid-gap: 15px;
}

.hero .links.bottom.right ul.two_col li, .hero .links.bottom.left ul.two_col li{
	display: grid;
	text-align: center;
}

/* Breadcrumbs */

nav.breadcrumbs {
	font-size: 90%;
}

/* Header */

section.menu.mobile {
	width: 75%;
}

/* Brands Carousel */

[data-template-block="brands-carousel"] .owl-carousel.brands .item img {
	width: 50px;
	height: auto;
}

/* Filter */

[data-template-block="filter"] form .sort .container ul li.inline, [data-template-block="filter"] form .sort .container ul li.grid {
	display: none;
}


/* Stock */

[data-template-block="stock"][data-template-layout="grid"].col-2, [data-template-block="stock"][data-template-layout="grid"].col-3, [data-template-block="stock"][data-template-layout="grid"].col-4{
	grid-template-columns: 1fr;
}

[data-template-block="stock"][data-template-layout="grid"].col-2 .text, [data-template-block="stock"][data-template-layout="grid"].col-3 .text, [data-template-block="stock"][data-template-layout="grid"].col-4 .text{
    grid-column: 1 / 2;
}

[data-template-block="stock"][data-template-layout="grid"] article .vehicle-overview ul, [data-template-block="stock"][data-template-layout="inline"] article .vehicle-overview ul {
	grid-template-columns: repeat(2, 1fr);
}

/* Vehicle */

[data-template-block="vehicle"] article .summary, [data-template-block="vehicle"] article .summary .container  {
	grid-column-gap: 10px;
}
[data-template-block="vehicle"] article .summary .make.model h1 {
	font-size: 1em !important;
}

[data-template-block="vehicle"] article .summary .price {
	text-align: right;
}

[data-template-block="vehicle"] article .summary .container .brand img {
	width: 20px;
}

[data-template-block="vehicle"] article .vehicle-features ul, [data-template-block="vehicle"] article .vehicle-options ul li {
	font-size: 80%;
}

[data-template-block="vehicle"] article .vehicle-options ul li {
	padding: 2.5px 5px;
}

/* Featured Vehicle */

[data-template-block="vehicle-featured"] main article aside .summary-featured {
	grid-template-columns: 1fr;
}

[data-template-block="vehicle-featured"] main article aside .summary-featured .price {
	text-align: left;
	padding:5px 0;
}


/* Finance Representative Example */

[data-template-block="representative"] .container {
	grid-template-columns: repeat(2, 1fr);
}

[data-template-block="representative"] .container .product.apr {
	grid-column: 1 / 3;
}


/* Forms */

[data-template-block="form"] form .container .field.submit {
	grid-column: 1 / 3;
}

[data-template-block="form"] form .vrm-lookup .field.registration {
  grid-column: 1 / 5;
  grid-row: 1 / 2;
}

[data-template-block="form"] form .vrm-lookup .field.mileage {
  grid-column: 1 / 3;
  grid-row: 2 / 3;
}

[data-template-block="form"] form .vrm-lookup .field.search {
  grid-column: 3 / 5;
  grid-row: 2 / 3;
}


/* Footer */

[data-template-block="opening-hours"] ul li span.hours {
	text-align: center;
}

/* Services List */

section[data-template-block="services-list"].col-2, section[data-template-block="services-list"].col-3, section[data-template-block="services-list"].col-4 {
	grid-template-columns: repeat(2, 1fr);
}

/* Services */

section[data-template-block="services-featured"] .container .item {
	grid-column-gap: 10px;
}

/* Background Image */

[data-template-block="background-image"] .image  {
    min-height: 350px;
}

/* Video */

[data-template-block="background-video"] {
	height: 350px;
}

[data-template-block="background-video"] video {
	height: 350px;
}

/* Reviews */

[data-template-block="reviews"] .review .name span.rating i {
	font-size: 70%;
}

/* Cookies */

#cookieConsent .container {
	grid-template-columns: 1fr auto;
	grid-column-gap: 15px;
	grid-row-gap: 5px;
	line-height: 1.2em;
	padding: 15px 15px 25px 15px;
}

#cookieConsent .container p {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
	font-size: 75%;
}

#cookieConsent .container button {
	padding: 5px 20px;
	font-size: 80%;
}

/* Settings */

[data-template-block="settings"] .options ul.col_4 {
	grid-template-columns: repeat(2, 1fr);
}

[data-template-block="settings"] .options ul.col_8 {
	grid-template-columns: repeat(4, 1fr);
}

[data-template-block="settings"] form {
    display: grid;
    grid-template-columns: 1fr;
}

/* Directions */

[data-template-block="directions"] {
	grid-template-columns: 1fr;
}

[data-template-block="directions"] .item {
	padding: 25px 0;
}

[data-template-block="directions"] .item .icon i {
	font-size: 2em;
}


}


/*--------------------------------------------------------------
# Print
--------------------------------------------------------------*/


@media print {

@page {
    margin: 1cm;
    size: A4;
}




}