/*
Theme Name: Group1 Pre-owned
Theme URI: https://www.group1cars.co.za/
Description: A theme created for Group1 Pre-owned.
Version: 1.0
Author: Willem Louw (for WSI Web Marketing)
Author URI: http://www.wsiwebmarketing.co.za/
*/

/* CSS Document */

.bannercontent h1 {
font-size: 20px;
line-height: 24px;
color: #000;
padding: 0;
}

.mobilebakkiebanner {
display: none;
width: 100%;
}

.mobilebakkiebanner img {
width: 100%;
height: auto;
}

#fixedhead {
border-bottom: 1px solid #eaeaea;
}

input[type='checkbox'] {
display: inline-block;
}

textarea {
height: 80px !important;
}

.validation_message {
display: block !important;
color: #a82c30;
font-weight: bold;
margin-bottom: 5px;
margin-top: 0;
padding: 4px;
line-height: 14px;
border: 1px solid #ccc;
}

#disclaimer {
display: none;

padding: 10px;
border: 1px solid #eaeaea;
}

.disclaimerbar {
margin-top: 10px;
padding: 10px;
background: #eaeaea;
font-size: 12px;
line-height: 12px;
font-weight: bold;
}

.disclaimerbar a {
/*--text-decoration: none;--*/
}

.usedpagewrap, #footerblocks {
max-width: 1440px;
width: 100%;
margin: auto;
}

.listingheader {
/*--border-top: 1px solid #eaeaea;--*/
border-bottom: 1px solid #eaeaea;
margin: 0 0 15px 0;
padding: 10px 0;
font-size: 22px;
}

.listingsidebar {
float: left;
width: 400px;
}

.listingsidebar iframe {
width: 100%;
}

#midrandtestimonials_widgets .widget_randomizer_widget {
width: 100%;
height: 100%;
padding: 4px 10px;
}

.contactbox {
background: #eaeaea;
padding: 18px 20px 17px;
box-sizing: border-box;
margin-bottom: 15px;

/*--display: none;--*/
}

.whatsappbutton {
line-height: 0;
}

.vehicledetailssidebar .contactbox {
/*--display: none;--*/
}

.contactbox h2 {
border-bottom: 1px solid #b2b2b2;
padding-top: 0;
padding-bottom: 10px;
line-height: 18px;
font-size: 28px;
}

.contactbox h3 {
padding-top: 10px;
color: #a82c30;
font-size: 28px;
line-height: 16px;
font-weight: bold;
}

.formbox {
background: #eaeaea;
padding: 25px 20px 15px 20px;
box-sizing: border-box;
margin-bottom: 10px;
}

.vehicledetailssidebar .formbox {
/*--margin-top: 15px;--*/
}

.formbox h2 {
border-bottom: 1px solid #b2b2b2;
padding-top: 0;
padding-bottom: 10px;
line-height: 18px;
font-size: 28px;
}

.ghostbutton input {
color: #777;
border: 2px solid #ccc;
font-weight: bold;
background: none;
text-indent: 0px;
width: 100%;
text-align: center;
padding: 10px 0;
font: bold 16px/25px 'helvetica', 'arial', sans-serif !important;
margin: 0px !important;
cursor: pointer;
box-sizing: border-box;
}

.ghostbutton input:hover {
color: #efefef;
background: #999;
border: 2px solid #777;
}

/*-- Hidden Contact Button --*/

.contactbox {
line-height: 16px;
}

input#hiddencontactbutton {
/*--padding: 5px 18px;--*/
/*--width: 100%;--*/
font-size: 14px;
line-height: 16px;
font-weight: bold;
color: #a82c30;
text-decoration: underline;
outline: none;
margin-top: 10px;

background-image: url(/wp-content/uploads/phone16.png); /* 16px x 16px */
background-color: transparent; /* make the button transparent */
background-repeat: no-repeat;  /* make the background image appear only once */
background-position: 0px 0px;  /* equivalent to 'top left' */
border: none;           /* assuming we don't want any borders */
cursor: pointer;        /* make the cursor like hovering over an <a> element */
height: 16px;           /* make this the size of your image */
padding-left: 25px;     /* make text start to the right of the image */
vertical-align: middle; /* align the text vertically centered */
}

input#hiddencontactbutton:hover {
text-decoration: none;
}

/*-- Calculated Fields Form --*/

#fbuilder {
margin-top: 15px;
margin-bottom: 15px;
background: #eaeaea;
padding: 20px;
box-sizing: border-box;
overflow: auto;
}

#fbuilder .fields, #fbuilder .fform {
padding: 0 !important;
margin: 0 !important;
}

#fbuilder .fform h1, #fbuilder .fform h2 {
margin: 0 0 8px 0 !important;
border-bottom: 1px solid #b2b2b2;
padding-top: 0 !important;
padding-bottom: 10px !important;
line-height: 18px;
font-size: 18px;
}

#fbuilder .section_break {
border-top: 0 !important;
}

.section_breaks span {
border-top: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
margin: 5px 0;
}

#fbuilder input[type="text"], #fbuilder input[type="date"], #fbuilder input[type="datetime"], #fbuilder input[type="email"], #fbuilder input[type="number"], #fbuilder input[type="search"], #fbuilder input[type="time"], #fbuilder input[type="url"], #fbuilder textarea, #fbuilder select {
display: inline-block;
width: 100% !important;
background: #fff;
border: 1px solid #b2b2b2;
box-sizing: border-box;
font: normal 12px/18px 'helvetica', 'arial', sans-serif !important;
margin: 0;
padding: 2px;
margin-bottom: 8px !important;
height: 23px;
}

#fbuilder input:focus, #fbuilder select:focus {
outline: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #000;
}

    /*-- Non-editable --*/
    
#field_1-0 input, #field_1-4 input, #field_1-9 input, #field_1-10 input, #field_1-11 input {
cursor: not-allowed;
background: #dfdfdf !important;
}

#field_1-0 input:focus, #field_1-4 input:focus, #field_1-9 input:focus, #field_1-10 input:focus, #field_1-11 input:focus {
outline: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #b2b2b2;
}

    /*-- Dropdown --*/
    
#fbuilder #field_1-3 select {
width: 100% !important;
}

    /*-- Deposit --*/

/*--#field_1-1 .dfield {
position: relative;
}
#fbuilder #field_1-1 .dfield input[type="text"] {
padding-left:14px !important;
}
#field_1-1 .dfield:before {
position: absolute;
top: 3px;
content: "R";
margin-left: 3px;
font: normal 12px/18px 'helvetica', 'arial', sans-serif !important;
}
.input-euro.left:before {
left: 5px;
}---*/


    /*-- Balloon --*/

