@media (max-width: 360px) {
    #ident {
        height: 70px;
    }
    #ident ul li {
        font-size: 3.5vw;
    }
}

@media (max-width: 768px) {
    .accordion {
        margin: 0px;
        position: relative;
    }
    .accordion.active + .sidebar.call-me-back {
        display: block !important;
        max-height: inherit !important;
    }
    .accordion.active + .sidebar.call-me-back h2 {
        display: none;
    }
    /* .email-newsletter input + button span {display:none}
     / .email-newsletter input + button:before {content:'Sign Up';color:rgb(255,255,255);text-transform:uppercase} */
    .double-widget-content {
        padding-bottom: 10px;
    }
    .listingbutton {
        display: none;
    }
    div.logo + div {
        max-width: 45%;
        width: 45%;
    }
    article.news a {
        width: 90%;
        display: block;
        text-align: center;
        padding: 10px;
        margin-bottom: 20px;
        background: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
    }
    dl.newswidget {
        margin-top: 0px;
    }
    .email-newsletter input {
        width: 100%;
        margin-bottom: 20px;
    }
    .email-newsletter input + button {
        width: 20%;
        display: inline-block;
        margin-left: -4px;
        vertical-align: top;
    }
    .email-newsletter input + button span {
        left: 50%;
        transform: translateX(-50%) rotate(-45deg);
        -webkit-transform: translateX(-50%) rotate(-45deg);
    }
    .pcerror {
        font-size: 3.5vw;
    }
    section.formfooter form {
        flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
    }
    section.formfooter form p {
        width: 100%;
    }
    section.formfooter form p:first-of-type input {
        width: 70%;
    }
    section.formfooter form p:first-of-type input + label + button {
        width: 30% !important;
    }
    section.formfooter form#change-dealer p {
        margin-bottom: 1rem !important;
    }
    /*section.formfooter form p input, section.formfooter form p input + label {height:38px !important;line-height:38px !important;padding:0px 9px !important}*/
    nav#additional-links ul {
        list-style-type: none;
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
    }
    nav#additional-links ul li {
        flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
    }
    /*article.accordion section {max-height:3em;}*/
    article.accordion figure {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        margin: 0px 10px;
        flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
        align-items: center;
    }
    article.accordion figure img {
        max-width: 80%;
    }
    section.container.dealerfooter img {
        display: none;
    }
    section.container.dealerfooter section.formsection {
        flex: 1 1 100%;
        -webkit-flex: 1 1 100%;
    }
    div.select.change-offer {
        width: 100%;
        float: none;
        margin: 20px 0px;
    }
    ul.new-range li {
        justify-content: flex-end;
        -webkit-justify-content: flex-ends;
    }
    div.flex img {
        width: 40%;
        margin: 10px auto;
    }
    section.row {
        padding: 0px 10px;
    }
    ul.new-range li h3 {
        height: 10vw;
    }
    header form.col-sm-3.col-sm-push-3.clearfix {
        padding-bottom: 10px;
    }
    header nav,
    header form {
        background: rgb(178, 201, 223);
    }
    header nav ul li:not(.hassub) a:after {
        content: none;
    }
    header nav ul li a:after {
        margin-right: 10px;
    }
    /* new menu configuration for mobile - no images */
    ul.first.vehiclesub {
        background: rgb(204, 219, 234);
    }
    ul.first.vehiclesub li a {
        border-bottom: 0px;
        padding: 3px 16px;
    }
    ul.first.vehiclesub li a img,
    ul.first.vehiclesub li a img ~ p {
        display: none;
    }
    ul.first.vehiclesub li a h4 {
        padding-bottom: 0px;
        font-weight: normal;
        font-size: 0.8em;
    }
}

/* Extra small devices (phones, less than 768px) */

/* No media query since this is the default in Bootstrap */

@media (max-width: 639px) {
    h3.showing {
        width: 100%;
        text-align: center;
        margin: 20px 0px 0px 0px;
    }
    #ident {
        display: flex;
        display: -webkit-flex;
        flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
        justify-content: center;
        align-items: center;
        height: 75px;
        -webkit-justify-content: center;
        -webkit-align-items: center;
    }
    #ident ul {
        list-style-type: none;
        padding: 0px;
        margin: 2px;
    }
    nav#additional-links ul {
        list-style-type: none;
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        padding: 0px;
    }
    nav#additional-links ul li {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        font-size: 4vw;
    }
    nav#additional-links ul li a figure {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        align-items: center;
    }
}

