/*--------------------------------------------------------------
# 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 {
	grid-row-gap: 15px;
}

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);
}



/* 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;
}

/* Body Type */

[data-template-block="bodytype"] {
    grid-template-columns: repeat(4, 1fr);
}

[data-template-block="bodytype"] .text{
	grid-column: 1 / 5;
}

/* 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.social {
	display: grid !important;
	grid-template-columns: auto auto;
}


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

header[data-template-name="heritage"] .call-to-action .social {
	display: block !important
}



/* Hero Overlap Fix */

.hero .container .text.bottom.left {
	position: initial;
	text-align: center;
}

.hero .container .text.center.left {
	position: initial;
	text-align: center;
}

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

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

/* Hero */

.hero[data-hero-layout*="fixed"] , [data-template-block="services-featured"].r25, [data-template-block="services-featured"].r5, [data-template-block="services-featured"].r2{
  margin: 0; 
  border-radius: 0 !important;
}




/* Blocks */

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

/* 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 0 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;
}

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);
}



/* Service Split */

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

[data-template-block="services"][data-template-layout="grid-image-text"] .image {
	height: 250px;
	clip-path: inherit;
}

[data-template-block="services"][data-template-layout="grid-image-text"] .text .container.p100_25 {
	padding: 50px 25px;
}




}



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


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

/* Global */

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


.p15 {
	padding: 12.5px;
}

.p25 {
	padding: 20px;
}

/* Widths */

.w_75 {
  width: 50px;
}

.w_100 {
  width: 75px;
}

.w_125 {
  width: 100px;
}

.w_150 {
  width: 125px;
}

.w_175 {
  width: 150px;
}

.w_200 {
  width: 175px;
}


/* Font */

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

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

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

/* Button */


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

/* Menu */

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

/* Reduce Font Size on Manufacturer */

section.menu.mobile ul.dropdown.manufacturer li a {
	font-size: 85%;
}



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


/* CTA */

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

header .call-to-action ul li.email {
	font-size: 80%;
}

header .logo {
	padding: 12.5px 0 12.5px 25px;
}

header .logo a.img.w_150 {
	width: 100px;
}

header .call-to-action {
	grid-gap: 15px;
	padding: 12.5px 25px 12.5px 25px;
}

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


/* Hero */

.hero .container .links ul li a {
	min-width: 70px;
}


/* Remove Icon from Desktop */

header .call-to-action {
	grid-gap: 15px !important;
}

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

header .call-to-action a.btn i , header .call-to-action ul li.telephone i, header .call-to-action ul li.telephone-email i {
	display: grid;
}

header .call-to-action a.btn span.label, header .call-to-action ul li.telephone span.label, header .call-to-action ul li.telephone-email span.label {
	display: none;
}

header .call-to-action ul.telephone-email {
	display: block;
}

header .call-to-action ul.telephone-email li {
	display: inline-block;
}

/* 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: 450px;
}

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

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


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

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



.owl-dots {
	display: none;
}

/* Breadcrumbs */

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

/* 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 .make.model h2 {
	font-size: 80% !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;
}

[data-template-block="vehicle"] article .summary .price span.totalPrice {
	font-size: 1em;
}

/* 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 {
	grid-template-columns: 1fr;
}

[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;
}

footer ul li a {
	font-size: 95%;
}

/* 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: 25px;
}

/* 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;
}

/* Body Type */

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

[data-template-block="bodytype"] .text{
	grid-column: 1 / 4;
}

/* Services List */

section[data-template-block="services-list"] .item {
	font-size: 70%;
}

/* CTA */

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

/* Blocks */

/* Services */


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

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

section[data-template-block="services-featured"] .container .item .description {
	font-size: 90%;
}


/* Modal Announcement */

#modal-announcement {
  max-width: 300px;
}

/* Credit Cards */

footer[data-template-name="classic"] .links ul.accepted-payments li i {
	font-size: 1.3em;
}



}


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


@media print {

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




}