#field_1-5 .dfield {
position: relative;
}
#fbuilder #field_1-5 .dfield input[type="text"] {
padding-left:14px !important;
}
#field_1-5 .dfield:before {
position: absolute;
top: 3px;
content: "R";
margin-left: 3px;
font: normal 12px/18px 'helvetica', 'arial', sans-serif !important;
}
.input-euro.left:before {
left: 5px;
}

    /*------------*/

#field_1-5, #field_1-6, #field_1-7 {
width: 32% !important;
float: left;
display: none;
}

#fbuilder #field_1-5, #fbuilder #field_1-6 {
margin-right: 2% !important;
}

#field_1-10, #field_1-11 {
width: 49% !important;
}

#field_1-10 {
float: left;
}

#field_1-11 {
float: right;
}

/*----------------------------*/

.vehiclelistingwrap {
/*--width: 1020px;--*/
width: calc(100% - 420px);
float: right;
}

.vehiclelisting {
/*--width: 1020px;--*/
width: 100%;
clear: both;
display: flex;
}

.listingimage {
width: 323px;
float: left;
margin-bottom: 20px;
line-height: 0;
background: #ccc;
background: url(/wp-content/uploads/no-picture.jpg);
background-size: cover;
}

.listingimage img {
width: 100%;
height: auto;
}

.listingdetails {
width: calc(100% - 323px);
float: right;
background: #eaeaea;
padding: 20px;
box-sizing: border-box;
margin-bottom: 20px;
position: relative;
}

.listingdetails .detailsheading {
border-bottom: 1px solid #b2b2b2;
overflow: auto;
margin-bottom: 2px;
}

.listingdetails a.h2left {
text-decoration: none;
}

.listingdetails a.h2left h2 {
float:left;
padding-top: 0;
}

.listingdetails h2.h2right {
float: right;
font-weight: normal;
padding-top: 0;
}

.listingdetails h2.h2right span {
color: #a82c30;
font-weight: bold;
}

.listingdescription {
text-overflow: ellipsis;
/*--white-space: nowrap;--*/
overflow: hidden;

float: left;
width: 320px;
/*--height: 84px;--*/
}

.listingdescription ul {
padding: 10px 0 0 0 !important;
margin: 0;
line-height: 24px;
}

.listingdescription ul li {
margin: 0 !important;
min-height: 0 !important;
padding: 2px 0 !important;
}

.listingdescription ul li:before {
vertical-align: text-top;
padding-right: 8px;
}

.listingdescription ul li.yearicon:before {
content: url(/wp-content/uploads/year-icon.png);
}

.listingdescription ul li.mileageicon:before {
content: url(/wp-content/uploads/mileage-icon.png);
}

.listingdescription ul li.gearboxicon:before {
content: url(/wp-content/uploads/gearbox-icon.png);
}

.listingdescription ul li.fuelicon:before {
content: url(/wp-content/uploads/fuel-icon.png);
}

.listingdescription ul li.locationicon:before {
content: url(/wp-content/uploads/location-icon.png);
}

a.usedlink {
position: absolute;
right: 20px;
bottom: 20px;
}