/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {
    p {
        line-height: 1.1em;
    }
    .xs {
        display: none !important;
    }
    .sm {
        display: block !important;
    }
    .text-input {
        bottom: 15px;
        left: 15px;
    }
    .text-input-submit {
        bottom: 15px;
        right: 15px;
    }
    .double-widget,
    .single-widget {
        /*min-height: 365px;*/
        /*max-height: 365px; */
    }
    .double-widget-content {
        /*  width: 50%;
        float: left; */
        padding-right: 10px;
        margin-bottom: 10px;
    }
    .collapse-btn button {
        display: none;
    }
    .collapse-mob {
        display: block;
    }
    .social-feed {
        color: #ffffff;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.6s;
    }
    .social-feed div:first-child {
        display: inline-block;
    }
    .social-feed.show {
        display: block !important;
        padding-top: 15px;
        color: white;
    }
    .social-icon {
        display: inline-block;
        height: 20px;
        margin-right: 15px;
    }
    .social-feed h4,
    .mobile-social-feed h4 {
        display: inline-block;
        color: white;
        padding-top: 15px;
        text-transform: uppercase;
    }
    .social-img {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
    footer {
        border-bottom: none;
    }
    .bottom-links {
        text-align: right;
    }
    .bottom-links a {
        display: inline-block;
        padding: 15px;
        border-bottom: none;
        margin-bottom: 0;
    }
    .bottom-links .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .further-info {
        border-right: 2px solid rgba(201, 206, 209, 0.3);
        text-align: center;
    }
    .further-info:last-of-type {
        border-right: none;
        margin-bottom: 30px;
    }
    .further-info img {
        margin-left: auto;
        margin-right: auto;
        border-radius: 20px;
        height: 100px;
        width: 100px;
        margin-bottom: 15px;
        display: block;
    }
    .last {
        margin-bottom: 0px;
    }
    .news-btn {
        position: absolute;
        bottom: 15px;
        margin-bottom: 0;
    }
    .call-me-back input.text-input:first-of-type {
        margin-top: 15px;
    }
    .listing-title,
    .listing-details {
        width: 75%;
        float: right;
    }
    .listing-title h2:first-of-type {
        display: inline-block;
        width: 75%;
    }
    .listing-title h2:last-of-type {
        display: inline-block;
        float: right;
    }
    .listing.active .listing-img {
        width: 50%;
        transition: width 0.6s;
    }
    .listing.active .listing-title,
    .listing.active .listing-details {
        width: 50%;
    }
    .listing.active .listing-thumbs,
    .listing.active .listing-btn {
        display: table;
    }
    /* flex */
    /*    div.row.listing {display:flex;display:-webkit-flex;}*/
    div.row.listing figure {
        flex: 1 1 33%;
        -webkit-flex: 1 1 33%;
        flex-flow: column wrap;
        -webkit-flex-flow: column-wrap;
    }
    img.mainimg {
        background: url(../images/common/noimage.png) no-repeat;
    }
    div.row.listing figure img {
        width: 100%;
        height: auto;
        position: relative;
    }
    div.row.listing figure img:before {
        content: "";
        display: block;
        padding-top: 100%;
    }
    .vehicle-dealer-logo img {
        background-image: none;
    }
    div.row.listing article.listing-details {
        flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        flex-flow: column wrap;
        -webkit-flex-flow: column-wrap;
    }
    div.row.listing article.listing-details div.listing-title {
        width: 100%;
        float: none;
        padding: 0px;
        display: flex;
        display: -webkit-flex;
    }
    div.row.listing article.listing-details ul.listing-specs {
        padding: 0px;
        margin: 5px 0px;
    }
    .listing-title h2:first-of-type {
        display: flex;
        display: -webkit-flex;
        flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
        padding-right: 20px;
        -webkit-justify-content: space-between;
    }
    .listing-title h2:first-of-type span {
        font-weight: normal;
        font-size: 0.7em;
        margin-top: -3px;
    }
    .listing-thumbs ul {
        padding: 0px;
    }
    ul.listing-thumbs {
        display: flex;
        display: -webkit-flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        justify-content: flex-start;
        list-style-type: none;
        padding: 0px;
    }
    ul.listing-thumbs li {
        flex: 0 0 30%;
        -webkit-flex: 0 0 30%;
        margin-right: 5%;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    ul.listing-thumbs li:nth-child(3n) {
        margin-right: 0px;
    }
    ul.listing-thumbs li:hover {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
    ul.listing-thumbs:hover li:not(:hover) {
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
    }
    .listing-btn {
        flex: 0 0 25%;
        align-self: flex-end;
        /*width: 25%;*/
        display: flex;
        display: -webkit-flex;
        color: rgb(255, 255, 255) !important;
        justify-content: center;
        background: rgb(0, 0, 0);
        padding: 10px;
        font-weight: 600;
    }
    .listing-btn:hover {
        color: rgb(255, 255, 255);
    }
    /*view vehicle */
    .row.listing.full figure,
    .row.listing.full figure + article {
        flex: 1 1 50%;
        -webkit-flex: 1 1 50%;
    }
    .row.listing.full figure + article .listing-title {
        flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
    }
    .row.listing.full figure + article .listing-title h2 {
        display: flex;
        display: -webkit-flex;
        width: 100%;
        flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
        padding-right: 20px;
        align-items: flex-start;
        -webkit-align-items: flex-start;
    }
    .row.listing.full figure + article .listing-title h2:last-of-type {
        flex-flow: row wrap;
        align-items: center;
        -webkit-flex-flow: row wrap;
        -webkit-align-items: center;
    }
    .row.listing.full figure + article .listing-title h2:last-of-type span {
        margin-left: 10px;
    }
    .listing-btn.view {
        /* float: right; */
    }
    section.buttonrow {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: flex-end;
        -webkit-flex-items: flex-end;
    }
    section.buttonrow a.listing-btn {
        margin: 0px;
    }
    .single-widget,
    .double-widget {
        margin-bottom: 30px;
    }
    article#bannerholder {
        margin-bottom: 30px;
    }
    /* double widget */
    .double-widget h2.widget-tag {
        z-index: 10;
    }
    .double-widget h2.widget-tag + img {
        max-width: 100%;
        height: auto;
        position: relative;
        z-index: 1;
    }
    .double-widget h2.widget-tag + img:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: url(../images/banners/lg/about-us-generic.jpg);
        background-size: cover;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        background-position: 50%;
    }
    .trigger + .widget-img,
    .trigger + .widget-img + div {
        display: block !important;
    }
    h2.widget-tag label:after {
        content: none !important;
    }
    div.news {
        padding-bottom: 50px;
    }
    article.news {
        display: inline-block !important;
        vertical-align: top !important;
        margin-bottom: 10px;
        padding: 10px 0px;
        border-bottom: solid 1px rgb(0, 0, 0);
        transition: background 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        width: 100%;
    }
    article.news figure img {
        height: auto;
        max-width: 100%;
    }
    article.news a {
        background: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
        padding: 8px;
        float: right;
        clear: both;
    }
    article.news:hover {
        background: rgba(255, 255, 255, 0.7);
    }
    a.archive-button {
        background: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
        padding: 10px;
        display: inline;
        margin: 50px;
        font-weight: bold;
        position: relative;
        top: 30px;
        left: 80%;
    }
    a.archive-button:after,
    article.news a:after {
        content: "";
        width: 12px;
        height: 12px;
        display: inline-block;
        margin-left: 10px;
        border-width: 2px;
        border-style: solid;
        border-color: white white transparent transparent;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }
    /* div.body .col-sm-3 {height:362px} */
    .email-newsletter form {
        margin-top: 10px;
    }
    .email-newsletter input {
        width: 100%;
    }
    .email-newsletter input + button {
        width: 100%;
        display: inline-block;
        margin: 10px 0px;
        vertical-align: top;
    }
    .email-newsletter input + button span {
        left: 50%;
        transform: translateX(-50%) rotate(-45deg);
        -webkit-transform: translateX(-50%) rotate(-45deg);
    }
    div.social-feed img:not(.social-icon) {
        width: 255px;
        height: auto;
    }
    form.col-sm-3 {
        left: 0 !important;
        margin: 0 !important;
    }
    div#ident {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        height: 75px;
        -ms-flex-direction: row;
        -ms-flex-align: center;
        -ms-flex-pack: justify;
    }
    div#ident .dealerlogo {
        flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 0 auto;
        height: auto;
        max-width: 40%;
        display: inline-block;
        align-self: center;
        -webkit-align-self: center;
    }
    div#ident ul {
        list-style-type: none;
        align-self: center;
        -webkit-align-self: center;
    }
    /* key features accordion */
    article.accordion figure {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        margin: 10px;
    }
    article.accordion figure img {
        flex: 1 1 25%;
        -webkit-flex: 1 1 25%;
        max-width: 25%;
    }
    ul.new-range li {
        max-width: 25%;
    }
}

