@charset "UTF-8";
/* default styles (all screens) */
@media only screen {
  .main-title {
    font-weight: 700;
    position: relative;
    margin-bottom: 2.5rem;
    color: #000;
    line-height: 1.1;
    font-size: 2rem;
    font-family: "Roboto", sans-serif;
  }
  .main-title:after {
    position: absolute;
    width: 40px;
    height: 3px;
    bottom: -1rem;
    left: 0;
    background: #F28613;
    content: "";
  }
  .select-search .search-back a {
    display: none;
  }
  .ordered-list {
    margin-left: 1.25rem;
    margin-bottom: 1.5rem;
  }
  .ordered-list li {
    list-style: decimal;
    margin-bottom: 0.5rem;
  }
  .ordered-list li ul {
    margin-left: 1.25rem;
    margin-bottom: 0;
  }
  .ordered-list li ul li {
    list-style: disc;
    margin-bottom: 0.5rem;
  }
  .trade-text-container h4 {
    font-size: 20px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    margin-bottom: 0.25rem;
  }
  .temp-message {
    background: repeating-linear-gradient(-45deg, #fff, #fff 25px, #f7cd00 25px, #f7cd00 50px);
    padding: 0.75rem 0;
    text-align: center;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    border-top: 2px solid #f7cd00;
    border-bottom: 2px solid #f7cd00;
  }
  .temp-message span {
    background: #fff;
    color: #000;
    display: block;
    padding: 0.25rem;
    border: 2px solid #f7cd00;
  }
  .temp-message a {
    color: #000;
    text-decoration: underline;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  .temp-message a:hover {
    color: #F28613;
  }
  .covid-page h4 {
    font-weight: bold;
    margin-top: 1rem;
    font-size: 18px;
  }
  .covid-page a {
    text-decoration: underline;
    color: #000;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  .covid-page a:hover {
    color: #F28613;
  }
  .service-banner {
    background: #0996fd;
  }
  .service-banner .top-border {
    height: 56px;
    background: #023d59;
    position: relative;
  }
  .service-banner .top-border:before {
    content: "";
    background: #e87733;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 18px;
  }
  .service-banner .top-border:after {
    content: "";
    background: #0496ff;
    position: absolute;
    top: 0;
    left: -2rem;
    right: 65%;
    -webkit-transform: skewX(-40deg);
    -moz-transform: skewX(-40deg);
    -ms-transform: skewX(-40deg);
    -o-transform: skewX(-40deg);
    transform: skewX(-40deg);
    height: 18px;
  }
  .service-banner img {
    display: block;
    margin: auto;
  }
  .service-offer-intro {
    text-align: center;
    margin-top: 3rem 0;
    font-family: "Roboto", sans-serif;
    color: #000;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.2;
  }
  .custom-service-page .service-offer-form .custom-dropdown-area {
    margin-bottom: 1rem;
  }
  .custom-service-page .service-offer-form h4 {
    margin-top: 0;
    font-size: 18px;
  }
  .trade-in-wrap .button {
    line-height: 32px;
  }
  .insurance-page {
    padding: 0;
    font-family: "Roboto", sans-serif;
  }
  .insurance-page a.orange-btn {
    line-height: 1;
    padding: 10px;
    min-width: 200px;
    color: #fff;
    font-weight: bold;
    background: #F28613;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    display: inline-block;
    margin: 0 0.75rem 0.5rem 0;
    text-align: center;
    font-family: "Roboto", sans-serif;
  }
  .insurance-page a.orange-btn i {
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-left: 0.25rem;
    font-size: 20px;
  }
  .insurance-page a.orange-btn:hover {
    background: #df790c;
    color: #fff;
  }
  .insurance-page h1 {
    font-weight: 700;
    position: relative;
    margin-bottom: 2.5rem;
    color: #000;
    line-height: 1.1;
    font-size: 2rem;
    font-family: "Roboto", sans-serif;
  }
  .insurance-page h1:after {
    position: absolute;
    width: 40px;
    height: 3px;
    bottom: -1rem;
    left: 0;
    background: #f28613;
    content: "";
  }
  .insurance-page h3 {
    font-size: 20px;
    padding-bottom: 0;
    font-weight: 500;
    margin-bottom: 1rem;
    font-family: "Roboto", sans-serif;
  }
  .insurance-page h3:after {
    display: none;
  }
  .insurance-page h5 {
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    color: rgba(0, 0, 0, 0.9);
  }
  .insurance-page p, .insurance-page li {
    font-family: "Roboto", sans-serif;
    color: rgba(0, 0, 0, 0.8);
  }
  .insurance-page .white-bg {
    background: #fff;
    padding: 3.5rem 0;
  }
  .insurance-page .grey-bg {
    background: #f6f6f6;
    padding: 3.5rem 0;
  }
  .insurance-page .insurance-slider {
    margin: 1rem 0 2rem;
  }
  .insurance-page .insurance-slider .tick {
    width: 78px;
    display: block;
    margin: 0 auto 1rem;
    position: relative;
    left: 10px;
  }
  .insurance-page .insurance-slider .item {
    text-align: center;
    padding: 0 1rem;
  }
  .insurance-page .insurance-slider .item p {
    max-width: 280px;
    margin: 0 auto 1rem;
  }
  .insurance-page .slick-dots {
    bottom: 0;
    margin: 0 auto;
    list-style: none;
    text-align: center;
    padding: 0.5rem 0 0;
    display: table !important;
  }
  .insurance-page .slick-dots .slick-active button {
    background: #EF7D16;
  }
  .insurance-page .slick-dots li {
    float: left;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0);
    width: 0.75rem;
    height: 0.75rem;
    margin: 0 0.375rem;
    cursor: pointer;
  }
  .insurance-page .slick-dots li.slick-active {
    background: #fff;
    border: 2px solid #fff;
  }
  .insurance-page .slick-dots li:last-child {
    margin-right: 0;
  }
  .insurance-page .slick-dots button {
    width: 10px;
    height: 10px;
    background: #C9C9CA;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
  }
  .insurance-page .slick-dots button:before {
    display: none;
  }
  .inner-list {
    margin-left: 1.25rem;
    margin-bottom: 1rem;
  }
  .inner-list li {
    list-style: disc;
  }
  .inner-list.decimal-list li {
    list-style: decimal;
  }
  .row {
    max-width: 1280px;
  }
  body {
    background: #fff url(../../Userfiles/Image/bg-header-sm.gif) center 45px no-repeat;
  }
  a {
    color: #F28613;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  a:hover {
    color: #333;
  }
  #finance-popup .main-section .inner-section:after {
    z-index: -1;
  }
  .button, .button.tiny, .finance-info-apply {
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  .button:hover, .button.tiny:hover, .finance-info-apply:hover {
    background: #c76c0b;
  }
  .finance-info-apply {
    color: #fff;
  }
  .finance-info-apply:hover {
    color: #fff;
  }
  .swiper-slide-active .circle.no-bg .circle-icon-wrapper {
    color: #F28613;
  }
  .swiper-30 .size-60 {
    font-size: 45px;
  }
  .section1-wrapper {
    padding-bottom: 2rem;
    text-align: center;
  }
  .section1-wrapper .start-new-search {
    margin: auto;
  }
  .start-new-search {
    display: inline-block;
    color: #fff;
    padding: 0.5rem 2rem;
    border: 3px solid #F28613;
    background: #F28613;
    font-size: 16px;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    margin-top: 1rem;
  }
  .start-new-search:hover {
    color: #fff;
    background: #c76c0b;
    border-color: #c76c0b;
  }
  .single-vehicle-wrap .slick-slide img {
    width: 100%;
  }
  .single-vehicle-wrap .single-vehicle-page .feature-wrap UL.feature-list li {
    padding-left: 1rem;
  }
  .warranty-break {
    border-bottom: 1px solid #ccc;
    margin: 2rem 0;
  }
  .good-sport {
    background: #fff url(../../Userfiles/Image/bg-main.jpg) center 64px repeat;
    padding-top: 5rem;
    text-align: center;
    height: 100%;
    min-height: 100%;
    display: block;
  }
  .good-sport h1 {
    color: #EF7D16;
    font-weight: bold;
    text-align: center;
  }
  .good-sport h4 {
    padding-bottom: 3rem;
  }
  .good-sport img {
    padding-bottom: 2rem;
  }
  .good-sport .image-link:hover {
    opacity: 0.7;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  .good-sport .enter {
    margin-bottom: 5rem;
    text-align: center;
  }
  .good-sport .enter a {
    background: #F28B1D;
    color: #fff;
    padding: 0.5rem 1rem;
    margin-right: 1rem;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  .good-sport .enter a i {
    padding-left: 1rem;
  }
  .good-sport .enter a:hover {
    background: #DE662C;
  }
  .good-sport .stadium-cars {
    padding-top: 1.55rem;
  }
  .good-sport .jack {
    position: relative;
    bottom: 0;
    padding-bottom: 0;
    margin: 0;
  }
  .ldv-banner {
    background: #eee;
    padding: 1.5rem 1rem;
    min-height: 200px;
    margin-top: 1rem;
    text-align: center;
  }
  .ldv-banner span {
    display: block;
    padding-top: 0.5rem;
    font-size: 16px;
  }
  .ldv-banner span a {
    color: #000;
    text-decoration: underline;
  }
  .ldv-banner span a:hover {
    color: #EF7D16;
  }
  .ldv-banner .ldv-logo {
    margin: auto;
    display: block;
  }
  .ldv-banner .link {
    padding-top: 2.275rem;
    text-align: center;
  }
  .ldv-banner .link a {
    background: #F28B1D;
    color: #fff;
    padding: 0.5rem 1rem;
    margin-right: 1rem;
    text-transform: uppercase;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  .ldv-banner .link a i {
    padding: 0 1rem;
    font-size: 12px;
  }
  .ldv-banner .link a:hover {
    background: #DE662C;
  }
  .ssy-banner {
    background: #eee;
    padding: 1.5rem 0;
    min-height: 200px;
    margin-top: 1rem;
    text-align: center;
  }
  .ssy-banner .ssy-logo {
    display: block;
    margin: auto;
    margin-bottom: 1rem;
  }
  .ssy-banner .link-container span {
    display: block;
  }
  .ssy-banner .video-thumb {
    position: relative;
    max-width: 270px;
    display: block;
    margin: auto;
    margin-top: 1rem;
  }
  .ssy-banner .video-thumb .play {
    width: 60px;
    position: absolute;
    max-width: 100px;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
  }
  .win-page-wrap h3.title {
    font-size: 2em;
    text-align: center;
    font-weight: 700;
  }
  .win-page-wrap .content {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
  }
  .win-page-wrap .how {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
  }
  .win-page-wrap .enter {
    margin-bottom: 1rem;
    text-align: center;
  }
  .win-page-wrap .enter a {
    background: #F28B1D;
    color: #fff;
    padding: 0.5rem 1rem;
    margin-right: 1rem;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  .win-page-wrap .enter a i {
    padding-left: 1rem;
  }
  .win-page-wrap .enter a:hover {
    background: #DE662C;
  }
  .win-page-wrap .disclaimer {
    padding: 0 1rem;
  }
  .win-page-wrap .fb {
    position: absolute;
    left: 0;
    width: 34px;
  }
  .win-page-wrap .win-teddy {
    position: absolute;
    right: -5rem;
    opacity: 0.3;
    top: -4rem;
  }
  .service-form a {
    color: #333;
  }
  .service-form a:hover {
    color: #F28613;
  }
  .book-a-service-teddy {
    float: right;
    width: 145px;
  }
  header {
    background: #fff;
    padding: 2.5rem 0;
  }
  header .invert-logo {
    display: none;
  }
  header.we-buy-cars {
    background: #4c4c4e;
    border-bottom: 4px solid #F28613;
  }
  header.we-buy-cars .invert-logo {
    display: block;
  }
  header.we-buy-cars .main-logo {
    display: none;
  }
  header.we-buy-cars .partners {
    display: none;
  }
  header .logo {
    max-width: 340px;
    margin: 0 auto;
  }
  header .partners {
    margin-top: 1rem;
  }
  header .partners > div {
    display: inline-block;
  }
  header .partners a {
    font-size: 35px;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  header .partners a:hover {
    opacity: 0.7;
  }
  header .partners .fb-link {
    margin-right: 1rem;
  }
  header .partners .fb-link a {
    position: relative;
  }
  header .partners .fb-link a i {
    vertical-align: middle;
    position: relative;
    top: 2px;
  }
  .button, .button.tiny, .finance-info-apply {
    background: #EF7D16;
    color: #fff;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  .button:hover, .button:focus, .button.tiny:hover, .button.tiny:focus, .finance-info-apply:hover, .finance-info-apply:focus {
    background: #DE662C;
    color: #fff;
  }
  .warranties-page {
    padding-bottom: 4rem;
  }
  .warranties-page img {
    padding-bottom: 1rem;
  }
  .warranties-page img:last-child {
    padding-bottom: 2rem;
  }
  .warranties-page a {
    background: #F28B1D;
    color: #fff;
    padding: 0.5rem 1rem;
    margin-right: 1rem;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  .warranties-page a i {
    padding-left: 1rem;
  }
  .warranties-page a:hover {
    background: #DE662C;
  }
  .out-of-town h3 {
    font-size: 28px;
    font-weight: 700;
  }
  .out-of-town p {
    color: #979797;
    margin-bottom: 2rem;
  }
  .out-of-town img {
    padding-bottom: 2rem;
    margin: auto;
    width: 60%;
  }
  .finance-info-apply {
    color: #fff;
  }
  .finance-info-apply:hover {
    color: #fff;
  }
  h2 {
    font-size: 32px;
    font-weight: bold;
    color: #4D4D4F;
    letter-spacing: -1.5px;
    line-height: 1;
    text-transform: uppercase;
    margin-top: 0;
  }
  h2 span {
    color: #EF7D16;
  }
  .section1-wrapper {
    padding: 1rem 0;
    background: #fff;
  }
  .section1-wrapper .search-input {
    background: #f1f1f1;
  }
  .section1-wrapper h3.header {
    font-size: 24px;
    font-weight: bold;
    color: #4D4D4F;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
  }
  .section1-wrapper .btn-advanced-search span {
    text-transform: uppercase;
    color: #4d4d4d;
    font-weight: bold;
    font-size: 12px;
  }
  .section1-wrapper .title {
    color: #000;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;
  }
  footer {
    background: url(../../Userfiles/Image/bg-bk.gif);
    padding-top: 1.5rem;
  }
  footer .buyerscore-badge {
    margin: 1rem auto 0;
    display: inline-block;
  }
  footer .partners {
    width: 66.6%;
    float: left;
  }
  footer .partner {
    width: 50%;
    float: left;
    text-align: center;
    padding-top: 0.5rem;
  }
  footer .partner:nth-child(2) {
    padding: 0.5rem 15px 0 16px;
  }
  footer .fb {
    width: 33.3%;
    float: left;
    text-align: center;
  }
  footer .fb img {
    padding: 0 27px 0 28px;
  }
  footer .fb i {
    font-size: 60px;
    vertical-align: top;
  }
  footer .vtnz {
    max-width: 250px;
  }
  footer .partner-lg {
    display: none;
  }
  footer .footer-logo {
    padding: 1rem 0 2rem;
  }
  footer .footer-box {
    margin-bottom: 1rem;
    font-size: 14px;
    color: #A7A7A7;
    line-height: 1.3;
    font-family: "Roboto Condensed", sans-serif;
  }
  footer .footer-box a {
    color: #A7A7A7;
    font-family: "Roboto Condensed", sans-serif;
  }
  footer .footer-box .title {
    font-size: 22px;
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
  }
  footer .footer-box .title span {
    color: #EF7D16;
  }
  footer .teddy-car {
    clear: both;
    float: right;
    padding-top: 1rem;
  }
  footer .teddy-car img {
    width: 310px;
    -webkit-transition: ease-in-out, 2s;
    -moz-transition: ease-in-out, 2s;
    -o-transition: ease-in-out, 2s;
    transition: ease-in-out, 2s;
  }
  footer .teddy-car.t-hidden img {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  footer .txt-sm {
    display: block;
    color: #a7a7a7;
    font-size: 14px;
    padding-top: 0.25rem;
  }
  footer .txt-lg {
    display: none;
  }
  footer .copyright {
    clear: both;
    background: #ED540E;
    background-image: -owg(linear-gradient(to right, #ED540E, #F28C13));
    background-image: -webkit(linear-gradient(to right, #ED540E, #F28C13));
    background-image: -moz(linear-gradient(to right, #ED540E, #F28C13));
    background-image: -o(linear-gradient(to right, #ED540E, #F28C13));
    background-image: linear-gradient(to right, #ED540E, #F28C13);
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    padding: 0.75rem 0;
    font-family: "Roboto Condensed", sans-serif;
  }
  footer .copyright span {
    font-size: 16px;
    vertical-align: sub;
    margin: 0 6px 0 4px;
  }
  footer .copyright i {
    display: block;
    height: 0;
    overflow: hidden;
  }
  footer .copyright a {
    color: #fff;
    font-size: 12px;
  }
  footer .copyright a:hover {
    opacity: 0.7;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  #top-section .slide-bg {
    text-align: center;
    position: relative;
  }
  #top-section .slick-dots {
    bottom: 1rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #top-section .slick-dots li {
    float: left;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background: #4D4D4F;
    color: rgba(255, 255, 255, 0);
    width: 0.75rem;
    height: 0.75rem;
    margin-right: 0.75rem;
    cursor: pointer;
    font-size: 0;
  }
  #top-section .slick-dots li.slick-active {
    background: #F28613;
  }
  #top-section .slick-dots li:last-child {
    margin-right: 0;
  }
  #top-section .slide {
    height: 282px;
  }
  #top-section h1 {
    text-align: center;
    font-size: 42px;
    font-weight: 300;
    color: #4D4D4F;
    line-height: 1.1;
    margin: 0 -1rem;
    letter-spacing: -2.5px;
    padding-bottom: 1.5rem;
  }
  #top-section h1 span {
    line-height: 0.9;
    color: #F86F11;
    font-weight: 400;
    display: block;
  }
  #top-section .slide-1 .car, #top-section .slide-9 .car {
    height: 250px;
    background: url(../../Userfiles/Image/2wd-Foton-Finance-Image-poster.jpg) center top/contain no-repeat;
    text-align: center;
    font-family: "Lato", sans-serif;
  }
  #top-section .slide-1 .car .price, #top-section .slide-9 .car .price {
    color: #fff;
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
  }
  #top-section .slide-1 .car .price-wrapper, #top-section .slide-9 .car .price-wrapper {
    max-width: 100%;
    margin: auto;
  }
  #top-section .slide-1 .car .title, #top-section .slide-9 .car .title {
    padding-top: 45px;
  }
  #top-section .slide-1 .car .price-left, #top-section .slide-9 .car .price-left {
    float: left;
    width: 55%;
    text-align: right;
    padding-right: 0.5rem;
    font-size: 30px;
  }
  #top-section .slide-1 .car .price-right, #top-section .slide-9 .car .price-right {
    float: left;
    width: 45%;
    font-size: 16px;
    text-align: left;
  }
  #top-section .slide-1 .car .finance-amount, #top-section .slide-1 .car .title, #top-section .slide-9 .car .finance-amount, #top-section .slide-9 .car .title {
    color: #fff;
    font-size: 33px;
    font-family: "Impact", sans-serif;
    line-height: 1;
  }
  #top-section .slide-1 .car p, #top-section .slide-9 .car p {
    color: #fff;
    font-size: 9px;
    line-height: 1;
    padding-top: 1rem;
    max-width: 600px;
    margin: auto;
  }
  #top-section .slide-9 .car {
    background: url(../../Userfiles/Image/4wd-Foton-Finance-Image-poster.jpg) center top/contain no-repeat;
  }
  #top-section .slide-2 .img {
    display: none;
  }
  #top-section .slide-2 .text {
    padding-top: 4.5rem;
  }
  #top-section .slide-2 .text h2 {
    font-size: 26px;
    font-weight: 600;
    color: #F86F11;
    text-transform: none;
    margin-bottom: 0.2rem;
  }
  #top-section .slide-2 .text span {
    font-size: 16px;
    float: left;
    line-height: 16px;
  }
  #top-section .slide-2 .text img {
    padding-left: 0.5rem;
  }
  #top-section .slide-2 .text .tivoli {
    width: 40%;
    position: absolute;
    right: 0;
    top: -0.5rem;
  }
  #top-section .slide-2 .text .z-energy {
    margin-top: -1rem;
  }
  #top-section .disclaimer {
    font-size: 10px;
    display: inline-block;
    padding-top: 0;
  }
  #top-section .ssy-logo {
    position: absolute;
    top: 0;
    left: 1rem;
    max-width: 25%;
    z-index: 500;
  }
  #top-section .slide-3 {
    text-align: center;
  }
  #top-section .slide-3 h2 {
    font-size: 40px;
    font-weight: 600;
    color: #F86F11;
    text-transform: none;
    margin-bottom: 0;
  }
  #top-section .slide-3 span {
    font-size: 12px;
  }
  #top-section .slide-3 .img {
    width: 225px;
    margin: auto;
  }
  #top-section .slide-3 .learn {
    background: #EF7D16;
    display: block;
    padding: 0.5rem 1rem;
    width: 145px;
    margin: auto;
  }
  #top-section .slide-3 .learn:hover {
    background: #DE662C;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  #top-section .slide-3 .learn i {
    text-align: right;
    padding-left: 2rem;
    font-size: 10px;
  }
  #top-section .slide-3 .learn a {
    color: #fff;
    text-transform: uppercase;
  }
  #top-section .slide-4 .swift-bg {
    background: url(../../Userfiles/Image/swift-sml.png) center no-repeat;
    height: 175px;
    position: relative;
    top: 0;
    background-size: contain;
  }
  #top-section .slide-4 span {
    display: block;
    line-height: 1.2;
    text-align: left;
  }
  #top-section .slide-4 .text {
    margin: auto;
    display: table;
  }
  #top-section .slide-4 .from-text {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #4c4c4c;
  }
  #top-section .slide-4 .from-text i {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 22px;
    color: #4c4c4c;
  }
  #top-section .slide-4 .pay-text {
    font-family: "Lato", sans-serif;
    font-weight: normal;
    font-size: 27px;
    color: #f88006;
  }
  #top-section .slide-4 .conditions-text {
    font-family: "Lato", sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #8c8c8c;
  }
  #top-section .slide-5 {
    text-align: center;
  }
  #top-section .slide-5 .finance-bg {
    background: url(../../Userfiles/Image/stadium-finance-banner.png) center no-repeat;
    height: 175px;
    position: relative;
    top: 0;
    background-size: contain;
  }
  #top-section .slide-5 .from-text {
    font-family: "Lato", sans-serif;
    font-size: 27px;
    color: #4c4c4c;
    font-weight: 900;
  }
  #top-section .slide-5 .from-text i {
    font-family: "Lato", sans-serif;
    font-size: 38px;
    color: #f88006;
    font-weight: 900;
  }
  #top-section .slide-5 .from-text i .small {
    font-size: 21px;
    vertical-align: super;
  }
  #top-section .slide-5 .conditions-text {
    font-family: "Lato", sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #8c8c8c;
  }
  #top-section .slide-6, #top-section .slide-7, #top-section .slide-8, #top-section .slide-10 {
    text-align: center;
    position: relative;
  }
  #top-section .slide-6:after, #top-section .slide-7:after, #top-section .slide-8:after, #top-section .slide-10:after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    background: url(../../Userfiles/Image/business-corner.png) center no-repeat;
    width: 276px;
    height: 170px;
  }
  #top-section .slide-6 img, #top-section .slide-7 img, #top-section .slide-8 img, #top-section .slide-10 img {
    margin: auto;
    width: 90%;
  }
  #top-section .slide-6 .img img, #top-section .slide-7 .img img, #top-section .slide-8 .img img, #top-section .slide-10 .img img {
    margin: auto;
  }
  #top-section .slide-6 .title, #top-section .slide-7 .title, #top-section .slide-8 .title, #top-section .slide-10 .title {
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    color: #f88006;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
  }
  #top-section .slide-6 .title i, #top-section .slide-7 .title i, #top-section .slide-8 .title i, #top-section .slide-10 .title i {
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    color: #4c4c4c;
    font-size: 24px;
    font-weight: 700;
  }
  #top-section .slide-6 .from, #top-section .slide-7 .from, #top-section .slide-8 .from, #top-section .slide-10 .from {
    font-family: "Lato", sans-serif;
    font-size: 27px;
    color: #e91217;
    font-weight: 900;
    line-height: 1;
  }
  #top-section .slide-6 .conditions-text, #top-section .slide-7 .conditions-text, #top-section .slide-8 .conditions-text, #top-section .slide-10 .conditions-text {
    font-family: "Lato", sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #8c8c8c;
  }
  #top-section .slide-10 img {
    max-width: 320px;
  }
  #top-section .slide-10:after {
    display: none;
  }
  #top-section .slide-7:after {
    display: none;
  }
  #top-section .slide-7 img {
    max-width: 300px;
    margin: auto;
  }
  #foton-video .wrapper {
    padding-top: 2rem;
    width: 100%;
  }
  #foton-video .wrapper iframe {
    width: 100%;
    max-width: 560px;
  }
  #warranty-section {
    background: #F18412;
    padding: 2.25rem 0 0;
    position: relative;
  }
  #warranty-section h2 {
    color: #fff;
    font-weight: bold;
    font-size: 32px;
    text-transform: uppercase;
    margin: 0;
    line-height: 1;
    letter-spacing: -1.5px;
    font-family: "Roboto Condensed", sans-serif;
  }
  #warranty-section h2 span {
    color: #323234;
  }
  #warranty-section p {
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 0.5rem;
  }
  #warranty-section a.learn-more {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    border: 3px solid #fff;
    line-height: 38px;
    padding: 0 2rem;
  }
  #warranty-section a.learn-more i {
    font-size: 12px;
    margin-left: 1rem;
  }
  #warranty-section .conditions {
    vertical-align: top;
    color: #fff;
    font-size: 11px;
  }
  #warranty-section .img {
    position: relative;
    max-width: 350px;
    margin: 0 auto;
  }
  #warranty-section .teddy {
    text-align: right;
    max-width: 325px;
    float: right;
    margin-right: -1.2rem;
    -webkit-transition: ease-in-out, 2s;
    -moz-transition: ease-in-out, 2s;
    -o-transition: ease-in-out, 2s;
    transition: ease-in-out, 2s;
  }
  #warranty-section .teddy.t-hidden {
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
  #warranty-section .aa {
    padding-left: 1px;
    padding-right: 1px;
    font-size: 128px;
    position: absolute;
    top: 3rem;
    left: 0;
    width: 128px;
  }
  #dealer-section {
    padding: 2.25rem 0 0;
  }
  #dealer-section #dealer-bg-1 {
    display: none;
  }
  #dealer-section .dealer-chch .img {
    background: url(../../Userfiles/Image/yard-chc4.jpg) center no-repeat;
    background-size: cover;
  }
  #dealer-section .dealer-dunedin .img {
    background: url(../../Userfiles/Image/south-island.jpg) center no-repeat;
    background-size: cover;
  }
  #dealer-section .dealer-dunedin .img .over-text {
    position: absolute;
    top: 3rem;
    right: 2rem;
    color: #fff;
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    font-weight: 900;
  }
  #dealer-section .dealer-dunedin .img .over-text span {
    background: rgba(0, 0, 0, 0.6);
    padding: 0 0.5rem;
    display: inline-block;
  }
  #dealer-section .dealer-dunedin .img .over-text .large {
    font-size: 30px;
  }
  #dealer-section .dealer-dunedin .img .over-text .small {
    font-size: 20px;
  }
  #dealer-section .dealer-rangiora .img {
    background: url(../../Userfiles/Image/yard-rangi4.jpg) center no-repeat;
    background-size: cover;
  }
  #dealer-section .dealer-trade .img {
    background: url(../../Userfiles/Image/yard-trade4.jpg) center no-repeat;
    background-size: cover;
  }
  #dealer-section .slick-dots {
    margin: 0 auto;
    list-style: none;
    text-align: center;
    padding: 1.5rem 0 0;
    display: table !important;
  }
  #dealer-section .slick-dots .slick-active button {
    background: #EF7D16;
  }
  #dealer-section .slick-dots li {
    float: left;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0);
    width: 0.75rem;
    height: 0.75rem;
    margin-right: 0.75rem;
    cursor: pointer;
  }
  #dealer-section .slick-dots li.slick-active {
    background: #fff;
    border: 2px solid #fff;
  }
  #dealer-section .slick-dots li:last-child {
    margin-right: 0;
  }
  #dealer-section .slick-dots button {
    width: 12px;
    height: 12px;
    background: #C9C9CA;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
  }
  #dealer-section .slick-dots button:before {
    display: none;
  }
  #dealer-section .home-dealers {
    padding: 0 0 2rem;
    border-bottom: 1px solid #ccc;
    color: #000;
    line-height: 1.3;
    font-family: "Roboto Condensed", sans-serif;
  }
  #dealer-section .home-dealers .img {
    position: relative;
    height: 200px;
  }
  #dealer-section .home-dealers .overlay {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 40px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 15px;
    text-align: right;
    padding-right: 1rem;
  }
  #dealer-section .home-dealers .title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0.625rem 0 0.25rem;
  }
  #dealer-section .home-dealers .title span {
    color: #EF7D16;
  }
  #dealer-section .home-dealers .addr {
    color: #636363;
    font-size: 14px;
  }
  #dealer-section .home-dealers .ph, #dealer-section .home-dealers .ph a {
    line-height: 1.4;
    color: #EF7D16;
    font-weight: bold;
  }
  #dealer-section h2 {
    max-width: 310px;
    letter-spacing: -1px;
    line-height: 1;
    margin: 0 0 1.5rem;
    font-family: "Roboto Condensed", sans-serif;
  }
  #stock-section {
    padding-top: 2.5rem;
    overflow: hidden;
  }
  #stock-section #stock-bg-1 {
    display: none;
  }
  #stock-section h2 {
    max-width: 350px;
  }
  #stock-section .car {
    height: 240px;
    position: relative;
    margin-top: -2rem;
    pointer-events: none;
  }
  #stock-section .car img {
    position: absolute;
    left: 40%;
    height: 260px;
    -webkit-transition: ease-in-out, 2s;
    -moz-transition: ease-in-out, 2s;
    -o-transition: ease-in-out, 2s;
    transition: ease-in-out, 2s;
  }
  #stock-section .car.t-hidden img {
    -webkit-transform: translate(50%, -17.5%);
    -moz-transform: translate(50%, -17.5%);
    -ms-transform: translate(50%, -17.5%);
    -o-transform: translate(50%, -17.5%);
    transform: translate(50%, -17.5%);
    opacity: 0;
  }
  #stock-section a.view-all {
    margin: 0.5rem 0 0;
    display: inline-block;
    color: #fff;
    background: #F28613;
    line-height: 43px;
    padding: 0 2rem;
    font-size: 12px;
    text-transform: uppercase;
    background-image: -owg(linear-gradient(to right, #EE5A0F, #F28613));
    background-image: -webkit(linear-gradient(to right, #EE5A0F, #F28613));
    background-image: -moz(linear-gradient(to right, #EE5A0F, #F28613));
    background-image: -o(linear-gradient(to right, #EE5A0F, #F28613));
    background-image: linear-gradient(to right, #EE5A0F, #F28613);
  }
  #stock-section a.view-all i {
    margin-left: 1rem;
    font-size: 10px;
  }
  #services-section {
    font-family: "Roboto Condensed", sans-serif;
  }
  #services-section .warranties {
    background: #F28613;
    text-align: center;
    padding: 2.25rem 0 2rem;
  }
  #services-section .warranties img {
    width: 140px;
  }
  #services-section .warranties h2 {
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
  }
  #services-section .service {
    background: #4D4D4F;
    text-align: center;
    padding-top: 2.25rem;
    overflow: hidden;
  }
  #services-section .service .ci-aa-logo {
    font-size: 130px;
    display: inline-block;
    padding-top: 2rem;
  }
  #services-section .service h2 {
    color: #fff;
    margin-bottom: 1rem;
    font-family: "Roboto Condensed", sans-serif;
  }
  #services-section .service h2 span {
    color: #FFD400;
  }
  #services-section .service .img {
    position: relative;
    max-width: 350px;
    margin: 0 auto;
    height: 240px;
    text-align: right;
  }
  #services-section .service .img .ci-aa-logo {
    padding-left: 1px;
    padding-right: 1px;
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
  }
  #services-section .photo {
    height: 300px;
    background: url(../../Userfiles/Image/img-mascot.jpg) center 40% no-repeat;
    background-size: cover;
  }
  #services-section .trade {
    padding: 2.5rem 1rem 8.5rem;
    background: #f2f2f2 url(../../Userfiles/Image/bg-trade.jpg) bottom left no-repeat;
    position: relative;
    z-index: 15;
  }
  #services-section .trade h2 {
    text-align: center;
    margin-bottom: 0.75rem;
    font-family: "Roboto Condensed", sans-serif;
  }
  #services-section .trade p {
    font-size: 14px;
    line-height: 1.4;
    color: #000;
    max-width: 375px;
    margin: auto;
  }
  #services-section .trade .teddy {
    display: none;
  }
  #services-section .finance {
    padding: 2rem 1rem 9rem;
    background: #DE662C url(../../Userfiles/Image/bg-finance.jpg) bottom right no-repeat;
  }
  #services-section .finance a {
    color: #5b3609;
    display: block;
  }
  #services-section .finance h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 0.75rem;
    font-family: "Roboto Condensed", sans-serif;
  }
  #services-section .finance p {
    font-size: 14px;
    color: #fff;
    line-height: 1.4;
    max-width: 375px;
    margin: auto;
  }
  #services-section .finance .teddy {
    display: none;
  }
  #services-section .find-more {
    background: #fff;
    width: 150px;
    display: block;
    margin-top: 1rem;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    font-family: "Roboto Condensed", sans-serif;
  }
  #services-section .find-more:hover {
    background: #EF7D16;
  }
  #services-section .find-more a {
    padding: 0.3rem 1.7rem;
    color: #EF7D16;
    font-weight: 600;
  }
  #services-section .find-more a:hover {
    color: #fff;
  }
  #services-section .start-now {
    background: #707070;
    width: 120px;
    display: block;
    margin-top: 1rem;
    padding: 0.3rem 0;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    font-family: "Roboto Condensed", sans-serif;
  }
  #services-section .start-now:hover {
    background: #ccc;
  }
  #services-section .start-now a {
    padding: 0.5rem 1.7rem;
    color: #ccc;
    font-weight: 600;
  }
  #services-section .start-now a:hover {
    color: #707070;
  }
  #middle-section {
    position: relative;
  }
  .middle-content {
    position: relative;
    z-index: 10;
  }
  #md-bg-1 {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 540px;
    left: 0;
    top: 10rem;
  }
  #md-bg-2 {
    display: none;
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 750px;
    left: 0;
    top: 0;
  }
  #md-bg-3 {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 50px;
    left: 0;
    bottom: 0;
  }
  #testimonial-section {
    text-align: center;
    position: relative;
    padding: 2rem 0 0;
  }
  #testimonial-section h2 {
    margin-bottom: 1.5rem;
    font-family: "Roboto Condensed", sans-serif;
    text-align: center;
  }
  #testimonial-section ul {
    padding: 0 0 0 0.25rem;
  }
  #testimonial-section .testimonial {
    width: 50%;
    float: left;
    padding: 0 0.25rem 0.25rem 0;
  }
  #testimonial-section .testimonial div.photo-bg {
    position: relative;
    height: 0;
    padding-bottom: 100%;
    background-size: cover;
  }
  #testimonial-section .testimonial:nth-child(n+5) {
    display: none;
  }
  #testimonial-section .photo img {
    width: 100%;
  }
  #middle-section .teddy {
    clear: both;
    padding: 1.5rem 1rem;
  }
  #middle-section .teddy img {
    width: 245px;
    -webkit-transition: ease-out, 2s;
    -moz-transition: ease-out, 2s;
    -o-transition: ease-out, 2s;
    transition: ease-out, 2s;
  }
  #middle-section .teddy.t-hidden img {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  #featured-section {
    text-align: center;
    padding: 4rem 0 5rem;
  }
  #featured-section h2 {
    line-height: 1.1;
    font-family: "Roboto Condensed", sans-serif;
    text-align: center;
  }
  #featured-section h2 span {
    display: block;
  }
  #featured-section .vehicle {
    padding: 0 0.5rem;
  }
  #featured-section .finance-custom, #featured-section .fuelsaver, #featured-section .vehicle-specs, #featured-section .sp-footer {
    display: none;
  }
  #featured-section h6 {
    font-weight: normal;
    margin: 1rem 0 0;
    text-transform: uppercase;
    font-size: 16px;
  }
  #featured-section .price-wrapper, #featured-section .special {
    color: #ED560E;
    font-size: 16px;
    font-weight: bold;
  }
  #featured-section .retail {
    color: #ED560E;
    font-weight: bold;
  }
  #featured-section .slick-dots {
    bottom: -54px;
    margin: 0 auto;
    list-style: none;
    text-align: center;
    padding: 1.5rem 0 0;
    display: table !important;
  }
  #featured-section .slick-dots .slick-active button {
    background: #EF7D16;
  }
  #featured-section .slick-dots li {
    float: left;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0);
    width: 0.75rem;
    height: 0.75rem;
    margin-right: 0.75rem;
    cursor: pointer;
  }
  #featured-section .slick-dots li.slick-active {
    background: #fff;
    border: 2px solid #fff;
  }
  #featured-section .slick-dots li:last-child {
    margin-right: 0;
  }
  #featured-section .slick-dots button {
    width: 10px;
    height: 10px;
    background: #C9C9CA;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
  }
  #featured-section .slick-dots button:before {
    display: none;
  }
  #featured-section .clean-car-reebate-fee span {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  #featured-section .clean-car-reebate-fee .sp-hover-close {
    float: right;
  }
  #featured-section .vehicle-inner {
    position: relative;
  }
  #featured-section .vehicle-inner .clean-car-reebate-fee {
    display: flex;
    text-align: left;
    margin-top: 0.25rem;
    position: static;
  }
  #featured-section .vehicle-inner .clean-car-reebate-fee img {
    width: auto;
  }
  #featured-section .vehicle-inner .clean-car-reebate-fee-details {
    max-width: none;
    margin-left: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
  }
  #featured-section .vehicle-inner .clean-car-reebate-fee-details .disclaimer {
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
  }
  #featured-section .vehicle-inner .clean-car-reebate-fee-details a {
    text-align: right;
    width: 100%;
  }
  #video-section {
    padding: 2.5rem 0 3.75rem;
    background: url(../../Userfiles/Image/img-video.jpg) center no-repeat;
    background-size: cover;
    text-align: center;
  }
  #video-section h2 {
    color: #fff;
    margin-bottom: 2.5rem;
  }
  #video-section i {
    color: #DCD8D9;
    font-size: 80px;
  }
  #bottom-section .fb-section {
    padding: 1rem 0;
  }
  #bottom-section .fb-section .inner {
    background: #fff;
    height: 208px;
    overflow: hidden;
  }
  #bottom-section .fb-section .fb-page {
    padding-left: calc(50% - 250px);
  }
  #bottom-section .aa-section {
    margin: 0 -1rem;
    text-align: center;
    font-family: "Roboto Condensed", sans-serif;
  }
  #bottom-section .aa-section a {
    color: #000;
  }
  #bottom-section .aa-section a:hover {
    color: #4D4D4F;
  }
  #bottom-section .aa-section .inner {
    background: url(../../Userfiles/Image/bg-aa.gif);
    padding: 1.75rem 0 2.5rem;
  }
  #bottom-section .aa-section h2 {
    margin-top: 1rem;
    margin-bottom: 0;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
  }
  #bottom-section .aa-section i {
    font-size: 128px;
  }
  #bottom-section .aa-section p {
    font-size: 14px;
    margin: auto;
    max-width: 400px;
    padding: 0 1rem;
  }
  #youtube-video {
    position: fixed !important;
    top: 0 !important;
  }
  #search20-section {
    background: #F1F1F1;
    background-image: -owg(linear-gradient(180deg, #f1f1f1 0, #f9f9f9 100%));
    background-image: -webkit(linear-gradient(180deg, #f1f1f1 0, #f9f9f9 100%));
    background-image: -moz(linear-gradient(180deg, #f1f1f1 0, #f9f9f9 100%));
    background-image: -o(linear-gradient(180deg, #f1f1f1 0, #f9f9f9 100%));
    background-image: linear-gradient(180deg, #f1f1f1 0, #f9f9f9 100%);
    padding: 2.5rem 0 2rem;
  }
  #search20-section .section-heading {
    color: #161616;
    margin-bottom: 0.5rem;
  }
  #search20-section a.search {
    text-align: center;
  }
  #search20-section div.start-new-search {
    text-align: center;
    margin-bottom: 1rem;
  }
  #search20-section .search-panel {
    border: none;
    padding: 0;
    background: none;
  }
  #search20-section .search-panel .price {
    margin-bottom: 0.5rem;
  }
  #search20-section .search-panel ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #a1a1a1;
    text-transform: uppercase;
  }
  #search20-section .search-panel ::-moz-placeholder { /* Firefox 19+ */
    color: #a1a1a1;
    text-transform: uppercase;
  }
  #search20-section .search-panel :-ms-input-placeholder { /* IE 10+ */
    color: #a1a1a1;
    text-transform: uppercase;
  }
  #search20-section .search-panel :-moz-placeholder { /* Firefox 18- */
    color: #a1a1a1;
    text-transform: uppercase;
  }
  #search20-section .search-panel input, #search20-section .search-panel select {
    background: #fff;
    border: solid 2px #4c4d4f;
    border-radius: 4px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.07px;
    color: #a1a1a1;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    width: calc(100% - 40px);
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 51px;
  }
  #search20-section .search-panel input:focus, #search20-section .search-panel select:focus {
    border-color: #F28613;
    color: #F28613;
    font-weight: bold;
    background: #fffdfb;
    -webkit-box-shadow: 0 12px 22px -11px rgba(190, 196, 209, 0.43);
    -moz-box-shadow: 0 12px 22px -11px rgba(190, 196, 209, 0.43);
    box-shadow: 0 12px 22px -11px rgba(190, 196, 209, 0.43);
  }
  #search20-section .search-panel input:focus ::-webkit-input-placeholder, #search20-section .search-panel select:focus ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #F28613;
    text-transform: uppercase;
  }
  #search20-section .search-panel input:focus ::-moz-placeholder, #search20-section .search-panel select:focus ::-moz-placeholder { /* Firefox 19+ */
    color: #F28613;
    text-transform: uppercase;
  }
  #search20-section .search-panel input:focus :-ms-input-placeholder, #search20-section .search-panel select:focus :-ms-input-placeholder { /* IE 10+ */
    color: #F28613;
    text-transform: uppercase;
  }
  #search20-section .search-panel input:focus :-moz-placeholder, #search20-section .search-panel select:focus :-moz-placeholder { /* Firefox 18- */
    color: #F28613;
    text-transform: uppercase;
  }
  #search20-section .search-panel input[type=checkbox] {
    width: 25px;
    height: 25px;
    position: relative;
    top: 8px;
  }
  #search20-section .search-panel label {
    display: none;
  }
  #search20-section .search-panel .search-input-wrapper {
    margin-bottom: 0.4rem;
  }
  #search20-section .search-panel .transmission .custom-dropdown-area {
    margin-bottom: 0;
  }
  #search20-section .search-panel .price .custom-dropdown-area, #search20-section .search-panel .year .custom-dropdown-area {
    margin-bottom: 0;
  }
  #search20-section .search-panel .custom-dropdown-area {
    background: none;
    border: solid 2px #4c4d4f;
    border-radius: 4px;
    margin-top: 0;
    height: 51px;
  }
  #search20-section .search-panel .custom-dropdown-area a {
    background: #fff;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -0.07px;
    color: #a1a1a1;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
  }
  #search20-section .search-panel .custom-dropdown-area a:hover, #search20-section .search-panel .custom-dropdown-area a:active, #search20-section .search-panel .custom-dropdown-area a:focus {
    border: none;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    border-color: #F28613;
    color: #F28613;
    font-weight: bold;
    background: #fffdfb;
    -webkit-box-shadow: 0 12px 22px -11px rgba(190, 196, 209, 0.43);
    -moz-box-shadow: 0 12px 22px -11px rgba(190, 196, 209, 0.43);
    box-shadow: 0 12px 22px -11px rgba(190, 196, 209, 0.43);
  }
  #search20-section .search-panel .custom-dropdown-area ul {
    background-color: #fff;
    top: 50px;
    max-height: 200px;
  }
  #search20-section .search-panel .custom-dropdown-area ul li {
    padding-left: 0;
  }
  #search20-section .search-panel .custom-dropdown-area ul li a {
    box-shadow: none !important;
    background: none !important;
    color: #a1a1a1 !important;
    font-weight: 400 !important;
  }
  #search20-section .search-panel .custom-dropdown-area ul li.disabled {
    display: none;
  }
  #search20-section .search-panel .custom-dropdown-area .custom-dropdown-button {
    border: none;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
  }
  #search20-section .search-panel .custom-dropdown-area .custom-dropdown-button:hover, #search20-section .search-panel .custom-dropdown-area .custom-dropdown-button:active, #search20-section .search-panel .custom-dropdown-area .custom-dropdown-button:focus {
    border: none;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
  }
  #search20-section .search-panel .custom-dropdown-area:hover, #search20-section .search-panel .custom-dropdown-area:focus {
    background: #fffdfb;
    color: #F28613;
    font-weight: bold;
    border-color: #F28613;
    -webkit-box-shadow: 0 12px 22px -11px rgba(190, 196, 209, 0.43);
    -moz-box-shadow: 0 12px 22px -11px rgba(190, 196, 209, 0.43);
    box-shadow: 0 12px 22px -11px rgba(190, 196, 209, 0.43);
  }
  #search20-section .search-panel .priceHigh .custom-dropdown-area {
    border-right: solid 1px #4c4d4f;
  }
  #search20-section .search-panel .zselect {
    background: none;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -0.07px;
    color: #a1a1a1;
    border: solid 2px #4c4d4f;
    border-radius: 4px;
    margin-bottom: 0.6rem;
    padding: 0.375rem 0.5rem 0.25rem 1rem;
  }
  #search20-section .search-panel .zselect:hover, #search20-section .search-panel .zselect:focus {
    background: #fffdfb;
    color: #F28613;
    font-weight: bold;
    border-color: #F28613;
    -webkit-box-shadow: 0 12px 22px -11px rgba(190, 196, 209, 0.43);
    -moz-box-shadow: 0 12px 22px -11px rgba(190, 196, 209, 0.43);
    box-shadow: 0 12px 22px -11px rgba(190, 196, 209, 0.43);
  }
  #search20-section .search-panel .zselect > span {
    line-height: 37px;
  }
  #search20-section .search-panel .zselect span {
    font-size: 15px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
  }
  #search20-section .search-panel .zselect ul {
    background-color: #fff;
    margin: 6px 0 0 -17px;
    max-height: 200px;
    overflow: auto;
    padding-bottom: 0.5rem;
  }
  #search20-section .search-panel .zselect ul li {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  #search20-section .search-panel .zselect ul li span {
    line-height: 25px;
    padding-top: 0;
    padding-left: 0.3rem;
  }
  #search20-section .search-panel .zselect ul li:last-child {
    padding-bottom: 0;
  }
  #search20-section .search-panel .zselect, #search20-section .search-panel .custom-dropdown-button {
    position: relative;
    background: #fff;
  }
  #search20-section .search-panel .zselect:after, #search20-section .search-panel .custom-dropdown-button:after {
    position: absolute;
    font-family: icons-custom;
    content: "";
    right: 19px;
    background: none;
    top: calc(50% - 5px);
    color: #a1a1a1;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 5px 0 5px;
    border-color: #ccc transparent transparent;
  }
  #search20-section .search-panel .btn-search {
    background: #F28613;
    height: 51px;
    margin: auto;
    margin-top: 0;
    -webkit-transition: all, 0.2s;
    -moz-transition: all, 0.2s;
    -o-transition: all, 0.2s;
    transition: all, 0.2s;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    max-width: 60px;
    right: 9px;
  }
  #search20-section .search-panel .btn-search:hover {
    background: #c76c0b;
  }
  #search20-section .search-panel .btn-search:hover a {
    color: #111;
  }
  #search20-section .search-panel .btn-search i {
    line-height: 47px;
    font-size: 18px;
  }
  #search20-section .search-panel .btn-search a {
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    font-size: 18px;
    text-align: center;
    display: block;
    margin: auto;
    line-height: 46px;
    height: 42px;
  }
  #search20-section .search-panel .btn-search-sm {
    display: none !important;
  }
  #search20-section .search-panel .body-style, #search20-section .search-panel .fuel-type, #search20-section .search-panel .transmission, #search20-section .search-panel .odometer, #search20-section .search-panel .engine-size, #search20-section .search-panel .location, #search20-section .search-panel .year {
    display: none;
  }
  #reviews-section {
    background: url(../../Userfiles/Image/bg-bk.gif);
    padding: 3.5rem 0;
  }
  #reviews-section h2 {
    font-size: 24px;
    font-weight: bold;
    font-family: "Roboto Condensed", sans-serif;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: -1.5px;
    text-align: center;
    margin-bottom: 1.5rem;
    position: relative;
  }
  #reviews-section p.coming-soon {
    font-family: "Roboto", sans-serif;
    color: rgba(255, 255, 255, 0.5);
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
  }
  #reviews-section .r-powered-by {
    font-family: "Roboto", sans-serif;
    color: #fff;
    font-size: 16px;
    text-align: center;
    display: block;
    margin-bottom: 2rem;
  }
  #reviews-section .r-powered-by img {
    max-width: 130px;
    max-height: 22px;
    margin-left: 0.25rem;
  }
  #reviews-section .slick-arrow {
    display: none !important;
  }
  #reviews-section .find-more {
    background: #fff;
    width: auto;
    margin: auto;
    display: table;
    margin-top: 1rem;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    font-family: "Roboto Condensed", sans-serif;
  }
  #reviews-section .find-more:hover {
    background: #EF7D16;
  }
  #reviews-section .find-more a {
    padding: 0.75rem 1.7rem;
    color: #EF7D16;
    font-weight: 600;
    display: table;
  }
  #reviews-section .find-more a:hover {
    color: #fff;
  }
  #reviews-section .comment {
    margin-top: 1rem;
    font-size: 15px;
  }
  #reviews-section .namedate {
    color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    margin-top: 1rem;
    font-family: "Roboto", sans-serif;
  }
  #reviews-section .buyerscorethumb {
    position: relative;
  }
  #reviews-section .buyerscorethumb:before {
    font-size: 21px;
    position: relative;
    top: -2px;
    left: 4px;
  }
  #reviews-section .buyerscorethumb:after {
    content: "Yes";
    color: #009e15;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    position: absolute;
    left: 2rem;
    top: -6px;
  }
  #reviews-section .buyerscoretestimonial {
    padding: 0 1rem 2rem;
  }
  #reviews-section .buyerscoretestimonial .inner {
    background: #fff;
    padding: 2rem 1.5rem;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
  }
  #reviews-section .buyerscoretestimonial .inner:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 31px 31px 0 0;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    bottom: -31px;
    left: 1rem;
  }
  .custom-service-page h4 {
    color: #000000;
    font-family: "Roboto", sans-serif;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  .custom-service-page .location {
    padding-bottom: 2rem;
  }
  .custom-service-page .location .img {
    position: relative;
  }
  .custom-service-page .location .img .overlay {
    position: absolute;
    top: 15px;
    left: 0;
    width: 164px;
    height: 35px;
    background: #EF7D16;
    padding-left: 16px;
    color: #FFFFFF;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 35px;
  }
  .custom-service-page .location .text {
    padding-top: 1rem;
  }
  .custom-service-page .location .content {
    color: #000000;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 25px;
    display: block;
  }
  .custom-service-page .location .content a {
    color: #000000;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  .custom-service-page .location .content a:hover {
    color: #F28613;
  }
  .gradient-btn {
    width: 120px;
    line-height: 34px;
    font-family: "Roboto Condensed", sans-serif;
    color: #fff;
    text-align: center;
    background: #F28613;
    position: relative;
    font-weight: 600;
    display: table;
  }
  .gradient-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -owg(linear-gradient(to right, #EE5A0F, #F28613));
    background-image: -webkit(linear-gradient(to right, #EE5A0F, #F28613));
    background-image: -moz(linear-gradient(to right, #EE5A0F, #F28613));
    background-image: -o(linear-gradient(to right, #EE5A0F, #F28613));
    background-image: linear-gradient(to right, #EE5A0F, #F28613);
  }
  .gradient-btn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -owg(linear-gradient(to right, #f37a3d, #f59f43));
    background-image: -webkit(linear-gradient(to right, #f37a3d, #f59f43));
    background-image: -moz(linear-gradient(to right, #f37a3d, #f59f43));
    background-image: -o(linear-gradient(to right, #f37a3d, #f59f43));
    background-image: linear-gradient(to right, #f37a3d, #f59f43);
    opacity: 0;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  .gradient-btn span {
    position: relative;
    z-index: 10;
  }
  .gradient-btn:hover {
    color: #fff;
  }
  .gradient-btn:hover:after {
    opacity: 1;
  }
  .slide-section {
    position: relative;
    background: black;
    overflow: hidden;
  }
  .slide-section .slide-bg {
    z-index: 0;
    overflow: hidden;
    height: 400px;
  }
  .slide-section .slide-bg h3 {
    font-weight: bold;
    color: #4d4d4f;
    letter-spacing: -1.5px;
    line-height: 1;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
  }
  .slide-section .slide-bg h5 {
    font-family: "Lato", sans-serif;
    font-size: 27px;
    color: #4c4c4c;
    font-weight: 900;
  }
  .slide-section .slide-bg .slide1, .slide-section .slide-bg .slide2, .slide-section .slide-bg .slide3, .slide-section .slide-bg .slide4 {
    height: 400px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .slide-section .slide-bg .slide1 .inner, .slide-section .slide-bg .slide2 .inner, .slide-section .slide-bg .slide3 .inner, .slide-section .slide-bg .slide4 .inner {
    width: 90%;
    max-width: 666px;
    margin: auto;
  }
  .slide-section .slide-bg .slide1 {
    background: url(../../Userfiles/Image/bg-main.jpg) 50% 50% repeat;
  }
  .slide-section .slide-bg .slide1 .gradient-btn {
    margin: auto;
  }
  .slide-section .slide-bg .slide1 .img {
    display: none;
  }
  .slide-section .slide-bg .slide1 p {
    font-size: 16px;
    line-height: 1.8;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
  }
  .slide-section .slide-bg .slide2 {
    background: url(../../Userfiles/Image/bg-main.jpg) 50% 50% repeat;
  }
  .slide-section .slide-bg .slide2 p {
    font-family: "Lato", sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #8c8c8c;
  }
  .slide-section .slide-bg .slide3 {
    background: url(../../Userfiles/Image/banner-2.jpg) 50% 50% no-repeat;
  }
  .slide-section .slide-bg .slide4 {
    background: url(../../Userfiles/Image/banner-3.jpg) 50% 50% no-repeat;
  }
  .we-buy-banner {
    background: url(../../Userfiles/Image/we-buy/banner-sm.jpg) 50% 50% no-repeat;
    background-size: cover;
    width: 100%;
    margin-bottom: 3rem;
    padding-bottom: 70%;
    position: relative;
  }
  .we-buy-banner a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .we-buy-slider {
    margin: 1.5rem 0;
  }
  .we-buy-slider .inner {
    width: 320px;
    margin: auto;
    padding: 0 10px;
  }
  .we-buy-page-wrap {
    padding-bottom: 4rem;
  }
  .we-buy-page-wrap p {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    color: #000;
  }
  .we-buy-page-wrap h5 {
    font-size: 22px;
    font-family: "Roboto Condensed", sans-serif;
    color: #222;
    font-weight: bold;
    margin-top: 1.5rem;
  }
  .green-btn {
    background: #9FD32A;
    border-color: #9FD32A;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  .green-btn:hover {
    background: #7fa822;
    border-color: #7fa822;
  }
}
/* min-width 320px */
@media only screen and (min-width: 350px) {
  #top-section .slide-1 .car p, #top-section .slide-9 .car p {
    padding-top: 2.5rem;
  }
}
@media only screen and (min-width: 350px) {
  #top-section .slide-1 .car p, #top-section .slide-9 .car p {
    padding-top: 2.5rem;
  }
}
/* min-width 375px */
/* min-width 380px */
@media only screen and (min-width: 400px) {
  #top-section .slide-1 .car, #top-section .slide-9 .car {
    text-align: center;
  }
  #top-section .slide-1 .car .price, #top-section .slide-9 .car .price {
    color: #fff;
    text-transform: uppercase;
  }
  #top-section .slide-1 .car .price-wrapper, #top-section .slide-9 .car .price-wrapper {
    max-width: 80%;
    margin: auto;
  }
  #top-section .slide-1 .car .price-left, #top-section .slide-9 .car .price-left {
    float: left;
    width: 55%;
    padding-right: 0.5rem;
    font-size: 30px;
  }
  #top-section .slide-1 .car .price-right, #top-section .slide-9 .car .price-right {
    float: left;
    width: 45%;
    font-size: 16px;
  }
  #top-section .slide-1 .car .finance-amount, #top-section .slide-9 .car .finance-amount {
    font-size: 54px;
  }
  #top-section .slide-1 .car p, #top-section .slide-9 .car p {
    padding-top: 1.3rem;
    max-width: 330px;
    margin: auto;
  }
}
/* min-width 470px */
@media only screen and (min-width: 470px) {
  .win-page-wrap h3.title {
    font-size: 2.5em;
    text-align: center;
    font-weight: 700;
  }
  .win-page-wrap .content {
    text-align: center;
    font-size: 20px;
    line-height: 20px;
  }
  .win-page-wrap .how {
    text-align: center;
    font-size: 28px;
    line-height: 30px;
  }
  .win-page-wrap .disclaimer {
    padding: 0 1rem;
  }
  .win-page-wrap .fb {
    position: absolute;
    left: 10%;
    width: 34px;
  }
  .win-page-wrap .win-teddy {
    position: absolute;
    right: -8rem;
    top: -4rem;
    opacity: 0.3;
  }
  footer .copyright {
    padding: 0;
    line-height: 60px;
  }
  footer .copyright i {
    display: inline;
  }
  /*    .slide-1, .slide-9 {
      .inner {
          //background: #D9641B;
      }

      .car {
          padding: 0 2rem;

          p {
              padding-top: 3rem;
          }
      }
  }*/
  #top-section .slide-2 {
    padding-top: 2rem;
  }
  #top-section .slide-2 .text {
    padding-top: 2.5rem;
  }
  #top-section .slide-2 .text .tivoli {
    width: 50%;
  }
  #top-section .slide-2 .disclaimer {
    padding-top: 1rem;
  }
  #top-section .slide-2 .ssy-logo {
    top: -2rem;
    width: 19%;
  }
  #top-section .slide-4 .swift-bg {
    height: 175px;
    top: 0;
  }
  #top-section .slide-4 span {
    top: -8.5rem;
    line-height: 1.2;
  }
  #top-section .slide-4 .cars {
    height: 133px;
    top: -9rem;
    right: -8rem;
  }
  #top-section .slide-4 .from-text {
    font-size: 16px;
  }
  #top-section .slide-4 .from-text i {
    font-size: 24px;
  }
  #top-section .slide-4 .pay-text {
    font-size: 30px;
  }
  #top-section .slide-4 .conditions-text {
    font-size: 10px;
  }
  #top-section .slide-6 img, #top-section .slide-7 img, #top-section .slide-8 img, #top-section .slide-10 img {
    width: auto;
  }
  #services-section .find-more {
    margin-left: auto;
    margin-right: auto;
  }
  #services-section .start-now {
    margin-left: auto;
    margin-right: auto;
  }
  footer {
    padding-top: 3rem;
  }
  footer .footer-box {
    width: 50%;
    float: left;
  }
  footer .footer-logo {
    width: 50%;
    float: left;
  }
  footer .partners {
    width: 25%;
    float: left;
    max-width: 132px;
    margin-right: 1rem;
  }
  footer .partners .partner {
    width: 100%;
    text-align: left;
  }
  footer .fb {
    width: 25%;
    float: right;
    padding-top: 8px;
    text-align: left;
    max-width: 80px;
  }
  .slide-section .slide-bg .slide1 .img {
    float: left;
    width: 150px;
    display: block;
  }
  .slide-section .slide-bg .slide1 .text {
    width: calc(100% - 150px);
    float: left;
    padding-left: 1rem;
    text-align: left;
  }
  .slide-section .slide-bg .slide1 .gradient-btn {
    margin: 0;
  }
  .slide-section .slide-bg .slide2 .img {
    width: 400px;
    margin: auto;
  }
  .we-buy-banner {
    height: 360px;
    padding-bottom: 0;
  }
}
/* min-width 640px, 40.063em medium screens */
@media only screen and (min-width: 640px) {
  .top-bar-title {
    width: 100%;
  }
  .slide-section {
    /*        .slide-bg {
        height: 400px;

        .slide1, .slide2, .slide3 {
            height: 400px;
        }

        .text {
            padding-top: 7.5rem;

            h2 {
                font-size: 50px;
                line-height: 1;
                letter-spacing: -0.5px;
            }

            .learn-more {
                padding: 0.75rem 3rem;
                font-size: 16px;
                display: inline-block;
            }
        }
    }*/
  }
  .slide-section .slide-bg .slide1 .img {
    float: left;
    width: 300px;
    display: block;
  }
  .slide-section .slide-bg .slide1 .text {
    width: calc(100% - 300px);
    float: left;
    padding-left: 1.5rem;
    text-align: left;
    margin-top: 2rem;
  }
  .slide-section .slide-bg .slide1 .gradient-btn {
    margin: 0;
  }
  .contact-page-wrap .select-dealer {
    display: none;
  }
  body {
    background: #fff url(../../Userfiles/Image/bg-main.jpg) center 64px no-repeat;
  }
  .win-page-wrap h3.title {
    font-size: 3.5em;
    text-align: center;
    font-weight: 700;
  }
  .win-page-wrap .content {
    text-align: center;
    font-size: 30px;
    line-height: 34px;
  }
  .win-page-wrap .how {
    text-align: center;
    font-size: 28px;
    line-height: 30px;
  }
  .win-page-wrap .disclaimer {
    padding: 0 1rem;
  }
  .win-page-wrap .fb {
    position: absolute;
    left: 4%;
    width: 34px;
    top: 12rem;
  }
  .win-page-wrap .condition {
    position: relative;
    left: -7%;
  }
  .win-page-wrap .win-teddy {
    position: absolute;
    right: -8rem;
    top: -4rem;
    opacity: 0.3;
  }
  header .logo {
    max-width: none;
    width: 430px;
    float: left;
  }
  header .partners {
    width: 152px;
    float: right;
    margin-top: 0;
  }
  header .ph {
    background: url(../../Userfiles/Image/ph.png) left center no-repeat;
    padding-left: 1.75rem;
  }
  header .ph a {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
  }
  header .mc-ph, header .mc-ph a {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
  }
  .md-links {
    width: 100%;
    background: url(../../Userfiles/Image/bg-bk.gif);
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    line-height: 64px;
  }
  .md-links a.fb {
    float: right;
  }
  .md-links a.fb i {
    vertical-align: middle;
    font-size: 34px;
  }
  .md-links a.find, .md-links a.menu {
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
  }
  .md-links a.find i, .md-links a.menu i {
    color: #fff;
    margin-right: 0.5rem;
  }
  .md-links a.menu i {
    font-size: 14px;
  }
  .md-links a.find {
    margin-left: 1rem;
  }
  .md-links a.find i {
    font-size: 19px;
    vertical-align: middle;
    margin-right: 0.25rem;
  }
  .md-links .ph {
    float: right;
  }
  .master.main-search {
    left: 0;
    top: 0;
    padding-top: 3rem;
    position: absolute;
    z-index: 1500;
    width: 100%;
  }
  .master.main-search .close-x {
    position: absolute;
    top: -2rem;
    right: 26px;
    font-size: 28px;
    color: #bababa;
  }
  .master.main-search .close-x i:after {
    display: none;
  }
  .master.main-search .close-arrow {
    text-align: center;
    font-size: 10px;
    color: #bababa;
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
  .master.main-search .close-arrow i:after {
    display: none;
  }
  .master.main-search {
    background: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    /*i.col2:after {
        right: 9px;
    }*/
  }
  .master.main-search label {
    display: none;
    color: #ED1C24;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 4px;
  }
  .master.main-search input, .master.main-search select {
    background: #f3f3f3;
    border: 1px solid #999;
    color: #222;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    height: 37px;
    margin-bottom: 0.5rem;
  }
  .master.main-search .search-panel {
    background: none;
    border: none;
    padding: 0;
  }
  .master.main-search .small-4.columns {
    padding: 0 4px;
  }
  .master.main-search .small-4.columns:last-child .columns:last-child {
    padding-right: 4px;
  }
  .master.main-search .small-6.columns:first-child {
    padding: 0 4px 0 8px;
  }
  .master.main-search .small-6.columns:last-child {
    padding: 0 8px 0 4px;
  }
  .master.main-search i {
    position: relative;
    display: block;
  }
  .master.main-search i:after {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    display: block;
    position: absolute;
    top: 1px;
    right: 0;
    width: 18px;
    content: "▼";
    color: #222;
    background: #f3f3f3;
    font-size: 0.7rem;
    line-height: 35px;
    pointer-events: none;
  }
  .master.main-search .btn-search {
    width: 58%;
    float: left;
    margin: 0;
    height: 2.3125rem;
    line-height: 2.125rem;
    text-align: center;
    background: #EF7D16;
    border: 1px solid #C1C1C1;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  .master.main-search .btn-search a {
    display: inline-block;
    color: #fff;
    width: 100%;
    height: 100%;
    font-family: "Lato", sans-serif;
    font-size: 14px;
  }
  .master.main-search .btn-reset {
    width: 42%;
    float: left;
  }
  .master.main-search .btn-reset button {
    width: 100%;
    background: none;
    border: 1px solid #7B7B7B;
    border-left: none;
    color: #7B7B7B;
    line-height: 35px;
    padding: 0;
    margin: 0;
    font-family: "Lato", sans-serif;
    font-size: 14px;
  }
  .master.main-search .advanced-search {
    border: none;
    padding: 0;
    margin: 0;
  }
  .master.main-search .vehicle-keyword-search {
    height: auto;
  }
  #search-section {
    background: #F1F1F1;
  }
  #search-section a.view-all {
    margin: 1.75rem 0 0;
    display: inline-block;
    color: #fff;
    background: #F28613;
    text-transform: uppercase;
    background-image: -owg(linear-gradient(to right, #EE5A0F, #F28613));
    background-image: -webkit(linear-gradient(to right, #EE5A0F, #F28613));
    background-image: -moz(linear-gradient(to right, #EE5A0F, #F28613));
    background-image: -o(linear-gradient(to right, #EE5A0F, #F28613));
    background-image: linear-gradient(to right, #EE5A0F, #F28613);
    line-height: 56px;
    font-size: 16px;
    padding: 0 3rem;
  }
  #search-section a.view-all i {
    margin-left: 1rem;
    font-size: 16px;
  }
  #search-section .search-panel-home {
    padding-bottom: 1.25rem;
    display: table;
    width: 100%;
  }
  #search-section .hs-fields {
    width: 90%;
    float: left;
  }
  #search-section .hs-fields [class^=hs-] {
    width: 50%;
    float: left;
  }
  #search-section .hs-fields select, #search-section .hs-fields input {
    height: 40px;
    line-height: 40px;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    margin-bottom: 0.375rem;
  }
  #search-section .hs-keyword, #search-section .hs-make {
    padding-right: 0.25rem;
  }
  #search-section .hs-price, #search-section .hs-model {
    padding-left: 0.25rem;
  }
  #search-section .price-inner {
    width: 50%;
    float: left;
  }
  #search-section .price-inner:first-child {
    padding-right: 0.25rem;
  }
  #search-section .price-inner:last-child {
    padding-left: 0.25rem;
  }
  #search-section .hs-button {
    width: 10%;
    float: right;
    padding-left: 1rem;
    margin-top: 16px;
  }
  #search-section .hs-button .button {
    display: block;
    width: 53px;
    height: 53px;
    line-height: 53px;
    background: #EF7D16;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
  }
  #search-section .hs-button .button i {
    vertical-align: middle;
    font-size: 30px;
  }
  .bs-search {
    background: #fff;
    padding: 1.5rem 0 1.5rem;
    text-align: center;
  }
  .bs-search span {
    display: block;
  }
  .bs-search a {
    color: #4C4C4C;
  }
  .bs-search i {
    display: inline-block;
    font-size: 48px;
    margin-bottom: 1rem;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    transition-timing-function: ease ease;
  }
  .bs-search .bs:hover a {
    color: #EF7D16;
  }
  .bs-search .bs:hover i {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  .bs-search .bs-container {
    padding: 0 4rem;
    position: relative;
  }
  .bs-search .bs-container .arrow {
    cursor: pointer;
    position: absolute;
    top: 2rem;
    border: 2px solid #828282;
    width: 36px;
    height: 36px;
    line-height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
  }
  .bs-search .bs-container .arrow i {
    font-size: 12px;
    margin: 0;
  }
  .bs-search .bs-container .arrow-prev {
    left: 1rem;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .bs-search .bs-container .arrow-next {
    right: 1rem;
  }
  .bs-search .bs {
    padding-top: 1rem;
    color: #000;
    width: 14.286%;
    float: left;
  }
  #top-section .slide {
    height: 492px;
  }
  #top-section h1 {
    font-size: 66px;
  }
  #top-section .slide-2 {
    padding-top: 0;
  }
  #top-section .slide-2 .img {
    display: block;
    width: 75%;
    position: absolute;
    right: 0;
    top: 1rem;
    z-index: -1;
  }
  #top-section .slide-2 .text {
    margin-top: 11rem;
  }
  #top-section .slide-2 .disclaimer {
    padding-top: 3rem;
    display: block;
  }
  #top-section .slide-2 .ssy-logo {
    top: 7rem;
  }
  #top-section .slide-3 h2 {
    font-size: 76px;
  }
  #top-section .slide-3 span {
    font-size: 14px;
  }
  #top-section .slide-3 .img {
    width: 60%;
  }
  #top-section .slide-3 .learn {
    width: 155px;
  }
  #top-section .slide-4 .swift-bg {
    background: url(../../Userfiles/Image/swift-lg.png) center no-repeat;
    background-size: contain;
    height: 295px;
    top: 0;
  }
  #top-section .slide-4 .text {
    margin: 1rem auto 0;
    display: table;
  }
  #top-section .slide-4 span {
    top: -8rem;
    line-height: 1.2;
    left: -9rem;
  }
  #top-section .slide-4 .from-text {
    font-size: 22px;
  }
  #top-section .slide-4 .from-text i {
    font-size: 30px;
  }
  #top-section .slide-4 .pay-text {
    font-size: 40px;
  }
  #top-section .slide-4 .conditions-text {
    font-size: 10px;
  }
  #top-section .slide-5 .finance-bg {
    height: 323px;
  }
  #top-section .slide-5 .from-text i {
    font-size: 40px;
  }
  #top-section .slide-5 .from-text i .small {
    font-size: 24px;
  }
  #top-section .slide-6, #top-section .slide-7, #top-section .slide-8, #top-section .slide-10 {
    padding-top: 3rem;
  }
  #top-section .slide-6 .inner, #top-section .slide-7 .inner, #top-section .slide-8 .inner, #top-section .slide-10 .inner {
    max-width: 700px;
  }
  #top-section .slide-6 .img, #top-section .slide-7 .img, #top-section .slide-8 .img, #top-section .slide-10 .img {
    padding-right: 2rem;
  }
  #top-section .slide-6 .img img, #top-section .slide-7 .img img, #top-section .slide-8 .img img, #top-section .slide-10 .img img {
    float: left;
    width: 50%;
    max-width: 324px;
  }
  #top-section .slide-6 .text, #top-section .slide-7 .text, #top-section .slide-8 .text, #top-section .slide-10 .text {
    float: right;
    width: 50%;
  }
  #top-section .slide-6 .text .title, #top-section .slide-7 .text .title, #top-section .slide-8 .text .title, #top-section .slide-10 .text .title {
    font-size: 40px;
    text-align: left;
    display: block;
    line-height: 0.8;
    font-weight: 900;
  }
  #top-section .slide-6 .text .title i, #top-section .slide-7 .text .title i, #top-section .slide-8 .text .title i, #top-section .slide-10 .text .title i {
    font-size: 40px;
    text-align: left;
    font-weight: 900;
  }
  #top-section .slide-6 .text img, #top-section .slide-7 .text img, #top-section .slide-8 .text img, #top-section .slide-10 .text img {
    display: block !important;
    width: 252px;
    margin-top: -1rem;
  }
  #top-section .slide-6 .text .conditions-text, #top-section .slide-7 .text .conditions-text, #top-section .slide-8 .text .conditions-text, #top-section .slide-10 .text .conditions-text {
    display: block !important;
    text-align: left;
    float: left;
    padding-top: 1rem;
  }
  #top-section .slide-10 img {
    max-width: 450px;
  }
  #top-section .slide-7 img {
    max-width: 450px;
  }
  #top-section .slide-1 .inner, #top-section .slide-9 .inner {
    background: none;
  }
  #top-section .slide-1 .car, #top-section .slide-9 .car {
    text-align: center;
    height: 450px;
    background-position: center;
  }
  #top-section .slide-1 .car .price-wrapper, #top-section .slide-9 .car .price-wrapper {
    max-width: none;
    margin: auto;
  }
  #top-section .slide-1 .car .price-left, #top-section .slide-9 .car .price-left {
    width: 60%;
    padding-right: 0.5rem;
    font-size: 60px;
  }
  #top-section .slide-1 .car .price-right, #top-section .slide-9 .car .price-right {
    width: 40%;
    font-size: 20px;
    padding-top: 1rem;
  }
  #top-section .slide-1 .car .title, #top-section .slide-9 .car .title {
    font-size: 60px;
    padding-top: 77px;
  }
  #top-section .slide-1 .car .finance-amount, #top-section .slide-9 .car .finance-amount {
    font-size: 100px;
  }
  #top-section .slide-1 .car p, #top-section .slide-9 .car p {
    font-size: 16px;
    line-height: 1.15;
    padding-top: 2rem;
    max-width: 600px;
  }
  #warranty-section {
    padding-top: 3rem;
  }
  #warranty-section h2 {
    font-size: 40px;
    width: 500px;
  }
  #warranty-section .text {
    float: left;
    width: 55%;
    padding-right: 1rem;
  }
  #warranty-section .img {
    float: right;
    width: 45%;
  }
  #warranty-section p {
    margin-bottom: 1rem;
  }
  #dealer-section .dealer-dunedin .img .over-text {
    top: 1rem;
  }
  #dealer-section .dealer-dunedin .img .over-text .large {
    font-size: 40px;
  }
  #dealer-section .dealer-dunedin .img .over-text .small {
    font-size: 30px;
  }
  #dealer-section h2 {
    max-width: none;
    margin-bottom: 1rem;
    font-family: "Roboto Condensed", sans-serif;
  }
  #dealer-section .home-dealers {
    display: table;
    width: 100%;
    padding-bottom: 2.5rem;
  }
  #dealer-section .home-dealer {
    margin-bottom: 1rem;
  }
  #featured-section h2 {
    margin-bottom: 0.75rem;
    text-align: left;
  }
  #featured-section h2 span {
    display: inline;
  }
  #featured-section ul.small-block-grid-1 {
    margin: 0 3px;
  }
  #featured-section .vehicle {
    padding: 0 0.125rem;
    margin-bottom: 1rem;
  }
  #featured-section .vehicle:nth-child(n+5) {
    display: none;
  }
  #featured-section .cell-photo {
    position: relative;
    height: 0;
    padding-bottom: 75%;
  }
  #featured-section .cell-photo img {
    max-height: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
  }
  #video-section {
    height: 470px;
    padding-top: 4rem;
  }
  #video-section h2 {
    margin-bottom: 8rem;
  }
  #bottom-section .fb-section {
    width: 50%;
    float: left;
    padding-right: 0.5rem;
  }
  #bottom-section .fb-section .inner {
    height: 332px;
  }
  #bottom-section .aa-section {
    padding: 1rem 0;
    margin: 0;
  }
  #bottom-section .aa-section .inner {
    height: 332px;
  }
  #stock-section .car img {
    height: 360px;
    bottom: -75px;
  }
  #youtube-video {
    width: 80%;
    max-width: 1000px;
    overflow: hidden;
  }
  #search20-section {
    padding: 3.5rem 0 3rem;
  }
  #search20-section .section-heading {
    margin-bottom: 1.6rem;
  }
  #search20-section .search-panel {
    padding-right: 3.5rem;
  }
  #search20-section .search-panel > .row {
    position: relative;
  }
  #search20-section .search-panel input, #search20-section .search-panel select {
    width: 100%;
  }
  #search20-section .search-panel .make, #search20-section .search-panel .model, #search20-section .search-panel .price {
    display: block;
  }
  #search20-section .search-panel .btn-search {
    text-align: center;
    max-width: 200px;
    margin: 2px;
    width: 53px;
    height: 53px;
    line-height: 53px;
    position: absolute;
    left: calc(100% - 0.5rem);
    top: 45%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 100%;
  }
  #search20-section .search-panel .btn-search i {
    font-size: 27px;
    line-height: 49px;
  }
  #search20-section .search-panel .btn-search a {
    height: auto;
  }
  #search20-section .make {
    clear: both;
  }
  #reviews-section h2 {
    font-size: 34px;
  }
  #reviews-section .buyerscore-container {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  #reviews-section .buyerscoretestimonial .inner {
    padding: 2rem;
  }
  .custom-service-page .location .img .overlay {
    top: 25px;
    width: 244px;
    height: 55px;
    padding-left: 30px;
    font-size: 22px;
    line-height: 55px;
  }
  .custom-service-page .location .text {
    padding-left: 2.25rem;
    position: relative;
  }
  .custom-service-page .location .text:before {
    content: "\e900";
    font-family: "icons-custom";
    color: #F28613;
    font-size: 32px;
    position: absolute;
    top: 10px;
    left: -2px;
  }
  .we-buy-banner {
    background: url(../../Userfiles/Image/we-buy/banner-m.jpg) 50% 50% no-repeat;
    background-size: auto;
    height: 320px;
  }
  .we-buy-page-wrap h5 {
    font-size: 24px;
  }
}
/* min-width 760px */
@media only screen and (min-width: 760px) {
  footer {
    padding-top: 4.5rem;
  }
  footer .buyerscore-badge {
    margin-top: -0.5rem;
    margin-left: 1rem;
  }
  footer .footer-box {
    width: 33.333%;
  }
  footer .footer-logo {
    width: 33.3333%;
    padding-top: 0;
  }
  footer .fb {
    float: left;
  }
  footer .vtnz {
    float: left;
    padding-left: 0.5rem;
  }
  footer .teddy-car {
    margin-top: -4rem;
  }
  #dealer-section .home-dealer {
    width: 50%;
    float: left;
  }
  #dealer-section .home-dealer:nth-child(2n) {
    padding-left: 0.5rem;
  }
  #dealer-section .home-dealer:nth-child(2n+1) {
    padding-right: 0.5rem;
  }
  #services-section .warranties {
    height: 148px;
    width: 65%;
    float: left;
    text-align: right;
    padding-right: 2rem;
  }
  #services-section .service {
    height: 324px;
    width: 65%;
    float: left;
    text-align: right;
    padding-right: 2rem;
  }
  #services-section .service .img {
    margin-right: -1rem;
  }
  #services-section .photo {
    background-position: center;
    margin-top: -148px;
    width: 35%;
    float: right;
    height: 472px;
  }
  #services-section .trade {
    clear: both;
    background: #f2f2f2;
    background-size: 260px;
    text-align: left;
    padding-left: 15rem;
    padding-bottom: 2rem;
    padding-top: 4rem;
    min-height: 248px;
    position: relative;
    overflow: hidden;
  }
  #services-section .trade h2 {
    text-align: left;
  }
  #services-section .trade p {
    max-width: none;
    padding-right: 1rem;
  }
  #services-section .trade .teddy {
    display: block;
    position: absolute;
    width: 260px;
    top: 1rem;
    left: -3rem;
  }
  #services-section .finance {
    background: #DE662C;
    position: relative;
    overflow: hidden;
    text-align: left;
    padding: 2.75rem 250px 2rem 2rem;
    min-height: 248px;
  }
  #services-section .finance h2 {
    text-align: left;
  }
  #services-section .finance p {
    max-width: 520px;
    margin-left: 0;
  }
  #services-section .finance .teddy {
    display: block;
    position: absolute;
    left: 560px;
    width: 337px;
    height: 356px;
    top: -3rem;
  }
  #services-section .finance .teddy img {
    left: 0;
    top: 0;
    position: absolute;
  }
  #services-section .find-more {
    margin-left: 0;
    margin-right: 0;
  }
  #services-section .start-now {
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
  }
  #testimonial-section h2 {
    text-align: left;
    margin-bottom: 1rem;
  }
  #testimonial-section .testimonial {
    width: 20%;
  }
  #testimonial-section .testimonial div.photo-bg {
    position: relative;
    height: 0;
    padding-bottom: 100%;
  }
  #testimonial-section .testimonial:nth-child(n+5) {
    display: block;
  }
  #md-bg-1 {
    top: 2rem;
  }
  #bottom-section .aa-section .inner {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  footer {
    padding-top: 3.5rem;
    /*.footer-box {
        width: 33.3%;
        float: left;
        margin-bottom: 2rem;
    }

    .footer-box:nth-child(3n+1) {
        clear: both;
    }

    .footer-logo {
        width: 33.3%;
        float: left;
    }*/
    /*.partners {
        padding-top: 0.5rem;
        width: 33.3%;
        float: left;

        .partner {
            text-align: left;
            width: auto;

            .partner-sm {
                display: none;
            }

            .partner-lg {
                display: block;
            }
        }
    }

    .fb {
        text-align: left;
        padding-left: 0;
        padding-top: 1rem;

        i {
            font-size: 32px;
            vertical-align: sub;
        }

        .txt-sm {
            display: none;
        }

        .txt-lg {
            display: inline;
            color: #DFDFDF;
        }
    }*/
  }
  footer .teddy-car {
    padding-top: 0;
  }
  footer .teddy-car img {
    width: 335px;
  }
  footer .copyright {
    text-align: right;
    line-height: 48px;
  }
}
/* min-width 890px */
/* min-width 1024px, large screens */
@media only screen and (min-width: 64em) {
  .service-offer-intro {
    font-size: 30px;
    margin: 3rem auto;
    max-width: 90%;
  }
  .insurance-page a.orange-btn {
    margin-top: 1rem;
  }
  .insurance-page .white-bg, .insurance-page .grey-bg {
    padding: 4.5rem 0;
  }
  .insurance-page .white-bg.first-section, .insurance-page .grey-bg.first-section {
    padding-top: 2rem;
  }
  .insurance-page h3 {
    font-size: 26px;
  }
  .insurance-page p, .insurance-page li {
    font-size: 19px;
  }
  .insurance-page .insurance-slider {
    margin-bottom: 0.75rem;
  }
  .insurance-page .insurance-slider .item {
    display: table;
    text-align: left;
  }
  .insurance-page .insurance-slider .item p {
    max-width: none;
  }
  .insurance-page .insurance-slider .item .tick {
    float: left;
    margin: 0;
    left: 0;
  }
  .insurance-page .insurance-slider .item .text {
    float: left;
    width: calc(100% - 78px);
    padding-left: 1rem;
  }
  .we-buy-page-wrap h5 {
    font-size: 26px;
  }
  .we-buy-slider .inner {
    width: 360px;
    margin: auto;
    padding: 0 10px;
  }
  .trade-text-container {
    display: table;
    width: 100%;
  }
  .teddy-cash {
    width: 220px;
    float: right;
  }
  .teddy-cash img {
    float: right;
  }
  .trade-text {
    width: calc(100% - 220px);
    float: left;
  }
  .nav-wrapper {
    background: url(../../Userfiles/Image/bg-bk.gif) bottom repeat;
  }
  nav.navigation {
    width: 100%;
    height: 72px;
    margin-top: 0;
    position: relative;
    z-index: 20;
  }
  nav.navigation > ul:before {
    display: none;
  }
  nav.navigation ul {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: none;
    border: none;
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    top: 0;
    height: 72px;
    font-family: "Roboto Condensed", sans-serif;
  }
  nav.navigation ul li:not(:first-child) {
    border-top: none;
  }
  nav.navigation ul li:first-child {
    padding-top: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  nav.navigation ul li.bottom {
    padding-bottom: 0;
  }
  nav.navigation ul li {
    float: left;
    background: none;
    border: none;
    line-height: 72px;
    margin: 0;
    padding: 0;
  }
  nav.navigation ul li a {
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    font-weight: normal;
    height: 72px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 0 0.5rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    position: relative;
  }
  nav.navigation ul li a.active, nav.navigation ul li a:hover {
    color: #F28613;
  }
  nav.navigation ul li.has-submenu {
    position: relative;
  }
  nav.navigation ul li.has-submenu a i {
    font-size: 9px;
    vertical-align: middle;
  }
  nav.navigation ul li.has-submenu ul {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    height: auto;
    padding-top: 0.75rem;
    padding-bottom: 0;
    padding-left: 0;
    width: 220px;
    display: none;
    position: absolute;
    left: 0;
    top: 72px;
    background: #222;
    text-align: left;
    z-index: 1;
  }
  nav.navigation ul li.has-submenu ul li {
    float: none;
    width: 220px;
    padding-left: 1.25rem;
    line-height: 35px;
    height: 35px;
    padding: 0.25rem 0 0;
    background: none;
    border-top: none !important;
  }
  nav.navigation ul li.has-submenu ul li a {
    color: #fff;
    opacity: 0.7;
    padding: 0 0 0 1rem;
    display: block;
    border: none !important;
    font-size: 15px;
    line-height: 1.2;
    height: 20px;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    position: relative;
  }
  nav.navigation ul li.has-submenu ul li a:after {
    content: "\e938";
    font-family: "icomoon";
    color: rgba(0, 0, 0, 0);
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    margin-left: 3rem;
    position: absolute;
  }
  nav.navigation ul li.has-submenu ul li a:hover {
    opacity: 1;
  }
  nav.navigation ul li.has-submenu ul li a:hover:after {
    color: #fff;
    margin-left: 0.25rem;
  }
  nav.navigation ul li.has-submenu ul.extra-menu {
    width: 350px;
  }
  nav.navigation ul li.has-submenu ul.extra-menu li {
    width: 320px;
  }
  nav.navigation ul li.has-submenu:hover ul {
    display: table;
  }
  nav.navigation ul li.has-submenu:hover > ul.submenu {
    background: #c76c0b;
  }
  nav.navigation ul li.has-submenu:hover > ul.submenu a {
    color: none;
  }
  nav.navigation ul li.nav-fav a, nav.navigation ul .nav-search a {
    background: none;
    padding: 0 0.5rem;
    font-weight: 400;
    line-height: 72px;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    position: relative;
  }
  nav.navigation ul li.nav-fav a:hover, nav.navigation ul .nav-search a:hover {
    background: none;
    opacity: 0.7;
  }
  nav.navigation ul li.nav-fav a i, nav.navigation ul .nav-search a i {
    font-size: 20px;
  }
  nav.navigation ul li.nav-fav a {
    top: -4px;
  }
  nav.navigation ul li.nav-fav .amount {
    vertical-align: super;
    padding-left: 0.25rem;
  }
  nav.navigation ul li.nav-search a {
    top: -1px;
  }
  nav.navigation ul li.nav-search i {
    vertical-align: middle;
  }
  nav.navigation ul li.nav-search .small {
    font-size: 9px;
  }
  nav.navigation ul li.phone {
    float: right;
    padding: 0 1rem;
    font-weight: bold;
  }
  nav.navigation ul li.phone .small-num {
    display: none;
  }
  nav.navigation ul li.phone i {
    color: red;
    font-size: 28px;
  }
  nav.navigation ul li.phone a {
    font-weight: bold;
  }
  nav.navigation ul li.phone br, nav.navigation ul li.phone .blurb {
    display: none;
  }
  .slide-section .slide-bg {
    height: 500px;
  }
  .slide-section .slide-bg h3 {
    margin-bottom: 1.25rem;
    font-size: 50px;
  }
  .slide-section .slide-bg .slide1, .slide-section .slide-bg .slide2, .slide-section .slide-bg .slide3 {
    height: 500px;
  }
  .slide-section .slide-bg .slide1 .img {
    float: left;
    width: 290px;
    display: block;
  }
  .slide-section .slide-bg .slide1 .text {
    width: calc(100% - 290px);
    float: left;
    padding-left: 1.875rem;
    text-align: left;
    margin-top: 0.75rem;
    padding-right: 1rem;
  }
  .slide-section .slide-bg .slide1 .gradient-btn {
    margin-top: 1.5rem;
  }
  .slide-section .slide-bg .slide2 .img {
    width: 531px;
  }
  .top-area-bg {
    background: url(../../Userfiles/Image/bg-lines.jpg) 50% 0 repeat;
  }
  body {
    background: none;
  }
  .good-sport h1 {
    font-size: 3rem;
  }
  .good-sport h4 {
    padding-bottom: 7rem;
  }
  .good-sport .stadium-cars {
    padding-left: 8rem;
  }
  .good-sport .stadium-finance {
    padding-right: 8rem;
  }
  .good-sport .jack {
    padding-top: 2.125rem;
  }
  .ldv-banner {
    background: url(../../Userfiles/Image/bg-ldv.jpg) no-repeat;
    padding: 1.5rem 2rem;
    min-height: 150px;
    text-align: left;
  }
  .ldv-banner span {
    display: inline-block;
    padding-left: 2%;
    padding-top: 0.5rem;
    font-size: 18px;
  }
  .ldv-banner span a {
    color: #000;
    text-decoration: underline;
  }
  .ldv-banner span a:hover {
    color: #EF7D16;
  }
  .ldv-banner .ldv-logo {
    float: left;
  }
  .ldv-banner .link {
    padding-top: 2.275rem;
    float: right;
    text-align: center;
    position: absolute;
    right: 1rem;
    top: 2.5rem;
  }
  .ldv-banner .link a {
    background: #F28B1D;
    color: #fff;
    padding: 0.5rem 1rem;
    margin-right: 1rem;
    text-transform: uppercase;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  .ldv-banner .link a i {
    padding: 0 1rem;
    font-size: 12px;
  }
  .ldv-banner .link a:hover {
    background: #DE662C;
  }
  .ssy-banner {
    background: url(../../Userfiles/Image/bg-sy.jpg) center/cover no-repeat;
    padding: 1.5rem 2rem;
    min-height: 150px;
    text-align: left;
  }
  .ssy-banner > .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .ssy-banner .ssy-logo {
    width: 134px;
    margin: 0;
  }
  .ssy-banner > span {
    display: block;
    width: calc(67% - 134px);
    max-width: 40%;
    font-size: 20px;
  }
  .ssy-banner .link-container {
    width: 33%;
    max-width: 200px;
    text-align: center;
  }
  .ssy-banner .link-container a span {
    display: block;
  }
  .ssy-banner .link-container a .watch {
    margin-top: 0.5rem;
  }
  .ph-full {
    color: #DBDBDB;
    font-size: 14px;
    display: none;
  }
  .win-page-wrap h3.title {
    font-size: 3.5em;
    text-align: center;
    font-weight: 700;
  }
  .win-page-wrap .content {
    text-align: center;
    font-size: 28px;
    line-height: 50px;
  }
  .win-page-wrap .how {
    text-align: center;
    font-size: 36px;
    line-height: 40px;
  }
  .win-page-wrap .enter {
    margin-right: 0;
  }
  .win-page-wrap .fb {
    position: absolute;
    left: 3rem;
    width: 100px;
    top: auto;
  }
  .win-page-wrap .win-teddy {
    position: absolute;
    right: -2rem;
    opacity: 1;
  }
  .out-of-town img {
    float: right;
    padding-right: 5rem;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 10rem;
    width: 50%;
    max-width: 620px;
  }
  header {
    z-index: 10;
    padding: 0;
  }
  header .header-container {
    padding: 2.5rem 0;
  }
  header .logo-row {
    width: 100%;
    display: table;
    margin-left: -1rem;
    padding-left: 1rem;
  }
  header .logo {
    width: 428px;
    /*  float: left;
    padding-top: 2.5rem;
    margin-bottom: 2rem;
    padding-right: 2rem;*/
  }
  header .partners {
    margin-top: 6px;
  }
  header .aa-save-img {
    display: inline-block;
  }
  header.we-buy-cars {
    background: transparent;
    border-bottom: 0;
    position: relative;
  }
  header.we-buy-cars:before {
    content: "";
    background: #4c4c4e;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    height: 50px;
  }
  header.we-buy-cars:after {
    content: "";
    background: url(../../Userfiles/Image/we-buy/orange-curve.png) 50% 50% no-repeat;
    width: 1920px;
    height: 153px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -960px;
  }
  header.we-buy-cars .header-container {
    position: relative;
    z-index: 10;
  }
  #top-section {
    height: 620px;
    display: -ms-flexbox;
    display: flex;
  }
  #top-section img {
    pointer-events: none;
  }
  #top-section .slick-dots {
    bottom: 3rem;
  }
  #top-section .left {
    width: 56%;
  }
  #top-section .right {
    background: #eee;
    width: 44%;
    position: relative;
  }
  #top-section .right:before {
    position: absolute;
    content: "";
    top: -160px;
    bottom: 0;
    right: 0;
    left: 0;
    background: url(../../Userfiles/Image/img-team.jpg) center/cover;
  }
  #top-section .slide .row {
    margin-right: 0;
    max-width: none;
  }
  #top-section .slide .inner {
    float: right;
    max-width: 720px;
    width: 100%;
    padding-right: 3rem;
  }
  #top-section .slider {
    width: 56%;
    float: left;
    height: 620px;
  }
  #top-section h1 {
    font-size: 77px;
  }
  #top-section .slide {
    height: 620px;
  }
  #top-section .slide-1, #top-section .slide-2, #top-section .slide-3, #top-section .slide-4, #top-section .slide-5, #top-section .slide-6, #top-section .slide-7, #top-section .slide-8, #top-section .slide-9 {
    padding-top: 6rem;
    background: url(../../Userfiles/Image/bg-main.jpg) center bottom;
  }
  #top-section .slide-10 {
    padding-top: 3rem;
    background: url(../../Userfiles/Image/bg-main.jpg) center bottom;
  }
  #top-section .slide-1 .car, #top-section .slide-9 .car {
    background-position: center top;
    padding: 0;
  }
  #top-section .slide-1 .car .title, #top-section .slide-9 .car .title {
    padding-top: 65px;
  }
  #top-section .slide-1 .car .finance-amount, #top-section .slide-9 .car .finance-amount {
    font-size: 70px;
  }
  #top-section .slide-1 .car p, #top-section .slide-9 .car p {
    font-size: 15px;
  }
  #top-section .slide-6, #top-section .slide-7, #top-section .slide-8 {
    padding-top: 8rem;
  }
  #top-section .slide-6 img, #top-section .slide-7 img, #top-section .slide-8 img {
    margin: 0 1rem 0 0;
    float: right;
    max-width: 600px;
  }
  #top-section .slide-10 {
    padding-top: 3rem;
  }
  #top-section .slide-10 img {
    margin: 0 1rem 0 0;
    float: right;
    max-width: 600px;
  }
  #top-section .slide-7 {
    padding-top: 4rem;
  }
  #top-section .slide-7 img {
    max-width: none;
    margin: 0 5rem 0 0;
  }
  #top-section .slide-8 img, #top-section .slide-10 img {
    max-width: 520px;
  }
  #top-section .photo {
    position: relative;
    z-index: 5;
    width: 44%;
    float: right;
    height: 780px;
    margin-top: -160px;
    background: url(../../Userfiles/Image/img-team.jpg) center;
    background-size: cover;
  }
  #top-section .slide-2 {
    padding-top: 0;
  }
  #top-section .slide-2 .inner {
    padding-right: 1rem;
    margin-right: 3rem;
  }
  #top-section .slide-2 .img {
    width: 90%;
    position: relative;
    margin: auto;
  }
  #top-section .slide-2 .text {
    margin-top: 0;
    position: absolute;
    bottom: -2rem;
    left: 5%;
  }
  #top-section .slide-2 .disclaimer {
    text-align: right;
    padding-top: 3rem;
    width: 43%;
    float: right;
  }
  #top-section .slide-2 .ssy-logo {
    left: 81%;
    position: relative;
    top: -2rem;
  }
  #top-section .slide-3 {
    padding-top: 4rem;
  }
  #top-section .slide-3 .inner {
    padding-right: 0;
  }
  #top-section .slide-3 h2 {
    font-size: 76px;
  }
  #top-section .slide-3 span {
    font-size: 16px;
  }
  #top-section .slide-3 .img {
    width: 500px;
  }
  #top-section .slide-3 .learn {
    width: 170px;
  }
  #top-section .slide-4 .swift-bg {
    height: 300px;
    top: -3rem;
  }
  #top-section .slide-4 .text {
    margin: -2rem auto 0;
    display: table;
  }
  #top-section .slide-5 {
    padding-top: 4rem;
  }
  #top-section .slide-5 .finance-bg {
    margin-left: 0;
  }
  #top-section .slide-5 .from-text i {
    font-size: 54px;
  }
  #top-section .slide-5 .from-text .text {
    padding-left: 3rem;
  }
  #search-section .hs-fields {
    width: 95%;
  }
  #search-section .hs-fields select, #search-section .hs-fields input {
    height: 48px;
    line-height: 48px;
  }
  #search-section .hs-fields [class^=hs-] {
    width: 25%;
    padding: 0 0.5rem 0 0;
  }
  #search-section .hs-button {
    margin-top: -2px;
    padding-left: 0;
    width: 5%;
  }
  #search-section .bs-search {
    padding: 4rem 0;
  }
  #search-section .bs-search .bs-container {
    padding: 0;
  }
  #search-section .bs-search .bs-container .slick-list {
    overflow: visible;
  }
  #warranty-section {
    padding: 7rem 0 4.75rem;
  }
  #warranty-section h2 {
    font-size: 56px;
    width: auto;
  }
  #warranty-section a.learn-more {
    font-size: 15px;
    line-height: 44px;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  #warranty-section a.learn-more:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #323234;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
  }
  #warranty-section a.learn-more:hover:before {
    -webkit-transform: scale3d(9, 9, 1);
    -moz-transform: scale3d(9, 9, 1);
    -ms-transform: scale3d(9, 9, 1);
    -o-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1);
  }
  #warranty-section .aa {
    top: auto;
    bottom: 4rem;
    left: -10rem;
    font-size: 180px;
  }
  #warranty-section p {
    font-size: 16px;
    padding-right: 3rem;
  }
  #warranty-section .columns {
    position: relative;
  }
  #warranty-section .img {
    position: absolute;
    bottom: -4.75rem;
    right: -1.5rem;
  }
  #warranty-section .teddy {
    max-width: none;
  }
  #dealer-section {
    padding: 6rem 0 0;
    position: relative;
    z-index: 0;
  }
  #dealer-section > .row {
    position: relative;
    z-index: 1;
  }
  #dealer-section .dealer-dunedin .img .over-text {
    top: 3rem;
  }
  #dealer-section .dealer-dunedin .img .over-text .large {
    font-size: 50px;
  }
  #dealer-section .dealer-dunedin .img .over-text .small {
    font-size: 35px;
  }
  #dealer-section .columns {
    z-index: 10;
  }
  #dealer-section h2 {
    text-align: center;
    font-size: 65px;
    font-weight: 300;
    text-transform: none;
    letter-spacing: -4px;
    margin-bottom: 4.5rem;
  }
  #dealer-section .home-dealer > a {
    display: block;
    position: relative;
  }
  #dealer-section .home-dealer > a:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5) url(../../Userfiles/Image/img-cross.gif) center no-repeat;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    z-index: 10;
  }
  #dealer-section .home-dealer > a:hover:before {
    opacity: 1;
  }
  #dealer-section .home-dealers {
    border: none;
  }
  #dealer-section .home-dealers .img {
    height: 254px;
  }
  #dealer-section .home-dealers .title {
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 0;
  }
  #dealer-section .home-dealers .addr {
    font-size: 15px;
    color: #000;
    display: inline-block;
  }
  #dealer-section .home-dealers .ph {
    display: inline-block;
  }
  #dealer-section .home-dealers .text {
    margin-bottom: 2rem;
  }
  #dealer-section .home-dealers .overlay {
    right: 1rem;
    bottom: 1rem;
    left: auto;
    top: auto;
    width: 90px;
    height: 90px;
    padding: 1rem 1rem;
    background: #EF7D16;
    text-align: center;
    line-height: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
  }
  #dealer-section .home-dealers .overlay span {
    display: block;
    font-size: 32px;
    font-weight: 300;
    line-height: 1;
  }
  #dealer-section #dealer-bg-1 {
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 750px;
  }
  #stock-section {
    position: relative;
    overflow: visible;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  #stock-section h2 {
    font-size: 60px;
    font-weight: 300;
    letter-spacing: -3.5px;
    text-transform: none;
    max-width: 450px;
  }
  #stock-section .columns {
    z-index: 10;
  }
  #stock-section #stock-bg-1 {
    display: block;
    position: absolute;
    z-index: 5;
    width: 40%;
    right: 0;
    bottom: 0;
    height: 150px;
  }
  #stock-section a.view-all {
    line-height: 56px;
    font-size: 16px;
    padding: 0 3rem;
  }
  #stock-section a.view-all i {
    font-size: 16px;
  }
  #stock-section .car {
    height: 494px;
    margin-top: -400px;
    bottom: -110px;
    z-index: 9;
  }
  #stock-section .car img {
    left: 60%;
    bottom: 0;
    height: 494px;
  }
  #services-section {
    display: table;
    width: 100%;
  }
  #services-section .warranties {
    height: 224px;
    width: 60%;
  }
  #services-section .warranties h2 {
    width: 280px;
    float: right;
  }
  #services-section .warranties img {
    float: right;
    width: auto;
    clear: both;
    display: block;
  }
  #services-section .service {
    width: 60%;
  }
  #services-section .service .img {
    max-width: 400px;
  }
  #services-section .photo {
    width: 40%;
    margin-top: -224px;
    height: 548px;
  }
  #services-section h2 {
    font-size: 48px;
  }
  #services-section .trade {
    width: 50%;
    float: left;
    height: 368px;
    padding-left: 10rem;
    padding-bottom: 5rem;
  }
  #services-section .trade p {
    font-size: 16px;
  }
  #services-section .trade .teddy {
    top: auto;
    bottom: 0;
    left: -6.5rem;
  }
  #services-section .finance {
    padding-top: 3.5rem;
    padding-left: 3rem;
    padding-right: 200px;
    width: 50%;
    float: right;
    height: 368px;
  }
  #services-section .finance p {
    font-size: 16px;
    max-width: 280px;
    position: relative;
    z-index: 10;
  }
  #services-section .finance .teddy {
    z-index: 5;
    left: 300px;
    top: auto;
    bottom: -3rem;
  }
  #middle-section #md-bg-1 {
    display: none;
  }
  #middle-section #md-bg-2 {
    display: block;
  }
  #middle-section .teddy {
    -webkit-transition: ease-in-out, 2s;
    -moz-transition: ease-in-out, 2s;
    -o-transition: ease-in-out, 2s;
    transition: ease-in-out, 2s;
    position: absolute;
    left: 0;
    width: 245px;
    top: 32%;
  }
  #middle-section .teddy img {
    width: 100%;
  }
  #testimonial-section {
    padding-top: 7rem;
  }
  #testimonial-section h2 {
    font-size: 52px;
    font-weight: 300;
  }
  #testimonial-section .row {
    padding-left: 250px;
  }
  #featured-section {
    clear: both;
    padding-top: 4.5rem;
    padding-bottom: 2.5rem;
    /*.cell-photo a {
        display: block;
        height: 0;
        //padding-bottom: 100%;
        padding-bottom: 220px;

        img {
            position: absolute;
            left: 0;
            //bottom: 12%;
            bottom: 0;
            @include transform(translate(-100%));
            max-height: none;
            @include transform(scale(1));
        }
    }*/
  }
  #featured-section .row .row {
    margin-left: 0;
    margin-right: 0;
  }
  #featured-section h2 {
    font-size: 52px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 1rem;
  }
  #featured-section ul.small-block-grid-1 {
    margin: 0 3px;
  }
  #featured-section .vehicle {
    position: relative;
    margin-bottom: 0;
    padding: 0 0.5rem 1rem;
  }
  #featured-section .vehicle .vehicle-info {
    padding: 0 0.5rem;
    position: absolute;
    left: 0.5rem;
    right: 0.5rem;
    top: 0;
    bottom: 1rem;
    background: rgba(0, 0, 0, 0.6);
    padding-top: 20%;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
  }
  #featured-section .vehicle .vehicle-info h6, #featured-section .vehicle .vehicle-info .price-wrapper, #featured-section .vehicle .vehicle-info .special, #featured-section .vehicle .vehicle-info .retail {
    color: #fff;
  }
  #featured-section .vehicle:hover .vehicle-info {
    opacity: 1;
  }
  #featured-section .vehicle:nth-child(n+5) {
    display: block;
  }
  #featured-section .cell-photo {
    position: relative;
    overflow: hidden;
  }
  #video-section {
    background: url(../../Userfiles/Image/img-video-lg.jpg) center;
    background-size: cover;
    height: 600px;
    padding-top: 6rem;
  }
  #video-section h2 {
    margin-bottom: 9rem;
    font-size: 36px;
    letter-spacing: 1px;
  }
  #video-section i {
    font-size: 174px;
  }
  #bottom-section .fb-section {
    width: 40%;
    padding-right: 0;
  }
  #bottom-section .fb-section .inner {
    height: 212px;
  }
  #bottom-section .aa-section h2 {
    font-size: 42px;
    text-transform: none;
  }
  #bottom-section .aa-section p {
    font-size: 16px;
    max-width: none;
  }
  #bottom-section .aa-section .inner {
    height: 212px;
    text-align: left;
  }
  #bottom-section .aa-section .ci-aa-logo {
    float: left;
    font-size: 145px;
    margin-left: 1rem;
    margin-right: 2rem;
    margin-top: 0.5rem;
  }
  .warranties-page img {
    padding-bottom: 0;
  }
  .warranties-page img:last-child {
    padding-bottom: 0;
  }
  .warranties-page .mbi, .warranties-page .breakdown {
    padding-top: 0;
  }
  #search20-section {
    padding: 3.75rem 0 3.25rem;
  }
  #search20-section .make, #search20-section .model, #search20-section .price, #search20-section .search-input-wrapper {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  #search20-section .search-panel .zselect:after, #search20-section .search-panel .custom-dropdown-button:after {
    right: 9px;
  }
  #search20-section .search-input-wrapper {
    padding-right: 1.5rem !important;
  }
  #search20-section .price .small-6:first-child {
    padding-right: 0.25rem;
  }
  #search20-section .price .small-6:last-child {
    padding-left: 0.25rem;
  }
  #search20-section .search-panel .btn-search {
    max-width: 60px;
    margin-top: 0;
    top: 24px;
  }
  #search20-section .make {
    clear: none;
  }
  #reviews-section {
    padding: 5.5rem 0 6.5rem;
  }
  #reviews-section .buyerscoretestimonial .inner {
    min-height: 241px;
  }
  .custom-service-page h4 {
    font-size: 32px;
  }
  .custom-service-page .location {
    width: 50%;
    float: left;
    padding-bottom: 0;
  }
  .we-buy-banner {
    background: url(../../Userfiles/Image/we-buy/banner.jpg) 50% 50% no-repeat;
    background-size: cover;
    height: 600px;
    margin-top: -153px;
  }
}
@media only screen and (min-width: 1080px) {
  #top-section .slide-1 .car p, #top-section .slide-9 .car p {
    margin-top: 1.3rem;
  }
}
@media only screen and (min-width: 1150px) {
  #top-section .slide-1 .car p, #top-section .slide-9 .car p {
    margin-top: 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  #top-section .slide-8 img, #top-section .slide-10 img {
    max-width: 620px;
  }
  #top-section .slide-1 .car .title, #top-section .slide-9 .car .title {
    padding-top: 80px;
  }
  #top-section .slide-1 .car p, #top-section .slide-9 .car p {
    margin-top: 2rem;
  }
  nav.navigation ul li a {
    padding: 0 0.75rem;
  }
}
/* min-width 1280px */
@media only screen and (min-width: 1280px) {
  nav.navigation ul li.phone {
    padding: 0.87rem 1rem 0;
    position: relative;
    right: 0;
    z-index: 0;
    line-height: 1;
    font-size: 22px;
    background: url(../../Userfiles/Image/bg-bk.gif) bottom repeat;
    height: 100px;
    width: 344px;
    text-align: center;
  }
  nav.navigation ul li.phone .mc-ph {
    font-size: 34px;
    line-height: 34px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;
  }
  nav.navigation ul li.phone .small-num {
    display: block;
    color: #ddd;
    font-size: 14px;
    font-weight: normal;
  }
  nav.navigation ul li.phone br {
    display: inline;
  }
  nav.navigation ul li.phone .blurb {
    display: inline-block;
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    padding-left: 1.5rem;
    min-height: 20px;
    background: url(../../Userfiles/Image/ph.png) left center no-repeat;
  }
  nav.navigation ul li.phone:before, nav.navigation ul li.phone:after {
    position: absolute;
    content: "";
    bottom: 0;
    z-index: -1;
    height: 28px;
    width: 0;
    height: 0;
    border-style: solid;
  }
  nav.navigation ul li.phone:before {
    left: 0;
    border-width: 28px 0 0 28px;
    border-color: transparent transparent transparent #ffffff;
  }
  nav.navigation ul li.phone:after {
    right: 0;
    border-width: 0 0 28px 28px;
    border-color: transparent transparent #ffffff transparent;
  }
  .we-buy-cars nav.navigation ul li.phone:before {
    border-color: transparent transparent transparent #4c4c4e;
  }
  .we-buy-cars nav.navigation ul li.phone:after {
    border-color: transparent transparent #4c4c4e transparent;
  }
  #search-section .bs-search i {
    font-size: 60px;
  }
  #warranty-section p {
    padding-right: 0;
  }
  #stock-section {
    padding-top: 7rem;
  }
  #stock-section h2 {
    float: left;
  }
  #stock-section a.view-all {
    float: left;
    margin-top: 2.5rem;
    margin-left: 1rem;
  }
  #services-section {
    height: 842px;
  }
  #services-section .warranties {
    width: 30%;
    height: 368px;
    float: left;
    padding-top: 7rem;
  }
  #services-section .service {
    padding-top: 4rem;
    width: 30%;
    height: 474px;
    float: left;
    clear: left;
  }
  #services-section .service h2 {
    margin-bottom: 2.5rem;
  }
  #services-section .photo {
    width: 25%;
    float: left;
    height: 842px;
    margin-top: -368px;
  }
  #services-section .trade {
    width: 45%;
    float: right;
    height: 488px;
    margin-top: -842px;
    padding-top: 10rem;
  }
  #services-section .trade h2 {
    width: 400px;
    float: right;
  }
  #services-section .trade p {
    line-height: 1.7;
    width: 400px;
    float: right;
    clear: both;
    position: relative;
    z-index: 10;
  }
  #services-section .trade .teddy {
    z-index: 5;
    width: 290px;
    bottom: -10px;
    left: auto;
    right: 450px;
  }
  #services-section .finance {
    width: 45%;
    float: right;
    clear: right;
    margin-top: -356px;
    height: 356px;
    padding-right: 0;
  }
  #services-section .finance p {
    line-height: 1.7;
    width: 50%;
    max-width: 400px;
  }
  #services-section .finance .teddy {
    left: 50%;
  }
  #services-section .start-now {
    position: absolute;
    right: 18.4rem;
    top: 22rem;
  }
  #testimonial-section ul {
    margin-right: -11px;
  }
  #testimonial-section .testimonial {
    padding: 0 1.25rem 1.25rem 0;
  }
  footer .buyerscore-badge {
    margin-top: 0;
  }
  footer .footer-box {
    width: 25%;
    margin-bottom: 1rem;
  }
  footer .footer-box:nth-child(3n+1) {
    clear: none;
  }
  footer .partners {
    width: 25%;
    margin-right: 4rem;
  }
  footer .partner {
    width: auto;
    text-align: left;
  }
  footer .vtnz {
    padding-left: 1.5rem;
  }
  footer .fb {
    max-width: 220px;
  }
  footer .fb i {
    display: block;
    float: left;
    font-size: 66px;
    margin-right: 0.75rem;
  }
  footer .fb .txt-sm {
    display: none;
  }
  footer .fb .txt-lg {
    margin-top: 0.5rem;
    float: left;
    font-size: 22px;
    vertical-align: top;
    display: block;
    width: 125px;
    line-height: 1.2;
    color: #a7a7a7;
  }
  footer .teddy-car {
    margin-top: -145px;
  }
  footer .teddy-car img {
    width: auto;
  }
  #top-section .slide-2 {
    padding-top: 0;
  }
  #top-section .slide-2 .img {
    width: 80%;
    position: relative;
    margin: auto;
  }
  #top-section .slide-2 .text {
    margin-top: 0;
    position: absolute;
    bottom: -1rem;
    right: 18rem;
    left: 12%;
  }
  #top-section .slide-2 .text img {
    padding-left: 10.5rem;
    position: absolute;
  }
  #top-section .slide-2 .disclaimer {
    text-align: right;
    padding-top: 4rem;
  }
  #top-section .slide-2 .ssy-logo {
    left: 81%;
  }
  #top-section .slide-5 .finance-bg {
    margin-left: 8rem;
  }
  #top-section .slide-5 .text {
    padding-left: 5rem;
  }
  #top-section .slide-5 .from-text i {
    font-size: 68px;
  }
  #top-section .slide-5 .from-text i .small {
    font-size: 39px;
  }
  #top-section .slide-5 .from-text .text {
    padding-left: 3rem;
  }
  .ph-full {
    display: block;
  }
  .win-page-wrap .fb {
    left: 9rem;
  }
  header .header-container {
    padding: 3.875rem 0 2.5rem;
  }
  header .partners img {
    max-width: 400px;
  }
}
/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {
  #middle-section .teddy {
    width: 275px;
  }
  #top-section .slide-2 .text {
    left: 19%;
  }
  .ldv-banner {
    padding: 1rem 2rem;
  }
  .ldv-banner img {
    padding-top: 0.5rem;
  }
  .ldv-banner span {
    display: inline-block;
    padding-left: 4%;
    padding-top: 0;
    font-size: 22px;
  }
  .ssy-banner {
    padding: 1rem 2rem;
  }
  .ssy-banner > span {
    font-size: 22px;
    max-width: 350px;
  }
  .ssy-banner .link-container {
    font-size: 20px;
  }
  #reviews-section .buyerscore-container {
    position: relative;
  }
  #reviews-section .slick-arrow {
    display: block !important;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    width: 45px;
    height: 45px;
    color: rgba(0, 0, 0, 0);
  }
  #reviews-section .slick-arrow:before {
    content: "";
    font-family: "icomoon";
    color: #fff;
    font-size: 40px;
    width: 45px;
    height: 45px;
    display: inline-block;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    opacity: 0.8;
  }
  #reviews-section .slick-arrow:hover:before {
    color: #F28613;
    opacity: 1;
  }
  #reviews-section .slick-prev {
    left: -4rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  #reviews-section .slick-prev:before {
    content: "\e94d";
  }
  #reviews-section .slick-next {
    right: -4rem;
  }
  #reviews-section .slick-next:before {
    content: "\e94d";
  }
}
@media only screen and (min-width: 1601px) {
  #middle-section .teddy {
    left: 3.5%;
    left: calc(50% - 720px);
    width: 313px;
  }
  #top-section .slide-2 .text {
    left: 34%;
  }
}
/* min-width 1921px, xxlarge screens */