button.usedbutton {
border: 0;
outline: 0;
font-weight: bold;
color: #fff;
font-size: 16px;
padding: 7px 14px;

    background: #ff464d;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff464d), to(#8f2529));
    background: -moz-linear-gradient(top, #ff464d, #8f2529);
    background: linear-gradient(to bottom, #ff464d, #8f2529);
    text-shadow: #541618 1px 1px 1px;
    color: #ffffff;
}

button.usedbutton:hover {
    background: #ff545c;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff545c), to(#ac2c31));
    background: -moz-linear-gradient(top, #ff545c, #ac2c31);
    background: linear-gradient(to bottom, #ff545c, #ac2c31);
    color: #ffffff;
    text-decoration: none;
cursor: pointer;
}

.validvalue img {
margin: 15px 0;
}

.relatedposts h3 {
font-size: 18px;
font-weight: bold;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
margin: 15px 0;
padding: 10px 0;
text-align: center;
}

.relatedposts ul {
display: flex;
justify-content: space-between;
margin-top: 0;
}

.relatedposts li {
width: 32%;
text-align: center;
}

.relatedposts img {
width: 100%;
height: auto;
}

.relatedposts h4 {
background: #eaeaea;
font-weight: bold;
min-height: 280px;
margin-bottom: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/

.vehicledetailswrap {
width: calc(100% - 420px);
float: left;
}

.vehicledetails {
width: 100%;
float: left;
}

.vehicledetailsheading {
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
margin: 0 0 15px 0;
padding: 10px 0 8px 0;
overflow: auto;
}

.vehicledetailsheading h1 {
float:left;
padding: 0;
font-size: 28px;
line-height: 30px;
}

.vehicledetailsheading h2 {
float: right;
font-weight: normal;
padding: 0;
font-size: 18px;
line-height: 26px;
width: unset;
}

.vehicledetailsheading h2 span {
color: #c11f45;
font-weight: bold;
font-size: 26px;
line-height: 26px;
}

h2.calculatedinstallment {
font-size: 16px;
}

.calculatedinstallmentterms {
float: left;
padding: 8px 0 0 0;
}

.sliderandspecswrap {
overflow: hidden;
}

.sliderwrap {
width: 640px;
float: left;
}

#slider {
margin-top: 0;
}

.specswrap {
float: right;
width: calc(100% - 650px);
}

.vehicledetailsheading h2.calculatedinstallment span {
font-size: 20px;
}

.vehicledetailsheading h2 span .smallrandsign {
font-size: 20px;
}

.vehicledetailssidebar {
float: right;
width: 400px;
}

.specbox {
background: #eaeaea;
/*--width: 50%;--*/
width: 100%;
outline: 2px solid #fff;
padding: 10px 15px;
box-sizing: border-box;
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.vehicledescriptionheading {
margin-top: 10px;
}

.vehicledescription {
background: #eaeaea;
padding: 20px;
box-sizing: border-box;
}

.owl-carousel {
height: auto !important;
}

.owl-carousel img {
height: auto !important;
}

.owl-buttons .owl-prev, .owl-buttons .owl-next {
cursor: pointer;
width: 50%;
float: left;
text-align: center;
background: #eaeaea;
outline: 3px solid #fff;
font-size: 14px;
font-weight: bold;
box-sizing: border-box;
padding: 10px 5px;
}

.owl-buttons .owl-prev:hover, .owl-buttons .owl-next:hover {
background: #000;
color: #eaeaea;
cursor: pointer;
}

.owl-theme .owl-controls {
margin-top: 4px !important;
}

/*-----------------------------------------------------------------------------------*/
/*--------------------------------- Page Navigation ---------------------------------*/
/*-----------------------------------------------------------------------------------*/

.listingnavigation {
margin: 10px 0px;
overflow: hidden;
clear: both;
}

.listingnavigation span {
float: left;
margin-bottom: 10px;
}

.listingnavigation span a {
color: #555;
text-decoration: none;
}

.listingnavigation span a:hover {
color: #333;
cursor: pointer;
}

.navigation {
float: right;
}

.navigation ul {
margin: 0;
}

.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled {
color: #000;
text-decoration:none;
cursor: pointer;
}

.navigation li {
display: inline;
}

.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled {
background-color: #eaeaea;
cursor: pointer;
padding: 5px 9px;
cursor: pointer;
}

.navigation li a:hover, .navigation li.active a {
background-color: #b2b2b2;
cursor: pointer;
}

input[type="text"], input[type="email"], textarea, select, input[type="search"], input[type="number"] {
float: left;
}

/*-----------------------------------------------------------------------------------*/
/*------------------------------- EQ Page Navigation --------------------------------*/
/*-----------------------------------------------------------------------------------*/

.wp-easy-query .wp-easy-query-paging {
border-top: none;
padding: 0;
text-align: none;
margin: 10px 0px;
overflow: hidden;
clear: both;
float: right;
}

.wp-easy-query .wp-easy-query-paging ul {
float: left;
text-align: right;
}

.wp-easy-query-paging ul li.num {
list-style: none;
background: none;
margin: 0;
padding: 0;
display: inline-block;
vertical-align: top;
font-size: 13px;
line-height: 15px;
font-weight: normal;
margin-left: 5px;
}

.wp-easy-query-paging ul li.num a {
background-color: #eaeaea;
cursor: pointer;
padding: 3px 9px !important;
text-decoration: none;
}

.wp-easy-query-paging ul li.current {
background-color: #b2b2b2;
cursor: pointer;
padding: 3px 9px !important;
font-weight: normal !important;
}

/*-----------------------------------------------------------------------------------*/
/*----------------------------- EQ Page Navigation (Top) ----------------------------*/
/*-----------------------------------------------------------------------------------*/

.wp-easy-query {
position: relative;
}

.topnav {
position: absolute;
right: 0;
top: -44px;
}

/*-----------------------------------------------------------------------------------*/
/*---------------------------------- Enquiry Form -----------------------------------*/
/*-----------------------------------------------------------------------------------*/

.formbox .gfield_label {
display: none;
}

.formbox .gform_body {
padding-top: 10px;
/*-- Expand Div to fit content --*/
overflow:hidden;
height:1%;
}

.formbox .gform_footer {
padding: 0 !important;
/*-- Expand Div to fit content --*/
overflow:hidden;
height:1%;
}

select {
/*-- -webkit-appearance: none;--*/
/*-- -moz-appearance: none;--*/
}

.formbox input[type="text"], .formbox input[type="email"], .formbox textarea, .formbox select {
width: 100% !important;
background: #fff;
border: 1px solid #b2b2b2;
box-sizing: border-box;
}

.formbox input[type="text"]:focus, .formbox input[type="email"]:focus, .formbox textarea:focus, .formbox select:focus {
outline: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #000;
}

/*-----------------------------------------------------------------------------------*/
/*----------------------------------- Search Form -----------------------------------*/
/*-----------------------------------------------------------------------------------*/

.listingsearch {
background: #eaeaea;
padding: 15px 20px 20px 20px;
box-sizing: border-box;
margin-bottom: 10px;
}

.listingsearch h2 {
padding-top: 0;
border-bottom: 1px solid #b2b2b2;
overflow: auto;
margin-bottom: 2px;
}

.vehicle-search-form .gfield_label {

}

.vehicle-search-form .gform_body {
padding-top: 10px;
/*-- Expand Div to fit content --*/
overflow:hidden;
height:1%;
}

.vehicle-search-form .gform_footer {
padding: 0 !important;
/*-- Expand Div to fit content --*/
overflow:hidden;
height:1%;
}

.vehicle-search-form input[type="search"] {
font: normal 22px/22px 'helvetica', 'arial', sans-serif !important;
margin: 0;
float: right;
padding: 2px !important;
margin-bottom: 8px !important;
font-size: 22px;
line-height: 22px;
}

.vehicle-search-form input[type="text"], .vehicle-search-form input[type="email"], .vehicle-search-form textarea, .vehicle-search-form select, .vehicle-search-form input[type="search"], .vehicle-search-form input[type="number"] {
width: 100% !important;
background: #fff;
border: 1px solid #b2b2b2;
box-sizing: border-box;
}

.vehicle-search-form input[type="text"]:focus, .vehicle-search-form input[type="email"]:focus, .vehicle-search-form textarea:focus, .vehicle-search-form select:focus, .vehicle-search-form input[type="search"]:focus, .vehicle-search-form input[type="number"]:focus {
outline: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #000;
}

.vehicle-search-form input[type="number"] {
width: 47% !important;
}

.vehicle-search-form .car-dealer-min-values {
width: 49% !important;
float: left;
}

.vehicle-search-form .car-dealer-max-values {
width: 49% !important;
float: right;
}

button#car-search-submit {
border: 0;
outline: 0;
font-weight: bold;
color: #fff;

width: 100%;
padding: 16px;
margin-top: 5px;
font-size: 20px;

    background: #ff464d;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff464d), to(#8f2529));
    background: -moz-linear-gradient(top, #ff464d, #8f2529);
    background: linear-gradient(to bottom, #ff464d, #8f2529);
    text-shadow: #541618 1px 1px 1px;
    color: #ffffff;
}

button#car-search-submit:hover {
    background: #ff545c;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff545c), to(#ac2c31));
    background: -moz-linear-gradient(top, #ff545c, #ac2c31);
    background: linear-gradient(to bottom, #ff545c, #ac2c31);
    color: #ffffff;
    text-decoration: none;
cursor: pointer;
}

input[type="button" i]:disabled, input[type="submit" i]:disabled, input[type="reset" i]:disabled, input[type="file" i]:disabled::-webkit-file-upload-button, button:disabled, select:disabled, optgroup:disabled, option:disabled, select[disabled] > option {
display: none;
}

.field-dealership label.choice span {
visibility: hidden;
}

.vehicledetailsheading h1 {
width: calc(100% - 180px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.listingdetails a.h2left h2 {
width: calc(100% - 280px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.num li {
list-style: decimal !important;
margin-left: 18px;
}

/*------------------------------------------------------------------------------------------------*/
/*------------------------------- Search Form - Labels Left Aligned ------------------------------*/
/*------------------------------------------------------------------------------------------------*/

label {
font-size: 20px;
line-height: 36px;
color: #000;
}

label small {
font-size: 12px;
}

p.field {
clear: both;
}

.vehicle-search-form p.field label {
float: left;
clear: both;
width: 90px !important;
}

.vehicle-search-form input[type="text"], .vehicle-search-form input[type="email"], .vehicle-search-form textarea, .vehicle-search-form select, .vehicle-search-form input[type="search"], .vehicle-search-form input[type="number"] {
float: right;
width: calc(100% - 90px) !important;
}

.vehicle-search-form p.field select.car-dealer-min-values, .vehicle-search-form p.field select[name~=orderby] {
width: calc(49% - 45px) !important;
float: left;
}

.vehicle-search-form p.field select.car-dealer-max-values, .vehicle-search-form p.field select[name~=order] {
width: calc(49% - 45px) !important;
float: right;
}

.vehicle-search-form p.fieldtype-radio label {
width: 100% !important;
}

/*------------------------------------------------------------------------------------------------*/
/*----------------------------------- Used Car Feed -Home Page -----------------------------------*/
/*------------------------------------------------------------------------------------------------*/

.moreandsimilarfeeds {
width: calc(100% - 420px);
float: left;
}

.feedwrap {
/*--max-width: 960px;--*/
width: 100%;
}

.feedlistingwrap {
width: 100%;
display: flex;
justify-content: center;
}

.feedlisting {
width: 19%;
box-sizing: border-box;
margin-right: 1.25%;
display: inline-block;
float: left;
line-height: 0;
border: 1px solid #eaeaea;
}

.feedlisting:last-child {
margin-right: 0px;
}

.feedlisting a {
text-decoration: none;
}

.feedimage {
width: 100%;
}

.feedimage img {
width: 100%;
height: auto;
min-height: 133.5px;
}

.feedheading {
background: #a82c30;
padding: 10px;
}

.feeddetails h2 {
font-size: 16px;
line-height: 20px;
color: #fff;
text-align: center;
margin: auto;
padding: 0;

width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.feedcontent {
padding: 10px;
}

.feeddetails h3 {
font-size: 16px;
line-height: 20px;
text-align: center;
margin: auto;
padding: 0;

width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

/*------ Split Feed Wrap ------*/

.splitfeedwrap {
width: 50%;
text-align: center;
position: relative;
padding-bottom: 45px;
}

.splitfeedwrap .ctabutton {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto !important;
}

.splitfeedwrap .feedlistingwrap {
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}

.splitfeedwrap .feedlistingwrap .feedlisting {
width: 32%;
margin: 0;
}

.splitfeedwrap .feedlistingwrap .feedlisting .feeddetails h2 {
line-height: 28px;
}

.splitfeedwrap .feedlistingwrap .feedlisting .feeddetails h3 {
line-height: 24px;
}

.splitfeedwrap .feedlistingwrap .feedlisting .feedcontent {
padding: 10px 0;
}

/*-----------------------------*/

.flex {
display: flex;
}

/*--- 404 Vehicle Not Found ---*/

.errorwrap {
padding-top: 10px;
}

.errorpage p {
font-size: 18px;
line-height: 24px;
}

[data-tip] {
position:relative;
}
[data-tip]:before {
content:'';
/* hides the tooltip when not hovered */
display:none;
content:'';
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #1a1a1a;	
position:absolute;
top:30px;
left:35px;
z-index:8;
font-size:0;
line-height:0;
width:0;
height:0;
}
[data-tip]:after {
display:none;
content:attr(data-tip);
position:absolute;
top:35px;
left:0px;
padding:5px 8px;
background:#1a1a1a;
color:#fff;
z-index:9;
font-size: 0.75em;
height:18px;
line-height:18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
white-space:nowrap;
word-wrap:normal;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
display:block;
}

/*--- Model Content Tables ---*/

table.contenttable {
margin: 20px 0;
}

table.contenttable th, table.contenttable td {
padding: 10px 10px;
border-style: solid;
border-width: 1px;
border-color: #ccc;
overflow: hidden;
word-break: normal;
vertical-align: top;
}

table.contenttable th {
background: #a82c30;
}

table.contenttable th h2 {
color: #fff;
}

table.contenttable h2 {
padding: 0;
}

table.contenttable td h2 {
margin-top: 10px;
}

table.contenttable h2 span {
font-weight: normal;
}

table.contenttable h3 {
font-weight: bold;
padding: 0;
}

table.contenttable h4 {
font-weight: bold;
padding: 0;
}

table.contenttable ul {
padding: 0;
margin: 0;
}

/*--- Updated Search Box ---*/

.listingsearch h2 {
text-align: center;
font-size: 22px;
}

.vehicle-search-form {
display: flex;
flex-direction: column;
}

p.field {
padding: 0;
}

.field-make {
order: 2;
}

.field-model {
order: 3;
}

.field-registration {
order: 4;
}

.field-price {
order: 5;
}

.field-milage {
order: 6;
}

.field-dealership {
order: 7;
}

.field-gearbox {
order: 8;
}

.field-fuel {
order: 9;
}

.field-keyword {
order: 10;
}

.field-order {
order: 11;
}

button#car-search-submit {
width: 168px;
margin-left: auto;
margin-right: auto;
}

.car-search-submit {
order: 1;
margin-top: 8px !important;
margin-bottom: 12px;
}

.car-search-submit2 {
margin-top: 5px;
margin-bottom: 0px;
order: 12;
}

/*--- Search Error --*/

.searcherrorbox {
background: #eaeaea;
padding: 15px;
box-sizing: border-box;
margin-bottom: 10px;
text-align: center;
}

.searcherrorbox  h2{
padding-top: 5px;
}

/*--- Hidden Search Box ---*/

.hiddensearchbutton {
display: none;
}

/*--- Andrew Change ---*/

.usedpricewrap {
display: flex;
clear: both;
justify-content: space-between;
}

.calculatedinstallmentterms {
float: right;
font-size: 11px;
}

.vehicledetailsheading h2 {
clear: unset;
font-size: 16px;
float: left;
padding-right: 0px;
box-sizing: border-box;
}

h2.calculatedinstallment {
font-size: 13px;
}

.vehicledetailsheading h1 {
width: 100%;
padding-bottom: 10px;
}

.vehicledetailsheading h2 span .smallrandsign, .vehicledetailsheading h2 span, .vehicledetailsheading h2.calculatedinstallment span {
font-size: 26px;
line-height:28px;
}

/*---- Group 1 Cars Update ----*/

.carshomebanner {
display: flex;
justify-content: space-between;
min-height: 600px;
padding: 15px;
box-sizing: border-box;

background: #ccc;
background: url(/wp-content/uploads/group1-bakkies-home-banner-image.jpg);
background-size: cover;
background-position: center;
}

.carshomebanner h2 {
padding-top: 0;
font-size: 26px;
line-height: 26px;
padding-bottom: 15px;
color: #c11e44;
}

.carshomebanner h3 {
font-size: 16px;
line-height: 16px;
padding: 0;
}


.sellcarbanner {
display: flex;
justify-content: space-between;
min-height: 350px;
padding: 15px;
box-sizing: border-box;

background: #ccc;
background: url(/wp-content/uploads/sell-your-bakkie-background.jpg);
background-size: cover;
background-color: rgba(0, 0, 0, 0.6);
background-blend-mode: overlay;
}

.sellyourcarform h2 {
padding-top: 0;
}

.sellcarbanner h2 {
font-size: 26px;
line-height: 26px;
padding-bottom: 15px;
color: #c11e44;
}

.sellcarbanner h3 {
font-size: 16px;
line-height: 16px;
padding: 0;
color: #fff;
}

.sellcarbanner .underbuttontext {
font-size: 10px;
line-height: 10px;
color: #fff;
margin-top: 5px;
}

.sellcarbanner .underbuttontext a {
color: #fff;
}

.homesearch {
background: rgba(255,255,255,0.85);
width: 300px;
padding: 10px;
align-self: flex-end;
box-sizing: border-box;
}

.homesearch button#car-search-submit {
margin: 0;
margin-top: 2px !important;
margin-left: auto;
width: initial;
padding: 10px 20px;
font-size: 18px;
line-height: 18px;
}

.bannercontent {
background: rgba(255,255,255,0.85);
width: 1090px;
padding: 10px;
align-self: flex-end;
box-sizing: border-box;
}

.bannercontent h3 {
font-size: 20px;
line-height: 24px;
color: #000;
}

.bannercontent p {
padding-bottom: 0;
padding-top: 5px;
font-size: 14px;
line-height: 18px;
color: #000;
}

.bannertextlink {
color: #c11e44;
color: blue;
}

.bannerform {
background: rgba(255,255,255,0.85);
width: 300px;
padding: 10px 10px 0 10px;
align-self: flex-end;
box-sizing: border-box;
}

.sellcarbanner .bannerform {
align-self: center;
}

.widebannercontent {
width: calc(100% - 300px);
text-align: center;
align-self: center;
padding-right: 15px;
box-sizing: border-box;
}

.sellcarbanner .widebannercontent {
padding: 0 30px 0 20px;
overflow: auto;
}

.widebannercontent h2 {
color: #fff200;
font-size: 30px;
line-height: 38px;
padding-bottom: 0;
}

.widebannercontent h3 {
color: #fff;
font-size: 28px;
line-height: 32px;
margin-bottom: 12px;
}

.widebannercontent p {
color: #fff;
font-size: 18px;
line-height: 30px;
font-weight: bold;
}

.widebannercontent h2.simplestepsheading {
color: #fff;
text-align: left;
}

#gform_fields_4 label {
display: none;
}

#field_4_6, #field_4_1, #field_4_3, #field_4_8 {
width: 49%;
float: left;
}

#field_4_7, #field_4_2, #field_4_4, #field_4_9 {
width: 49%;
float: right;
clear: none;
}

#gform_fields_8 label {
display: none;
}

#field_8_6, #field_8_1, #field_8_3, #field_8_8 {
width: 49%;
float: left;
}

#field_8_7, #field_8_2, #field_8_9 {
width: 49%;
float: right;
clear: none;
}

#field_8_11 {
width: 100%;
}

#field_8_11 select:disabled {
display: block;
}

#input_8_11_1_container, #input_8_11_3_container {
width: 49%;
float: left;
}

#input_8_11_2_container, #input_8_11_4_container {
width: 49%;
float: right;
clear: none;
}

.gfield_chainedselect span {
padding: 0 !important;
}

.bannerform input[type="text"], .bannerform input[type="email"], .bannerform textarea, .bannerform select, .bannerform input[type="search"], .bannerform input[type="number"] {
float: right;
width: 100% !important;
height: 23px !important;
background: #fff;
border: 1px solid #b2b2b2;
box-sizing: border-box;
overflow: hidden;
}

.bannerform input[type="text"], .bannerform input[type="email"], .bannerform textarea, .bannerform input[type="search"], .bannerform input[type="number"] {
padding-left: 4px !important;
}

.bannerform select {
padding-left: 0px !important;
}

.vehicle-search-form input[type="text"], .vehicle-search-form input[type="email"], .vehicle-search-form textarea, .vehicle-search-form input[type="search"], .vehicle-search-form input[type="number"]{
padding-left: 4px !important;
}

.vehicle-search-form select {
padding-left: 0px !important;
}

::placeholder {
color: #000;
}

#gform_submit_button_4, #gform_submit_button_8 {
margin: 0 !important;
margin-top: 2px !important;
margin-left: auto !important;
width: initial;
padding: 10px 20px;
font-size: 18px !important;
line-height: 18px !important;
height: initial;
border: 1px solid #a82c30;
}