@media screen and (max-width: 1024px) {
    section#new-vehicle-scroller a.left-scr {
        left: 0px;
        bottom: -80px;
        z-index: 8;
    }
    section#new-vehicle-scroller a.right-scr {
        right: 0px;
        bottom: -80px;
        z-index: 8;
    }
}

@media screen and (max-width: 768px) {
    .col-sm-3.col-xs-4.logo {
        max-width: 30%;
        margin-left: 10px;
    }
    .col-sm-3.col-xs-4.logo img {
        max-width: 100%;
    }
    header .top {
        position: relative;
        z-index: 10;
    }
    .dealerlogo {
        max-width: 100%;
        height: auto;
    }
    #navbutton {
        float: right;
        padding: 10px;
        font-size: 2.5em;
        margin-right: 10px;
        color: rgb(0, 73, 148);
    }
    /* use translate3d instead of translateY to force GPU rendering */
    #navtoggle:checked + nav div.container {
        transform: translate3d(0, 0%, 0);
        -webkit-transform: translate3d(0, 0%, 0);
    }
    header nav div.container {
        transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0);
        position: absolute;
        width: 100%;
        z-index: 9;
        transition: all 0.5s ease-in-out;
        background: rgb(178, 201, 223);
        -webkit-transition: all 0.5s ease-in-out;
    }
    header > .top > .cell > .container {
        padding: 0px;
        width: 100%;
    }
    header > .top > .cell > .container > .row {
        width: 100%;
        margin: 0px;
    }
    header form.col-sm-3.col-sm-push-3.clearfix {
        clear: both;
        width: 100%;
        left: 0px;
    }
    header nav ul li {
        padding: 0px;
    }
    header nav ul > li a {
        padding: 10px;
    }
    header nav ul li.standalone {
        border-bottom: none !important;
    }
    header nav ul li.standalone h3 {
        padding: 0px !important;
    }
    header nav ul li.standalone h3 a {
        padding: 0px;
        height: 45px;
        color: #333;
    }
    header nav ul li.standalone h3 a:after {
        content: none !important;
    }
    header nav ul li.standalone h3:hover a {
        color: rgb(0, 0, 0);
        text-decoration: none;
    }
    li.hassub ul.first {
        display: none;
        overflow-y: none;
    }
    /* li.hassub ul.first li:first-of-type {display:none} */
    li.hassub ul.first > li {
        position: relative;
        display: block;
        height: 42px;
    }
    li.hassub ul.first.vehiclesub {
        height: 0px;
        overflow-y: hidden;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        transition: height 0.5s ease-in-out;
        -webkit-transition: height 0.5s ease-in-out;
    }
    /* li.hassub ul.first.vehiclesub li:nth-child(1) {order:1;-webkit-order:1}
   li.hassub ul.first.vehiclesub li:nth-child(2) {order:2;-webkit-order:2}
   li.hassub ul.first.vehiclesub li:nth-child(6) {order:3;-webkit-order:3}
   li.hassub ul.first.vehiclesub li:nth-child(3) {order:4;-webkit-order:4}
   li.hassub ul.first.vehiclesub li:nth-child(4) {order:5;-webkit-order:5}
   li.hassub ul.first.vehiclesub li:nth-child(5) {order:6;-webkit-order:6}
   li.hassub ul.first.vehiclesub li:nth-child(7) {order:1;-webkit-order:8}
   li.hassub ul.first.vehiclesub li:nth-child(8) {order:2;-webkit-order:9}
   li.hassub ul.first.vehiclesub li:nth-child(9) {order:3;-webkit-order:10}
   li.hassub ul.first.vehiclesub li:nth-child(10) {order:4;-webkit-order:7}
   li.hassub ul.first.vehiclesub li:nth-child(11) {order:4;-webkit-order:11} */
    li.hassub ul.first li h3 {
        font-weight: normal;
        font-size: 1em;
        padding: 0px;
        cursor: pointer;
    }
    li.hassub ul.first li h3 label {
        text-transform: initial;
        pointer-events: initial;
    }
    li.hassub ul.first li h3 + input[type="checkbox"]:checked + ul.second {
        left: 0px;
        display: block;
        background: #ffffff;
        margin-top: 10px;
    }
    li.hassub ul.first li h3 + input[type="checkbox"]:checked + ul.second li {
        display: block;
        border-bottom: 1px solid #b8bfc6;
    }
    li.hassub ul.first li h3 + input[type="checkbox"]:checked + ul.second li a img + p {
        display: none;
    }
    li.hassub ul.first li h3 + input[type="checkbox"]:checked + ul.second li a img {
        width: 15%;
        display: inline-block;
    }
    li.hassub ul.first li h3 + input[type="checkbox"]:checked + ul.second li a img ~ h4 {
        padding: 0px 0px 0px 10px !important;
        display: inline-block;
    }
    li.hassub ul.first li h3 + input[type="checkbox"]:checked + ul.second li a {
        border: none 0px;
    }
    li.hassub ul.first li h3 + input[type="checkbox"]:checked + ul.second li a:after {
        content: none;
    }
    /* li.hassub input[type=checkbox]:checked + ul.first {display:block;} */
    li.hassub label {
        height: 100%;
        display: block;
        cursor: pointer;
    }
    .trigger:checked + picture,
    .trigger:checked + picture + div {
        display: block;
    }
    .trigger:checked + picture + div {
        padding-bottom: 20px;
    }
    .col-sm-3 .single-widget {
        width: 100%;
    }
    h2.widget-tag {
        width: 100%;
    }
    h2.widget-tag label {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
    }
    h2.widget-tag label:after {
        content: "";
        width: 12px;
        height: 12px;
        border-width: 2px;
        border-color: transparent white white transparent;
        border-style: solid;
        display: block;
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-75%) rotate(45deg);
        -webkit-transform: translateY(-75%) rotate(45deg);
    }
    ul.test-drive {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
        display: flex;
        display: -webkit-flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    ul.test-drive li {
        flex: 0 0 48%;
        -webkit-flex: 0 0 48%;
    }
    ul.test-drive li figure {
        width: 100%;
        display: block;
    }
    ul.test-drive li figure img {
        width: 100%;
        height: auto;
    }
    ul.test-drive li figure figcaption {
        width: 100%;
        height: 30px;
        display: block;
    }
    ul.test-drive li figure figcaption label {
        width: 100%;
        display: block;
        height: 100%;
        background: rgb(201, 206, 209);
        line-height: 30px;
        font-weight: bold;
        cursor: pointer;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    ul.test-drive li figure figcaption input {
        display: none;
    }
    ul.test-drive li figure figcaption label:before {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        float: left;
        background: rgb(255, 255, 255);
        margin: 3px 10px;
        border: solid 1px rgb(0, 0, 0);
    }
    ul.test-drive li figure figcaption input:checked + label:before {
        content: "\2713";
        text-align: center;
        font-size: 2em;
        line-height: 24px;
        font-weight: normal;
    }
    form#testdrive {
        width: 100%;
    }
    form#testdrive fieldset {
        border: 0px none;
        margin: 20px 0px;
        padding: 0px;
        width: 100%;
    }
    form#testdrive fieldset p {
        position: relative;
        width: 100%;
        display: inline-block;
        font-family: "lato" !important;
        padding-bottom: 0px;
    }
    form#testdrive fieldset p input {
        width: 100%;
        height: 50px;
        border: solid 1px rgb(201, 206, 209);
        padding-left: 10px;
    }
    form#testdrive fieldset p input + label {
        position: absolute;
        left: 0px;
        display: block;
        top: 0px;
        height: 50px;
        line-height: 50px;
        padding-left: 10px;
        transition: 0.2s ease-in-out;
        font-size: 1em;
    }
    form#testdrive fieldset p input:focus + label {
        opacity: 0;
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
    }
    form#testdrive fieldset p input:valid + label {
        display: none;
    }
    form#testdrive fieldset p:last-of-type {
        width: 100%;
        font-size: 0.8em;
    }
    form#testdrive fieldset p:last-of-type input[type="checkbox"] {
        display: none;
    }
    form#testdrive fieldset p:last-of-type label {
        display: block !important;
        position: relative;
        padding: 0px;
        margin-top: 10px;
    }
    form#testdrive fieldset p:last-of-type label:after {
        content: "";
        width: 24px;
        height: 24px;
        display: inline-block;
        background: rgb(255, 255, 255);
        margin: 3px 10px;
        border: solid 1px rgb(0, 0, 0);
        vertical-align: top;
        cursor: pointer;
    }
    form#testdrive fieldset p:last-of-type input:checked + label:after {
        content: "\2713";
        text-align: center;
        font-size: 2em;
        line-height: 24px;
    }
    form#testdrive button {
        width: 100%;
        display: block;
        padding: 10px;
        background: rgb(0, 73, 148);
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        position: relative;
        font-weight: bold;
        margin: 20px auto;
        border-radius: 2px;
        font-size: 1.5em;
        height: 50px;
    }
    form#testdrive button:after {
        content: none !important;
    }
    ul.test-drive-response {
        list-style-type: none;
        padding: 0px;
        margin: 20px auto;
        width: 100%;
    }
    ul.test-drive-response li {
        display: inline-block;
        width: 20%;
        margin-bottom: 20px;
    }
    ul.test-drive-response li figure {
        width: 100%;
        display: block;
    }
    ul.test-drive-response li figure img {
        width: 100%;
        height: auto;
    }
    ul.test-drive-response li figure figcaption {
        width: 100%;
        display: auto;
        padding: 10px;
        text-align: center;
        font-weight: bold;
    }
    div.contact {
        width: 100%;
    }
    nav#breadcrumbs {
        display: none;
    }
    /* offers */
    ul.offerlist li img {
        width: 100%;
        height: auto;
        display: block;
    }
    ul.offerlist li img + article {
        width: 100%;
        margin-top: 10px;
    }
    nav#offers-nav {
        width: 100%;
    }
    nav#offers-nav a {
        width: 43%;
        display: inline-block;
    }
    .td-top + #change-dealer {
        width: 100%;
        margin: 100px auto;
    }
    .td-top + #change-dealer p input[type="text"] {
        width: 100%;
    }
    .td-top + #change-dealer p input[type="text"] + label + button {
        width: 50%;
        margin: 5px auto;
        display: block;
    }
    ul.offerlist li picture {
        width: 100%;
    }
    ul.offerlist li picture + article {
        width: 100%;
    }
    section#countdown {
        display: none;
    }
    div.flex {
        flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
    }
    div.flex > * {
        margin: 0px;
        width: 100%;
        padding: 10px;
    }
    div.flex div p {
        padding-bottom: 1px;
        font-size: 1em;
        padding-right: 5px;
    }
    section.twocol-flex {
        flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
    }
    section.twocol-flex section {
        width: 100%;
    }
    section.twocol-flex img {
        width: 50%;
        height: initial;
    }
    .partsextra.vehicle > div {
        max-width: 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
    }
    .partsextra.vehicle > div img {
        width: 80% !important;
        margin: 0px auto;
    }
    div.single-widget.long {
        max-height: initial !important;
    }
    article#services {
        margin-top: 0px;
    }
    article#services ul {
        padding: 0px;
    }
    /* nav.sidebar-nav ul li a.active:before,  nav.sidebar-nav ul li input[type=checkbox]:checked + label:before {display:block;content:'';border-color:rgb(200,200,200) transparent transparent transparent;border-style:solid;border-width: 6px;
                                                                             position: absolute;
                                                                             top: -6px;
                                                                             left: 2px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)} 
*/
    .left-sub-menu {
        margin-bottom: 0px !important;
    }
    .left-sub-menu li {
        padding-left: 16px !important;
        border-bottom: none 0px !important;
        position: relative;
    }
}

