/* Import Fonts
------------------------------------------------------------ */

@font-face {
    font-family: "montserratregular";
    src: url("https://use.typekit.net/af/32b0e4/00000000000000007735a185/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/32b0e4/00000000000000007735a185/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/32b0e4/00000000000000007735a185/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "Montserratbold";
    src: url("https://use.typekit.net/af/73dbad/00000000000000007735a197/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/73dbad/00000000000000007735a197/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/73dbad/00000000000000007735a197/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "montserratitalic";
    src: url("https://use.typekit.net/af/ca31c7/00000000000000007735a18d/30/l?subset_id=2&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/ca31c7/00000000000000007735a18d/30/d?subset_id=2&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/ca31c7/00000000000000007735a18d/30/a?subset_id=2&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-family: Montserratbold;
    font-style: normal;
}

p,
a,
label {
    font-family: montserratregular;
    font-style: normal;
    font-size: 16px;
}

a {
    font-size: unset;
}

p {
    color: #6c6c6c;
    font-size: 14px;
}


label {
    color: #6c6c6c;
}

ul {
    font-family: montserratregular;
}

.privacy {
    font-family: montserratitalic;
    font-style: normal;
    font-size: 16px;
}

.bxslider-wrap:last-child {
    display: none !important;
}

/* Import Fonts END
------------------------------------------------------------ */

/************ // General HTML Tags // ************/


/************ // Site Structure // ************/

/*body {
  font-family: Montserrat-Regular, sans-serif;
}*/
p.entry-meta {
    display: none;
}

.entry-title {
    display: none;
}

.site-container {
    background-color: #fff;
}

.site-inner,
.wrap {
    margin: 0 auto;
    max-width: unset;
}

.limitWidth {

    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}


a {
    text-decoration: none;
    color: #00adef;
}

.entry {
    background-color: #fff;
    margin-bottom: 0;
    padding: 0;
}


/************ // Header // ************/

.infoBanner a {
    color: #8b8b8b;
    font-size: 11px;
}


.site-header>.wrap {
    padding: 0 0 15px;
}


span.dealerName {
    color: #00adef;
}

span.dealerNumber a {
    color: #fff;
}

.ContactHeader {
    display: flex;
    justify-content: right;
    margin-top: 25px;
    padding-right: 40px;
}

.myTitle h1 {
    max-width: 1200px;
    margin: 0 auto;
}

.infoBanner {
    padding: 10px 70px 0px;
    text-align: right;
    font-size: 12px;
    color: #8b8b8b;
    padding-right: 330px;
}

.preownedTitle {
    background-color: #2a2a2a;
    width: 100%;
    padding: 28px;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
}

.preownedTitle h1 {
    max-width: 1400px;
    margin: 0 auto;
    font-size: 50px;
    padding: 10px;
    font-weight: 700;
}

.moreInfo h1 {
    font-size: 28px;
}

.moreInfo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.site-header {
    background-color: #232628;
}

.Header_Icons {
    color: #fff;
    display: flex;
    padding: 0px 0px 0px 203px;
    margin: 25px;
}

.compareMenu {
    float: right;
    /*margin-top: 10px !important;*/
}

.site-inner {
    clear: both;
    padding-top: 0px;
    word-wrap: break-word;
}

.form {
    box-shadow: 20px #000;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 60px;
    margin-top: 70px;
    margin-bottom: 40px;
}

.callback {
    margin: -25px 24px 0px;
    font-size: 15px;
}

.formContact {
    box-shadow: 20px #000;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 60px;
    z-index: 1;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
}


.pt-cv-ifield {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

.pt-cv-content {
    padding: 30px;
    font-size: 15px;
    color: #a9a9a9;
}

h4.pt-cv-title {
    padding: 10px 30px 0px;
}

.pt-cv-wrapper .btn-success {
    color: #00adef;
    background-color: #f0f8ff00;
    border-color: #4cae4c00;
}

a._self.pt-cv-readmore.btn.btn-success :hover {
    background-color: #0082f3 !important;
    color: white;
}


.pt-cv-wrapper .btn-success {
    color: #fff;
    background-color: #0082f3 !important;
    border-color: #0082f3 !important;
}

.pt-cv-wrapper .btn-success.active,
.pt-cv-wrapper .btn-success:active,
.pt-cv-wrapper .btn-success:hover,
.pt-cv-wrapper .open>.dropdown-toggle.btn-success {
    color: #000000 !important;
    background-color: #ffffff !important;
    border-color: #0082f3 !important;
}

.pt-cv-wrapper .btn-success.focus,
.pt-cv-wrapper .btn-success:focus {
    color: #000000;
    background-color: #ffffff !important;
    border-color: #0082f3 !important;
}


.ContactImage {
    position: relative;
    height: 300px;
    margin: 0px auto;
    z-index: 0;
    overflow: hidden;
}

.header-image .site-title>a {
    background-position: left !important;
    background-size: contain !important;
    float: left;
    min-height: 100px;
    width: 100%;
    margin-left: 140px;
}

.header-full-width .title-area {
    float: left;
    width: 100%;
}

.wrap {
    max-width: 1540px;
}

.deal {
    width: 205px;
}

span.dealerName {
    color: #00adef;
    margin: 5px;
    font-weight: bold;
    font-size: 14px;
    font-family: 'Montserratbold';
}

span.dealerNumber {
    overflow: hidden;
    float: left;
    font-family: 'Montserratbold';
    margin: -10px 5px;
}

span.dealerNumber a {
    font-size: 19px;
}


.singlePageBanner {
    max-height: 750px;
    overflow: hidden;
}

.siteLoader {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: white;
    overflow: hidden;
    z-index: 9999;
    display: none;
}

.post-type-archive-preowned .siteLoader {
    display: block;
}

.siteLoader img {
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

/************ // Menu // ************/

.genesis-nav-menu {
    clear: both;
    font-size: 18px;
    font-weight: 600;
    line-height: 0;
    width: 100%;
    background-color: #eaedf0;
    padding-left: 70px;
    text-align: center;
}


.menuIcon {
    margin: -10px 0px -10px 5px;
}

li.astm-search-menu.is-menu.popup.menu-item {
    margin: -15px;
}

.genesis-nav-menu a {
    color: #232628;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.5s ease-in-out;
    margin: 0px 5px 0px;
    width: 100%;
    text-align: center;
    padding: 25px 13px;
    font-family: 'Montserratbold';
    font-size: 13px;
}

.genesis-nav-menu .active {
    background-color: #2EAEED;
}

.genesis-nav-menu a:hover {
    background-color: #2EAEED;
    text-decoration: none;
    color: #fff;
}

.nav-primary {
    background-color: #eaedf0;
    border-top: none;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu a:focus,
.genesis-nav-menu .current-menu-item>a,
.genesis-nav-menu .sub-menu .current-menu-item>a:hover,
.genesis-nav-menu .sub-menu .current-menu-item>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #2EAEED;
}


.genesis-nav-menu .sub-menu a {
    background-color: #fff;
    border: 0px solid #eee;
    border-top: 0;
    /* font-size: 14px; */
    font-size: 1.2rem !important;
    padding: 25px;
    position: relative;
    width: 220px;
    word-wrap: break-word;
    color: #ababab;
    text-transform: capitalize;
    text-align: left;
    font-weight: 100;
    font-family: montserratregular;
}

.genesis-nav-menu .sub-menu {
    width: unset;
}


.genesis-nav-menu .sub-menu a:hover {

    background-color: #2EAEED;
    color: #fff;

}

.genesis-nav-menu .menu-item:hover {
    position: relative;
}

/************ // Content // ************/

.block {
    display: block;
    width: 10%;
    border: none;
    background-color: #04AA6D;
    color: white;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
}

.block:hover {
    background-color: #ddd;
    color: black;
}

.is-form-style input.is-search-input {
    background: #fff0 !important;
    text-align: center !important;
    border-bottom: solid 1px #ccc !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;

}

.single-post.site-inner {
    max-width: 1300px;
}

span.memberName {
    font-weight: bold;
}



.aboutContent p {
    margin: 0;
}

.about-us {
    padding: 0px 0px 60px;
    overflow: hidden;
    /*width: 50%;*/
}



.homeLogo {
    background-color: #121E24;
    padding: 24px 0px 1px;
}

.HomeTitle {
    background-color: #121E24;
    color: #fff;
    width: 1800px;
    height: 90px;
    padding-top: 26px;
    min-width: 100%;
}

.container:hover .image {
    opacity: 0.3;
}

.container:hover .image {
    opacity: 0.3;
}


.image {
    opacity: 1;
    display: block;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.memberContact {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.member {
    margin: 0 auto;
}

.memberDetails {
    background-color: #ffffff;
    color: #000;
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
    height: 110px;
}

.memberDetails:hover {
    background-color: #00101e;
    color: #fff;
}

.prev {
    float: right;
    /* top: 70%; */
    margin: -6px 42px 0px;
}

.container:hover .memberContact {
    opacity: 1;
}

.myTitle h1 {
    color: #fff;
}

.myTitle {
    background-color: #232628;
    width: 100%;
    padding: 28px;
    margin-bottom: 10px;
}

.blackOverlay {
    background-color: #00000087;
    overflow: hidden;
    padding: 30px;
    color: #fff;
}

.blackOverlay p {
    color: #fff;

}

.blackOverlay ul {
    font-size: 15px;
}

.blockHome {
    max-width: 180px;
    background: #00adef;
    transition-duration: 0.3s;
    text-align: center;
    scroll-behavior: auto;
    color: #fff;
    text-transform: uppercase;
}

.blockHome a {
    color: #fff;
    display: block;
    padding: 10px;
    font-size: 15px;
}


.blockTruck {
    max-width: 200px;
    background: #00adef;
    transition-duration: 0.3s;
    text-align: center;
    scroll-behavior: auto;
    color: #fff;
    text-transform: uppercase;
}

.blockTruck a {
    color: #fff;
    display: block;
    padding: 10px;
    font-size: 14px;
    text-transform: capitalize;
}

.newButtons .blockTruck {
    margin-left: 10px;
    scroll-behavior: smooth;
}

.newButtons {
    display: flex;
    scroll-behavior: smooth;
}

.blockTruckRed {
    max-width: 200px;
    background: #ee3a43;
    transition-duration: 0.3s;
    text-align: center;
    scroll-behavior: auto;
    color: #fff;
    text-transform: uppercase;
    margin: 5px;
}

.blockTruckRed a {
    color: #fff;
    display: block;
    padding: 10px;
    font-size: 14px;
    text-transform: capitalize;
}

.blockHomeSecond a {
    color: #333;
    display: block;
    padding: 10px;
    font-size: 15px;
}

.blockHomeSecond {
    max-width: 180px;
    background: #ffffff;
    transition-duration: 0.3s;
    text-align: center;
    scroll-behavior: auto;
    color: #fff;
    text-transform: uppercase;
}

.homeButtons {
    display: flex;
}

.trucktitle {
    background-image: url("/wp-content/uploads/site/images/trucks.webp");
    width: 100%;
    padding: 60px;
    margin-bottom: 10px;
    color: #fff;
    height: 170px;
    text-transform: uppercase;
}

.trucktitle h1 {
    margin-left: 170px;
}

.galleryBack {
    background-color: #232628;
    overflow: hidden;
    width: 100%;
    padding-bottom: 30px;
}

.galleryBack h2 {
    text-align: center;
    padding-top: 40px;
    color: #fff;
}

/*.post-type-archive .trucktitle {
    padding: 60px;
    margin-bottom: 10px;
    overflow: hidden;
    height: 170px;
}

.post-type-archive .trucktitle h1 {
    margin-left: 170px;
    text-align: left;
}*/

.trucktitle h2 {
    max-width: 1400px;
    margin: 0px auto;
    font-size: 50px;
    padding: 0px 25px;
    font-weight: 700;
    text-align: left;
}

.trucktitleEic {
    background-image: url("/wp-content/uploads/site/images/head-bg.jpg");
    width: 100%;
    padding: 28px;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
    height: 170px;
}


.trucktitleEic h2 {
    max-width: 1400px;
    margin: 0 auto;
    font-size: 50px;
    padding: 22px 10px;
    font-weight: 700;
    text-align: left;
}

.newtruck {
    overflow: auto;
    padding-top: 25px;
}

.newtruckRed {
    overflow: auto;
    padding-top: 25px;
    display: flex;
}

.EicherTruckTop {
    background-image: url("/wp-content/uploads/site/images/eicher-6016.webp");
    overflow: hidden;
    width: 100%;
    padding: 130px 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.EicherTruckBottom {
    background-image: url("/wp-content/uploads/site/images/Untitled-5.webp");
    overflow: hidden;
    width: 100%;
    padding: 130px 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-image {
    background-image: url("/wp-content/uploads/site/images/trucks.webp");
    overflow: hidden;
    width: 100%;
    padding: 130px 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-all {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.contactImg {
    background-image: url("/wp-content/uploads/site/images/headlights-hood-black-luxury-car-2.webp");
    overflow: hidden;
    z-index: 0;
    margin: 15px -60px 35px;
    position: relative;
}

.truckIcon {
    display: inline-block;
    width: 30%;
    margin-left: 35px;
}

.colored-separator {
    /*text-align: center;*/
    vertical-align: top;
    font-size: 0;
}

.ChatButton {
    max-width: 200px;
    background: #00adef;
    transition-duration: 0.3s;
    text-align: center;
    scroll-behavior: auto;
    color: #fff;
    font-size: 15px;
    padding: 12px;
}

.ChatButton a {
    color: #fff;
}

.ChatButton a:hover {
    background-color: #003145;
}

.branch {
    max-width: 190px;
    background: #333;
    transition-duration: 0.3s;
    text-align: center;
    scroll-behavior: auto;
    color: #fff;
    font-size: 15px;
    padding: 12px;
    display: inline-block;
}

.branch a {
    color: #fff;
}

.wpc-filter-layout-submit-button {

    margin-left: 15px !important;
}

.meet-window {
    height: auto;
    width: 50%;
    color: #000;
    display: flex;
    margin: 0 auto;
}

.meet-container {
    margin: 0 auto;
}


.stm-base-background-color {
    background-color: #00adef !important;
}

.colored-separator .first-long,
.colored-separator .last-short {
    display: inline-block;
    vertical-align: top;
    width: 33px;
    height: 5px;
    margin-right: 5px;
    -moz-transform: skew(-40deg, 0deg);
    -o-transform: skew(-40deg, 0deg);
    -ms-transform: skew(-40deg, 0deg);
    -webkit-transform: skew(-40deg, 0deg);
    transform: skew(-40deg, 0deg);
    border-radius: 2px;
    background-color: #00adef;
}

.colored-separator .last-short {
    width: 16px;
}


.pt-cv-wrapper .btn-success.active,
.pt-cv-wrapper .btn-success:active,
.pt-cv-wrapper .btn-success:hover,
.pt-cv-wrapper .open>.dropdown-toggle.btn-success {
    color: #545454;
    background-color: unset;
    border-color: unset;
}

.home-item {
    width: 33%;
    background-color: #ffffffb3;
    border: 10px solid #fff0;
    display: block;
    float: left;
}


.HomeLower {
    padding: 45px 0px;
    overflow: hidden;
    background-color: #f0f2f5;
}


.videoHome {
    padding-bottom: 45px;
}

.about-list-items {
    line-height: 0.5;
}

.aboutLower {
    overflow: hidden;
    background-color: #f1f1f1;
    width: 100%;
    padding: 90px 0;
}

.fineRight {
    width: 70%;
}

.fineLeft {
    width: 30%;
    float: right;
    margin-bottom: 100px;
}

.fineLeft a {
    color: #333333;
}

.fineRight {
    width: 60%;
    float: left;
}

.rent-left {
    width: 70%;
    display: block;
    float: left;
}

.rent-right {
    width: 30%;
    display: block;
    float: right;
}

.contact-one {
    width: 25%;
    display: block;
    float: left;
    padding: 30px;
}

.contact-one p {
    color: #fff;
}

.price {
    min-width: 130px;
    position: relative;
    margin-left: 40px;
    float: right;
    text-align: right;
    background-color: #41b4f1;
    color: #fff;
}

.price::before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: -11px;
    height: 100%;
    width: 32px;
    background-color: #00adef;
    -moz-transform: skew(-23deg, 0deg);
    -o-transform: skew(-23deg, 0deg);
    -ms-transform: skew(-23deg, 0deg);
    -webkit-transform: skew(-23deg, 0deg);
    transform: skew(342deg, 0deg);
    z-index: -1;
}

.VehicleResult {
    width: 80%;
}

.dealerTimes a {
    color: #000;
}

.AllTimes {
    display: flex;
}

.dealerTitle p {
    text-align: center;
    font-weight: bold;
    color: #00adef;
    text-transform: uppercase;
}

.dealerTimes {
    padding: 25px;
    background-color: #fff;
    margin: 28px;
}

.dealersIcon {
    float: left;
    width: 31%;
    font-size: 36px;
    color: #00adef;
    padding-bottom: 0px;
}


.dealerinfo {
    width: 70%;
    float: right;
    margin-top: -40px;
}

.dealerinfo p {
    margin-top: -18px;
    color: #000;
}

.search-results .entry-title :hover {
    color: #00adef;
}

.search-results ul.specs_featured_list {
    display: flex;
    min-height: 50px;
    flex-wrap: wrap;
}

.contactBack {
    background-color: #f0f2f5;
}


.search-results .entry-title a {
    color: #4a4a4a;
}

.search-results .entry-title {
    display: block;
    color: #000000;
    background: #e6e7e7;
}


.one-half.first ul {
    font-size: 15px;
}

.page-id-22912 .one-half ul {
    font-size: 15px;
}

/*
 .entry-content {
    box-shadow: 0 0px 23px 0 rgb(0 0 0 / 20%), 0 12px 1px 0 rgb(0 0 0 / 19%);
}*/

.search-results p.entry-meta {
    display: none;

}

.single-preowned .VehicleResult {
    display: none;
}

.flexHolder {
    display: flex;
}

.justifySpace {
    justify-content: space-around;
}

.justifyCenter {
    justify-content: center;
}

.checkHolder {
    float: left;
    width: 20%;
    transform: rotate(67deg);
    margin: 5px 9px;
    text-align: right;
    filter: hue-rotate(4deg);
}

.checkContent {
    width: 75%;
    float: left;
    margin-left: 5%;
}

.tileItem {
    padding: 40px 0px 25px 32px;
    background: #eeeeeed1;
    margin: 2%;
    width: 350px;
    transition-duration: 0.2s;
}

.tileItem:hover {
    background: #eeeeee;
}

.accordion p {
    margin: 3px;
}

.accordion {
    background: #ffffff;
}

.accordion__label,
.accordion__content {
    padding: 0px 15px;
}

.accordion label {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    position: relative;
}

.accordion__label:hover {
    background: rgba(0, 0, 0, 0.1);
}

.accordion__label::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    width: 12px;
    height: 6px;
    content: "\f0d7";
    font-family: 'Font Awesome 5 Free';
    background-size: contain;
    transition: transform 0.4s;
}

.accordion__content {
    background: #ffffff;
    line-height: 1.6;
    font-size: 0.85em;
    display: none;
}

.accordion__input {
    display: none;
}

.accordion__input:checked~.accordion__content {
    display: block;
}

.accordion__input:checked~.accordion__label::after {
    transform: translateY(-50%) rotate(0.5turn);
}

/************ // New Trucks Page // **************/

.white_overlay {
    opacity: 0.6;
}

.no_overlay {
    opacity: 1;
}

.image_holder {
    position: relative;
}

.text_overlay_truck {
    position: absolute;
    transform: translate(100%, 65%);
    bottom: 0;
    top: 50%;
    left: 43%;
    color: #fff;
}

.text_overlay_truck {
    position: absolute;
    transform: translate(100%, 50%);
    bottom: 0;
    top: 70%;
    left: 25%;
    color: #262525;
    font-size: 35px;
    font-weight: 700;
    background: #fbfbfbb8;
    max-height: 56px;
    display: block;
    width: 192px;
    text-align: center;
    text-transform: uppercase;
}

.bodyContentHolder {
    display: flex;
    width: 100%;
    margin-bottom: 4%;
}

.request-button {
    text-align: center;
    padding-bottom: 4%;
    display: block;
}

.request-button:hover {
    color: #fff;
}

.request-button a:hover {
    color: #ffffff;
}

.request-button a {
    background-color: #333;
    text-decoration: none;
    color: #fff;
    padding: 1%;
}

.bodyContentHolder.reverseFlex {
    display: flex;
    flex-direction: row-reverse;
}

.bodyImageHolder {
    width: 50%;
}

.bodyTextContent {
    width: 50%;
}

.bodyHeadingHolder h2 {
    font-size: 28px;
}

.bodyTextContent {
    width: 50%;
    padding: 1%;
}

.top_center {
    padding: 1%;
    text-align: center;
}

.bodyContent p {
    color: #000;
    font-size: 15px;
}

.truck-variant-specification__content-item.truck-variant-specification__content-item--axle {
    width: 50%;
    display: flex;
    padding: 1%;
    border-bottom: 1px solid #7e7c7c;
}

.truck-variant-specification__content-item.truck-variant-specification__content-item--axle:nth-child(even) {
    border-left: 1px solid #7e7c7c;
}

.new_gallary_holder.gallery_2 {
    width: 50%;
}

.smaller_stage.first.gallery_1 {
    max-width: 640px;
    width: 50%;
}

.truck-variant-specification__content {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.varient_main_holder {
    cursor: pointer;
    margin-right: 5%;
    text-align: center;
}

.new_holder {
    display: flex;
    margin: 0%;
    padding-bottom: 3%;
}

.varient_main_holder p {
    color: #000;
    margin-bottom: 0;
}

.icon_holder {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 1%;
    max-width: 50px;
}

.truck-variant-specification__content-item-value {
    font-weight: 600;
}

.info_holder {
    font-size: 15px;
    padding: 1%;
}

.hide {
    display: none;
}

.show {
    display: block;
}

/* Slideshow container */
.slideshow-container {
    position: relative;

}

/* Slides */
.mySlides {
    display: none;
    padding: 50px;
    text-align: center;
}

/* Next & previous buttons */
.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 70%;
    width: auto;
    margin-top: -30px;
    padding: 16px;
    color: #888;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Next & previous buttons */
.prev_new,
.next_new {
    cursor: pointer;
    position: absolute;
    top: 70%;
    width: auto;
    margin-top: -30px;
    padding: 16px;
    color: #888;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

.next_new {
    position: absolute;
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev_new:hover,
.next_new:hover {

    color: white;
}

/* Position the "next button" to the right */
.next {
    position: absolute;
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {

    color: white;
}


/* Add an italic font style to all quotes */
q {
    font-style: italic;
}


/************ // WooCommerce // ************/

.wpc-filters-widget-content {
    box-shadow: 20px #000;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 270px;
    padding-bottom: 20px;
    margin-left: 80px;
}

.wpc-filter-content select {
    width: 90% !important;
    margin-bottom: 1em;
    margin: 10px;
    padding: 0px;
    height: 50px;
}

.wpc-posts-found {
    text-align: center;
}

.wpc-filter-content select {
    width: 100% !important;
    margin-bottom: 0 !important;
}


input,
select,
textarea {
    background-color: #ddd;
    border: 1px solid #ddd;
    color: #333;
}

.wpc-filters-section {
    margin-bottom: 0.3em !important;
    position: relative;
    width: 248px;
}

.widget-title {
    margin: 0 auto;
    text-align: center;
    color: #fff;
    background-color: #121e24;
    padding: 30px;
}

.post-type-archive {
    background-color: #fff !important;
}


.wpc-filter-title {
    display: none !important;
}

.post-type-archive .site-inner {
    color: #000;
}

.post-type-archive-preowned .site-inner .content-sidebar-wrap {
    max-width: 1300px;
    margin: 0 auto;
}


.location strong {
    font-size: 11px;
}

.location {
    display: inline;
}

.myLineGrey {
    border-top: 1px solid #3a3a3aa3;
    margin-top: 6px;
}

.myLineBlk {
    border-top: 1px solid #000;
    margin-top: 6px;
}

.myLine {
    border-top: 1px solid #ebebeb;
}

.myLineRed {
    border-top: 50px solid #ee3a43;
}

.list {
    display: flex;
}

.image_container {
    width: 100%;
}

.list .product_page_vehicle_info_cotainer_top {
    min-height: unset;
}

.list .product_page_vehicle_info_cotainer {
    width: 75%;
    text-transform: uppercase;
}

.list .specs_featured_list {
    display: inline-flex;
}

.specs_featured_list_item {
    /* flex: 0 0 200px; */
    font-size: 15px;
    /* text-align: center; */
    color: #333;
    /* text-decoration: none; */
    padding: 0 19px;
    border-right: 1px solid #ccc;
    display: flex;
}

.PriceResult {
    color: #0a0a0a;
    border-bottom: solid 2px #000;
    font-size: 21px;
    font-weight: bold;
    font-family: 'montserratregular';
    margin-top: 12px;
}


.list>a {
    width: 25%;
}

span.icon {
    color: #00adef;
}

li.specs_featured_list_item>div {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.product_page_vehicle_info_cotainer a {
    text-decoration: none;
}

span.first_part {
    color: #ccc;
}

.product_page_vehicle_info_cotainer_buttons>div {
    margin: 3px 10px;
}

.viewButton span {
    color: #fff;
    background: #00adef;
}

.product_page_vehicle_info_cotainer_buttons span {
    display: block;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 17px;
    cursor: pointer;
}

.testDriveButton span,
.compareButton span {
    color: #000;
    border: 1px solid #00adef;
    transition-duration: 0.3s;
    font-family: 'montserratregular';
}

.testDriveButton:hover span,
.compareButton:hover span {
    color: #fff;
    background: #00adef;
}

.blueFont {
    color: #00adef;
}

.product_page_vehicle_info_cotainer h3 {
    font-size: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product_page_vehicle_info_cotainer_price_featured h3 {
    text-align: center;
}

.list .product_page_vehicle_info_cotainer_buttons {
    display: flex;
    position: relative;
    bottom: -20px;
}

.product_archive:hover .archiveUsedTitle h3 {
    color: #00adef;
}

.VehicleResult li.specs_featured_list_item>div {
    display: flex;
    flex-direction: row;
    margin-left: 17px;
}



.archiveUsedTitle h3 {
    font-size: 17px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.archiveUsedPrice h3 {
    text-align: center;
    margin: 15px 4px;
    transform: skew(20deg, 0deg);
    font-size: 14px;
    color: #fff;
}

.archiveUsedPrice {
    background: #00adef;
    transform: skew(-20deg, 0deg);
    width: 40%;
    float: left;
    position: relative;
    right: -8px;
}

.gridContainer {
    width: 30%;
    float: left;
    margin: 1%;
    overflow: hidden;
    min-width: 250px;
}

.archiveUsedTitle {
    width: 60%;
    float: left;
    font-size: 15px;
    color: #000;
}

.archiveUsedTitle :hover {
    color: #00adef;
}

.grid .first_part {
    display: none;
}

.grid .second_part {
    font-size: 10px;
}

.grid .product_page_vehicle_info_cotainer h3 {
    font-size: 14px;

}

.grid .specs_featured_list_item {
    /* flex: 0 0 200px; */
    font-size: 10px;
    /* text-align: center; */
    color: #333;
    /* text-decoration: none; */
    padding: 0 3px;
    border-right: unset;
    display: flex;
}

.grid .archiveContent {
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    min-height: 55px;
    position: relative;
    z-index: 999;
}

.archiveContent {
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    min-height: 60px;
    position: relative;
    z-index: 9999;
    padding: 15px 0 10px;
}

.archiveBottom {
    margin-bottom: 25px;
}

.grid .product_page_vehicle_info_cotainer_buttons {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.grid .image_container {
    width: 100%;
    padding-right: 0;
}

ul.specs_featured_list {
    display: flex;
}

.widget-meta-data-filter select {
    width: 100% !important;
    line-height: 21px !important;
    margin-bottom: 3px !important;
    padding: 10px !important;
    height: auto !important;
    background-color: #ebeff2;
    border: unset;
    color: #727272;
}

.widget-meta-data-filter {
    box-shadow: 0 0 10px #c7c7c7;
    padding: 0px !important;
}

.widget-meta-data-filter h3 {
    background: #131e24;
    color: #fff;
    text-align: center;
    padding: 20px;
}

.mdf_filter_section.mdf_filter_section_0 table {
    width: 100% !important;
    padding: 0 10px;
    display: block;
}

.formHolder {
    padding: 25px 0;
}

.quform-page-progress-bar {
    background-color: #fdba14 !important;
}

.formHolder .quform-theme-minimal {
    color: #545454 !important;
}

.checkList {
    color: #3c3c3c;
}

.checkList i {
    color: #fdba14;
    margin-right: 10px;
}

.blackButton a {
    background: #333;
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    margin-bottom: 10px;
    padding: 10px;
}

button.quform-submit {
    width: 100%;
    max-width: unset;
}

.quform-button-submit {
    width: 100%;
}

.single-preowned .product_page_vehicle_info_cotainer_buttons {
    display: flex;
}


.exvat p {
    color: #fff;
}

.exvat {
    text-align: center;
    color: #000000;
    font-weight: 800;
    background: #818181;
    font-size: 16px;
    padding: 0px;
}

.single_page_price {
    text-align: center;
    color: #fff;
    font-weight: 800;
    background: #000;
    font-size: 28px;
    padding: 10px;
}

.enquireButton span {
    display: block;
    border: 2px solid #fdba14;
    margin-top: 12px;
    text-align: center;
    border-radius: 5px;
    font-weight: 800;
    transition-duration: 0.3s;
}

.enquireButton {
    display: block;
    border: 2px solid #00adef;
    margin-top: 12px;
    text-align: center;
    border-radius: 5px;
    font-weight: 800;
    transition-duration: 0.3s;
    background-color: #00adef;
}

.terms {
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #E4E6EA;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 20px 20px 20px 11px;
    margin-bottom: 16px;
}


.enquireButton a {
    color: #fff;
}

.enquireButton span:hover {
    background: #fdba14;
}

.singleVehicleStatsTable table {
    width: 100%;
    background: #f0f2f5;
    padding: 12px;
    display: block;
}

.singleVehicleStatsTable td {
    border: unset;
    border-bottom: 1px solid #d3d3d3;
    font-size: 13px;
    min-width: 160px;
}

.financeHolder label {
    font-size: 11px;
}

.financeHolder select,
.financeHolder input {
    padding: 5px;
    background-color: #e7e7e7;
}


/* p2p Finance */
.finance-section p {
    margin-bottom: 15px;
}

.finance-section ul li {
    list-style: circle;
    font-size: 14px;
}

.finance-section .button_holder {
    margin-bottom: 20px;
    margin-left: 0;
}

.finance-section .button_holder span {
    /* background-color: #df1d1d; */
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
}

.calc p {
    margin: 0;
}

.mobileInfoContainer {
    display: none;
}

.singleVehicleStatsTable {
    margin-top: 12px;
}

.product_image {
    padding: 5px;
    display: block;
}

.vehicleTitle h2 {
    max-width: 600px;
}

.compareVehicleHolder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.compareVehicle {
    flex: 0 0 250px;
    margin: 0 1%;
}

.compareVehicle .archiveUsedTitle h3,
.compareVehicle .archiveUsedPrice h3 {
    font-size: 15px;
}

.compareVehicle .archiveContent {
    min-height: unset;
}

.compareTop {
    min-height: 350px;
    position: relative;
    overflow: hidden;
}

.compareList li {
    color: #686868;
    height: 36px;
    border-bottom: 1px solid;
    font-size: 18px;
}

.compareHeading {
    position: relative;
    margin-top: 50%;
    transform: translateY(-50%);
    border-bottom: 1px solid;
}

h3.widgettitle.widget-title::before {
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    margin: 0px 3px;
}


.wpc-filter-set-widget-title .widgettitle h3 {
    color: #fff !important;
    padding: 30px 60px 25px !important;
    background-color: #121e24 !important;
}

.testDriveButton a {
    text-decoration: none;
}

.usedArchiveHolder .archiveContent {
    border-bottom: 1px solid #ccc;

}

.archiveContent span {
    font-size: 16px;
    color: #24a599;
}

.archivePrice {
    color: #000;
    font-weight: 600;
}

span.archivePrice {
    color: #003145;
}

.archiveBottom p {
    color: #a3a3a3;
    padding-inline: 13px;
    font-size: 12px;
    display: inline;
}

#archive_holder {
    display: flex;
    padding: 15px 0;
    width: 100%;
    overflow: hidden;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.brandButton a,
.equireButton span {
    display: block;
    text-align: center;
    padding: 5px;
    color: #fff;
    text-decoration: none;
    margin-bottom: 30px;
}

.brandButton,
.equireButton {
    max-width: 180px;
    margin: 0 auto;
    background: #00adef;
    transition-duration: 0.3s;
    text-align: center;
    scroll-behavior: auto;
    color: #fff;
    text-transform: uppercase;
}

.brandButton2,
.equireButton {
    max-width: 180px;
    margin: 0 auto;
    /* background: #00adef; */
    transition-duration: 0.3s;
    text-align: center;
    scroll-behavior: auto;
    color: #000;
    text-transform: uppercase;
}

a.LearnMore {
    background: #00adef;
    color: #fff;
    padding: 14px 15px 14px;
    font-size: 14px;
}


.nb-plain-text-wrap {
    margin-left: 500px;
    font-family: 'montserratregular';
}

.nb-notice-outer-wrap-1311.nb-bottom-outer .nb-notice-wrap.nb-bottom .nb-close-action1311 {
    background-color: #0c0c0c !important;
    color: #ffebeb !important;
    display: inline-block;
    font-size: 0;
    float: right;
    height: 21px;
    line-height: 21px;
    position: absolute;
    right: 0;
    transition: all .5s ease 0s;
    width: 34px;
    z-index: 99;
    bottom: 100%;
    border-top-left-radius: 28px !important;
    border-top-right-radius: 28px !important;
}

.brandButton:hover {
    /*  background-color : #505050;*/
}

ul.specs_featured_list {
    display: flex;
    min-height: 50px;
}

.pt-cv-ifield img {
    width: 100% !important;
    height: 285px !important;
}

.pt-cv-title a {
    text-transform: uppercase;
    color: #1a394e;
}

.SpecialTitle {
    margin-top: 40px;
}

.discription {
    display: none;
}

.vehicleCountHolder {
    color: #ccc;
    text-align: right;
    max-width: 1200px;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 16px;
}

.single-post .entry-title {
    display: block;
    padding: 25px 0 0px;
}

.single-offer .entry-content {
    width: 1200px !important;
    margin: 0 auto !important;
}

.single-post .site-inner {
    max-width: 1200px;
}

.wpc-filters-widget-main-wrapper a.wpc-filters-reset-button,
.wpc-filters-widget-main-wrapper a.wpc-filters-submit-button {
    width: 50% !important;
    white-space: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 7px !important;
    margin-top: 19px !important;
}

.widget-area .widget .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
.widget .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
.wpc-filters-widget-main-wrapper .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
.wpc-filters-widget-main-wrapper a.wpc-filters-submit-button,
.wpc-filters-widget-main-wrapper a.wpc-filters-reset-button {
    border-color: #00adef !important;
    background-color: #00adef !important;
    color: #f5f5f5;
}

.widget .wpc-filters-widget-controls-container a,
.widget-area .widget .wpc-filters-widget-controls-container a,
.wpc-filters-widget-main-wrapper .wpc-filters-widget-controls-container a,
.wpc-filters-widget-main-wrapper a.wpc-filters-reset-button,
.wpc-filters-widget-main-wrapper a.wpc-filters-submit-button {

    padding: 8px 40px !important;

}

.archive-description,
.author-box {
    display: none;
}

.wpc-filter-content select {
    background-color: #eceff3 !important;
    border: 1px solid #eceff3;
}

.nb-notice-outer-wrap-1311 .nb-notice-wrap {
    text-align: center;
    box-shadow: 0 0 2px;
    width: 100%;
    /* z-index: 99 !important;*/
}

.post-type-archive .bx-viewport {
    display: none;
}


/* Coach page */
.coachwork-section ul {
    margin-left: 15px;
}

.coachwork-section ul li {
    list-style: none;
    font-size: 14px;
    margin-bottom: 10px;
}

.coachwork-section .each-option-container {
    display: flex;
    flex-wrap: wrap;
}

.coachwork-section .each-option-container:nth-child(odd) {
    flex-direction: row-reverse;
}

.coachwork-section .each-option-container .one-half {
    float: unset;
    width: 47.718%;
    margin-left: auto;
}

.coachwork-section .each-option-container .one-half:first-child,
.coachwork-section .each-option-container .one-half.first {
    display: flex;
    align-items: center;
}

.coachwork-section .each-option-container .myLineBlk {
    width: 100%;
    margin-bottom: 22px;
}

.coachwork-section .each-option-container .one-half p {
    margin-bottom: 15px;
}

/************ // Footer // ************/

.site-footer {
    background-color: #121e24;
    border-top: 1px solid #eee;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    padding: 25px 0;
}

.site-footer p {
    margin-bottom: 0px;
    color: #fff;
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 10px;
    left: 20px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 99999;
}

.my-float {
    margin-top: 16px;
}

.footerInfo {
    float: left;
    text-align: left;
    font-size: 14px;
    max-width: 730px;
}

.footerIcons {
    float: right;
}

/* Service and parts */
[aria-label="Parts & Service"] p {
    font-size: 20px;
}

.each-service-container {
    display: flex;
    flex-wrap: wrap;
}

.each-service-container:nth-child(even) {
    flex-direction: row-reverse;
}

.each-service-container .img-container,
.each-service-container .content-container {
    width: 50%;
}

.each-service-container .content-container {
    padding: 20px 40px;
    display: flex;
    align-items: center;
}

.each-service-container:nth-child(even) .content-container {
    padding-left: 0px;
}

.why-ud-container {
    margin-top: 40px;
}

/* ================= Share ================= */
.share-button-container {
    width: 100%;
}

.blockTruck p {
    margin: 0px;
}

.sharepopoutholder {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: #0000007a;
    right: 0;
    display: none;
    z-index: 100;
}

.essb_morepopup {
    z-index: 99999 !important;
}

.sharepopout {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 250px;
    transform: translate(-50%, -50%);
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.display {
    display: block !important;
}

span.closeShare {
    position: absolute;
    top: 0px;
    right: 5px;
    font-size: 19px;
    cursor: pointer;
    padding: 5px;
    z-index: 9999;
}

span.closeShare i {
    color: #000;
}

.sharepopout .essb_links_list {
    display: flex;
    flex-direction: column;
    text-align: left;
    padding-left: 70px !important;
}

.sharepopout .essb_links_list a {
    width: unset;
}

.sharepopout .essb_links_list .essb_item {
    margin: 10px 0 !important;
}

.trigger-btn-container a {
    background-color: #00adef;
    color: #fff;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    border-radius: 7px;
}


.menu-item.hide {
    display: none !important;
}

/************ // Responsive // ************/

@media screen and (max-width: 1200px) {
    /* Laptop */

}

@media screen and (max-width: 1024px) {
    /* Older Desktop */

    .videoHome {
        padding: 0px 15px 45px;
        display: flex;
        justify-content: center;
    }

    .genesis-nav-menu {
        padding-left: 75px;
    }

    .genesis-nav-menu span {
        font-size: 13px;
    }

    .usedArchiveHolder img {
        width: 230px;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    .archiveUsedPrice h3 {
        text-align: left;
        margin: 10px 4px;
        transform: skew(20deg, 0deg);
        font-size: 15px;
        color: #fff;
    }

    .archiveUsedTitle h3 {
        font-size: 15px;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    #archive_holder {
        display: flex;
        padding: 15px 11px;
        width: 100%;
        overflow: hidden;
        justify-content: center;
        max-width: 1200px;
        margin: 0 auto;
    }

    .header-image .site-title>a {
        background-position: left !important;
        background-size: contain !important;
        float: left;
        /* min-height: 96px; */
        width: 100;
        margin: 20px 0 20px;
    }


    .genesis-nav-menu a {
        color: #333;
        text-decoration: none;
        display: block;
        padding: 30px 2px;
    }


}

@media screen and (max-width: 860px) {
    /* Older Desktop */

    .usedArchiveHolder {
        flex: 0 0 300px;
        margin: 0 3%;
    }

    .blackOverlay .first {
        margin-bottom: 5%;
    }

    .genesis-nav-menu {
        padding-left: 0;
    }

    .genesis-nav-menu {
        background-color: #fff;
    }

    .genesis-nav-menu .sub-menu a {
        text-align: center;
    }

    .ContactHeader {
        display: grid;
        align-items: flex-end;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .header-image .site-title>a {
        background-position: center !important;
        background-size: contain !important;
        margin-left: auto;
        margin-right: auto;
        min-height: 96px;
        width: 100%;
        /* margin-left: 140px; */
        position: relative;
        margin: 0 auto;
    }


    .title-area {
        float: none !important;
        margin-right: auto;
        margin-left: auto;
    }

    .coachwork-section .each-option-container .one-half {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {

    /* iPad */
    .archive>.site-container>.site-inner>.content-sidebar-wrap>.content {
        display: table-footer-group;
        float: none;
    }

    .spaceTop {
        margin-top: 0;
    }



    .sidebar-primary {
        float: none !important;
        margin: 0 auto;
        width: 100%;
    }

    .post-type-archive .site-inner .content-sidebar-wrap {
        display: table;
    }

    .vehicleCountHolder {
        display: none;
    }

    .checkHolder {
        display: none;
    }

    .aboutContentR {
        float: right;
        width: 50%;
    }

    .aboutContentL {
        float: left;
        width: 50%;
    }

    .deal {
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        align-items: flex-start;
        align-content: stretch;
        flex-direction: column;
        flex: 0 0 50%
    }

    .usedArchiveHolder.one-fourth {
        width: unset;
        float: unset;
    }

    .usedArchiveHolder {
        width: 300px !important;
    }


    .site-inner {
        padding: 5% 1% 0;
    }

    .usedArchiveHolder .archiveContent {
        width: 100%;
    }


    .infoBanner {
        display: none;
    }



    h1,
    h2 {
        font-size: 23px;
        font-size: 2.rem;
    }

    .ContactHeader {
        display: flex;
        justify-content: center;
        padding-top: 24px;
        width: 100%;
        flex-wrap: wrap;
    }

    .wpc-filters-widget-content {
        box-shadow: 20px #000;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        width: 322px;
        margin: 0 auto;
    }

    .colored-separator {
        /* text-align: center; */
        vertical-align: top;
        font-size: 0;
        margin-bottom: 0px;
        padding-bottom: 1px;
    }

    .myTitle h1 {
        color: #fff;
        font-size: 25px;
        text-align: center;
    }

    .myTitle span {
        color: #fff;
        font-size: 25px !important;
        text-align: center;
    }

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

    .preownedTitle {
        background-color: #2a2a2a;
        width: 100%;
        padding: 0px;
        margin-bottom: 10px;
        color: #fff;
        text-align: center;
    }

    .preownedTitle h1 {
        max-width: 1400px;
        margin: 0 auto;
        font-size: 25px;
        padding: 5px;
        font-weight: 500;
    }


    .about-us {
        padding: 0px 0px 60px;
        overflow: hidden;
        text-align: center;
    }

    .aboutLower {
        overflow: hidden;
        background-color: #f1f1f1;
        width: 100%;
        padding: 90px 0px;
        text-align: center;
    }

    .ChatButton {
        max-width: 200px;
        background: #047ab2;
        transition-duration: 0.3s;
        text-align: center;
        scroll-behavior: auto;
        color: #fff;
        font-size: 15px;
        padding: 12px;
        margin: 0 auto;
        float: left;
    }

    .contact-one {
        width: 50%;
        display: block;
        text-align: center;
        color: #fff;
        padding: 30px;
    }

    .maps {
        width: 670px;
        display: flex;
    }

    .gridContainer {
        width: 46%;
        /*float: none; */
        margin: 2% !important;
        overflow: hidden;
        min-width: 250px;
    }

    .pagination {
        margin: 5% auto;
        text-align: center;
    }

    .menuIcon {
        display: none !important;
    }

    .genesis-nav-menu {
        clear: both;
        font-size: 18px;
        font-weight: 600;
        line-height: 0;
        width: 100%;
        background-color: #fff;
        padding-left: 0;
    }

    .archiveBottom p {
        color: #a3a3a3;
        padding-inline: 11px;
        font-size: 12px;
        display: inline;
    }

    .archiveUsedTitle h3 {
        font-size: 14px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .archiveUsedPrice h3 {
        text-align: center;
        margin: 12px 4px;
        transform: skew(20deg, 0deg);
        font-size: 12px;
        color: #fff;
    }


    .archiveimage {
        width: 100%;
    }

    .archiveContent {
        text-align: center;
        text-transform: uppercase;
        overflow: hidden;
        position: relative;
        z-index: 9999;
    }




    #archive_holder {
        padding: 15px 0;
        width: 90%;
        overflow: hidden;
        justify-content: center;
        max-width: 1200px;
        margin: 0 auto;
    }



    .tileItem {
        padding: 30px 0px 0px 18px;
        background: #eeeeeed1;
        margin: 2% auto;
        width: 345px;
        transition-duration: 0.2s;
    }

    .checkContent p {
        width: 100%;
        float: left;
        margin-left: -5%;
        font-size: 12px;
    }

    .checkContent h3 {
        font-size: 14px;
    }

    .fa-3x {
        font-size: 1em;
    }

    .ContactHeader {
        display: none;
    }

    /*.singleVehiocleFormHolders {
    display: none;
}*/

    .enquireForm {
        display: none;
    }

    .mobileInfoContainer {
        display: block;
    }

    .enquireButton span {
        display: block;
        border: none;
        margin-top: 0;
        text-align: center;
        border-radius: 5px;
        font-weight: 800;
        transition-duration: 0.3s;
    }

    .enquireButton span:hover {
        background: none;
    }

    .one-third.singleVehicleContent {
        display: none;
    }

    .text_overlay_truck {
        position: absolute;
        transform: translate(100%, 0%);
        bottom: 0;
        top: 68%;
        left: 0%;
        max-height: 56px;
        width: 100%;
        max-width: 270px;
    }

    .each-service-container .img-container,
    .each-service-container .content-container {
        width: 100%;
    }

    .each-service-container .content-container {
        padding: 20px 0px;
    }
}

@media screen and (max-width: 480px) {
    /* iPhone 6 Plus, Landscape Display */

    .text_overlay_truck {
        transform: translate(30%, -40%);
    }

    .bodyImageHolder {
        width: 100%;
    }

    .bodyTextContent {
        width: 100%;
        padding: 3%;
    }

    .truck-variant-specification__content {
        flex-direction: column;
    }

    .truck-variant-specification__content-item.truck-variant-specification__content-item--axle {
        width: 100%;
    }

    .truck-variant-specification__content-item.truck-variant-specification__content-item--axle {
        padding: 1% 6%;
    }

    .new_holder {
        justify-content: center;
        flex-direction: column;
    }

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

    .bodyContentHolder.reverseFlex {
        display: flex;
        flex-direction: column;
    }

    .trucktitleEic h2 {

        font-size: 30px;
        padding: 22px 30px;
    }


    .truckIcon {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
    }

    .truckIcon img {
        transform: translate(95px, 10px);
    }

    .blockHomeSecond {

        margin-top: 20px;
    }

    .WhiteOverlay {
        padding: 20px;
    }

    .post-type-archive .trucktitle h1 {
        margin-left: 0;
        text-align: center;
    }

    .product_thumbnails {
        display: flex;
    }

    .coach {
        padding: 14px;
    }

    .newtruck {
        overflow: auto;
        padding: 25px;
    }

    .trucktitle h2 {
        max-width: 1400px;
        margin: 0px auto;
        font-size: 25px;
        padding: 0px 25px;
        font-weight: 700;
        text-align: center;
    }

    .blockTruck a {
        color: #fff;
        display: block;
        padding: 12px 6px 11px;
        font-size: 14px;
        text-transform: capitalize;
    }

    .rent-left {
        width: 100%;
        padding: 14px;
    }

    .rent-right {
        width: 100%;
        padding: 14px;
    }

    .sell-left {
        width: 100%;
        display: block;
        padding: 14px;
    }

    .sell-right {
        width: 100%;
        padding: 14px;
    }

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

    .fineRight {
        width: 100%;
        padding: 14px;
    }

    .fineLeft {
        width: 100%;
        margin-bottom: 100px;
        padding: 14px;
    }

    .mySlides {
        text-align: left;
    }

    .gridContainer {
        width: 250px;
        float: none;
        margin: 2% auto !important;
        overflow: hidden;
        min-width: 250px;
    }

    .nb-notice-outer-wrap-1311 .nb-notice-wrap .nb-plain-text-wrap,
    .nb-plain-text-wrap strong {
        font-size: 8px !important;
        margin: 10px;
    }

    .meet-window {
        height: auto;
        width: 100%;
        color: #000;
        display: flex;
        flex-direction: column;
        /* flex: 0 0 50%; */
    }

    .aboutLower {
        overflow: hidden;
        background-color: #f1f1f1;
        width: 100%;
        padding: 90px 15px;
        text-align: left;
    }


    .about-us {
        text-align: left;
        padding: 15px;
    }

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

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

    .usedArchiveHolder.one-fourth img {
        width: 100%;
        margin: 0 auto;
        float: left;
    }

    .usedArchiveHolder {
        margin: 0;
        width: 100%;
    }



    .archiveUsedPrice {
        background: #00adef;
        transform: skew(-20deg, 0deg);
        width: 35%;
        position: relative;
        right: -8px;
    }

    .archiveBottom {
        padding: 0 0 18px;
    }

    .archiveUsedTitle {
        width: 65%;
        text-align: center;
        font-size: 12px;
    }

    .site-inner {
        padding: 0% 0% 0;
    }


    .contact-one {
        /* width: 25%; */
        display: block;
        text-align: left;
        color: #fff;
        padding: 30px;
    }

    .trucktitle h1 {
        margin-left: 0px;
        text-align: center;
    }

    .single-offer .entry-content {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .varient_image {
        display: none;
    }

    .varient_main_holder {
        border: 1px solid;
        margin: 1%;
    }

    .bodyContentHolder {
        flex-direction: column;
    }

    .limitWidth {
        padding: 4%;
    }


}

@media screen and (max-width: 320px) {
    /* iPhone 4,5, Portrait Display */

    .contact-one {
        /* width: 25%; */
        display: block;
        text-align: center;
        color: #fff;
        padding: 30px;
    }

}


.enquireButton.whatsappButton {}

.whatsappButton,
.whatsappButton span {
    background: #25D366 !important;
    border: none !important;
}

.whatsappButton span {
    margin-top: 0;
}

.whatsAppDisplay {
    display: none;
    overflow: hidden;
    margin: 10px 0;
    border: 2px solid #25D366;
    border-radius: 3px;
}

.displayWhatsapp {
    display: block !important;
}


.whatsAppCopy i {
    color: #25D366;
}

.whatsAppQRcode {
    min-width: 100px;
    width: 29%;
    float: left;
}

.whatsAppQRcode img {
    display: block;
}

.whatsAppCopy {
    padding: 5px 0;
}

.whatsappButton a {
    display: inline-block;
    width: 100%;
}

a.WhatsappLink {
    font-weight: 600;
    text-decoration: underline;
}


/*// Mobile used call to action buttons*/
.mobileActions {
    display: none;
    overflow: hidden;
    float: left;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
    /* display: flex; */
}

.mobileActionitem {
    width: calc(100%/3);
    text-align: center;
    /* font-size: 40px; */
    text-align: center;
    font-size: 18px;
    padding: 5px 0;
    background: #00adef;
    color: #fff;
    border-right: 0px solid #fff;
    border-radius: 3px;
    height: 67px;
    margin: 10px 5px 10px 10px;
}

.mobileActionitem span {
    color: #fff;
    display: block;
    font-size: 18px !important;
    font-family: montserratregular;
}

.whatsappButton i {
    font-size: 23px !important;
}

@media screen and (max-width: 550px) {
    .mobileActions {
        display: block;
        background: #000000cf;
    }

    .mobileActionHolder {
        display: flex;
    }

}