.homesearch .car-search-submit1, .homesearch .field-dealership, .homesearch .field-gearbox, .homesearch .field-fuel, .homesearch .field-order {
display: none;
}

h2.feedheader, h1.feedheader {
background: transparent;
color: #000;
width: auto;
text-align: center;
padding: 0;
font-size: 28px;
font-weight: normal;
margin: 30px 0px 15px 0px;
}

h2.feedheader a, h2.feedheader span, h1.feedheader a, h1.feedheader span {
color: #c11e44;
font-weight: bold;
text-decoration: none;
}

.feedtextlink {
text-align: center;
margin-top: 5px;
margin-bottom: 10px;
}

.popularsearches {
display: flex;
justify-content: space-between;
}

.popularsearches div {
width: 24%;
box-sizing: border-box;
background: #ebebeb;
padding: 10px;
margin-bottom: 10px;
}

.popularsearches div h3 {
margin-bottom: 5px;
}

.popularsearches div ul {
margin: 0;
}

.halfsplit {
display: flex;
justify-content: space-between;
clear: both;
}

.halfsplit .halfcontent {
width: 49%;
box-sizing: border-box;
background: #ebebeb;
margin-bottom: 20px;
}

.halfsplit div h2.feedheader,.halfsplit div h1.feedheader {
background: #fff;
padding: 10px 10px 15px 10px;
margin: 0;
}