/* Medium devices (desktops, 992px and up) */

@media screen and (min-width: 768px) {
    .sm {
        display: none !important;
    }
    .md {
        display: block !important;
    }
    p {
        font-size: 14px;
        line-height: 1.4em;
    }
    header a:visited {
        color: white;
    }
    header > .container {
        display: table;
        height: 80px;
    }
    /*header > .container > .row{ display: table-row; }*/
    #navbutton {
        display: none;
    }
    header .top {
        display: block;
        height: 80px;
        width: 100%;
    }
    header .top > div {
        display: inline;
        vertical-align: middle;
    }
    header > .container > .row > div,
    header > .container > .row > form {
        display: table-cell;
    }
    header form {
        background: none;
    }
    header form select {
        width: 220px;
    }
    /**
     *
     *	Header Menu
     * 
     */
    header nav {
        background-color: #000;
        /*height: 65px;*/
        text-transform: uppercase;
    }
    header nav > .container {
        display: table;
    }
    header nav ul {
        /*        display: table-row;*/
        /*list-style: none;
        padding: 0;
        width: 100%;*/
    }
    header nav ul li {
        position: relative;
        display: table-cell;
        text-align: center;
        /*height: 65px;*/
        /*vertical-align: middle;*/
    }
    /*    header nav ul li br{ display: initial; }*/
    header nav ul li:first-child {
        border: 0;
    }
    header nav ul li a {
        display: block;
        width: 100%;
        /*height: 65px;*/
        /*line-height: 65px;*/
        /*line-height: 15px;*/
        color: #fff;
        border: 0;
    }
    header nav ul li a:after {
        display: none;
    }
    /*    header nav ul li a:before{
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }*/
    header nav ul li a span {
        display: inline-block;
        vertical-align: middle;
    }
    header nav ul li:hover {
        background-color: #fff;
    }
    header nav ul li:hover a {
        color: #000;
    }
    /*   header nav ul.first {
        display: none;
        position: absolute;
        background-color: #CED5DD;
        left:0px;
        width:calc(140px * 6);
        width:-webkit-calc(140px * 6 +5);
        z-index:10;
        min-width:700px !important;
    }
    header nav ul.first > li {
        display: block;
        height: 240px;
        padding: 0px !important;
        float: left;
        color: #fff;
        line-height: 45px;
        border: 0;
    }
*/
    /*header nav ul li.hassub > a span:after {content: '\f078';font-family:fontawesome;margin-left:20px;}*/
    header nav ul li.hassub:hover > a span:after {
        border-color: black black transparent transparent;
    }
    header nav ul.first li:hover {
        color: #000;
    }
    header nav ul.first li h3:after {
        content: "\f078";
        font-family: fontawesome;
        margin-left: 20px;
    }
    header nav ul.first li:hover > ul {
        position: absolute;
        display: flex;
        min-width: 100%;
        background: rgb(255, 255, 255);
    }
    ul.second {
        background: rgb(255, 255, 255);
        display: flex;
        border-bottom: 3px solid rgb(0, 0, 0);
        height: 100%;
    }
    ul.second li {
        height: 100%;
        align-items: stretch;
    }
    header nav ul.first li:hover h3:after {
        border-color: transparent black black transparent;
    }
    header nav ul.first li > ul {
        position: absolute;
        display: none;
        left: 0;
        text-align: left;
        background: rgb(255, 255, 255);
    }
    header nav ul.first li h3 {
        padding: 0 25px;
        border: 0;
        font-size: 1em;
        cursor: pointer;
        height: 45px;
    }
    header nav ul.first ul li {
        flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        /*  width: 140px;
        max-width:140px; */
        color: #000;
        float: none;
        min-height: 200px;
        z-index: 9999;
        margin-left: -3px;
        align-items: stretch;
        justify-content: flex-start;
        -webkit-align-items: stretch;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
    }
    header nav ul.first ul li:first-of-type {
        margin-left: 0px;
    }
    header nav ul.first ul li a {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        width: 100%;
        height: 100%;
        position: relative;
        flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: center;
        -ms-flex-direction: column;
    }
    ul.first ul li a img {
        width: 120px;
        height: 120px;
        order: 2;
        -webkit-order: 2;
        justify-content: center;
        align-self: center;
        -ms-flex-order: 2;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
    }
    header nav ul.second {
        border-bottom: 5px solid #ced5dd;
    }
    header nav ul.second li a {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        width: 100%;
        height: 100%;
        position: relative;
        flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        justify-content: center;
        -webkit-justify-content: center;
        height: 100%;
        align-self: flex-start;
        position: relative;
        -ms-flex-pack: center;
        -ms-flex-direction: column;
    }
    header nav ul.second li {
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        background: rgb(255, 255, 255);
        flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        position: relative;
        -ms-flex-align: stretch;
    }
    header nav ul.second li a p {
        flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        color: rgb(255, 255, 255);
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: rgb(0, 0, 0);
        padding: 0px;
        font-weight: bold;
        order: 1;
        -webkit-order: 1;
        -ms-flex-order: 1;
        align-self: flex-end;
        -webkit-align-self: flex-end;
    }
    header nav ul.second a h4 {
        position: inherit;
        font-size: 1em !important;
        font-weight: normal;
        margin: 0px;
        line-height: 1;
        margin: 0px;
        width: 100%;
        order: 3;
        -webkit-order: 3;
        -ms-flex-order: 3;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        padding-top: 5px;
    }
    header nav ul.first div.key {
        width: 100%;
        background-color: #ced5dd;
        min-width: 550px !important;
    }
    div.key p {
        display: none;
        line-height: 45px;
        height: 45px;
        padding: 0px 12px;
    }
    div.key p span {
        width: 20px;
        height: 20px;
        background: rgb(0, 0, 0);
        border-radius: 50%;
        color: rgb(255, 255, 255);
        display: inline-block;
        margin-right: 10px;
        line-height: 20px;
        text-align: center;
        font-weight: bold;
    }
    header nav ul.second {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        align-items: flex-start;
        justify-content: flex-start;
        -webkit-align-items: flex-start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        -ms-flex-align: start;
        /*width: calc(140px *6);*/
    }
    header nav ul.second + div.key {
        display: none;
        bottom: -6px;
        position: absolute;
        padding: 0px 10px;
        text-align: left;
    }
    .double-widget,
    .single-widget {
        position: relative;
        /*min-height: 366px;*/
        /* max-height: 366px; */
        padding: 36px 15px 0 15px;
        flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        flex-direction: column;
        -webkit-flex-direction: column;
        max-width: 100%;
    }
    /*    .widget-tag {
        top: 32px;
        left:-8px;
        width: auto;
    }*/
    .news-widget.double-widget {
        padding: 38px 15px 0 15px;
    }
    .news-date {
        text-align: right;
        padding-bottom: 0.5em;
    }
    .search-widget input.text-input,
    .call-me-back input.text-input:first-of-type {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    ul.offerlist li picture {
        width: 70%;
        height: 170px;
        display: inline-block;
        margin-bottom: 15px;
    }
    /* breacrumbs */
    .email-newsletter input {
        width: 79%;
    }
    .email-newsletter form {
        margin-top: 43px;
    }
    .email-newsletter input {
        width: 100%;
        margin-bottom: 20px;
    }
    .email-newsletter input + button {
        width: 20%;
        display: inline-block;
        margin: 0px 0px 0px -4px;
        vertical-align: top;
    }
    ul.offerlist li img.md + article {
        max-height: inherit !important;
        padding-left: 16px;
    }
    ul.offerlist li img.md {
        display: inline-block !important;
        height: auto;
        width: 65%;
    }
    nav.sidebar-nav ul > li a:hover,
    nav.sidebar-nav ul > li a.active,
    nav.sidebar-nav ul li input[type="checkbox"] + label:hover,
    nav.sidebar-nav ul li input[type="checkbox"]:checked + label {
        background: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
        text-decoration: none;
        z-index: 10;
    }
    nav.sidebar-nav ul > li a:hover:before,
    nav.sidebar-nav ul li a.active:before,
    nav.sidebar-nav ul li input[type="checkbox"] + label:hover:before,
    nav.sidebar-nav ul li input[type="checkbox"]:checked + label:before {
        display: block;
        content: "";
        border-color: rgb(200, 200, 200) transparent transparent transparent;
        border-style: solid;
        border-width: 6px;
        position: absolute;
        top: -6px;
        left: 2px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    .left-sub-menu {
        margin-bottom: 0px !important;
    }
    .left-sub-menu li {
        padding-left: 16px !important;
        border-bottom: none 0px !important;
        position: relative;
    }
    .left-sub-menu li a:hover {
        background: none !important;
        color: rgb(0, 73, 148) !important;
    }
    .left-sub-menu li a.active {
        background: none !important;
        color: rgb(0, 73, 148) !important;
        font-weight: bold;
    }
    .left-sub-menu li a:hover:before,
    .left-sub-menu li a.active:before {
        content: none !important;
    }
    .left-sub-menu li:before {
        content: "-";
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
}

@media (min-width: 1025px) {
    .email-newsletter form {
        margin-top: 10px;
    }
    ul.offerlist li img.md {
        display: none !important;
    }
}

/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
    .md {
        display: none !important;
    }
    .lg {
        display: block !important;
    }
    .lg.inlineblock {
        display: inline-block !important;
        margin-right: -5px;
    }
    header nav ul li br {
        display: none;
    }
    .double-widget,
    .single-widget {
        /*    min-height: 362px;
        max-height: 362px; */
    }
    ul.offerlist li img {
        padding-right: 20px;
        padding-bottom: 20px;
    }
    ul.offerlist li img + article {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 425px) {
    ul.new-range {
        display: flex;
        display: -webkit-flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
    }
    ul.new-range li {
        width: 50%;
        display: block;
        flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
    }
    ul.new-range li h3 {
        font-size: 3vw;
        height: 10vw;
    }
    /*    article.accordion section,  article.accordion section h2 {height:3em;max-height:initial}*/
    article.accordion section {
        -webkit-transition: none;
        -ms-transition: none;
        transition: none;
    }
    /*article.accordion section h2 a {line-height: 3em}*/
    /*    article.accordion section:target {
	height:auto;
	background-color: #fff;}*/
    /* used vehicles */
    div.row.listing.full,
    div.row.listing {
        width: 90%;
        margin: 20px auto;
    }
    /*
   ul.listing-thumbs li {flex:0 0 25%;-webkit-flex:0 0 25%;}*/
    article.listing-details {
        width: 100%;
        padding: 0px;
        display: flex;
        display: -webkit-flex;
        flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
    }
    article.listing-details .listing-title h2 {
        flex-flow: column wrap;
    }
    article.listing-details .listing-title h2 span {
        font-size: 3vw;
    }
    article.listing-details .listing-title h2.vprice {
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        align-items: center;
        justify-content: flex-end;
        -webkit-align-items: center;
        -webkit-justify-content: flex-end;
    }
    article.listing-details .listing-title h2.vprice span {
        margin-left: 10px;
    }
    article.listing-details ul.listing-specs {
        margin: 0px;
        padding: 0px;
        display: flex;
        display: -webkit-flex;
        flex-flow: column wrap;
    }
    p.listing-description {
        margin: 5px 0px;
    }
    p.listing-description:first-letter {
        text-transform: uppercase;
    }
    nav#vehicle-nav {
        flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
    }
    a.listing-btn {
        color: rgb(255, 255, 255);
    }
    h3.showing {
        justify-content: space-between;
        -wekbit-justify-content: space-between;
        margin-bottom: 10px;
    }
    select#sortby {
        width: 100%;
        height: 40px;
    }
    nav#vacancyfilter {
        display: flex;
        display: -webkit-flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        border-bottom: 1px dotted rgb(200, 200, 200);
        padding-bottom: 10px;
    }
    nav#vacancyfilter ul {
        flex: 1 1 100%;
        -webkit-flex: 1 1 100%;
        width: 100%;
    }
    nav#vacancyfilter h4 {
        flex: 1 1 100%;
        -webkit-flex: 1 1 100%;
        text-align: center;
    }
    article.news a {
        width: 100%;
    }
    /* driveaway */
    div.flex img {
        width: 60%;
        margin: 10px auto;
    }
    .twocol-flex img {
        width: 80% !important;
        max-width: initial !important;
        margin: 0px auto;
    }
    section.row div:first-of-type:not(.select) {
        order: 2;
        -webkit-order: 2;
    }
    nav#offers-nav {
        margin: 0px;
    }
    nav#offers-nav ul {
        display: flex;
        display: -webkit-flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    nav#offers-nav ul li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    /*nav#offers-nav ul li:nth-child(2) {z-index:10;}*/
    .call-me-back form {
        margin-top: 0px;
    }
    section#mapkey {
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        justify-content: center;
        -webkit-justify-content: center;
    }
    section#mapkey .dropdown-holder {
        order: 3;
        -webkit-order: 3;
        margin-bottom: 10px;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    section#mapkey div:first-of-type {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    section#mapkey div figure figcaption {
        text-align: left;
        margin: -10px 0px 0px 10px;
    }
    section#mapkey div figure img {
        max-width: 25%;
    }
    button#callmeback {
        margin-top: 20px;
    }
    ul.scroller-content li figure figcaption h3 {
        font-size: 3.5vw;
    }
    nav#additional-links ul {
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    nav#additional-links ul li {
        max-width: 100% !important;
    }
}