.halfsplit .halfcontent .halfcontentwrap {
padding: 5px 10px;
}

.iconlist {
clear: both;
height: 50px;
}

.iconlist img {
float: left;
padding: 8px 15px 8px 0px;
width: 40px;
height: 40px;
}

.iconlist p {
float: left;
line-height: 40px;
font-size: 18px;
padding: 8px 0;
width: calc(100% - 55px);
}

/*--- Sell Your Vehicle Page ---*/

.thirdblocksection {
margin: 40px 0;
}

.thirdblockwrap {
display: flex;
}

.thirdblock {
width: 33.3%;
background: #ebebeb;
text-align: center;
padding: 20px;
box-sizing: border-box;
}

.thirdblock h1, .thirdblock h2 {
font-size: 17px;
color: #000;
padding: 8px 0 8px 0;
font-weight: bold;
}

.thirdimage {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

.thirdimage1 {
background-image: url(/wp-content/uploads/thirdimage1.jpg);
padding: 0px;
}

.thirdimage2 {
background-image: url(/wp-content/uploads/thirdimage2.jpg);
}

.thirdimage3 {
background-image: url(/wp-content/uploads/thirdimage3.jpg);
}

/*--- Find Your Vehicle Page ---*/

#gform_wrapper_6 label {
width: 64px !important;
}

#field_6_8 label, #field_6_9 label, #field_6_10 label, #field_6_11 label, #field_6_12 label, #field_6_13 label {
display: none;
}

.doublefield ul {
display: flex;
justify-content: space-between;
}

.doublefield li:first-child {
width: 64px !important;
}

#field_6_8, #field_6_9, #field_6_10, #field_6_11, #field_6_12, #field_6_13 {
width: calc(50% - 32px);
}

#field_6_1 input, #field_6_2 input, #field_6_3 input, #field_6_4 input, #field_6_5 select, #field_6_6 input, #field_6_7 input, #field_6_14 input, #field_6_15 select  {
width: calc(100% - 64px) !important;
}

#field_6_8 input, #field_6_9 input, #field_6_10 input, #field_6_11 input, #field_6_12 input, #field_6_13 input {
width: 99% !important;
}

#field_6_9 input, #field_6_11 input, #field_6_13 input {
float: right;
}

#field_6_14, #field_6_15 {
clear: both;
}

#gform_wrapper_6 input[type="text"], #gform_wrapper_6 input[type="email"], #gform_wrapper_6 textarea, #gform_wrapper_6 input[type="search"], #gform_wrapper_6 input[type="number"] {
padding-left: 4px !important;
background: #fff;
border: 1px solid #b2b2b2;
box-sizing: border-box;
overflow: hidden;
}

#gform_wrapper_6 select {
padding-left: 0px !important;
background: #fff;
border: 1px solid #b2b2b2;
box-sizing: border-box;
overflow: hidden;
}

.findcar {
background: #efefef;
width: 300px;
padding: 10px;
padding-bottom: 78px;
margin-bottom: 20px;
}

.findcar h2 {
font-size: 20px;
line-height: 24px;
padding: 0;
color: #c11e44;
}

.findcar h3 {
font-weight: normal;
padding-bottom: 8px;
}

/*--- Home Page Blog Feed ---*/

.homeblogfeed {

}

.homeblogfeed li {
float: left;
background: #efefef;
margin-bottom: 20px;
width: 32.66%;
margin-right: 1%;
}

.homeblogfeed li:first-child {
display: flex;
background: #efefef;
margin-bottom: 10px;
margin-right: 0;
width: 100%;
}

.homeblogfeed li:last-child {
margin-right: 0;
float: right;
}

.homeblogfeed li div.blogcontent {
padding: 15px;
box-sizing: border-box;
}

.homeblogfeed li:first-child div.blogcontent {
width: 50%;
}

.homeblogfeed li h3 {
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
}

.homeblogfeed li:first-child h3 {
font-size: 22px;
line-height: 24px;
margin: 0;
padding: 0;
margin-bottom: 5px;
}

.homeblogfeed li div.blogcontent p {
height: 50px;
overflow: hidden;
}

.homeblogfeed li:first-child div.blogcontent p {
height: auto;
height: unset;
}

.homeblogfeed li:first-child a.imagelink {
width: 50% !important;
}

.homeblogfeed li div.blogimage {
width: 100% !important;
height: 165px;
background-position: center;
background-size: cover;
}

.homeblogfeed li:first-child .blogimage {
width: 100% !important;
background-position: center;
background-size: cover;
height: 260px;
}


.homeblogfeed li button.readmore {
display: none;
}
    
.homeblogfeed li:first-child button.readmore {
display: block;
}