@media screen and (max-width: 660px) {
    .trigger + picture,
    .trigger + picture + div {
        display: none;
    }
    main > .container > .row {
        display: flex;
        flex-direction: column;
        display: -webkit-flex;
        -webkit-flex-direction: column;
    }
    /*.single-widget, .double-widget {padding:31px 0px 0px 0px;display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column}*/
    .single-widget-content p,
    .single-widget-content h3 {
        padding: 5px 10px;
        margin: 0px;
    }
    .single-widget-content h3:empty {
        display: none;
    }
    section.row div:nth-child(2) {
        order: 3;
        -webkit-order: 3;
    }
    .double-widget-content {
        padding: 10px;
    }
    .single-widget-content form {
        padding: 10px;
    }
    .standalone {
        background: rgb(0, 73, 148);
        color: rgb(255, 255, 255);
        height: 42px;
    }
    .standalone a {
        padding: 0px 16px !important;
        color: rgb(255, 255, 255);
    }
    select#type-filter {
        margin: 0px;
        position: relative;
        width: initial;
    }
    section#mapkey div.dropdown-holder {
        position: relative;
        width: 90%;
    }
    section#mapkey div.dropdown-holder:after {
        right: 0px;
        bottom: 0px;
        position: absolute;
        top: initial;
    }
    .team,
    .partsmenu {
        order: 4 !important;
        -webkit-order: 4 !important;
        padding: 0px 30px;
    }
    article#services ul {
        padding: 0px;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    .row select.locationchanger {
        background-color: rgb(255, 255, 255);
    }
    .select:after {
        z-index: 10;
        pointer-events: none;
    }
    select#dealer-select-top,
    select#changelocation {
        background: rgb(255, 255, 255);
    }
    div.body .col-sm-6 > div {
        background-color: rgb(255, 255, 255) !important;
    }
    ul.location-services,
    #locations-widget {
        padding: 0px 15px;
    }
    /* force the display ordering of the main blocks */
    div#aboutus {
        order: 2;
        -webkit-order: 2;
    }
    div#testdrive-widget {
        order: 1;
        -webkit-order: 1;
    }
    #dealer-select-top,
    input#postcode {
        background: rgb(255, 255, 255) !important;
    }
    /* authorised repairer */
    div#ar-address {
        order: 1;
        -webkit-order: 1;
        margin-bottom: 16px;
    }
    div#ar-opening {
        order: 4;
        -webkit-order: 4;
        margin-bottom: 16px;
    }
    div#ar-ranges {
        order: 2;
        -webkit-order: 2;
        margin-bottom: 16px;
    }
    div#ar-services {
        order: 3;
        -webkit-order: 3;
        margin-bottom: 16px;
    }
    .bigmutha {
        font-size: 2.25em;
    }
    nav.sidebar-nav ul > li {
        padding: 0px;
    }
    /* used vehicles listings */
    .listing-title {
        padding: 0px;
    }
    article.listing-details .listing-title h2.vprice {
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        align-items: center;
        justify-content: flex-start;
        -webkit-align-items: center;
        -webkit-justify-content: flex-start;
    }
    article.listing-details .listing-title h2.vprice span {
        margin-left: 10px;
    }
    .listing-details h3 {
        padding-bottom: 3px;
    }
    .row.listing {
        border-bottom: 1px dotted rgb(100, 100, 100);
    }
    /* new homepage layout */
    section.cta-row {
        flex-direction: column;
        -webkit-flex-direction: column;
        height: initial;
        padding: 0px 10px;
    }
    section.cta-row section {
        margin-bottom: 20px;
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        width: 100%;
    }
    ul.events-widget-list li {
        margin: 0px 10px;
    }
    /*     ul.events-widget-list + a button {width:90% !important;margin-left:5% !important}*/
    ul.events-widget-list li div.date {
        flex: 0 1 20%;
        -webkit-flex: 0 1 20%;
    }
    ul.events-widget-list li div.date + div {
        flex: 0 0 75%;
        -webkit-flex: 0 0 75%;
    }
    ul.events-widget-list li div.date + div p strong {
        font-size: 1.1em;
    }
    ul.events-widget-list li div.date h3,
    ul.events-widget-list li div.date h4 {
        font-size: 1.2em;
    }
    /* event listings page */
    ul.main-evt-listings figure {
        flex-direction: column;
        -webkit-flex-direcion: column;
        flex: 0 0 60%;
        -webkit-flex: 0 0 60%;
    }
    ul.main-evt-listings li div.date {
        flex: 0 0 20%;
        -webkit-flex: 0 0 20%;
    }
    ul.main-evt-listings figure img {
        flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        width: 50%;
    }
    .partsextra.vehicle > div {
        max-width: 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
    }
    .partsextra.vehicle > div img {
        width: 50% !important;
        margin: 0px auto;
    }
}