button.readmore {
border: 0;
outline: 0;
font-weight: bold;
color: #fff;

float: right;
padding: 10px 20px;
margin-top: 10px;
font-size: 15px;

background: #ff464d;
background: -webkit-gradient(linear, left top, left bottom, from(#ff464d), to(#8f2529));
background: -moz-linear-gradient(top, #ff464d, #8f2529);
background: linear-gradient(to bottom, #ff464d, #8f2529);
text-shadow: #541618 1px 1px 1px;
color: #ffffff;
}

button.readmore a {
color: #fff;
text-decoration: none;
}

button.readmore:hover {
background: #ff545c;
background: -webkit-gradient(linear, left top, left bottom, from(#ff545c), to(#ac2c31));
background: -moz-linear-gradient(top, #ff545c, #ac2c31);
background: linear-gradient(to bottom, #ff545c, #ac2c31);
color: #ffffff;
text-decoration: none;
cursor: pointer;
}

/*------- Buy a Car -------*/

.buybanner {
min-height: 0;
min-height: unset;
}

.buysearch {
width: 100%;
border: 1px solid #efefef;
}

.buysearch h2 {
text-align: center;
}

.buysearch .vehicle-search-form {
display: block;
}

.buysearch .field-make, .buysearch .field-price, .buysearch .field-milage, .buysearch .field-model, .buysearch .field-registration, .buysearch .field-keyword {
float: left;
width: 32.5%;
clear: none;
margin-right: 1.25%;
}

.buysearch .field-price, .buysearch .field-keyword {
margin-right: 0;
}

.buysearch button#car-search-submit {
clear: both;
float: right;
padding: 10px 45px !important;
margin-top: 5px !important;
}

.showroominfo {
position: relative;
}

.branchleft, .branchright {
position: absolute;
bottom: 12px;
}

.branchleft {
left: 10px;
}

.branchright {
right: 10px;
}

/*-----------------------------------*/

.ctadiv {
text-align: center;
margin: 32px;
}

button.ctabutton {
color: #fff;
font-weight: bold;
text-indent: 0px;
width: 215px;
height: 50px;
font: bold 16px/25px 'helvetica', 'arial', sans-serif !important;
margin: 6px 0px 0px 0px !important;;
cursor: pointer;
border: none;

    background: #ff464d;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff464d), to(#8f2529));
    background: -moz-linear-gradient(top, #ff464d, #8f2529);
    background: linear-gradient(to bottom, #ff464d, #8f2529);
    text-shadow: #541618 1px 1px 1px;
    color: #ffffff;
    
margin: 0 !important;
margin-top: 2px !important;
margin-left: auto !important;
width: initial;
padding: 10px 20px;
font-size: 18px !important;
line-height: 18px !important;
height: initial;
border: 1px solid #a82c30;
cursor: pointer;
}

button.ctabutton:hover, .rsvpbutton:focus {
    border: 1px solid #a82c30;
    background: #ff545c;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff545c), to(#ac2c31));
    background: -moz-linear-gradient(top, #ff545c, #ac2c31);
    background: linear-gradient(to bottom, #ff545c, #ac2c31);
    color: #ffffff;
    text-decoration: none;
}

.testimonials .widget_randomizer_widget, #randomizer_widget-3 {
box-sizing: border-box;
background: #ebebeb;
padding: 10px;
margin-bottom: 10px;
}

#kuilsrivertestimonials_widgets .widget_randomizer_widget, #randomizer_widget-4 {
box-sizing: border-box;
background: #ebebeb;
padding: 10px;
margin-bottom: 10px;  
}

/*----------------------------------------------------*/

.bannerform input[type="text"], .bannerform input[type="email"], .bannerform textarea, .bannerform select, .bannerform input[type="search"], .bannerform input[type="number"] {
float: right;
width: 100% !important;
height: 23px !important;
background: #fff;
border: 1px solid #b2b2b2;
box-sizing: border-box;
overflow: hidden;
}

.bannerform input[type="text"], .bannerform input[type="email"], .bannerform textarea, .bannerform input[type="search"], .bannerform input[type="number"] {
padding-left: 4px !important;
}

.bannerform select {
padding-left: 0px !important;
}

/*--- Sell Your Vehicle Page ---*/

.thirdblocksection {
margin: 40px 0;
}

.thirdblockwrap {
display: flex;
}

.thirdblock {
width: 33.3%;
background: #ebebeb;
text-align: center;
padding: 20px;
box-sizing: border-box;
}

.thirdblock h1, .thirdblock h2 {
font-size: 17px;
color: #000;
padding: 8px 0 8px 0;
font-weight: bold;
}

.thirdimage {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

.thirdimage1 {
background-image: url(/wp-content/uploads/thirdimage1.jpg);
padding: 0px;
}

.thirdimage2 {
background-image: url(/wp-content/uploads/thirdimage2.jpg);
}

.thirdimage3 {
background-image: url(/wp-content/uploads/thirdimage3.jpg);
}



#gform_fields_18 label {
display: none;
}

#field_18_6, #field_18_1, #field_18_3, #field_18_8 {
width: 49%;
float: left;
}

#field_18_7, #field_18_2, #field_18_9 {
width: 49%;
float: right;
clear: none;
}

#field_18_11 {
width: 100%;
}

#field_18_11 select:disabled {
display: block;
}

#input_18_11_1_container, #input_18_11_3_container {
width: 49%;
float: left;
}

#input_18_11_2_container, #input_18_11_4_container {
width: 49%;
float: right;
clear: none;
}

.oemspecswrap p {
padding: 0;
margin: -5px 0 10px 0;
}

.oemspecs {
display: flex;
flex-wrap: wrap;
}

.oemspecs .specbox {
width: 33.3%;
}


/*------------------------------------*/
/*------------------------------------*/
/*---- Responsive Design - 1440px ----*/
/*------------------------------------*/
/*------------------------------------*/

@media only screen and (max-width : 1440px),
only screen and (max-device-width : 1440px) {

.listingheader {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
	
.listingnavigation {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
	
.vehicledetailsheading {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
	
.vehicledescriptionheading {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}

}

/*------------------------------------*/
/*------------------------------------*/
/*---- Responsive Design - 1240px ----*/
/*------------------------------------*/
/*------------------------------------*/

@media only screen and (max-width : 1240px),
only screen and (max-device-width : 1240px) {

.mobilebakkiebanner {
display: block;
}
	
.vehicledetailswrap {
width: 100%;
}
	
.moreandsimilarfeeds {
width: 100%;
order: ;
}

.errorwrap .errorpage {
width: 100%;
padding: 10px;
box-sizing: border-box;
}

.hiddensearchbutton {
display: unset;
}

.hiddenlistingsearch {
display: none;
}

.feedwrap {
width: 100%;
}

.feedlistingwrap {
width: 100%;
display: unset;
}

.feedlisting {
width: 100%;
margin: 10px 0;
}

.wp-easy-query {
position: unset;
}

.topnav {
display: none;
}

.validation_message {
display: none !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required input, .gform_wrapper li.gfield.gfield_error.gfield_contains_required select, .gform_wrapper li.gfield.gfield_error.gfield_contains_required textarea{
border: 1px solid red !important;
}

.usedpagewrap, #footerblocks, .listingsidebar, .vehiclelistingwrap, .vehiclelisting, .vehicledetails, .vehicledetailssidebar {
width: 100%;
float: none;
box-sizing: border-box;
}

input[type="text"], input[type="email"], #formwrap2 input[type="text"], #formwrap2 input[type="email"], select, input[type="search"], .vehicle-search-form input[type="search"] {
font: normal 18px/42px 'helvetica', 'arial', sans-serif !important;
}

input[type="search"], .vehicle-search-form input[type="search"] {
padding-left: 5px !important;
}
	
.listingimage {
width: 364px;
}

.listingdetails {
width: calc(100% - 364px);
}

.listingdescription {
width: calc(100% - 110px);
}

.listingdetails a.h2left h2 {
width: calc(100% - 250px);
}
	
	
.listingdetails h2.h2right {
/*--width: 100%;--*/
}
	
#brochurehead h1, h1, h2, h3, h4, p, .usedintro, .usedbody, #profiles, .tradetext {
/*--width: auto;--*/
width: 100%;
}

.plainbodytext {
/*--padding: 0 10px !important;--*/
}

.listingdetails h2.h2right {
position: absolute;
right: 10px;
width: auto;
/*--margin-top: 35px;--*/
}

.relatedposts {
/*--display: none;--*/
}

.listingsidebar .contactbox, .listingsidebar iframe {
display: none;
}

.vehicledetailssidebar {
margin-top: 15px;
}

/*---- Group 1 Cars ----*/

.carshomebanner, .sellcarbanner {
flex-direction: column;
height: unset;
padding: 0;
background: unset;
min-height: 0px;
}

.homesearch {
width: 100%;
background: #ebebeb;
margin-bottom: 100px;
}

.bannercontent {
width: 100%;
background: #ebebeb;
margin-bottom: 15px;
}

.widebannercontent {
width: 100%;
background: #262626;
margin-bottom: 15px;
padding: 10px;
}

.bannerform {
width: 100%;
background: #ebebeb;
}

.bannerform input[type="text"], .bannerform input[type="email"], .bannerform textarea, .bannerform select, .bannerform input[type="search"], .bannerform input[type="number"] {
height: 42px !important;
font: normal 18px/42px 'helvetica', 'arial', sans-serif !important;
}

.bannerform label {
font-size: 13px;
}

.bannerform .gform_footer {
/*--height: 82px;--*/
overflow: auto;
}

#gform_submit_button_4, #gform_submit_button_8 {
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}

.homesearch button#car-search-submit {
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
width: 100%;
height: 90px !important;
}

.popularsearches {
display: block;
}

.popularsearches div {
width: 100%;
}

.halfsplit {
display: block;
}

.halfsplit .halfcontent {
width: 100%;
}

/*-- Blog Feed --*/

.homeblogfeed li {
float: left;
background: #efefef;
margin-bottom: 20px;
width: 32.66%;
margin-right: 1%;
display: flex;
background: #efefef;
margin-bottom: 10px;
margin-right: 0;
width: 100%;
margin-right: 0;
float: right;
}

.homeblogfeed li div.blogcontent {
padding: 15px;
box-sizing: border-box;
width: 50%;
}

.homeblogfeed li h3, .homeblogfeed li:first-child h3 {
font-size: 16px;
line-height: 21px;
margin: 0;
padding: 0;
margin-bottom: 5px;
}

.homeblogfeed li div.blogcontent p {
height: auto;
height: unset;
}


.homeblogfeed li div.blogimage, .homeblogfeed li:first-child div.blogimage {
width: 50% !important;
background-position: center;
background-size: cover;
height: unset;
}


.homeblogfeed li button.readmore, .homeblogfeed li:first-child button.readmore {
display: none;
}

/*-- Search Box Below Listing --*/

.usedpagewrap {
display: flex;
flex-direction: column;
}

.homeusedpagewrap {
display: block;
}

.listingheader {
order: 1;
}

.listingnavigation {
order: 2;
}

.vehicledetailswrap, .vehiclelistingwrap {
order: 3;
}

.vehicledetailssidebar, .listingsidebar {
order: 4;
}

.feedwrap {
order: 5;
}

.moreandsimilarfeeds {
order: 6;
}

.validvalue {
order: 7;
}

.splitfeedwrap .feedlistingwrap {
display: flex;
}

}

/*-----------------------------------*/
/*-----------------------------------*/
/*---- Responsive Design - 1024px ----*/
/*-----------------------------------*/
/*-----------------------------------*/

@media only screen and (max-width : 1024px),
only screen and (max-device-width : 1024px) {

.splitfeedwrap {
width: 100%;
padding-bottom: 0px;
}

.splitfeedwrap .ctabutton {
position: static;
margin-top: 15px !important;
}

.flex {
display: block;
}

}

/*-----------------------------------*/
/*-----------------------------------*/
/*---- Responsive Design - 960px ----*/
/*-----------------------------------*/
/*-----------------------------------*/

@media only screen and (max-width : 960px),
only screen and (max-device-width : 960px) {
    
.wp-caption {
max-width: 100% !important;
box-sizing: border-box;
}

.thirdblockwrap {
display: block;
}

.thirdblock {
width: 100%;
}

.thirdimage {
padding-top: 50%;
}

}

/*-----------------------------------*/
/*-----------------------------------*/
/*---- Responsive Design - 920px ----*/
/*-----------------------------------*/
/*-----------------------------------*/

@media only screen and (max-width : 920px),
only screen and (max-device-width : 920px) {

.sliderwrap {
float: none;
width: 100%;
}

.specswrap {
float: none;
width: 100%;
}
	
}

/*-----------------------------------*/
/*-----------------------------------*/
/*---- Responsive Design - 820px ----*/
/*-----------------------------------*/
/*-----------------------------------*/

@media only screen and (max-width : 820px),
only screen and (max-device-width : 820px) {

.oemspecs .specbox {
width: 50%;
}
 
.listingimage {
width: 100%;
}

.listingdetails {
width: 100%;
}

.specbox {
width: 100%;
}

.vehiclelisting {
display: block;
}

.vehicledetailsheading h1 {
float: left;
clear: both;
width: 100%;
white-space: normal;
overflow: inherit;
text-overflow: inherit;
}

.vehicledetailsheading h2 {
float: left;
clear: both;
margin-top: 10px;
}

.listingdetails a.h2left h2 {
width: calc(100% - 250px);
/*--white-space: normal;
overflow: inherit;
text-overflow: inherit;--*/
}

.listingdescription {
width: 100%;
height: auto;
/*--max-height: 84px;--*/
margin-bottom: 5px;
}

a.usedlink {
margin-top: 0px;
}

/*-- Blog Feed --*/

.homeblogfeed li, .homeblogfeed li:first-child {
display: block;
}

.homeblogfeed li div.blogcontent, .homeblogfeed li:first-child div.blogcontent {
padding: 15px;
box-sizing: border-box;
width: 100%;
}

.homeblogfeed li div.blogimage, .homeblogfeed li:first-child div.blogimage {
width: 100% !important;
padding-bottom: 60%;
}

}

/*-----------------------------------*/
/*-----------------------------------*/
/*---- Responsive Design - 550px ----*/
/*-----------------------------------*/
/*-----------------------------------*/

@media only screen and (max-width : 550px),
only screen and (max-device-width : 550px) {

.usedpricewrap {
display: block;
}

.widebannercontent h2 {
font-size: 24px;
line-height: 28px;
}

.listingdetails a.h2left h2 {
width: 100%;
}

.listingdetails h2.h2right {
position: inherit;
float: left;
}

.footerbranchdetails {
display: none;
}

.fontcontentimage {
flex-direction: column;
}

.footimage {
order: 1;
}

.footcontent {
order: 2;
}

}

/*-----------------------------------*/
/*-----------------------------------*/
/*---- Responsive Design - 400px ----*/
/*-----------------------------------*/
/*-----------------------------------*/

@media only screen and (max-width : 400px),
only screen and (max-device-width : 400px) {

.oemspecs .specbox {
width: 100%;
}

.listingdetails a.h2left h2, .listingdetails h2.h2right {
float: left;
clear: both;
}

}