@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Poppins:300,400,500,600';
@import 'https://fonts.googleapis.com/css?family=Raleway:400,400i,500,600,700,800,900';
@import "https://www.toyotaghana.com/css/owl.carousel.min.css";
.sans {
    font-family: open sans, sans-serif
}

button,
input {
    -webkit-appearance: none;
}

a:hover {
    text-decoration: none;
    color: inherit
}

.clearfix:after,
article:after,
aside:after,
div:after,
footer:after,
header:after,
section:after,
ul:after {
    content: "";
    display: table;
    clear: both
}

.clearfix:before,
article:before,
aside:before,
div:before,
footer:before,
header:before,
section:before,
ul:before {
    content: "";
    display: table
}

.clearfix,
article,
aside,
div,
footer,
header,
section,
ul {
    zoom: 1
}

.relative {
    position: relative!important
}

.relative .dropdown-menu {
    min-width: 100%
}

.clearfix:after,
.main-menu ul li a::after,
.main-menu ul li::after,
article:after,
aside:after,
div:after,
footer:after,
header:after,
section:after,
ul:after {
    content: "";
    display: table;
    clear: both
}

.clearfix:before,
.main-menu ul li a::before,
.main-menu ul li::before,
article:before,
aside:before,
div:before,
footer:before,
header:before,
section:before,
ul:before {
    content: "";
    display: table
}

.clearfix,
.main-menu ul li,
.main-menu ul li a,
article,
aside,
div,
footer,
header,
section,
ul {
    zoom: 1
}

.clear {
    clear: both
}

article,
aside,
details,
div,
figcaption,
figure,
footer,
header,
hgroup,
li,
menu,
nav,
section {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

dl,
dt,
li,
ul {
    margin: 0;
    list-style: none;
    padding: 0
}

img {
    max-width: 100%;
    height: auto
}

a:focus,
img:focus,
input:focus {
    outline: 0
}

a:hover {
    text-decoration: underline
}

html {
    -webkit-text-size-adjust: 100%
}

body,
html {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-weight: 400;
    font-family: Raleway, sans-serif;
    font-size: 17px;
    line-height: 30px;
    color: #000
}

body {
    position: relative;
    height: 100%
}

html {
    overflow-x: hidden
}

p {
    padding-bottom: 25px;
    margin: 0
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    padding: 0
}

img {
    max-width: 100%
}

input::-ms-clear,
textarea::-ms-clear {
    display: none
}

main {
    position: relative;
    z-index: 100
}

input[type=checkbox],
input[type=radio] {
    -webkit-appearance: radio
}

a,
button,
input {
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4ms
}

.inputinp input {
    min-width: 319px;
    font-size: 14px;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

.verifiedssc input {
    margin-left: 11px;
    background-color: #cf1b2d;
    border: 1px solid #fff;
    color: #fff;
    width: 93px;
    border-radius: 50px
}

#vincheck {
    margin-left: 11px;
    background-color: #cf1b2d;
    border: 1px solid #fff;
    color: #fff;
    width: 93px;
    border-radius: 50px
}

.subbox {
    position: relative;
    display: inline-flex
}

.inputssc ff {
    min-width: 315px;
    font-size: 14px;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

.home-banner .carousel-indicators {
    text-align: center;
    z-index: 1;
    left: 35%;
    margin-left: 0;
    right: 35%;
    width: auto
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 999
}

.megamenu .collapse,
.megamenu .dropdown,
.megamenu .dropup,
.megamenu .nav {
    position: static
}

.megamenu .container {
    position: relative
}

.megamenu .dropdown-menu {
    left: auto
}

.megamenu .megamenu-content {
    padding: 15px
}

.megamenu .megamenu-content h3 {
    margin-top: 0;
    color: #428bca;
    font-size: 18px
}

.megamenu .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
    margin-right: 15px
}

.megamenu .collapse,
.megamenu .dropdown,
.megamenu .dropup,
.megamenu .nav {
    position: static
}

.home-banner .carousel-indicators li {
    text-indent: 0;
    opacity: .5;
    width: 10px;
    height: 10px;
    border-radius: 0;
    margin: 0 2px;
    border-radius: 20px;
    background-color: #fff
}

.home-banner .carousel-indicators li img {
    display: none
}

.home-banner .carousel-indicators li.active {
    opacity: 1
}

header .navbar-toggle {
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4ms
}

header .navbar-right {
    margin-right: 0
}

header .top-row {
    background: #f5f5f5;
    box-shadow: 0 3px 5px #b4b4b4;
    position: relative;
    z-index: 3
}

header .top-row ul {
    padding: 10px 0;
    color: #4b4b4b
}

header .top-row ul li {
    display: inline-block;
    padding: 0 45px 0 0;
    font-size: 12px;
    font-family: Poppins, sans-serif;
    color: #4b4b4b
}

header .top-row ul li i {
    font-size: 14px;
    padding: 0 5px 0 0
}

header .top-row ul.help {
    padding: 0;
    background: #353537;
    color: #fff
}

header .top-row ul.help li {
    padding: 0
}

header .top-row ul.help li a {
    color: #fff;
    text-transform: uppercase;
    padding: 12px 20px
}

header .top-row ul.help li .caret {
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 7px solid #fff
}

header .top-row ul.help li a.dropdown-toggle:focus,
header .top-row ul.help li a.dropdown-toggle:hover {
    background: #d3191f
}

header .top-row ul.help ul.dropdown-menu li {
    display: block
}

header .top-row ul.help ul.dropdown-menu li a {
    color: #4b4b4b
}

header .menu-hidden {
    display: none
}

.navbar-main {
    background: #efefef;
    background: -moz-linear-gradient(top, #efefef 0, #fff 100%);
    background: -webkit-linear-gradient(top, #efefef 0, #fff 100%);
    background: linear-gradient(to bottom, #efefef 0, #fff 100%);
    box-shadow: 0 3px 5px #595959
}

header {
    box-shadow: 0 0 2px #000;
    position: relative;
    z-index: 100;
    width: 100%;
    top: 0;
    left: 0;
    left: 0
}

header .navbar-brand {
    height: auto;
    padding: 29px 0
}

header .navbar-brand>img {
    max-width: 303px
}

header .navbar-collapse,
header .navbar-default .navbar-collapse,
header .navbar-default .navbar-form {
    border: 0
}

header .navbar-default {
    border: 0;
    padding: 0;
    background-color: transparent;
    margin-bottom: 0
}

header .dropdown-menu>li>a {
    padding: 8px 20px
}

header .navbar-brand {
    height: auto;
    padding: 21px 34px 16px 0
}

header .navbar-nav.center-nav li>a.parent-nav {
    padding: 45px 18px;
    text-transform: uppercase;
    font-weight: 400;
    color: #000
}

header .navbar-nav.center-nav li>a.parent-nav {
    border-right: 1px solid #e1e1e1
}

header .navbar-nav.center-nav li>a.parent-nav:hover {
    background: #e7e7e7
}

header .navbar-nav.center-nav li:first-child>a.parent-nav {
    border-left: 1px solid #e1e1e1
}

header .navbar {
    min-height: 0
}

.megamenu .collapse,
.megamenu .dropdown,
.megamenu .dropup,
.megamenu .nav,
.navbar-header,
header .navbar-brand,
header .navbar-brand>img,
header .navbar-nav.center-nav li>a.parent-nav,
header.sticky {
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4ms
}

header.sticky-header {
    font-size: 78%;
    position : fixed;
}

header.sticky-header .navbar-brand {
    padding: 5px 10px
}

header.sticky-header .navbar-brand>img {
    max-width: 182px
}

.navbar-main .navbar-right,
header.sticky-header .navbar-nav.center-nav li>a.parent-nav {
    padding: 12px 14px
}

header.sticky-header .navbar-main .navbar-right {
    padding: 0
}

header.sticky-header .navbar-main .navbar-right li.search a {
    padding: 10px 20px 9px
}

.navbar-main .navbar-right {
    padding: 35px 0 0
}

.navbar-main .navbar-right li.device {
    display: none
}

.navbar-main .navbar-right li a {
    text-transform: uppercase;
     padding: 12px 20px 13px 20px;
    /*padding: 12px 20px 13px 44px;*/
    position: relative;
    color: #fff
}

.navbar-main .navbar-right li a:focus {
    color: #fff
}

.navbar-main .navbar-right li.branch a {
    background: #d3191f
}

.navbar-main .navbar-right li.branch a:hover {
    background: #150708;
    color: #fff
}

/*.navbar-main .navbar-right li.branch a::before {*/
/*    position: absolute;*/
/*    left: 8px;*/
/*    right: 8px;*/
/*    top: 6px;*/
/*    width: 31px;*/
/*    height: 32px;*/
/*    display: block;*/
/*    background: url(../img/icon-location.png) no-repeat 0 1px;*/
/*    background-size: 27px;*/
/*    content: ""*/
/*}*/

.navbar-main .navbar-right li.branch i {
    position: absolute;
    /*left: 8px;*/
    right: 8px;
    top: 6px;
    width: 31px;
    height: 32px;
    display: block;
    /* background: url(https://www.toyotaghana.com/img/icon-location.png) no-repeat 0 1px; */
    background-size: 27px;
    content: ""
}
.navbar-main .navbar-right li.branch span{
    padding-right: 25px;
}
.navbar-main .navbar-right li.why a {
    background: #353537
}

.navbar-main .navbar-right li.why a:hover {
    color: #fff;
    background: #59596a
}

/*.navbar-main .navbar-right li.why a::before {*/
/*    position: absolute;*/
/*       right: 8px;*/
/*    left: 13px;*/
/*    top: 6px;*/
/*    width: 19px;*/
/*    height: 32px;*/
/*    display: block;*/
/*    background: url(../img/sprite.png) no-repeat -152px 0;*/
/*    content: ""*/
/*}*/

.navbar-main .navbar-right li.why i {
    position: absolute;
       right: 8px;
    /*left: 13px;*/
    top: 6px;
    width: 31px;
    height: 32px;
    display: block;
    /* background: url(https://www.toyotaghana.com/img/sprite.png) no-repeat -152px 0; */
    content: ""
}
.navbar-main .navbar-right li.why span{
   padding-right: 22px;
}
.navbar-main .navbar-right li.search a {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 11px 20px 10px
}

.navbar-main .navbar-right li.search a:hover {
    color: #fff
}

.navbar-main .navbar-right li.search {
    padding-left: 6px
}

body.modal-open {
    padding-right: 0!important
}

.container-body {
    margin: 111px 0 0
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-control {
    z-index: 2
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner>.item.active.right,
    .carousel-fade .carousel-inner>.item.next {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .carousel-fade .carousel-inner>.item.active.left,
    .carousel-fade .carousel-inner>.item.prev {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .carousel-fade .carousel-inner>.item.active,
    .carousel-fade .carousel-inner>.item.next.left,
    .carousel-fade .carousel-inner>.item.prev.right {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.home-banner {
    position: relative
}

.home-banner::after {
    position: absolute;
    left: 0;
    top: 0;
    height: 214px;
    width: 100%;
    background: url(../img/banner-shade.png) repeat-x 0 0;
    display: block;
    content: "";
    z-index: 10;
    pointer-events: none;
    display: none
}

.home-banner .carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 0
}

.home-banner .carousel-caption .content-1 {
    background: rgba(0, 0, 0, .5);
    padding: 19px 25px;
    font-family: Poppins, sans-serif;
    color: #fff;
    float: right;
    width: 375px;
    text-align: left;
    font-size: 14px;
    margin-right: -15px
}

.home-banner .carousel-caption .content-1 .title {
    color: #d3191f;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    line-height: 29px;
    padding: 0 0 14px
}

.home-banner .carousel-caption .content-1 .title strong {
    color: #fff;
    font-size: 30px;
    display: block
}

.home-banner .carousel-caption .content-1 .btn {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    padding: 8px 25px;
    display: block;
    text-align: center;
    background: #d3191f;
    border: 0;
    border-radius: 0;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}

.home-banner .carousel-fade .carousel-control {
    width: 35px;
    height: 35px;
    bottom: 40px;
    top: auto;
    opacity: 1;
    border: 1px dotted #fff;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s
}

.home-banner .carousel-fade .carousel-control:hover {
    border: 1px solid #fff
}

.home-banner .carousel-caption .content-1 .btn:focus,
.home-banner .carousel-caption .content-1 .btn:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background: #000
}

.home-banner .carousel-control.right {
    background: url(../img/next.svg) no-repeat center center rgba(0, 0, 0, .5);
    left: 120px
}

.home-banner .carousel-control.left {
    background: url(../img/prev.svg) no-repeat center center rgba(0, 0, 0, .5);
    width: 35px;
    height: 35px;
    bottom: 40px;
    top: auto;
    opacity: 1;
    left: 81px
}

.home-banner .carousel-fade .carousel-inner .item img {
    width: 100%
}

.home-banner .desktop {
    display: block
}

.home-banner .mobile {
    display: none
}

.main-menu h2 {
    color: #000;
    font-size: 16px;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    padding: 0 0 13px;
    position: relative;
    border-bottom: 1px solid #353537;
    margin-bottom: 20px;
    font-weight: 600
}

.main-menu h2::after {
    position: absolute;
    left: 0;
    height: 5px;
    width: 70px;
    bottom: -5px;
    background: #ce181e;
    display: block;
    content: ""
}

.main-menu ul li {
    display: block;
    padding: 4px;
    line-height: 26px
}

.main-menu ul li:nth-of-type(2n) {
    background: #f5f5f5
}

.main-menu ul li figure {
    float: left;
    border: 1px solid #d8d8d8
}

.main-menu ul li figure img {
    display: block;
    max-width: 43px
}

.main-menu ul li a {
    display: block;
    color: #353537;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}

.main-menu ul li a span {
    display: block;
    padding: 0 0 2px 12px;
    color: #353537;
    float: left;
    font-weight: 600;
    font-size: 12px
}

.main-menu ul li a:hover {
    background: #000d14
}

.main-menu ul li a:hover span {
    color: #fff
}

.sub-hed {
    font-weight: 700;
    margin: 0 0 57px 18px;
    color: #000d14;
    font-size: 39px;
    text-transform: uppercase;
    position: relative;
    line-height: 40px
}

.sub-hed::before {
    position: absolute;
    left: -18px;
    width: 5px;
    height: 100%;
    background: #d3191f;
    content: "";
    display: block;
    text-transform: uppercase
}

.allModels {
    padding: 59px 0 76px;
    position: relative
}

.allModels figure {
    padding: 10px;
    border: 1px solid #e6e6e6;
    margin-bottom: 20px;
    text-align: center;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4ms
}

.allModels a:hover {
    text-decoration: none
}

.allModels figure:hover {
    border: 1px solid #130a0a
}

.allModels figcaption {
    font-size: 15px;
    color: #000d14;
    padding: 7px 0 9px;
    font-weight: 400;
    text-align: center
}

.allModels .colum .content-1 {
    padding: 0 20px 40px;
    min-height: 80px;
    font-weight: 600;
    font-size: 13px
}

.allModels .colum .content-1 .more {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    background: #000d14;
    color: #fff;
    text-align: center;
    line-height: 33px;
    font-size: 20px
}

.allModels .owl-carousel .owl-item {
    text-align: center
}

.allModels .owl-carousel .owl-item img {
    max-width: 200px;
    display: inline-block
}

.allModels .container {
    position: relative
}

.allModels .owl-controls {
    position: absolute;
    right: 10px;
    bottom: -71px
}

.allModels .owl-nav {}

.allModels .owl-controls .owl-next,
.allModels .owl-controls .owl-prev {
    text-indent: -999em;
    display: block;
    overflow: hidden;
    font-size: 0;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}

.allModels .owl-controls .owl-next {
    height: 40px;
    width: 40px;
    font-size: 0;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}

.allModels .owl-controls .owl-prev {
    height: 40px;
    width: 40px;
    font-size: 0;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}

.allModels .owl-controls .owl-next {
    background: url(../img/next.png) no-repeat 0 0;
    margin-left: 20px;
    background-size: contain!important
}

.allModels .owl-controls .owl-prev {
    background: url(../img/prev.png) no-repeat 0 0;
    background-size: contain!important;
    right: 57px
}

.allModels .owl-controls .owl-next:hover {
    background: url(../img/next-hover.png) no-repeat 0 0;
    margin-left: 20px;
    background-size: contain!important
}

.allModels .owl-controls .owl-prev:hover {
    background: url(../img/prev-hover.png) no-repeat 0 0;
    background-size: contain!important
}

.allModels .title {
    font-weight: 700;
    margin: 0 0 39px;
    color: #000d14;
    font-size: 56px;
    text-transform: uppercase;
    position: relative;
    line-height: 40px;
    text-align: center
}

.allModels .title small {
    display: block;
    font-size: 25px
}

.allModels.brochure {
    padding: 0
}

.allModels.brochure li {
    position: relative;
    float: left;
    width: 25%;
    padding: 10px
}

.allModels.brochure li .download {
    display: block;
    width: 53px;
    height: 53px;
    text-align: center;
    position: absolute;
    right: 25px;
    bottom: 10px;
    border-radius: 50px;
    padding: 8px 0 0
}

.model-line {
    padding: 53px 0;
    position: relative;
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
    background-image: url(../img/bg-model-line.jpg)
}

.model-line::after {
    background: rgba(0, 13, 20, .8);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.model-line .container {
    z-index: 2
}

.model-line .sub-hed {
    color: #fff
}

.model-line .sub-hed span {
    color: #d3191f
}

.model-line .container {
    position: relative
}

.model-line .colum figure {
    padding: 0 0 35px
}

.model-line .colum h3 {
    font-size: 18px;
    color: #fff;
    padding: 0 0 39px;
    text-transform: uppercase;
    font-weight: 800;
    position: relative
}

.model-line .colum h3::after {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 85px;
    background: #d3191f;
    display: block;
    height: 1px;
    content: ""
}

.model-line .colum h3::before {
    position: absolute;
    left: 0;
    bottom: 16px;
    width: 55px;
    background: #d3191f;
    display: block;
    height: 1px;
    content: ""
}

.model-line .colum .content-1 {
    padding: 0 15px 40px;
    min-height: 80px;
    font-weight: 600;
    font-size: 13px;
    color: silver
}

.model-line .colum .content-1 .more {
    position: absolute;
    left: 9px;
    bottom: 0;
    background: #d3191f;
    color: #fff;
    text-align: center;
    line-height: 22px;
    font-size: 13px;
    border-radius: 25px;
    padding: 3px 40px 3px 15px
}

.model-line .colum .content-1 .more::after {
    position: absolute;
    right: 11px;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url(../img/sprite.png) no-repeat -79px -36px;
    content: ""
}

.model-line .colum .content-1 .more:focus,
.model-line .colum .content-1 .more:hover {
    text-decoration: none
}

.model-line .container {
    position: relative
}

.model-line .owl-controls {
    position: absolute;
    right: 0;
    top: -91px
}

.model-line .owl-controls .owl-next,
.model-line .owl-controls .owl-prev {
    float: left;
    border: 1px solid #c9c9c9;
    width: 35px;
    height: 35px;
    text-indent: -999em;
    display: block;
    overflow: hidden;
    font-size: 0;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}

.model-line .owl-controls .owl-next {
    background: url(../img/sprite.png) no-repeat -70px -29px;
    margin-left: -1px
}

.model-line .owl-controls .owl-prev {
    background: url(../img/sprite.png) no-repeat -110px -29px
}

.model-line .owl-controls .owl-prev:hover {
    background: url(../img/sprite.png) no-repeat -110px -29px #d3191f
}

.model-line .owl-controls .owl-next:hover {
    background: url(../img/sprite.png) no-repeat -70px -29px #d3191f
}

.home-services {
    border-top: 1px solid #fff;
    background: url(../img/shade1.jpg) repeat-x 0 0 #e4e3e3;
    padding: 51px 0
}

.home-services h2 {
    position: relative;
    padding: 0 0 23px;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    color: #030d13;
    text-transform: uppercase
}

.home-services h2::after {
    position: absolute;
    left: 0;
    bottom: 22px;
    width: 85px;
    background: #030d13;
    display: block;
    height: 1px;
    content: ""
}

.home-services h2::before {
    position: absolute;
    left: 0;
    bottom: 17px;
    width: 55px;
    background: #030d13;
    display: block;
    height: 1px;
    content: ""
}

.home-services figure {
    float: left;
    width: 43%
}

.home-services article {
    float: left;
    width: 57%;
    font-size: 13px;
    color: #636363
}

.home-services article .more {
    color: #000d14;
    font-size: 11px;
    font-family: Poppins, sans-serif;
    display: inline-block;
    border: 1px solid #c9c9c9;
    padding: 4px 9px;
    border-radius: 1px;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}

.home-services article .more:focus,
.home-services article .more:hover {
    color: #fff;
    background: #000d14;
    border-color: #000d14;
    text-decoration: none
}

.home-services .middle {
    position: relative
}

.home-services .middle::before {
    position: relative;
    position: absolute;
    left: 0;
    top: 29px;
    bottom: 0;
    width: 1px;
    display: block;
    content: "";
    background: #bfc1c2
}

.home-services .middle::after {
    position: relative;
    position: absolute;
    right: 0;
    top: 29px;
    bottom: 0;
    width: 1px;
    display: block;
    content: "";
    background: #bfc1c2
}

.inner-banner {
    position: relative;
    background-position: center top;
    height: 713px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 112px 0 0
}

.inner-banner::after {
    position: absolute;
    left: 0;
    top: 0;
    height: 214px;
    width: 100%;
    background: url(../img/banner-shade.png) repeat-x 0 0;
    display: block;
    content: "";
    z-index: 10;
    pointer-events: none;
    display: none
}

.inner-banner .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.inner-banner .content-1 {
    background: rgba(0, 0, 0, .8);
    padding: 40px 25px;
    font-family: Poppins, sans-serif;
    color: #fff;
    float: right;
    width: 375px;
    text-align: left;
    font-size: 14px;
    margin-right: -15px
}

.inner-banner .content-1 .title {
    color: #d3191f;
    text-transform: uppercase;
    font-size: 27px;
    font-weight: 600;
    line-height: 42px
}

.inner-banner .content-1 .title strong {
    color: #fff;
    font-size: 47px;
    display: block
}

#detail-container {
    padding: 105px 0 0;
    position: relative;
    line-height: 28px
}

#detail-container ul.scrooling-nav {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 0;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    z-index: 3;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}

#detail-container ul.scrooling-nav li {
    display: inline-block;
    border-right: 1px solid #ebeaea
}

#detail-container ul.scrooling-nav li:last-child {
    border-right: 0
}

#detail-container ul.scrooling-nav.fixed {
    position: fixed;
    width: 100%;
    top: 0
}

#detail-container #features,
#detail-container #gallery,
#detail-container #models,
#detail-container #overview,
#detail-container #perfomance,
#detail-container #specifications {
    position: relative;
    top: -50px
}

#detail-container ul.scrooling-nav {
    border-top: 4px solid #d3191f;
    background: #efefef;
    background: -moz-linear-gradient(top, #efefef 0, #fff 100%);
    background: -webkit-linear-gradient(top, #efefef 0, #fff 100%);
    background: linear-gradient(to bottom, #efefef 0, #fff 100%);
    box-shadow: 0 3px 5px #b4b4b4
}

#detail-container ul.scrooling-nav li a {
    display: inline-block;
    padding: 20px;
    text-align: center;
    color: #303030;
    font-size: 18px;
    position: relative;
    margin-left: -6px
}

#detail-container ul.scrooling-nav li a:hover,
#detail-container ul.scrooling-nav li a:focus {
    text-decoration: none
}

#detail-container ul.scrooling-nav li.active a::after {
    position: absolute;
    left: 50%;
    top: 100%;
    border-top: 10px solid #d3191f;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    margin-left: -10px
}

#detail-container ul.scrooling-nav li.active a,
#detail-container ul.scrooling-nav li:hover a {
    background: #d3191f;
    color: #fff
}

#detail-container ul.scrooling-nav li a:focus {
    text-decoration: none
}

#detail-container ul.scrooling-nav li i {
    margin: 0 auto;
    height: 33px;
    display: block
}

#detail-container ul.scrooling-nav li.overview i {
    width: 50px;
    background: url(../img/sprite.png) no-repeat -57px -64px
}

#detail-container ul.scrooling-nav li.gallery i {
    width: 50px;
    background: url(../img/sprite.png) no-repeat -57px -101px
}

#detail-container ul.scrooling-nav li.models i {
    width: 50px;
    background: url(../img/sprite.png) no-repeat -57px -139px
}

#detail-container ul.scrooling-nav li.features i {
    width: 50px;
    background: url(../img/sprite.png) no-repeat -57px -181px
}

#detail-container ul.scrooling-nav li.specifications i {
    width: 50px;
    background: url(../img/sprite.png) no-repeat -57px -223px
}

#detail-container ul.scrooling-nav li.performance i {
    width: 50px;
    background: url(../img/sprite.png) no-repeat -57px -263px
}

#detail-container ul.scrooling-nav li.overview:hover i {
    background: url(../img/sprite.png) no-repeat 4px -64px
}

#detail-container ul.scrooling-nav li.gallery:hover i {
    background: url(../img/sprite.png) no-repeat 4px -101px
}

#detail-container ul.scrooling-nav li.models:hover i {
    background: url(../img/sprite.png) no-repeat 4px -139px
}

#detail-container ul.scrooling-nav li.features:hover i {
    background: url(../img/sprite.png) no-repeat 4px -181px
}

#detail-container ul.scrooling-nav li.specifications:hover i {
    background: url(../img/sprite.png) no-repeat 4px -223px
}

#detail-container ul.scrooling-nav li.performance:hover i {
    background: url(../img/sprite.png) no-repeat 4px -263px
}

#detail-container ul.scrooling-nav li.overview.active a i {
    background: url(../img/sprite.png) no-repeat 4px -64px
}

#detail-container ul.scrooling-nav li.gallery.active a i {
    background: url(../img/sprite.png) no-repeat 4px -101px
}

#detail-container ul.scrooling-nav li.models.active a i {
    background: url(../img/sprite.png) no-repeat 4px -139px
}

#detail-container ul.scrooling-nav li.features.active a i {
    background: url(../img/sprite.png) no-repeat 4px -181px
}

#detail-container ul.scrooling-nav li.specifications.active a i {
    background: url(../img/sprite.png) no-repeat 4px -223px
}

#detail-container ul.scrooling-nav li.performance.active a i {
    background: url(../img/sprite.png) no-repeat 4px -263px
}

#detail-container.sticky ul.scrooling-nav li {
    border-right: 1px solid #434343
}

#detail-container.sticky ul.scrooling-nav li a i {
    opacity: 0
}

#detail-container.sticky ul.scrooling-nav {
    position: fixed;
    top: 0;
    width: 100%;
    background: #e1e1e1
}

.sections {
    padding: 78px 0
}

.page-hed {
    text-transform: uppercase;
    font-size: 39px;
    margin-bottom: 42px;
    color: #2b2b2b;
    position: relative;
    padding-left: 24px;
    font-weight: 700;
    line-height: 42px
}

.page-hed::before {
    position: absolute;
    left: 0;
    width: 5px;
    height: 100%;
    height: 100%;
    background: #d3191f;
    display: block;
    content: "";
    top: 0
}

.section-overview article {
    width: 60%;
    float: left;
    padding: 0 50px 0 0
}

.section-overview article .buttons {
    padding: 50px 0
}

.section-overview article .buttons a {
    display: inline-block;
    position: relative;
    font-size: 18px;
    padding: 15px 27px 19px 60px;
    color: #2b2b2b;
    border: 1px solid #d6d6d6;
    border-top: 0;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease;
    margin: 0 10px 10px 0
}

.section-overview article .buttons a:focus,
.section-overview article .buttons a:hover {
    color: #2b2b2b;
    text-decoration: none
}

.section-overview article .buttons a.drive::before {
    background: #d3191f;
    display: block;
    left: 0;
    bottom: 100%;
    content: "";
    width: 101%;
    height: 5px;
    position: absolute;
    margin-left: -1px
}

.section-overview article .buttons a.sales::before {
    background: #d3191f;
    display: block;
    left: 0;
    bottom: 100%;
    content: "";
    width: 101%;
    height: 5px;
    position: absolute;
    margin-left: -1px
}

.section-overview article .buttons a.enquiry::before {
    background: #020303;
    display: block;
    left: 0;
    bottom: 100%;
    content: "";
    width: 101%;
    height: 5px;
    position: absolute;
    margin-left: -1px
}

.section-overview article .buttons a i {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 41px;
    height: 37px
}

.section-overview article .buttons a.drive i {
    position: absolute;
    left: 14px;
    top: 13px;
    width: 41px;
    height: 37px;
    background: url(../img/sprite.png) -121px -64px no-repeat
}

.section-overview article .buttons a.enquiry i {
    position: absolute;
    left: 14px;
    top: 13px;
    width: 41px;
    height: 37px;
    background: url(../img/sprite.png) -121px -108px no-repeat
}

.section-overview article .buttons a.drive:hover {
    background: #020303;
    color: #fff
}

.section-overview article .buttons a.enquiry:hover {
    background: #d3191f;
    color: #fff
}

.section-overview article .buttons a.drive:hover i {
    background: url(../img/sprite.png) -162px -64px no-repeat
}

.section-overview article .buttons a.enquiry:hover i {
    background: url(../img/sprite.png) -162px -108px no-repeat
}

.section-overview article .buttons a.sales i {
    position: absolute;
    left: 14px;
    top: 13px;
    width: 41px;
    height: 37px;
    background: url(../img/sprite.png) -60px -222px no-repeat
}

.section-overview article .buttons a.sales:hover {
    background: #020303;
    color: #fff
}

.section-overview article .buttons a.sales:hover i {
    background: url(../img/sprite.png) 4px -222px no-repeat
}

.section-overview figure {
    border: 1px solid #d6d6d6;
    padding: 15px 15px 0;
    margin: 38px 0 0;
    float: left;
    width: 40%;
    position: relative
}

.section-overview figure .carousel-indicators {
    position: static;
    width: auto;
    margin-left: 0;
    margin: 40px 0 0;
    float: right
}

.section-overview figure .carousel-indicators li {
    width: 20px;
    height: 20px;
    border: 1px solid #c6c6c6;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4ms;
    border-radius: 50px
}

.section-overview figure .carousel-indicators li img {
    display: block
}

.section-overview figure .carousel-indicators .active {
    margin: 1px;
    width: 27px;
    height: 27px;
    top: 3px;
    position: relative
}

.section-overview figure .text {
    position: absolute;
    right: 10px;
    bottom: 37px;
    margin: 0;
    padding: 0;
    color: #000
}

.section-gallery {
    padding-bottom: 0;
    background: #fafafa
}

.section-gallery ul {
    text-align: center;
    padding: 0 0 50px
}

.section-gallery ul li {
    display: inline-block;
    width: 20%;
    overflow: hidden;
    margin-left: -4px;
    margin-bottom: -8px;
    position: relative
}

.section-gallery ul li .title {
    position: absolute;
    padding: 20px;
    left: 0;
    bottom: 10px;
    color: #fff;
    width: 100%;
    font-weight: 400;
    font-size: 17px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%)
}

.section-gallery ul li img {
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1)
}

.section-gallery ul li:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2)
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .section-gallery ul li,
     ::i-block-chrome {
        margin-bottom: 0
    }
}

@media not all and (min-resolution:.001dpcm) {
    @supports(-webkit-appearance: none) and (not (stroke-color: transparent)) {
        .section-gallery ul li {
            margin-bottom: 0
        }
    }
}

.section-gallery ul li a {
    display: inline-block
}

.section-model .page-hed,
.section-gallery .page-hed {
    text-align: center;
    padding-left: 0
}

.section-model .page-hed::after,
.section-gallery .page-hed::after {
    padding-left: 0;
    position: absolute;
    left: 50%;
    width: 115px;
    background: #c9c9c9;
    height: 1px;
    display: block;
    bottom: -10px;
    content: "";
    margin-left: -57px
}

.section-model .page-hed::before,
.section-gallery .page-hed::before {
    padding-left: 0;
    position: absolute;
    left: 50%;
    width: 45px;
    background: #c9c9c9;
    height: 1px;
    display: block;
    bottom: -15px;
    content: "";
    margin-left: -22px;
    top: auto
}

.section-model ul li {
    float: left;
    width: 33.33%;
    padding: 15px
}

.section-model ul li figure {
    padding-bottom: 40px
}

.section-model ul li article {
    padding: 0 0 0 20px
}

.content {
    margin: 0;
    height: 115px;
    overflow: auto
}

.section-model ul li h4 {
    position: relative;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    padding: 0 0 32px;
    color: #000
}

.section-model ul li h4::after {
    position: absolute;
    width: 115px;
    background: #c9c9c9;
    height: 1px;
    display: block;
    bottom: 21px;
    content: ""
}

.section-model ul li h4::before {
    position: absolute;
    width: 45px;
    background: #c9c9c9;
    height: 1px;
    display: block;
    bottom: 16px;
    content: ""
}

ul.bullet-list li {
    position: relative;
    padding: 0 0 0 15px;
    color: #373737;
    float: none;
    width: auto;
    font-size: 13px;
    line-height: 22px
}

ul.bullet-list li::before {
    position: absolute;
    width: 7px;
    height: 7px;
    background: #000;
    display: block;
    content: "";
    left: 0;
    top: 10px;
    border-radius: 20px
}

.section-features {
    background: url(../img/toyota.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed
}

.section-features .page-hed {
    text-align: center;
    padding-left: 0;
    color: #fff
}

.section-features .page-hed::after {
    padding-left: 0;
    position: absolute;
    left: 50%;
    width: 115px;
    background: #c9c9c9;
    height: 1px;
    display: block;
    bottom: -10px;
    content: "";
    margin-left: -57px
}

.section-features .page-hed::before {
    padding-left: 0;
    position: absolute;
    left: 50%;
    width: 45px;
    background: #c9c9c9;
    height: 1px;
    display: block;
    bottom: -15px;
    content: "";
    margin-left: -22px;
    top: auto
}

.section-features figure {
    padding-bottom: 22px;
    border-top: 4px solid #d3191f
}

.section-features figure img {
    width: 100%
}

.section-features ul li {
    float: left;
    width: 33.33%;
    padding: 15px;
    color: #b6b6b6
}

.section-features ul li h4 {
    position: relative;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    padding: 0 0 32px;
    color: #fff;
    text-transform: uppercase
}

.section-features ul li h4::after {
    position: absolute;
    width: 115px;
    background: #d3191f;
    height: 1px;
    display: block;
    bottom: 21px;
    content: ""
}

.section-features ul li h4::before {
    position: absolute;
    width: 45px;
    background: #d3191f;
    height: 1px;
    display: block;
    bottom: 16px;
    content: ""
}

.section-features ul.bullet-list li {
    position: relative;
    padding: 0 0 5px 15px;
    color: #b6b6b6;
    float: none;
    width: auto;
    font-size: 13px;
    line-height: 22px;
    font-size: 14px
}

.section-features ul.bullet-list li::before {
    position: absolute;
    width: 7px;
    height: 7px;
    background: #858585;
    display: block;
    content: "";
    left: 0;
    top: 10px;
    border-radius: 20px
}

.section-specifications {
    background: #fafafa
}

.section-specifications table tr.demos th {
    padding: 3px;
    color: #000;
    text-transform: uppercase
}

.section-specifications table tr td {
    padding: 3px 7px
}

.section-specifications table tr.demos img {
    max-width: 200px;
    border: 1px solid #ccc;
    display: block;
    margin: 0 0 4px
}

.section-specifications table tr.demos .specification-title {
    font-size: 12px;
    padding: 5px 10px 0;
    height: 84px;
    line-height: 23px
}

.section-specifications table tr.TBLsub-hed {
    background: #000!important;
    color: #fff;
    font-weight: 500;
    font-size: 15px
}

.section-specifications table {
    width: 100%;
    color: #2b2b2b;
    font-size: 14px
}

.section-specifications table td {
    border-right: 1px solid #b9b9b9
}

.section-specifications table tr {
    border-left: 1px solid #b9b9b9;
    border-bottom: 1px solid #e6e6e6
}

.section-specifications table tr.demos {
    border-left: 0
}

.section-specifications table td:first-child {
    width: 50%
}

.section-specifications .table-container {
    font-family: Poppins, sans-serif
}

.section-safety {
    background: url(../img/bg-safety.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed
}

.section-safety .page-hed {
    text-align: center;
    padding-left: 0;
    color: #fff
}

.section-safety .page-hed::after {
    padding-left: 0;
    position: absolute;
    left: 50%;
    width: 115px;
    background: #c9c9c9;
    height: 1px;
    display: block;
    bottom: -10px;
    content: "";
    margin-left: -57px
}

.section-safety .page-hed::before {
    padding-left: 0;
    position: absolute;
    left: 50%;
    width: 45px;
    background: #c9c9c9;
    height: 1px;
    display: block;
    bottom: -15px;
    content: "";
    margin-left: -22px;
    top: auto
}

.section-safety .nav-tabs {
    text-align: center;
    padding: 40px 0 0;
    border-bottom: 0
}

.section-safety .nav-tabs li {
    text-align: center;
    float: none;
    display: inline-block
}

.section-safety .nav-tabs>li a:focus,
.section-safety .nav-tabs>li a:hover,
.section-safety .nav-tabs>li.active>a,
.section-safety .nav-tabs>li.active>a:focus,
.section-safety .nav-tabs>li.active>a:hover {
    background: 0 0;
    border: 0;
    margin: 0;
    border-bottom: 8px solid #fff;
    color: #fff;
    text-transform: uppercase
}

.section-safety .nav-tabs>li,
.section-safety .nav-tabs>li a,
.section-safety .nav-tabs>li a:hover {
    margin: 0;
    text-transform: uppercase;
    color: #fff
}

.section-safety .nav-tabs>li>a {
    border: 0;
    font-size: 15px;
    padding: 0 91px 21px;
    border-bottom: 8px solid #fff;
    position: relative
}

.section-safety .nav-tabs>li>a i {
    display: block;
    padding: 0 0 10px
}

.section-safety .nav-tabs>li.active a::after {
    position: absolute;
    left: 50%;
    top: 100%;
    border-top: 13px solid #fff;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    margin-top: 8px;
    margin-left: -7px
}

.section-safety .nav-tabs>li>a::after {
    position: absolute;
    left: 50%;
    top: 100%;
    border-top: 0 solid #fff;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    margin-top: 8px;
    margin-left: -7px;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}

.section-safety .tab-content>.tab-pane {
    background: rgba(255, 255, 255, .1);
    border: 10px solid rgba(0, 0, 0, .1);
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px;
    color: #fff
}

.section-safety .tab-content {
    padding: 50px 0 0
}

.strip {
    height: 20px;
    background: url(../img/strip.jpg) repeat-x 0 0
}

.section-safety .tab-content>.tab-pane ul li {
    position: relative;
    padding: 0 0 15px 25px
}

.section-safety .tab-content>.tab-pane ul li::before {
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    background: #d3191f;
    content: "";
    left: 0;
    top: 9px;
    border-radius: 20px
}

.container-inner {
    padding: 184px 0 75px;
    background: #fff;
    position: relative;
    z-index: 10
}

.container-inner .page-hed2 {
    text-transform: uppercase;
    font-size: 39px;
    margin-bottom: 48px;
    color: #2b2b2b;
    position: relative;
    font-weight: 700;
    line-height: 42px;
    text-align: center
}

.container-inner .page-hed2.text-left {
    text-align: left
}

.container-inner .page-hed2 h1 {
    font-size: inherit;
    font-weight: inherit
}

.container-inner .page-hed2::before {
    position: absolute;
    left: 50%;
    width: 120px;
    height: 1px;
    background: #c3c3c3;
    display: block;
    content: "";
    margin-left: -60px;
    bottom: -21px;
    display: none
}

.container-inner .page-hed2 small {
    color: #5e5e5e;
    font-size: 60%;
    display: block;
    font-weight: 300
}

.content-about {
    padding: 0 12% 100px
}

.two-colum-about figure {
    width: 52%;
    float: left;
    border: 1px solid #d1d1d1;
    padding: 40px
}

.two-colum-about figure img {
    display: block;
    width: 100%
}

.two-colum-about article {
    width: 48%;
    float: left;
    padding: 0 0 40px 69px
}

.two-colum-about article .heading {
    text-transform: uppercase;
    font-size: 39px;
    margin-bottom: 48px;
    color: #2b2b2b;
    position: relative;
    font-weight: 700;
    line-height: 42px;
    margin-top: 45px
}

.two-colum-about article .heading::before {
    position: absolute;
    left: 0;
    width: 5px;
    height: 100%;
    background: #d3191f;
    display: block;
    content: "";
    top: 0;
    z-index: 6
}

.two-colum-about article .heading::after {
    position: absolute;
    left: 0;
    width: 80%;
    height: 1px;
    background: #c3c3c3;
    display: block;
    content: "";
    top: 50%
}

.two-colum-about article .heading span {
    padding-left: 20px;
    padding-right: 4px;
    display: inline-block;
    background: #fff;
    position: relative;
    z-index: 5
}

.two-colum-about article ul.bullet-list li {
    font-size: inherit;
    padding-bottom: 25px
}

.award-listing {
    border: 1px solid #d1d1d1;
    padding: 40px
}

.award-listing.video figure {
    padding: 0
}

.award-listing figure {
    padding: 0 0 78px;
    position: relative
}

.award-listing figure iframe {
    width: 100%;
    height: 500px
}

.award-listing figure .year {
    position: absolute;
    left: -61px;
    bottom: 30px;
    background: #2b2b2b;
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    padding: 20px 40px;
    border-top: 1px solid #d3191f;
    font-family: open sans, sans-serif
}

.award-listing figure img {
    display: block;
    width: 100%
}

.award-listing h3 {
    padding-bottom: 25px
}

.award-listing p {
    padding: 0 0 18px 25px;
    color: #2f2f2f;
    font-size: 16px;
    position: relative!important
}

.award-listing p strong {
    font-weight: 600;
    color: #3f3f3f;
    font-size: 110%;
    display: block
}

.award-listing p::before {
    position: absolute;
    left: 0;
    top: 11px;
    width: 7px;
    height: 7px;
    background: #2b2b2b;
    border-radius: 30px;
    display: block;
    content: ""
}

.award-listing h2 {
    color: #262626;
    font-weight: 400;
    font-size: 27px;
    padding: 0 0 11px;
    text-align: left
}

.award-listing.news-listing p {
    padding: 0 0 25px
}

.award-listing.news-listing h4 {
    padding: 0 0 25px;
    font-family: open sans, sans-serif
}

.award-listing.news-listing p::before {
    display: none
}

.award-listing.news-listing figure {
    padding: 0 0 34px
}

.grid.service-centers li {
    width: 33.33%
}

.grid.service-centers li .award-listing address {
    font-family: open sans, sans-serif;
    font-size: 14px
}

.grid.service-centers li .award-listing address h4 {
    font-size: 20px;
    font-weight: 700;
    padding: 0 0 10px
}

.grid.service-centers li .award-listing figure {
    padding: 0 0 33px
}

.grid.service-centers li .award-listing {
    padding: 25px
}

.grid.service-centers li .award-listing h2 {
    padding: 10px;
    background: #2b2b2b;
    border-top: 1px solid #d3191f;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 700
}

ul.grid.CSR li p {
    padding: 0 0 20px;
    position: static
}

ul.grid.CSR li {}

ul.grid.CSR li p::before {
    display: none
}

ul.grid.CSR figure {
    padding: 0 0 26px
}

ul.grid.CSR li p:last-child {
    padding: 0
}

ul.csr-tabs {
    text-align: center;
    padding: 0 0 50px
}

ul.csr-tabs li {
    display: inline-block;
    position: relative;
    margin-left: -2px
}

ul.csr-tabs li a {
    display: inline-block;
    padding: 10px 35px;
    color: #fff;
    background: #353537;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}

ul.csr-tabs li a:hover {
    background: #d3191f;
    text-decoration: none
}

ul.csr-tabs li.active a {
    background: #d3191f
}

ul.csr-tabs li.active::after {
    position: absolute;
    left: 50%;
    top: 100%;
    border-top: 10px solid #d3191f;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    margin-left: -9px
}

.cms h2 {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    padding: 0 0 20px
}

.cms h3 {
    color: #000;
    font-size: 19px;
    font-weight: 700;
    padding: 0 0 20px
}

.cms ul {
    padding: 0 0 25px 15px
}

.cms ul li {
    font-size: 80%;
    padding: 0 0 8px 25px;
    background: url(../img/arrow.png) no-repeat 0 7px
}

.cms table th {
    color: #000
}

.cms ol {
    padding-bottom: 20px;
    list-style-type: decimal
}

.cms ol li {
    list-style: decimal;
    list-style-type: decimal;
    list-style-position: inside;
    display: list-item;
    list-style-position: outside
}

.cms dl {
    padding: 0 0 0 20px
}

.cms dl dt {
    font-size: 16px
}

.cms dl dd {
    padding: 0 0 20px
}

.cms ol li a,
.cms ul li a {
    color: #000
}

.cms ol li {
    color: #000;
    padding: 0 0 15px
}

.cms .panel-default>.panel-heading {
    padding: 10px;
    font-size: 25px;
    font-weight: 700
}

.enquiry {
    border-bottom: 1px solid #cecece;
    border-top: 1px solid #cecece;
    margin-bottom: 25px;
    padding: 25px 0;
    font-family: open sans, sans-serif
}

.enquiry ul {
    padding: 0
}

.enquiry ul li {
    display: inline-block;
    font-size: 22px;
    color: #000;
    padding: 0 25px 0 0;
    background: 0 0
}

.enquiry ul li i {
    font-size: 180%;
    position: relative;
    top: 6px
}

.banner-vehicle {
    background: #f8f8f8;
    position: relative;
    padding: 30px 0;
    text-align: justify;
    margin-top: 51px;
    margin-bottom: 35px
}

.banner-vehicle figure {
    margin: 0 auto;
    max-width: 800px;
    text-align: center
}

.banner-vehicle p:last-child {
    padding-bottom: 0
}

.service-three-colum {
    text-align: justify
}

.service-three-colum .colums {
    float: left;
    width: 33.33%;
    padding: 116px 0 75px
}

.service-three-colum .colums figure {
    text-align: center
}

.service-three-colum .colums figcaption {
    text-align: center;
    padding: 10px 0 20px;
    font-weight: 300;
    font-size: 18px;
    color: #000
}

.service-three-colum .colums figcaption strong {
    font-weight: 700;
    color: #d0181e;
    display: block;
    font-size: 180%
}

.service-three-colum .colums.first {
    padding-right: 50px
}

.service-three-colum .colums.last {
    padding-left: 50px
}

.service-three-colum .colums.second {
    padding-right: 50px;
    padding-left: 50px;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0
}

.service-three-colum ul li {
    padding: 0 0 10px 25px;
    background: url(../img/arrow.png) no-repeat 0 9px;
    color: #000;
    font-weight: 600;
    font-size: 80%;
    text-align: left
}

.MD-msg figure {
    width: 35%;
    position: relative
}

.MD-msg article {
    width: 65%
}

.MD-msg figure img {
    position: relative
}

.MD-msg figure::after {
    position: absolute;
    right: 31px;
    top: 40px;
    width: 10px;
    height: 150px;
    background: #000;
    display: block;
    content: ""
}

.MD-msg figure::before {
    position: absolute;
    right: 31px;
    top: 31px;
    width: 150px;
    height: 10px;
    background: #000;
    display: block;
    content: ""
}

.md {
    padding-bottom: 25px;
    font-size: 28px;
    font-weight: 300;
    color: #000
}

.md small {
    display: block;
    font-weight: 500;
    font-size: 14px
}

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #eee
}

.panel-default>.panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #fafafa;
    border-color: #eee
}

.panel-title {
    font-size: 14px
}

.panel-title>a {
    display: block;
    padding: 15px;
    text-decoration: none
}

.more-less {
    float: right;
    color: #191919
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #eee
}

.branch-selector {
    background: #ededed;
    color: #353535;
    border-bottom: 1px solid #a7a7a7;
    border-top: 1px solid #a7a7a7
}

.branch-selector .container {
    position: relative
}

.branch-selector .select {
    width: 33.33%;
    float: left;
    position: relative;
    border-right: 1px solid #d6d6d6;
    margin: 0
}

.branch-selector .select.first {
    border-left: 1px solid #d6d6d6
}

.branch-selector .select select {
    width: 100%;
    height: 73px;
    border: 0;
    background: #cf171b;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 0 0 35px
}

.branch-selector .select::after {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: url(../img/down-arrow.png) no-repeat center center;
    content: "";
    pointer-events: none;
    display: block
}

.branch-selector .search {
    position: absolute;
    right: 0;
    right: 0;
    width: 90px;
    height: 100%;
    background: url(../img/icon-serch.png) no-repeat center center;
    border: 0;
    display: block
}

.location-map {
    position: relative;
    height: 500px
}

.location-map iframe {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 497px
}

.branches {
    background-color: #e8e8e8;
    position: relative;
    padding: 90px 0
}

.branches.dealer-find {
    padding-top: 0
}

.branches figure {
    position: absolute;
    right: 0;
    bottom: -100px;
    pointer-events: none;
    width: 70%;
    text-align: right
}

.branches .title {
    font-weight: 700;
    font-size: 37px;
    padding: 0 0 50px;
    position: relative;
    line-height: 37px;
    text-align: center
}

.branches ul.branch-listing {
    text-align: center;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 50px
}

.branches ul.branch-listing li {
    padding: 0 0 60px;
    display: inline-block;
    width: 24%;
    text-align: left
}

.branches ul.branch-listing li ul li {
    padding: 0 0 5px 25px;
    display: block;
    width: 100%;
    font-family: open sans, sans-serif;
    min-height: 0;
    height: auto!important
}

.branches ul.branch-listing li ul li.phone {
    background: url(../img/icon-phone.png) no-repeat 0 4px
}

.branches ul.branch-listing li ul li.fax {
    background: url(../img/icon-fax.png) no-repeat 0 4px
}

.branches ul.branch-listing li ul li.email {
    background: url(../img/icon-email.png) no-repeat 0 4px
}

.branches ul.branch-listing li h4 {
    font-size: 16px;
    padding: 0 0 15px;
    font-weight: 700
}

.branches ul.branch-listing li ul li a {
    color: #000
}

.dealer-details {
    padding: 99px 0 0
}

.modal-dialog.search-popup {
    margin: 100px auto;
    width: 1199px
}

.modal-dialog.search-popup .modal-content {
    margin: 100px auto;
    width: 1199px;
    border-radius: 0
}

.modal-dialog.search-popup .modal-content .btn-close {
    position: absolute;
    right: 30px;
    bottom: 100%;
    background: url(../img/close.png) no-repeat center center #000;
    border: 0;
    padding: 25px 24px 0;
    border-radius: 25px 25px 0 0
}

.modal-backdrop {
    background: #242424
}

.modal-dialog.search-popup .modal-content .modal-body {
    padding: 0 0 0 50%;
    background: #efefef
}

.modal-dialog.search-popup .modal-content .modal-body::before {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/logo-small.png) no-repat center center #efefef;
    width: 112px;
    height: 100%;
    z-index: 10;
    content: "";
    display: block
}

.modal-dialog.search-popup .modal-content .modal-body::after {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/car-popup.png) no-repeat center center #fff;
    width: 50%;
    height: 100%;
    z-index: 8;
    content: "";
    display: block
}

.modal-dialog.search-popup .modal-content .modal-body .frame {
    padding: 150px 50px
}

.modal-dialog.search-popup .modal-content .modal-body h2 {
    font-weight: 700;
    font-size: 27px;
    padding: 0 0 20px;
    color: #000
}

.modal-dialog.search-popup .modal-content .modal-body .frame .field {
    position: relative;
    margin-bottom: 20px
}

.modal-dialog.search-popup .modal-content .modal-body .frame .field .form-control {
    border-radius: 0;
    height: 50px;
    border-color: #dedddd
}

.modal-dialog.search-popup .modal-content .modal-body .frame .field::before {
    position: absolute;
    right: 8px;
    top: 15px;
    content: "";
    border-top: 20px solid #000;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    z-index: 99;
    pointer-events: none
}

.modal-dialog.search-popup .modal-content .modal-body .frame .field::after {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 100%;
    display: block;
    background: #fff;
    z-index: 2;
    content: "";
    pointer-events: none;
    border-top: 1px solid #dedddd;
    border-right: 1px solid #dedddd;
    border-bottom: 1px solid #dedddd
}

.modal-dialog.search-popup .modal-content .modal-body .car {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: url(../img/car-popup.png) no-repeat right center #fff;
    border-top: 10px solid #efefef;
    border-bottom: 10px solid #efefef
}

.modal-dialog.search-popup .modal-content .modal-body .car::after {
    width: 100px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: url(../img/logo-small.png) no-repeat center center #efefef;
    content: ""
}

.modal-dialog.search-popup .modal-content .modal-body .frame .btn {
    background: #1a1b1d;
    border: 0;
    display: inline-block;
    font-size: 23px;
    color: #fff;
    padding: 10px 35px;
    border-radius: 25px
}

.new-arrivals {
    background: #f6f6f6;
    position: relative
}

.new-arrivals h2 {
    background: #f6f6f6
}

.new-arrivals .container {
    position: relative;
    z-index: 99
}

.new-arrivals .container .title {
    position: absolute;
    left: 0;
    top: 115px;
    font-size: 55px;
    text-transform: uppercase;
    font-weight: 400;
    background: rgba(255, 255, 255, .5)
}

.new-arrivals .container .title strong {
    font-weight: 700
}

.new-arrivals .carousel-control {
    width: 100%;
    bottom: 10%;
    top: auto;
    opacity: 1
}

.new-arrivals .carousel-inner {
    min-height: 500px
}

.new-arrivals .carousel-control .container {
    position: relative;
    text-align: right
}

.new-arrivals .carousel-control .container .left,
.new-arrivals .carousel-control .container .right {
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4ms;
    opacity: .7
}

.new-arrivals .carousel-control .container .left:hover,
.new-arrivals .carousel-control .container .right:hover {
    opacity: 1
}

.new-arrivals .carousel-inner .item {
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    min-height: 991px;
    background-size: cover
}

.new-arrivals .carousel-inner .item .description {
    position: absolute;
    width: 50%;
    height: 100%;
    background: rgba(254, 2, 2, .8);
    padding: 195px 0 155px;
    left: 50%
}

.new-arrivals .carousel-inner .item .description .frame {
    max-width: 700px;
    padding: 0 0 0 123px;
    color: #fff
}

.new-arrivals .carousel-inner .item .description .frame .caption {
    font-size: 43px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 0 25px;
    line-height: 33px
}

.new-arrivals .carousel-inner .item .description .frame .caption small {
    font-weight: 400;
    font-size: 22px;
    display: block
}

.new-arrivals .carousel-inner .item .description .frame .big {
    font-size: 27px
}

.new-arrivals .carousel-inner .item .description ul {
    padding: 0 0 50px
}

.new-arrivals .carousel-inner .item .description ul li {
    position: relative;
    padding: 0 0 5px 24px;
    font-size: 20px
}

.new-arrivals .carousel-inner .item .description ul li::before {
    position: absolute;
    left: 0;
    top: 11px;
    width: 7px;
    height: 7px;
    background: #fff;
    display: block;
    border-radius: 20px;
    content: ""
}

.new-arrivals .carousel-inner .item .description .btn {
    display: inline-block;
    font-size: 23px;
    color: #000;
    background: #fff;
    padding: 15px 90px;
    border-radius: 50px;
    font-weight: 600;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}

.new-arrivals .carousel-inner .item .description .btn:focus,
.new-arrivals .carousel-inner .item .description .btn:hover {
    background: #000;
    color: #fff;
    text-decoration: none
}

.whyToyota .title.mobile {
    display: none
}

.whyToyota ul.nav-tabs {
    float: left;
    width: 50%;
    padding: 10px
}

.whyToyota ul.nav-tabs li {
    float: left;
    width: 50%;
    padding: 10px;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 25px
}

.whyToyota ul.nav-tabs li.active>a,
.whyToyota ul.nav-tabs li.active>a:focus,
.whyToyota ul.nav-tabs li.active>a:hover {
    border: 0;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}

.whyToyota ul.nav-tabs>li>a {
    margin: 0;
    padding: 0;
    background: #e8e8e8;
    height: 457px;
    text-align: center;
    color: #000;
    border-radius: 0;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}

.whyToyota ul.nav-tabs li.active>a,
.whyToyota ul.nav-tabs li.active>a:focus,
.whyToyota ul.nav-tabs li.active>a:hover,
.whyToyota ul.nav-tabs>li>a:hover {
    color: #fff;
    text-decoration: none;
    background: #181817
}

.whyToyota ul.nav-tabs>li.safety>a i {
    margin: 0 auto 21px;
    width: 140px;
    height: 165px;
    display: block;
    background: url(../img/sprite2.png) no-repeat 0 0
}

.whyToyota ul.nav-tabs>li.comfort>a i {
    margin: 0 auto 21px;
    width: 149px;
    height: 165px;
    display: block;
    background: url(../img/sprite2.png) no-repeat 1px -164px
}

.whyToyota ul.nav-tabs>li.design>a i {
    margin: 0 auto 21px;
    width: 191px;
    height: 85px;
    display: block;
    background: url(../img/sprite2.png) no-repeat 0 -335px
}

.whyToyota ul.nav-tabs>li.performance>a i {
    margin: 0 auto 21px;
    width: 118px;
    height: 129px;
    display: block;
    background: url(../img/sprite2.png) no-repeat -5px -440px
}

.whyToyota ul.nav-tabs>li.distributer>a i {
    margin: 0 auto 21px;
    width: 127px;
    height: 129px;
    display: block;
    background: url(../img/sprite2.png) no-repeat -10px -579px
}

.whyToyota ul.nav-tabs>li.campaign>a i {
    margin: 0 auto 21px;
    width: 146px;
    height: 134px;
    display: block;
    background: url(../img/sprite2.png) no-repeat -1px -727px
}

.whyToyota ul.nav-tabs>li.support>a i {
    margin: 0 auto 21px;
    width: 139px;
    height: 154px;
    display: block;
    background: url(../img/sprite2.png) no-repeat 0 -876px
}

.whyToyota ul.nav-tabs>li.dreamcar>a i {
    margin: 0 auto 21px;
    width: 171px;
    height: 154px;
    display: block;
    background: url(../img/sprite2.png) no-repeat 0 -1040px
}

.whyToyota ul.nav-tabs>li.active.safety>a i,
.whyToyota ul.nav-tabs>li.safety>a:hover i {
    background: url(../img/sprite2.png) no-repeat -180px 0
}

.whyToyota ul.nav-tabs>li.active.comfort>a i,
.whyToyota ul.nav-tabs>li.comfort>a:hover i {
    background: url(../img/sprite2.png) no-repeat -169px -164px
}

.whyToyota ul.nav-tabs>li.active.design>a i,
.whyToyota ul.nav-tabs>li.design>a:hover i {
    background: url(../img/sprite2.png) no-repeat -212px -335px
}

.whyToyota ul.nav-tabs>li.active.performance>a i,
.whyToyota ul.nav-tabs>li.performance>a:hover i {
    background: url(../img/sprite2.png) no-repeat -166px -440px
}

.whyToyota ul.nav-tabs>li.active.distributer>a i,
.whyToyota ul.nav-tabs>li.distributer>a:hover i {
    background: url(../img/sprite2.png) no-repeat -179px -579px
}

.whyToyota ul.nav-tabs>li.active.campaign>a i,
.whyToyota ul.nav-tabs>li.campaign>a:hover i {
    background: url(../img/sprite2.png) no-repeat -180px -717px
}

.whyToyota ul.nav-tabs>li.active.support>a i,
.whyToyota ul.nav-tabs>li.support>a:hover i {
    background: url(../img/sprite2.png) no-repeat -181px -876px
}

.whyToyota ul.nav-tabs>li.active.dreamcar>a i,
.whyToyota ul.nav-tabs>li.dreamcar>a:hover i {
    background: url(../img/sprite2.png) no-repeat -183px -1040px
}

.whyToyota ul.nav-tabs>li.safety>a {
    padding-top: 108px
}

.whyToyota ul.nav-tabs>li.comfort>a {
    padding-top: 108px
}

.whyToyota ul.nav-tabs>li.design>a {
    padding-top: 160px
}

.whyToyota ul.nav-tabs>li.performance>a {
    padding-top: 108px
}

.whyToyota ul.nav-tabs>li.distributer>a {
    padding-top: 108px
}

.whyToyota ul.nav-tabs>li.campaign>a {
    padding-top: 108px
}

.whyToyota ul.nav-tabs>li.support>a {
    padding-top: 94px
}

.whyToyota ul.nav-tabs>li.dreamcar>a {
    padding-top: 94px
}

.whyToyota ul.nav-tabs>li.active>a {
    pointer-events: none
}

.whyToyota .tab-content {
    padding: 20px 20px 0 0;
    float: left;
    width: 50%;
    position: relative
}

.whyToyota .tab-content {
    height: 933px;
    background-image: url(../img/bg-why-toyota.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px;
    padding: 88px 0 75px 98px;
    color: #fff;
    margin-top: 20px;
    border-right: 20px solid #fff
}

.whyToyota .nav-tabs {
    border-bottom: 0
}

.whyToyota .tab-content h2 {
    font-size: 55px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0 0 80px
}

.whyToyota .tab-content h2 strong {
    font-weight: 700
}

.whyToyota .tab-content h3 {
    font-size: 40px;
    padding: 0 0 40px;
    color: #bdbdbd;
    font-weight: 700
}

.whyToyota .tab-content h4 {
    font-size: 26px;
    padding: 0 0 15px;
    color: #fff;
    font-weight: 700;
    line-height: 41px
}

.whyToyota .contentmain {
    margin: 0;
    max-width: 500px;
    padding: 0;
    overflow: auto
}

.whyToyota .mCSB_container {
    margin-right: 55px
}

.whyToyota .mCSB_container ul li {
    padding-bottom: 25px
}

.whyToyota .mCSB_scrollTools .mCSB_draggerRail {
    width: 15px;
    background: #000;
    border-radius: 0
}

.whyToyota .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 15px;
    background: #b7b7b7;
    border-radius: 0
}

.whyToyota .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:focus,
.whyToyota .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
    background: #b7b7b7
}

.whyToyota .tab-content .view-all {
    position: absolute;
    right: 50px;
    top: 91px;
    background: #fe0202;
    border-radius: 50px;
    padding: 10px 35px;
    color: #fff
}

.whyToyota .tab-content .view-all:focus,
.whyToyota .tab-content .view-all:hover {
    text-decoration: none;
    background: #a8a8a8;
    color: #000
}

.whyToyota .read {
    background: #fff;
    border-radius: 50px;
    padding: 10px 35px;
    color: #000
}

.whyToyota .read:focus,
.whyToyota .read:hover {
    background: #999;
    color: #fff;
    text-decoration: none
}

.whyToyota .tab-content>.tab-pane {
    height: 57%;
    margin-bottom: 20px
}

.whyToyota .contentmain {
    margin-bottom: 20px;
    height: 45%;
    overflow: auto
}

.current-offers {
    background: url(../img/offer-bg.jpg) no-repeat center center #e8e8e8;
    padding: 128px 0;
    background-size: cover
}

.current-offers .container .title {
    font-size: 55px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 71px;
    text-align: center
}

.current-offers .container .title strong {
    font-weight: 700
}

.current-offers .carousel-inner {
    margin: 0 100px;
    width: auto;
    padding-top: 0px !important;
}

.current-offers .carousel-control {
    top: 50%;
    bottom: auto
}

.current-offers .carousel-control.left {
    float: left
}

.current-offers .carousel-control.right {
    float: right
}

.current-offers .carousel-control.left,
.current-offers .carousel-control.right {
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4ms;
    background: 0 0;
    width: auto;
    opacity: .3
}

.current-offers .carousel-control.left:hover,
.current-offers .carousel-control.right:hover {
    opacity: 1
}

.current-offers .carousel {
    margin-bottom: 50px
}

.current-offers .view-all {
    background: #d4d4d4;
    border-radius: 50px;
    color: #000;
    font-size: 23px;
    text-transform: uppercase;
    padding: 15px 90px;
    display: inline-block;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}

.current-offers .view-all:hover {
    background: #191919;
    color: #fff
}

.current-offers .carousel-fade .carousel-inner .item {
    border: 19px solid rgba(255, 255, 255, .5)
}

.whats-new {
    background: #e8e8e8;
    padding: 128px 0;
    background: #fff;
    text-align: center
}

.whats-new .title {
    font-size: 55px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 71px
}

.whats-new .title strong {
    font-weight: 700
}

.whats-new .title p {
    padding: 0;
    display: block;
    font-size: 22px;
    font-weight: 300;
     padding-top: 12px;
}

.whats-new .title i {
    display: block;
    padding: 0 0 20px
}

.whats-new .hex {
    max-width: 315px;
    margin: 0 auto;
    height: 297px;
    background: url(../img/hex.png) no-repeat 0 0;
    text-align: center;
    color: #737373;
    padding: 14px 58px 0;
    font-size: 14px;
    position: relative;
    margin-bottom: 40px
}

.whats-new .hex figure {
    padding-bottom: 20px
}

.whats-new .hex i {
    display: block;
    padding-bottom: 20px
}

.whats-new .hex i img {
    max-width: 108px
}

.whats-new .hex h3 {
    font-size: 20px;
    padding-bottom: 5px;
    font-weight: 700;
    color: #000
}

.whats-new .hex .more {
    position: absolute;
    background: url(../img/more-arrow.png) no-repeat center center #dedede;
    border-radius: 50px;
    left: 50%;
    margin-left: -25px;
    display: block;
    width: 50px;
    height: 50px;
    border: 2px solid #dedede;
    bottom: -15px;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}

.whats-new .hex .more:hover {
    border-color: #000
}

.section-news {
    background: #eee
}

.section-news .title {
    font-size: 55px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 105px 0 30px
}

.section-news .title strong {
    font-weight: 700
}

.section-news ul {
    background: rgba(238, 238, 238, .5);
    padding: 0 20px 0 0;
    border-radius: 20px
}

.section-news ul li {
    display: block;
    padding: 10px 0 20px 80px;
    min-height: 65px;
    position: relative;
    font-size: 14px
}

.section-news ul li a {
    display: inline-block;
    padding: 0 0 20px;
    min-width: 65px;
    position: relative;
    color: #9b9b9b
}

.section-news ul li a:hover {
    text-decoration: underline;
    color: #000
}

.section-news ul li h4 {
    font-size: 15px;
    font-weight: 600;
    color: #000
}

.section-news .date {
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 55px;
    background: #fff;
    border-radius: 50px;
    border: 3px solid #b6b6b6;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    font-family: open sans, sans-serif;
    line-height: 19px;
    padding: 3px 0 0
}

.section-news .date strong {
    display: block;
    font-weight: 600
}

.section-news article {
    background: url(../img/news-bg.jpg) no-repeat right top
}

.section-news article .more {
    position: absolute;
    left: 67px;
    bottom: 50px;
    background: #000;
    padding: 10px 25px;
    color: #fff;
    border-radius: 50px
}

.section-news article .more i {
    display: inline-block;
    height: 15px;
    width: 20px;
    background: url(../img/more-arrow-white.png) no-repeat 0 0;
    margin: 0 0 0 5px
}

.section-news article .more:hover {
    background: #fc3333;
    text-decoration: none
}

.section-news .colum {
    padding: 0 0 124px;
    position: relative;
    /*max-width: 40%*/
}

.section-events {
    padding: 117px 0;
    text-align: center
}

.section-events .title {
    font-size: 55px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 0 0 40px
}

.section-events .title strong {
    font-weight: 700
}

.section-events .box {
    max-width: 900px;
    margin: 0 auto
}

#event-slider .carousel-control {
    width: 100%;
    opacity: 1;
    top: 143px;
    height: 50px
}

#event-slider .carousel-control img {
    max-width: 35px
}

#event-slider .carousel-control .left {
    margin-left: -50px;
    opacity: 1;
    float: left
}

#event-slider .carousel-control .right {
    margin-right: -50px;
    opacity: 1;
    float: right
}

#event-slider .carousel-control .left,
#event-slider .carousel-control .right {
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4ms;
    opacity: .5
}

#event-slider .carousel-control .left:hover,
#event-slider .carousel-control .right:hover {
    opacity: 1
}

#event-slider .item figure {
    overflow: hidden;
    border: 12px solid #e9e9e9;
    border-radius: 25px
}

#event-slider .item img {
    width: 100%
}

#event-slider article {
    padding: 35px 0 0;
    min-height: 193px
}

#event-slider article h3 {
    color: #000;
    padding-bottom: 10px;
    font-weight: 700
}

#event-slider article .read {
    background: #000;
    color: #fff;
    padding: 5px 25px;
    display: inline-block;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease;
    border-radius: 50px
}

#event-slider article .read:focus,
#event-slider article .read:hover {
    background: #fe0202;
    color: #fff;
    text-decoration: none
}

footer {
    background: #191919;
    color: #717171
}

footer .first-row {
    background: #e8e8e8;
    padding: 33px 0
}

footer .first-row .newsletter {
    background: #fff;
    border-radius: 50px;
    float: left;
    width: 100%;
    max-width: 500px;
    position: relative;
    border-radius: 50px
}

footer .first-row .newsletter .error-msg {
    right: auto;
    left: 10px;
    margin-top: 44px
}

footer .first-row .newsletter input[type=text] {
    background: #fff;
    border: 0;
    border-radius: 50px;
    width: 100%;
    max-width: 250px;
    height: 42px;
    text-indent: 15px;
    float: left
}
@media only screen and (max-width: 768px) {
 footer .first-row .newsletter input[type=text] {
    max-width: 230px;
  }
}

footer .first-row .newsletter input[type=submit] {
    background: #000;
    border: 0;
    text-indent: 15px;
    float: right;
    color: #fff;
    border-radius: 50px;
    padding: 10px 25px;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4ms
}

footer .first-row .newsletter input[type=submit]:hover {
    background: #d3191f
}

footer .first-row ul {
    float: right
}

footer .first-row ul li {
    float: left;
    padding: 0 0 0 4px
}

footer .first-row ul li a {
    display: block;
    width: 40px;
    height: 40px;
    box-shadow: inset 0 0 8px #ccc;
    border-radius: 50px;
    border: 1px solid #cfcfcf;
    text-align: center;
    color: #848484;
    font-size: 20px;
    line-height: 36px;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}

footer .first-row ul li a:hover {
    background: #000;
    color: #fff
}

footer .left {
    width: 66%;
    float: left
}

footer .left ul.nav-main {
    padding: 73px 0 58px;
    border-bottom: 1px solid #3e3e3e;
    margin-bottom: 38px
}

footer .left ul.nav-main li {
    display: inline-block;
    padding: 0 10px
}

footer .left ul.nav-main li:first-child {
    padding-left: 0
}

footer .left ul.nav-main li a {
    color: #717171
}

footer .left ul.nav-main li a:hover {
    color: #c6c6c6
}

footer .panel-default {
    float: left;
    width: 33.33%;
    padding: 0;
    margin: 0
}

footer .panel-group .panel+.panel {
    margin-top: 0
}

footer .panel-default .collapse {
    padding: 0;
    margin: 0;
    display: block
}

footer .panel-group .panel {
    border: 0;
    background: 0 0
}

footer .panel-default>.panel-heading {
    border: 0;
    background: 0 0
}

footer .panel-default>.panel-heading a {
    color: #717171
}

footer .panel-title {
    font-size: 24px;
    font-weight: 300
}

footer .panel-title a {
    padding: 0 0 25px;
    pointer-events: none
}

footer .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: 0;
    padding: 0
}

footer .panel-default ul li a {
    color: #717171;
    font-size: 14px
}

footer .panel-default ul li a:hover {
    color: #c6c6c6
}

footer .panel-default.second {
    border-left: 1px solid #3e3e3e;
    border-right: 1px solid #3e3e3e;
    padding-left: 30px
}

footer .panel-default.last {
    padding-left: 30px
}

footer .panel-default {
    padding-bottom: 40px;
    padding-top: 40px
}

footer .copy {
    border-top: 1px solid #3e3e3e;
    padding: 36px 0
}

footer .copy a {
    color: #bab0b0
}

footer .right {
    width: 34%;
    float: right;
    background: #fff
}

footer .address {
    text-align: center;
    color: #000;
    padding: 57px 0 52px;
    line-height: 17px
}

footer .address h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 23px;
    padding: 0 0 20px
}

footer .address img {
    max-width: 200px
}

footer .award {
    background: #fe0202;
    color: #fff;
    padding: 20px 0 20px 123px;
    position: relative;
    font-size: 26px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 50px
}

footer .award img {
    position: absolute;
    left: 20px;
    top: -103px
}

footer .award strong {
    font-weight: 700;
    display: block;
    font-size: 52px
}

footer ul.CTA {
    border-bottom: 1px solid #bfb9b9;
    background: #e8e8e8
}

.contact-general {
    font-family: open sans, sans-serif
}

.contact-general h4,
.contact-general strong {
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 15px
}

.contact-general a {
    color: #000
}

.send-message {
    padding: 70px 0;
    background: #fff
}

.send-message div {
    position: relative
}

.error-msg,
.send-message div .error-msg {
    display: block;
    padding: 0 15px;
    color: #fff;
    background: red;
    z-index: 99;
    font-size: 11px;
    line-height: 2.3;
    position: absolute;
    width: auto
}

.error-msg::before,
.send-message div .error-msg::before {
    position: absolute;
    left: 10px;
    bottom: 100%;
    border-bottom: 5px solid red;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: ""
}

.send-message .container {
    max-width: 650px
}

.send-message .title {
    font-weight: 700;
    font-size: 37px;
    padding: 0 0 50px;
    position: relative;
    line-height: 37px;
    text-align: center
}

.send-message .form-control {
    border-radius: 0;
    border: 1px solid #dee1e5;
    min-height: 45px
}

.send-message textarea.form-control {
    min-height: 120px
}

.send-message .captcha {
    margin-bottom: 20px
}

.send-message .btn {
    border-radius: 40px;
    background: #000;
    border: 0;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease;
    color: #fff;
    font-size: 18px;
    padding: 8px 45px
}

.send-message .btn:hover {
    background: #cf171b
}

.send-message .btn:focus {
    outline: 0;
    border: 0
}

ul.widject {
    position: fixed;
    z-index: 99;
    right: 0;
    top: 25%;
    width: 65px
}

ul.widject li {
    display: block;
    background: #000;
    font-family: open sans, sans-serif;
    position: relative;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease;
    width: 250px
}

ul.widject li:nth-child(even) {
    background: #d5191e
}

ul.widject li a {
    color: #fff;
    display: block;
    height: 55px
}

ul.widject li i {
    display: block;
    float: left;
    width: 65px;
    height: 50px;
    padding: 9px 0 0;
    text-align: center
}

ul.widject li span {
    display: block;
    float: left;
    padding: 15px 20px 0 3px
}

ul.widject li:focus,
ul.widject li:hover {
    margin-left: -180px
}

.price-list .btn-group {
    width: 100%!important;
    margin-bottom: 15px
}

.price-list .btn-group .btn {
    padding: 13px 12px
}

.search-result {
    padding: 50px 0;
    text-align: center
}

.search-result .title {
    text-transform: uppercase;
    font-size: 39px;
    margin-bottom: 48px;
    color: #2b2b2b;
    position: relative;
    font-weight: 700;
    line-height: 42px;
    text-align: center
}

.search-result .table-container {
    padding: 50px 0 0
}

.search-result table {
    font-family: open sans, sans-serif;
    width: 100%
}

.search-result table tr:nth-child(even) {
    background-color: #f1f1f1
}

.search-result table tr td {
    padding: 10px;
    text-align: left
}

.search-result table tr th small {
    display: block;
    font-weight: 400
}

.search-result table tr th {
    vertical-align: top;
    padding: 10px
}

.search-result table thead {
    background: #000;
    color: #fff
}

.select-dealer {
    padding-bottom: 25px
}

.select-dealer h4 {
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: 600
}

.select-dealer ul {
    border: 1px solid #ccc;
    padding: 25px;
    margin: 25px 0;
    background: #f6f6f6
}

.select-dealer ul li {
    padding: 25px 25px 25px 40px;
    position: relative;
    font-family: open sans, sans-serif
}

.select-dealer ul li input[type=radio] {
    position: absolute;
    left: 10px;
    top: 40px;
    -webkit-appearance: radio
}

.select-dealer ul li:nth-child(odd) {
    background: #fff
}

.form-control {
    min-height: 49px
}

.btn-black {
    background: #000;
    border: 0;
    color: #fff;
    border-radius: 50px;
    padding: 10px 25px;
    display: inline-block
}

.btn-black:focus,
.btn-black:hover {
    background: #d3191f;
    color: #fff
}

iframe {
    display: block;
    margin: 0;
    padding: 0
}

ul.career {
    font-family: open sans, sans-serif
}

ul.career li {
    padding: 25px;
    border-left: 4px solid #eaeaea
}

ul.career li h2 {
    padding: 0 0 25px;
    font-weight: 700;
    font-size: 24px
}

ul.career li h4 {
    padding: 0 0 15px;
    font-weight: 700;
    font-size: 18px
}

ul.career li ol {
    list-style-type: decimal;
    padding: 0 0 20px 20px
}

ul.career li ol li {
    border: 0;
    list-style-type: decimal;
    padding: 0 0 10px;
    display: list-item
}

ul.career li:nth-child(odd) {
    background: #eaeaea;
    border: 0
}

ul.career li ol li:nth-child(odd) {
    background: 0 0
}

ul.career li .btn {
    display: inline-block;
    padding: 10px 35px;
    color: #fff;
    background: #000;
    border: 0;
    border-radius: 25px;
    font-size: 18px
}

ul.career li .btn:focus,
ul.career li .btn:hover {
    display: inline-block;
    color: #fff;
    background: #d3191f;
    outline: 0;
    border: 0
}

ul.career li label {
    font-weight: 400;
    padding: 0 0 0 10px
}

ul.career li .form-control {
    border-radius: 0;
    margin-bottom: 15px
}

.spec_paging {
    padding: 20px 0 0;
    text-align: right
}

.spec_paging button {
    display: inline-block;
    margin: 0 0 0 10px;
    font-size: 20px;
    color: #fff;
    background: #000;
    padding: 11px 49px;
    border-radius: 50px;
    font-weight: 600;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease;
    border: 0
}

.spec_paging button:focus,
.spec_paging button:hover {
    background: #fe0202;
    color: #fff;
    text-decoration: none
}

.three-colum {
    border: 1px solid #ccc;
    padding: 15px;
    text-align: center;
    margin: 0 0 50px
}

.three-colum figure img {
    width: 100%;
    padding: 0 0 20px
}

.three-colum h3 {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    padding: 0 0 15px
}

.three-colum-slider .owl-next,
.three-colum-slider .owl-prev {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 14px;
    margin: 2px
}

.why-toyota-banner {
    background-position: center top;
    background-repeat: no-repeat;
    height: 620px;
    text-align: center;
    text-transform: uppercase;
    color: #c7c7c7;
    position: relative;
    background-size: cover
}

.why-toyota-banner::after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .2);
    display: block;
    content: ""
}

.why-toyota-banner h2 {
    font-weight: 800;
    font-size: 45px;
    color: #fff
}

.table-frame {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 4
}

.table-frame .table-row {
    display: table-row;
    width: 100%;
    vertical-align: middle
}

.table-frame .table-cell {
    display: table-cell;
    width: 100%;
    vertical-align: middle
}

.four-colum-slider {
    text-align: center;
    max-width: 900px;
    margin: -74px auto 73px
}

.four-colum-slider figure {
    height: 92px;
    position: relative;
    z-index: 10
}

.four-colum-slider figure i {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    display: block
}

.four-colum-slider figure i img {
    width: auto!important;
    display: inline-block!important
}

.four-colum-slider::after {
    width: 1px;
    background: #d3d3d3;
    height: 100px;
    position: absolute;
    display: block;
    content: "";
    left: 100%;
    top: 40px
}

.four-colum-slider figure i.default,
.four-colum-slider figure i.hover {
    transition: All .5s ease;
    -webkit-transition: All .5s ease;
    -moz-transition: All .5s ease;
    -o-transition: All .5s ease
}

.four-colum-slider figure i.default {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1
}

.four-colum-slider figure i.hover {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    opacity: 0
}

.four-colum-slider .owl-item::after {
    width: 1px;
    background: #d3d3d3;
    height: 100px;
    position: absolute;
    display: block;
    content: "";
    left: 100%;
    top: 40px
}

.four-colum-slider .owl-item a {
    color: #9e9e9e
}

.four-colum-slider .item {
    font-weight: 600;
    padding: 20px 15px;
    background: 0 0
}

.four-colum-slider .item.active-item a {
    color: #000
}

.four-colum-slider .owl-item:last-child {
    border-right: 1px solid #474747
}

.four-colum-slider .owl-item:hover figure i.default {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    opacity: 0
}

.four-colum-slider .owl-item:hover figure i.hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1
}

.four-colum-slider .item.active-item figure i.default {
    display: none
}

.four-colum-slider .item.active-item figure i.hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1
}

.four-colum-slider .owl-item .item.active-item {
    pointer-events: none;
    color: #000
}

.four-colum-slider .owl-prev {
    background: url(../img/prev-black.png) no-repeat 0 0;
    left: -19px
}

.four-colum-slider .owl-next {
    background: url(../img/next-black.png) no-repeat 0 0;
    right: -21px;
    left: auto
}

.four-colum-slider .owl-next,
.four-colum-slider .owl-prev {
    position: absolute;
    width: 50px;
    height: 50px;
    background-size: 100%;
    font-size: 0;
    top: 50%;
    margin-top: -36px
}

.caption-main {
    color: #707070;
    border-bottom: 1px solid #dfdfdf;
    padding: 0 10% 60px;
    margin-bottom: 80px;
    line-height: 41px;
    position: relative;
    text-align: center
}

.caption-main h2 {
    color: #000;
    font-size: 36px;
    line-height: 41px;
    font-weight: 800;
    padding: 0 0 27px
}

.caption-main::after {
    height: 3px;
    width: 170px;
    background: #d3191f;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -85px;
    content: ""
}

.art-work {
    border: 1px solid #e1e1e1;
    position: relative;
    margin: 0 0 91px;
    /*background: url(https://www.toyotaghana.com/img/Dream-car-backdrop.jpg) no-repeat 0 bottom; */
    padding: 55px 55px 55px 55%;
    color: #000;
    font-size: 20px
}

.art-work h2 {
    font-size: 60px;
    font-weight: 700;
    color: #d5191e
}

.art-work .title {
    padding: 0 0 20px 25px;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 20px
}

.art-work .contents {
    padding: 0 0 20px 25px;
    color: #000
}

.art-work .contents h3 {
    font-size: 28px;
    font-weight: 600;
    padding: 0 0 20px
}

.art-work .contents .download {
    padding: 15px 20px;
    display: block;
    color: #fec8ca;
    background: #d5191e;
    font-size: 23px;
    font-weight: 600;
    text-align: center
}

.art-work .contents .download:focus,
.art-work .contents .download:hover {
    background: #000;
    color: #fff;
    text-decoration: none
}

.liners {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: -5px;
    z-index: 10
}

.liners .span1 {
    float: left;
    width: 20%;
    height: 5px;
    display: block;
    background: #13a5b7
}

.liners .span2 {
    float: left;
    width: 20%;
    height: 5px;
    display: block;
    background: #d5191e
}

.liners .span3 {
    float: left;
    width: 20%;
    height: 5px;
    display: block;
    background: #e6dd66
}

.liners .span4 {
    float: left;
    width: 20%;
    height: 5px;
    display: block;
    background: #176907
}

.liners .span5 {
    float: left;
    width: 20%;
    height: 5px;
    display: block;
    background: #eaa106
}

.waiting {
    height: 500px;
    color: #000;
    text-align: center
}

.waiting h2 {
    color: #000
}

.faq-second {
    padding: 0 0 50px
}

.faq-second .panel-default>.panel-heading {
    border: 0;
    background: 0 0;
    position: relative;
    padding: 0
}

.faq-second .panel-group .panel {
    border: 0
}

.faq-second .panel-default>.panel-heading .panel-title {
    border-bottom: 1px dashed #ccc;
    font-size: 17px;
    font-weight: 600
}

.faq-second .more-less {
    font-size: 13px
}

.licence-plate {
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 0 25px
}

.licence-plate .btn-black {
    padding: 14px 25px;
    border-radius: 5px
}

.licence-plate h3 {
    padding: 0 0 25px;
    font-size: 19px;
    font-weight: 400;
    line-height: 35px;
    text-align: center
}

.licence-plate .select {
    position: relative
}

.licence-plate .select::after {
    position: absolute;
    right: 15px;
    top: 20px;
    border-top: 10px solid #000;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    display: block;
    content: "";
    pointer-events: none
}

.licence-plate #findVinLink a {
    font-weight: 600;
    color: #000;
    display: inline-block;
    text-decoration: none;
    padding: 9px 0 15px 15px
}

.licence-plate #findVinLink a i {
    font-size: 140%
}

.licence-plate #findVinLink a:focus,
.licence-plate #findVinLink a:hover {
    text-decoration: none;
    color: #e91515
}

#vinHelper.panel-group {
    margin-top: 25px
}

#vinHelper .panel-heading {
    color: #000;
    font-weight: 600
}

.status {
    text-align: center;
    padding: 25px;
    font-family: open sans, sans-serif;
    margin: 15px 0;
    font-weight: 600
}

.sitemap h2 {
    color: #e60b11;
    font-weight: 300;
    font-size: 37px;
    padding: 0 0 17px
}

.sitemap h3 {
    font-weight: 700;
    font-size: 22px;
    padding: 0 0 11px
}

ul.bullet-list-block {
    padding: 0
}

.olist a {
    position: relative;
    font-size: 14px;
    color: #000
}

ul.bullet-list-block li::before {
    position: absolute;
    left: 0;
    top: 7px;
    width: 6px;
    height: 6px;
    border-radius: 20px;
    background: #353537;
    display: block;
    content: ""
}

ul.bullet-list-block li a {
    color: #707070
}

ul.bullet-list-style {
    padding: 0
}

ul.bullet-list-style li {
    position: relative;
    font-size: 18px;
    padding: 0 0 15px 20px;
    display: inline-block;
    margin: 0 35px 0 0
}

ul.bullet-list-style li::before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 20px;
    background: #353537;
    display: block;
    content: ""
}

ul.bullet-list-style li a {
    color: #707070
}

.captcha-container .error-msg {
    right: auto!important;
    left: 15px
}

.text-centre-calls {
    text-align: center
}

ul.CTA {
    padding: 25px 0 27px;
    text-align: center!important;
    border-bottom: 1px solid #e4e4e4
}

ul.CTA li {
    padding: 0 10px;
    display: inline-block;
    float: none;
    max-width: 1200px;
    margin: 0 auto;
    width: auto
}

ul.CTA li a {
    display: inline-block;
    background: #d3191f;
    border-radius: 50px;
    padding: 11px 35px;
    color: #fff;
    border: 1px solid #d3191f
}

ul.CTA li:nth-child(2) a {
    background: #fff;
    color: #d3191f
}

ul.CTA li a:hover {
    text-decoration: none;
    background: #fff;
    color: #d3191f
}

ul.CTA li:nth-child(2) a:hover {
    background: #d3191f;
    color: #fff
}

ul.CTA li a:focus,
ul.CTA li:nth-child(2) a:focus {
    text-decoration: none
}

ul.CTA li.whatsapp a {
    padding: 0;
    background: 0 0
}

.mandiatory {
    position: relative
}

.mandiatory::after {
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 15px;
    background: red;
    content: "*";
    color: #fff;
    display: block;
    z-index: 10;
    text-align: center;
    font-size: 39px;
    line-height: 33px;
    pointer-events: none
}

.txt-red {
    color: red;
    font-size: 44px;
    display: inline-block;
    line-height: 0
}

.text-red {
    color: red;
    display: inline-block;
    line-height: 0;
    font-size: 34px;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.txt-black {
    color: #000
}

.note {
    border: 1px dotted #ccc;
    position: relative;
    background: #fff;
    margin: 25px 0;
    padding: 10px;
    font-size: 77%;
    font-weight: 500
}

.note::after {
    position: absolute;
    left: 20px;
    top: 100%;
    width: 20px;
    height: 20px;
    background: #fff;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    content: "";
    display: block;
    margin-top: -10px
}

.note.right {
    text-align: right
}

.note.right::after {
    left: auto;
    right: 20px
}

.pn-ProductNav_Wrapper {
    position: relative;
    padding: 0 11px;
    margin: 0 10%;
    box-sizing: border-box;
    text-align: center
}

.pn-ProductNav {
    overflow-x: auto;
    overflow-y: hidden;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    position: relative;
    font-size: 0;
    margin: 0 50px;
    padding: 0 0 0 50px
}

.js .pn-ProductNav {
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.js .pn-ProductNav::-webkit-scrollbar {
    display: none
}

.pn-ProductNav_Contents {
    float: left;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    position: relative;
    display: block
}

.pn-ProductNav_Contents-no-transition {
    transition: none
}

.pn-ProductNav_Link {
    text-decoration: none;
    color: #000;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    border: 1px solid transparent;
    padding: 0 27px
}

.pn-ProductNav_Link:focus {
    text-decoration: none
}

.pn-ProductNav_Link+.pn-ProductNav_Link {
    border-left-color: #eee;
    font-family: open sans, sans-serif
}

.pn-ProductNav_Link[aria-selected=true] {
    color: #ff0505
}

.pn-Advancer {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    padding: 0;
    border: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity .3s;
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 50px
}

.pn-Advancer:focus {
    outline: 0
}

.pn-Advancer:hover {
    cursor: pointer
}

.pn-Advancer_Left {
    left: 0
}

[data-overflowing=both]~.pn-Advancer_Left,
[data-overflowing=left]~.pn-Advancer_Left {
    opacity: 1
}

.pn-Advancer_Right {
    right: 0
}

[data-overflowing=both]~.pn-Advancer_Right,
[data-overflowing=right]~.pn-Advancer_Right {
    opacity: 1
}

.pn-Advancer_Icon {
    width: 9px;
    height: 38px;
    fill: #ff0707
}

.pn-ProductNav_Indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100px;
    background-color: transparent;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.pn-ProductNav_Wrapper::after {
    background: url(../img/shade-right.png) right top repeat-y;
    width: 50px;
    height: 100%;
    position: absolute;
    right: 61px;
    top: 0;
    display: block;
    content: "";
    z-index: 9;
    pointer-events: none
}

.pn-ProductNav_Wrapper::before {
    background: url(../img/shade-left.png) left top repeat-y;
    width: 50px;
    height: 100%;
    position: absolute;
    left: 61px;
    top: 0;
    display: block;
    content: "";
    z-index: 9;
    pointer-events: none
}

ul.toyota-range {
    text-align: center;
    font-family: open sans, sans-serif;
    padding: 17px 0 0
}

ul.toyota-range li {
    display: inline-block;
    width: 19%;
    padding: 10px
}

ul.toyota-range li .colum {
    border: 1px solid #dc9598;
    position: relative;
    height: auto;
    padding: 47px 0px 18px;
    /*padding: 47px 15px 18px;*/
}

ul.toyota-range li .colum .hybrid {
    position: absolute;
    left: 10px;
    top: 10px;
    background: url(../img/hybrid.svg) no-repeat;
    color: #000;
    font-weight: 500;
    padding: 0 0 5px 29px;
    display: block;
    line-height: 15px
}

ul.toyota-range li .colum .price,
ul.toyota-range li .colum .model,
ul.toyota-range li .colum .milage,
ul.toyota-range li .colum .kinder,
ul.toyota-range li .colum .start-price {
    left: 5px;
    right: 5px
}

ul.toyota-range li .colum .price {
    bottom: 49px;
    color: #484848;
    font-weight: 600;
    font-size: 14px
}

ul.toyota-range li .colum .model {
    top: 170px;
    color: #000;
    font-weight: 800;
    font-size: 17px;
    line-height: 23px;
    padding: 10px;
}

ul.toyota-range li .colum .milage {
    bottom: 66px;
    color: #d3191f;
    font-weight: 600;
    font-size: 13px
}

ul.toyota-range li .colum .kinder {
    bottom: 26px;
    color: #d3191f;
    font-weight: 600;
    font-size: 13px
}

ul.toyota-range li .colum .start-price {
    bottom: 9px;
    color: #484848;
    font-weight: 600;
    font-size: 14px
}

ul.toyota-range li .colum figure {
    padding: 0;
    border: 0;
    margin-bottom: 0
}

ul.toyota-range li .colum figure:hover {
    padding: 0;
    border: 0
}

.section-gallery ul.sorting {
    font-family: open sans, sans-serif;
    padding: 0 0 14px
}

.section-gallery ul.sorting li {
    width: auto;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0 28px
}

.section-gallery ul.sorting li span {
    font-weight: 600;
    padding: 0 0 0 5px;
    display: inline-block
}

.section-gallery ul.sorting li a {
    display: block;
    position: relative;
    color: #2b2b2b
}

.section-gallery ul.sorting li a:hover,
.section-gallery ul.sorting li a:focus {
    text-decoration: none
}

.section-gallery ul.sorting li.active a::after {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    height: 3px;
    background: #d3191f;
    content: ""
}

.recals {
    font-family: open sans, sans-serif;
    padding: 20px 0;
    text-align: left;
    font-size: 14px
}

.recals h2 {
    font-weight: 600;
    padding: 0 0 25px
}

.recals h3 {
    font-weight: 600;
    padding: 0 0 15px
}

.recals h4 {
    font-weight: 500;
    padding: 0 0 15px
}

.recals h5 {
    font-weight: 600;
    padding: 0 0 0
}

.veh-list {}

.veh-list li {
    float: left;
    width: 33.33%
}

.veh-list li {
    float: left;
    width: 33.33%;
    padding: 7px;
    position: relative
}

.veh-list li.soldout .frame {
    pointer-events: none;
    filter: grayscale(1) blur(0px)
}

.veh-list li.soldout::after {
    content: "";
    position: absolute;
    left: 7px;
    right: 7px;
    top: 0;
    background: url(../img/sold.png) no-repeat 0 0;
    width: 216px;
    height: 216px;
    z-index: 5
}

.veh-list li .frame {
    border: 1px solid #ddd;
    background: #fff;
    padding: 10px;
    position: relative;
    filter: grayscale(0)
}
@media screen and (min-device-width: 481px) and (max-device-width: 990px) { 
    .veh-list li .loc {
        left: 50%;
    }
}
@media screen and (min-device-width: 992px) and (max-device-width: 2650px) { 
    .veh-list li .loc{
        left: 102%;
    }
}

.veh-list li:hover .frame {
    box-shadow: 0 0 5px #ccc
}

.veh-list li figure {
    padding: 0 0 20px
}

.veh-list li figure img {
    display: block;
    width: 100%
}

.veh-list li h3 {
    font-size: 20px;
    font-weight: 800;
    line-height: 27px
}

.veh-list li .stack {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700
}

.veh-list li .stack span {
    color: #dd1d10
}

.veh-list li .model-details {
    width: 50%;
    float: left
}

.veh-list li .model-details .cost {
    color: #dd1d10;
    font-size: 22px;
    font-weight: 800;
    display: block
}

.veh-list li .model-details .location {
    background: url(../img/location.jpg) no-repeat 0 center;
    display: block;
    color: #787878;
    padding: 0 0 0 20px;
    background-size: 16px;
    font-size: 13px
}

.veh-list li .pdf {
    width: 50%;
    float: left;
    text-align: right
}

.veh-list li article h3 {
    height: 50px;
    height: 50px;
    font-size: 16px;
    font-weight: 600
}

.veh-list li .view {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 25px;
    padding: 5px 20px;
    font-size: 14px;
    color: #000
}

.veh-list li .view:hover,
.veh-list li .view:hover {
    border: 1px solid #d3191f;
    color: #fff;
    background: #d3191f;
    text-decoration: none
}

.veh-list li article {
    margin: 0 0 5px;
    text-align: center
}

.veh-list.dealer li {
    float: none;
    width: auto
}

.veh-list.dealer .model-info {
    border-bottom: 0
}

.deler-detail {}

.deler-detail h3 {
    font-weight: 700
}

.deler-detail h4 {
    font-weight: 700;
    padding: 0 0 15px
}

.deler-detail address {
    border-bottom: 1px solid #ccc;
    padding: 0 0 15px
}

.deler-detail label {
    font-weight: 400
}

.deler-detail .btn {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 25px;
    padding: 10px 29px;
    font-size: 14px;
    color: #000
}

.deler-detail .btn:hover,
.deler-detail .btn:hover {
    border: 1px solid #d3191f;
    color: #fff;
    background: #d3191f;
    text-decoration: none
}

.model-info {
    display: table;
    margin: 10px 0 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    width: 100%;
    justify-content: space-between
}

.model-year,
.model-kms,
.model-fueltype {
    display: table-cell;
    font-size: 14px;
    color: #555;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 14px;
    vertical-align: middle
}

.model-year {
    background: url(../img/icon-car11.png) no-repeat 0 center;
    padding: 10px 20px 10px 43px
}

.model-kms {
    background: url(../img/icon-road.png) no-repeat 0 center;
    padding: 10px 20px 10px 43px
}

.model-fueltype {
    background: url(../img/icon-fuel.png) no-repeat 0 center;
    padding: 10px 20px 10px 29px
}

.btn-groups {}

.btn-groups a {
    display: block;
    background: #d3191f;
    padding: 11px 5px;
    color: #fff;
    text-align: center;
    float: left;
    width: 50%
}

.btn-groups a:hover,
.btn-groups a:focus {
    text-decoration: none
}

.btn-groups a.red {
    background: #d3191f;
    border: 1px solid #d3191f
}

.btn-groups a.red:hover,
.btn-groups a.red:focus {
    background: #fff;
    color: #d3191f
}

.btn-groups a.black {
    background: #353537;
    border: 1px solid #353537
}

.btn-groups a.black:hover,
.btn-groups a.black:focus {
    background: #fff;
    color: #353537
}

#myCarousel.product-thump .carousel-inner {
    border: 1px solid #ccc;
    margin-bottom: 10px
}

#myCarousel.product-thump .item img {
    width: 100%;
    height: auto
}

#myCarousel.product-thump #thumbCarousel .thumb {
    float: left;
    width: 20%;
    border: 1px solid #ccc;
    margin: 0 2px 0 0;
    cursor: pointer
}

#myCarousel.product-thump #thumbCarousel .thumb.active {
    border: 1px solid #d3191f
}

#myCarousel.product-thump #thumbCarousel .thumb img {
    height: auto
}

#myCarousel.product-thump .carousel-control.right,
#myCarousel.product-thump .carousel-control.left {
    background: 0 0
}

.veh-detail {}

.veh-detail h3 {
    font-size: 34px;
    color: #fa0e0e;
    padding: 0 0 15px;
    font-weight: 700
}

.veh-detail-brief {
    border: 1px solid #c3c3c3;
    float: left;
    width: 50%;
    margin: -1px 0 0 -1px
}

.veh-detail-brief figure {
    float: left;
    width: 48px;
    height: 48px;
    background: #e5e5e5;
    float: left
}

.veh-detail-brief figure i {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(../img/sprite3.png);
    background-repeat: no-repeat;
    margin: 4px 0 0 4px
}

.veh-detail-brief .description {
    float: left;
    padding: 7px 0 0 10px
}

.veh-detail-brief .description h5 {
    color: #a8a8a8;
    font-size: 12px
}

.veh-detail-brief .description h4 {
    color: #000;
    font-size: 15px;
    font-weight: 600
}

.veh-detail-brief.dealer figure i {
    background-position: 5px 4px
}

.veh-detail-brief.Location figure i {
    background-position: -48px 5px
}

.veh-detail-brief.Kilometers figure i {
    background-position: 4px -42px
}

.veh-detail-brief.Model figure i {
    background-position: -50px -44px
}

.veh-detail-brief.Transmission figure i {
    background-position: 5px -88px
}

.veh-detail-brief.owners figure i {
    background-position: -50px -86px
}

.veh-detail-brief.Fuel figure i {
    background-position: 5px -133px
}

.veh-detail-brief.Insurance figure i {
    background-position: -53px -136px
}

ul.btn-group {}

ul.btn-group li {
    float: left;
    border-right: 1px solid #f26468
}

ul.btn-group li:last-child {
    border-right: 0
}

ul.btn-group li a {
    display: block;
    padding: 10px 35px;
    color: #fff;
    background: #d3191f;
    border: 1px solid #d3191f
}

ul.btn-group li:hover a,
ul.btn-group li:focus a {
    color: #d3191f;
    background: #fff;
    text-decoration: none
}

ul.btn-group li:first-child a {
    border-radius: 50px 0 0 50px
}

ul.btn-group li:last-child a {
    border-radius: 0 50px 50px 0
}

.Usd-veh-brif {
    padding: 50px 0
}

.Usd-veh-brif .colums {
    border: 1px solid #e1e1e1;
    padding: 5px;
    margin: 0 0 5px
}

.Usd-veh-brif .colums .label {
    font-weight: 700;
    float: left;
    width: 50%;
    color: #000;
    text-align: left;
    padding: 0;
    font-size: inherit;
    line-height: inherit
}

.Usd-veh-brif .colums .value {
    font-weight: 500;
    float: left;
    width: 50%
}

.Usd-veh-brif .colums .value::before {
    content: ": ";
    display: inline
}

.Usd-veh-brif .tab-content {
    padding: 20px 0
}

.Usd-veh-brif .nav-pills li {
    border: 1px solid #e1e1e1;
    font-weight: 500
}

.Usd-veh-brif .nav-pills li a {
    border-radius: 0;
    color: #000
}

.Usd-veh-brif .nav-pills li.active>a,
.Usd-veh-brif .nav-pills li.active>a:focus,
.Usd-veh-brif .nav-pills li.active>a:hover {
    background: #d3191f;
    color: #fff
}

.Usd-veh-brif ul.listing {
    padding: 0 25px
}

.Usd-veh-brif ul.listing li {
    float: left;
    width: 25%;
    list-style: disc;
    list-style: disc outside none;
    display: list-item
}

.Usd-veh-brif .tab-content {
    font-size: 80%
}

.similar.veh-list li {
    float: none;
    width: auto
}

.similar.veh-list li .pdf img {
    width: auto;
    display: inline-block
}

.similar .owl-controls .owl-nav {
    float: right
}

.similar .owl-controls .owl-nav .owl-prev {
    float: left;
    padding: 2px 5px;
    background: url(../img/prev.png) no-repeat 0 0
}

.similar .owl-controls .owl-nav .owl-next {
    float: left;
    padding: 2px 5px;
    background: url(../img/next.png) no-repeat 0 0
}

.similar .owl-controls .owl-nav .owl-prev,
.similar .owl-controls .owl-nav .owl-next {
    width: 29px;
    height: 29px;
    margin: 0 0 0 5px;
    background-size: contain;
    font-size: 0
}

.filter-box {
    border: 1px solid #c4c4c4;
    padding: 20px;
    margin: 0 6px 25px
}

.filter-box .select {
    background: url(../img/down-arrow2.jpg) no-repeat right 16px;
    -webkit-appearance: none;
    box-shadow: none
}

.price-range-block {
    padding: 12px 0 0
}

.sliderText {
    padding: 10px 0 10px 0
}

.ui-slider-horizontal {
    height: .6em
}

.ui-slider-horizontal {
    margin-bottom: 15px
}

.ui-widget-header {
    background: #3fe331
}

.price-range-search {
    width: 40.5%;
    background-color: #f9f9f9;
    border: 1px solid #6e6666;
    min-width: 40%;
    display: inline-block;
    height: 32px;
    border-radius: 5px;
    float: left;
    margin-bottom: 20px;
    font-size: 16px
}

.price-range-field {
    width: 20%;
    min-width: 16%;
    background-color: #fff;
    border: 0;
    color: #000;
    font-family: myFont;
    font: 14px Arial, Helvetica, sans-serif;
    border-radius: 5px;
    height: 26px;
    padding: 0
}

.price-range-field.min {
    float: left
}

.price-range-field.max {
    float: right;
    text-align: right
}

.search-results-block {
    position: relative;
    display: block;
    clear: both
}

.certified {
    background: url(../img/logo-small2.png) no-repeat 5px center #fcfcfc;
    float: left;
    padding: 10px 10px 10px 78px;
    position: relative;
    color: #d3191f;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #e5e5e5;
    line-height: 15px
}

.certified span {
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    font-size: 10px
}

.certified input {
    position: absolute;
    left: 58px;
    top: 14px
}

.filter-box .btn-red {
    border-radius: 45px;
    padding: 4px 37px;
    color: #fff;
    background: #d3191f;
    border: 0
}

.filter-box .btn-red:hover,
.filter-box .btn-red:focus {
    background: #353537
}

#terms-cont {
    pointer-events: none;
    position: relative;
    top: -75px
}

.pdf-download {
    border: 1px solid #bfbfbf;
    padding: 10px 20px 10px 50px;
    background: url(../img/pdf.png) no-repeat 10px center;
    background-size: 20px;
    display: inline-block;
    font-size: 14px;
    color: #000;
    text-transform: none;
    line-height: 20px
}

.pdf-download:hover,
.pdf-download:focus {
    background: url(../img/pdf.png) no-repeat 10px center #dbdbdb;
    text-decoration: none;
    background-size: 20px
}

.page-hed2 .text-right h4 {
    text-transform: none;
    font-weight: 600
}

.PreOwned {
    padding: 50px 19px 65px
}

.PreOwned .title {
    /*border-bottom: 1px solid #d9d9d9;*/
    margin: 0 0 25px
}

.PreOwned .title .left {
    padding: 0 0 21px 30px;
    float: left;
    width: 58%
}

.PreOwned .title .left h3 {
    font-weight: 500;
    font-size: 31px;
    text-transform: uppercase
}

.PreOwned .title .right {
    padding: 13px 35px 0 0;
    float: right;
    width: 42%
}

.PreOwned .title .search {
    background: #000;
    border-radius: 50px;
    padding: 8px 35px;
    color: #fff;
    border: 0;
    display: block;
    float: right
}

.PreOwned .title .search:hover {
    text-decoration: none;
    background: #d3191f;
    color: #fff
}

.PreOwned .title .select {
    float: right;
    margin: 0 10px 0 0;
    position: relative
}

/*.PreOwned .title .select::after {*/
/*    width: 17px;*/
/*    height: 17px;*/
/*    border-bottom: 1px solid #4e4e4e;*/
/*    border-right: 1px solid #4e4e4e;*/
/*    display: block;*/
/*    position: absolute;*/
/*    right: 25px;*/
/*    top: 10px;*/
/*    content: "";*/
/*    transform: rotate(45deg);*/
/*    -webkit-transform: rotate(45deg);*/
/*    -moz-transform: rotate(45deg);*/
/*    -o-transform: rotate(45deg);*/
/*    -ms-transform: rotate(45deg)*/
/*}*/

.PreOwned .title .select select {
    border: 1px solid #a9a9a9;
    -webkit-appearance: none;
    border-radius: 35px;
    padding: 5px 5px 5px 15px;
    height: 48px;
    width: 290px
}
.PreOwned .title select.minimal{
    background-image:
    linear-gradient(45deg, transparent 50%, gray 60%),
    linear-gradient(135deg, gray 40%, transparent 50%) !important;
  background-position:
    calc(100% - 30px) 14px,
    calc(100% - 20px) 14px,
    100% 0;
  background-size:
    10px 10px,
    10px 10px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
   background-position-y: 16px;
  }
.PreOwned figcaption {
    padding: 10px 5px 15px
}

.PreOwned figcaption h3 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    min-height: 50px
}

.PreOwned figcaption .region {
    color: #a6a5a5
}

.PreOwned figcaption .kilometer {
    color: #d3181f;
    padding: 0;
    font-size: 14px;
    line-height: 15px;
    font-weight: 600
}

.PreOwned figcaption .orginal-price {
    color: #888;
    font-weight: 300;
    padding: 0 0 15px;
    font-size: 15px
}

.PreOwned figcaption .orginal-price span {
    font-weight: 800;
    text-decoration: line-through
}

.PreOwned figcaption .discount-price {
    color: #000;
    font-weight: 400;
    line-height: 23px;
    font-size: 15px;
    padding: 0 0 15px
}

.PreOwned figcaption .discount-price span {
    font-weight: 800;
    display: block;
    color: #000;
    font-size: 18px
}

.PreOwned .item {
    border: 1px solid #a9a9a9;
    padding: 0 0 15px;
    overflow: hidden
}

.PreOwned .item:hover {
    border: 1px solid #d3181f
}

.PreOwned .item .btn {
    border: 1px solid #a9a9a9;
    font-size: 12px;
    border-radius: 25px;
    display: inline-block;
    padding: 5px 20px;
    color: #000
}

.PreOwned .item .btn:hover {
    border: 1px solid #000;
    background: #000;
    color: #fff
}

.PreOwned .owl-nav .owl-prev,
.PreOwned .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 1px solid #a9a9a9;
    display: block;
    font-size: 0;
    margin: 0 10px 0 0;
    display: inline-block
}

.PreOwned .owl-nav .owl-prev {
    background: url(../img/prev-hover.png) no-repeat center center;
    background-size: contain
}

.PreOwned .owl-nav .owl-next {
    background: url(../img/next-hover.png) no-repeat center center;
    background-size: contain
}

.PreOwned .owl-controls {
    padding: 25px 0 0;
    text-align: right
}

.PreOwned .view-all {
    background: #d3181f;
    border-radius: 50px;
    padding: 8px 35px;
    color: #fff;
    border: 0;
    display: inline-block
}

.PreOwned .view-all:hover,
.PreOwned .view-all:focus {
    text-decoration: none;
    background: #000;
    color: #fff
}


.PreOwned .owl-carouse .owl-stage {
    disply:flex!important;
      display: -webkit-box!important;
    display: -webkit-flex!important;
    align-items:center!important;
    webkit-align-items: center!important;
}


table a {
    color: #000
}

.congrats {
    border: 2px dashed red;
    padding: 10px 35px;
    border-radius: 15px;
    margin: 40px auto;
    max-width: 60%;
    color: red;
    font-weight: 600;
    box-shadow: 0 0 0 0 red;
    transform: scale(1);
    animation: pulse 2s infinite;
    letter-spacing: 4px;
    font-size: calc(13px + (26 - 13) * ((100vw - 320px)/(1920 - 320)))
}

.news a {
    
    font-size: 14px;
    color: #000;
    text-decoration: none
}

.news p {
    padding: 6px 0;
    -webkit-transition: all .3s ease-out 0s;
    color: #3a3939
}

.news p a {
    color:#0019c9;
}

.news p:hover {
    color: #000
}

.read-news {
    float: left!important;
    color: #fff;
    border-bottom: 1px solid #dc0000;
    color: #d3191f!important;
    font-size: 12px!important;
    -webkit-transition: all .3s ease-out 0s
}

.read-news:hover {
    color: #000!important
}

.news h4 {
    line-height: 31px;
    -webkit-transition: all .3s ease-out 0s
}

.news h4:hover {
    color: #d3191f;
}



.section-news .owl-carousel .owl-controls .owl-nav .owl-next .owl-carousel .owl-controls .owl-nav .owl-prev {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    display: block;
    font-size: 0;
    margin: 0 10px 0 0;
    display: inline-block!important
}

.section-news .owl-theme .owl-controls .owl-nav [class*=owl-] {
    width: 36px;
    height: 36px;
    background: url(../img/arrow-news.png) no-repeat 5px 2px
}

.section-news .owl-nav .owl-next {
    background-position: 0 5px;
    background-position: -24px 0!important
}

.section-news .owl-controls {
    margin-top: 15px;
    margin-left: 73px
}

.news-content {
    padding: 25px 0
}

.news-content h2 {
    padding: 10px 0
}

.latest-updates h2 {
    padding-bottom: 27px
}

.latest-updates h3 {
    font-size: 19px;
    padding-bottom: 10px;
    color: #000
}

.latest-updates p {
    font-size: 14px;
    line-height: 20px;
    color: #8a8a8a;
    padding: 0
}

.latest-updates a {
    text-decoration: none;
    margin-bottom: 17px;
    display: inline-block
}

.latest-updates h3:hover {
    color: #d3191f
}

.latest-updates p {
    -webkit-transition: all .3s ease-out 0s
}

.latest-updates p:hover {
    color: #000
}

.latest-updates .date-news {
    font-size: 12px;
    color: #000
}

.left img {
    margin-top: 7px
}

.left-col {
    float: left;
    margin-right: 127px
}

.left img {
    margin-top: 7px
}

.left-col {
    float: left;
    margin-right: 127px
}

.col-sps {
    float: left;
    width: 50%
}

.right-col {
    float: left;
    width: 48%
}

.serv-col {
    background: #e7e7e7;
    color: #fff;
    padding: 50px;
    color: #000
}

.col-sps h3 {
    font-size: 28px!important;
    color: #000;
    padding-bottom: 5px
}

.right-col a {
    background: #d3191f;
    color: #fff;
    font-size: 13px;
    height: 39px;
    display: inline-block;
    padding: 0 40px;
    line-height: 39px;
    border-radius: 20px;
    text-decoration: none;
    margin-top: 14px;
    border: 1px solid #d3191f
}

.icon-srv {
    background: url(../img/vh-srv-icon.png) no-repeat;
    width: 107px;
    height: 108px;
    margin: 0;
    margin-bottom: 10px;
    background-size: contain
}

.special-service {
    display: inline-block;
    background: #e7e7e7;
    padding: 48px 40px;
    box-sizing: border-box;
    margin-bottom: 70px
}

.right-col a:hover {
    background: #fff;
    color: #d3191f
}

.deram-car {
    position: relative;
    text-align: center
}

.col-contest h2 {
    padding-bottom: 43px;
    font-size: 40px
}

.col-entry {
    padding: 38px 0
}

.col-entry h2 {
    font-size: 28px;
    padding-bottom: 52px
}

.col-entry h3 {
    font-size: 27px;
    padding-bottom: 24px
}

.col-entry p {
    text-align: left;
    color: #282830;
    padding-bottom: 10px
}

.col-entry ul li {
    text-align: left;
    color: #282830
}

.entry-cnest {
    text-align: left
}

.entry-cnest h3 {
    padding-bottom: 16px
}

.faq-second {
    text-align: left
}

.col-entry h3 {}

.col-form {
    margin-left: 97px
}

.col-form h4 {
    padding-bottom: 21px
}

.col-form a {
    background: #d3191f;
    color: #fff;
    padding: 13px 20px;
    border-radius: 36px;
    font-size: 15px;
    text-decoration: none;
    border: 1px solid #d3191f
}

.art-winner {
    text-align: center;
    padding: 46px 0
}

.art-winner h2 {
    padding-bottom: 36px
}

.art-winner .owl-nav {
    display: none
}

.contact-us p {
    padding-bottom: 10px;
    padding-top: 42px;
    font-size: 16px;
    line-height: 0;
    font-weight: 600
}

.contact-us a {
    background: 0;
    color: #000;
    padding: 0;
    padding-right: 22px;
    font-size: 16px;
    border: none
}

.contact-us {
    display: inline-block;
    width: 100%
}

.contact-us .fa {
    padding: 6px
}

.col-form a:hover {
    background: #fff;
    color: #000
}

.contact-us a:hover {
    color: #d3191f
}

.frame {
    filter: grayscale(1) blur(0px)
}

.sold-car {
    display: inline-block;
    content: "";
    position: absolute;
    left: -1px;
    right: 7px;
    top: 0;
    background: url(../img/sold.png) no-repeat 0 0;
    width: 216px;
    height: 216px;
    z-index: 5
}

.sold-out-tems {
    position: relative;
    width: 248px
}

@keyframes pulse {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, .7)
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px transparent
    }
    100% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 transparent
    }
}

.btn-box {
    border: 1px solid #d3191f;
    display: inline-block;
    padding: 5px 20px;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    background: #d3191f;
    margin-bottom: 20px
}

.btn-box:hover,
.btn-box:focus {
    text-decoration: none;
    background: #fff;
    color: #000;
    border: 1px solid #d3191f
}

.pt-4 {
    padding-top: 47px
}

@media(min-width:1600px) {
    .container {
        width: 1400px
    }
}

@media(max-width:1599px) {
    .container-inner {
        padding: 112px 0 75px
    }
    .navbar-default .navbar-brand img {
        max-width: 152px;
    }
    header {
        font-size: 14px
    }
    header .navbar-nav.center-nav li>a.parent-nav {
        padding: 20px 12px
    }
    .navbar-main .navbar-right {
        padding: 6px 0 0
    }
    .allModels .title,
    .current-offers .container .title,
    .new-arrivals .container .title,
    .section-events .title,
    .section-news .title,
    .whats-new .title,
    .whyToyota .tab-content h2 {
        font-size: 49px
    }
    .allModels .title {
        margin: 0 0 29px
    }
    .allModels {
        padding: 99px 0 115px
    }
    .allModels .owl-controls .owl-next,
    .allModels .owl-controls .owl-next:hover,
    .allModels .owl-controls .owl-prev,
    .allModels .owl-controls .owl-prev:hover {
        background-size: 50px;
        background-size: 40px;
        width: 40px;
        height: 40px
    }
    .allModels .owl-controls .owl-next,
    .allModels .owl-controls .owl-next:hover {
        margin-left: 5px
    }
    .allModels .owl-controls {
        bottom: -47px
    }
    .new-arrivals .carousel-inner .item .description {
        padding: 70px 0 162px
    }
    .new-arrivals .carousel-inner .item {
        min-height: 685px
    }
    .whyToyota ul.nav-tabs>li>a {
        height: 349px
    }
    .whyToyota ul.nav-tabs>li.safety>a {
        padding-top: 70px
    }
    .whyToyota ul.nav-tabs>li.comfort>a {
        padding-top: 81px
    }
    .whyToyota ul.nav-tabs>li.comfort>a i {
        height: 151px
    }
    .whyToyota ul.nav-tabs>li.design>a {
        padding-top: 113px
    }
    .whyToyota ul.nav-tabs>li.performance>a {
        padding-top: 68px
    }
    .whyToyota .tab-content {
        padding: 50px
    }
    .whyToyota .tab-content h2 {
        padding: 0 0 55px
    }
    .whyToyota .tab-content h3 {
        font-size: 41px;
        padding: 0 0 34px
    }
    .whyToyota .tab-content h4 {
        font-size: 22px;
        padding: 0 0 15px;
        line-height: 32px
    }
    .whyToyota .mCSB_container ul li {
        padding-bottom: 19px
    }
    .new-arrivals .carousel-control img {
        max-width: 45px
    }
    .current-offers .container .title {
        margin-bottom: 37px
    }
    .current-offers,
    .section-events,
    .whats-new {
        padding: 85px 0
    }
    .section-events .title {
        padding: 0 0 22px
    }
    .whyToyota ul.nav-tabs li {
        font-size: 19px
    }
    header .navbar-brand {
        padding: 7px 20px 7px 0
    }
    .whyToyota .tab-content {
        height: 718px
    }
    .new-arrivals .carousel-control {
        bottom: auto;
        top: 10%
    }
    .container-body {
        margin: 62px 0 0
    }
    .inner-banner {
        margin: 65px 0 0
    }
    .allModels {
        padding: 61px 0 42px
    }
    ul.toyota-range li .colum .model {
        font-size: 20px
    }
    ul.toyota-range li {
        padding: 8px
    }
    ul.toyota-range li {
        width: 24%
    }
    ul.toyota-range li .colum .model {
        font-size: 14px
    }
}

@media(max-width:1400px) {
    body,
    html {
        line-height: 30px;
        font-weight: 500
    }
    .home-banner .carousel-caption .content-1 .title strong {
        font-size: 25px
    }
    .home-banner .carousel-caption .content-1 .title {
        font-size: 15px;
        line-height: 26px
    }
    .home-banner .carousel-caption .content-1 {
        padding: 18px 25px
    }
    .home-banner .carousel-caption .content-1 .btn {
        font-size: 14px
    }
    .new-arrivals .carousel-inner .item .description .frame {
        padding: 0 50px
    }
    body,
    html {
        font-size: 15px
    }
    .new-arrivals .carousel-inner .item .description ul li {
        font-size: 17px
    }
    .new-arrivals .carousel-inner .item .description .frame .big {
        font-size: 24px
    }
    .new-arrivals .carousel-inner .item .description .btn {
        font-size: 19px;
        padding: 11px 53px
    }
    .allModels .owl-controls {
        bottom: -46px
    }
    .whyToyota ul.nav-tabs>li>a {
        height: 298px
    }
    .whyToyota ul.nav-tabs>li.safety>a {
        padding-top: 70px
    }
    .whyToyota ul.nav-tabs>li.comfort>a {
        padding-top: 81px
    }
    .whyToyota ul.nav-tabs>li.comfort>a i {
        height: 151px
    }
    .whyToyota ul.nav-tabs>li.design>a {
        padding-top: 93px
    }
    .whyToyota ul.nav-tabs>li.distributer>a {
        padding-top: 77px
    }
    .whyToyota ul.nav-tabs>li.campaign>a {
        padding-top: 59px
    }
    .whyToyota ul.nav-tabs>li.support>a {
        padding-top: 54px
    }
    .whyToyota ul.nav-tabs>li.dreamcar>a {
        padding-top: 68px
    }
    .whyToyota ul.nav-tabs>li.safety>a i {
        width: 86px;
        height: 104px;
        background: url(../img/sprite-lap.png) no-repeat 0 0
    }
    .whyToyota ul.nav-tabs>li.comfort>a i {
        width: 98px;
        height: 97px;
        background: url(../img/sprite-lap.png) no-repeat 0 -105px
    }
    .whyToyota ul.nav-tabs>li.design>a i {
        width: 126px;
        height: 57px;
        background: url(../img/sprite-lap.png) no-repeat 1px -213px
    }
    .whyToyota ul.nav-tabs>li.performance>a i {
        width: 81px;
        height: 83px;
        background: url(../img/sprite-lap.png) no-repeat 0 -279px
    }
    .whyToyota ul.nav-tabs>li.distributer>a i {
        width: 92px;
        height: 84px;
        background: url(../img/sprite-lap.png) no-repeat -6px -389px
    }
    .whyToyota ul.nav-tabs>li.campaign>a i {
        width: 102px;
        height: 102px;
        background: url(../img/sprite-lap.png) no-repeat 0 -482px
    }
    .whyToyota ul.nav-tabs>li.support>a i {
        width: 96px;
        height: 107px;
        background: url(../img/sprite-lap.png) no-repeat -4px -593px
    }
    .whyToyota ul.nav-tabs>li.dreamcar>a i {
        width: 121px;
        height: 93px;
        background: url(../img/sprite-lap.png) no-repeat 0 -709px
    }
    .whyToyota ul.nav-tabs>li.active.safety>a i,
    .whyToyota ul.nav-tabs>li.safety>a:hover i {
        background: url(../img/sprite-lap.png) no-repeat -116px 0
    }
    .whyToyota ul.nav-tabs>li.active.comfort>a i,
    .whyToyota ul.nav-tabs>li.comfort>a:hover i {
        background: url(../img/sprite-lap.png) no-repeat -108px -104px
    }
    .whyToyota ul.nav-tabs>li.active.design>a i,
    .whyToyota ul.nav-tabs>li.design>a:hover i {
        background: url(../img/sprite-lap.png) no-repeat -133px -212px
    }
    .whyToyota ul.nav-tabs>li.active.performance>a i,
    .whyToyota ul.nav-tabs>li.performance>a:hover i {
        background: url(../img/sprite-lap.png) no-repeat -105px -279px
    }
    .whyToyota ul.nav-tabs>li.active.distributer>a i,
    .whyToyota ul.nav-tabs>li.distributer>a:hover i {
        background: url(../img/sprite-lap.png) no-repeat -123px -389px
    }
    .whyToyota ul.nav-tabs>li.active.campaign>a i,
    .whyToyota ul.nav-tabs>li.campaign>a:hover i {
        background: url(../img/sprite-lap.png) no-repeat -123px -478px
    }
    .whyToyota ul.nav-tabs>li.active.support>a i,
    .whyToyota ul.nav-tabs>li.support>a:hover i {
        background: url(../img/sprite-lap.png) no-repeat -123px -591px
    }
    .whyToyota ul.nav-tabs>li.active.dreamcar>a i,
    .whyToyota ul.nav-tabs>li.dreamcar>a:hover i {
        background: url(../img/sprite-lap.png) no-repeat -123px -718px
    }
    .allModels .title,
    .current-offers .container .title,
    .new-arrivals .container .title,
    .section-events .title,
    .section-news .title,
    .whats-new .title,
    .whyToyota .tab-content h2 {
        font-size: 41px
    }
    .allModels .title small {
        font-size: 20px
    }
    .whyToyota .tab-content {
        height: 617px
    }
    .whyToyota .contentmain {
        max-width: 100%
    }
    .whyToyota .tab-content>.tab-pane {
        width: 100%;
        height: 45%;
        margin-bottom: 20px
    }
    .whyToyota .tab-content {
        padding: 30px
    }
    .whyToyota .tab-content h3 {
        font-size: 34px
    }
    .whyToyota .tab-content h4 {
        font-size: 19px
    }
    .whyToyota .mCSB_container ul li {
        padding-bottom: 12px
    }
    .current-offers,
    .section-events,
    .whats-new {
        padding: 70px 0
    }
    .current-offers .view-all {
        font-size: 20px;
        padding: 15px 66px
    }
    .current-offers .carousel-control.left img,
    .current-offers .carousel-control.right img {
        max-width: 42px
    }
    .current-offers .carousel-inner {
        margin: 0 70px
    }
    .whats-new .title {
        margin-bottom: 36px
    }
    .section-news .title {
        padding: 40px 0 30px
    }
    .section-events .title {
        padding: 0 0 44px
    }
    .inner-banner {
        height: 509px
    }
    .whyToyota .tab-content .view-all {
        top: 57px
    }
    ul.widject li i {
        width: 35px;
        padding: 10px 8px 0;
        height: 47px
    }
    ul.widject li a {
        height: 47px
    }
    ul.widject {
        width: 35px
    }
    ul.widject li {
        width: 208px
    }
    ul.widject li:focus,
    ul.widject li:hover {
        margin-left: -170px
    }
    ul.widject li span {
        padding: 11px 20px 0 3px
    }
    .why-toyota-banner {
        height: 460px
    }
    .caption-main {
        line-height: 29px;
        padding: 0 9% 60px
    }
    .award-listing {
        padding: 22px
    }
    .award-listing p:last-child {
        padding: 0;
        margin: 0
    }
    .award-listing p {
        padding: 0 0 18px 14px
    }
    .award-listing h3 {
        line-height: 35px
    }
    .caption-main h2 {
        font-size: 34px
    }
    .faq-second .panel-default>.panel-heading .panel-title {
        font-size: 16px
    }
    .content-about {
        padding: 0 12% 57px
    }
    .sitemap h3 {
        font-size: 23px
    }
    .sitemap h2 {
        font-weight: 600;
        font-size: 36px
    }
    .whyToyota .tab-content h3 {
        font-size: 31px
    }
    .model-year,
    .model-kms,
    .model-fueltype {
        font-size: 11px
    }
}

@media(max-width:1365px) {
    #detail-container ul.scrooling-nav li a {
        font-size: 13px
    }
    .sections {
        padding: 44px 0
    }
    .modal.in .modal-dialog {
        margin-top: 50px
    }
    .btn-groups a {
        line-height: 16px;
        font-size: 12px
    }
    .veh-list li h3 {
        font-size: 17px
    }
    .veh-list li .model-details .cost {
        font-size: 18px
    }
    .model-year,
    .model-kms,
    .model-fueltype {
        font-size: 12px
    }
    .model-year {
        background-size: 27px;
        padding: 10px 20px 10px 32px
    }
    .model-kms {
        background-size: 27px;
        padding: 10px 20px 10px 29px
    }
    .model-fueltype {
        background-size: 19px
    }
    .veh-list li .pdf img {
        max-width: 20px;
        padding: 12px 0 0
    }
    .model-details .location {
        background-size: 12px
    }
    .veh-list li .model-details {
        line-height: 24px
    }
}

@media(max-width:1279px) {
    .section-overview figure {
        padding: 15px 8px 13px
    }
    .section-overview figure .carousel-indicators li {
        width: 19px;
        height: 19px
    }
    .section-overview figure .carousel-indicators {
        float: none;
        text-align: center
    }
    .section-overview figure .text {
        left: 10px;
        text-align: center;
        bottom: 46px
    }
    .section-overview figure .text i {
        display: none
    }
    .section-overview article .buttons a.drive i {
        width: 25px;
        height: 25px;
        background: url(../img/sprite.png) -129px -159px no-repeat;
        left: 10px;
        top: 8px
    }
    .section-overview article .buttons a {
        line-height: 22px;
        padding: 9px 19px 10px 45px;
        font-size: 15px
    }
    .section-overview article .buttons a.drive:hover i {
        background: url(../img/sprite.png) -158px -159px no-repeat
    }
    .section-overview article .buttons a.enquiry i {
        background: url(../img/sprite.png) -132px -193px no-repeat;
        width: 21px;
        height: 25px;
        top: 9px
    }
    .section-overview article .buttons a.enquiry:hover i {
        background: url(../img/sprite.png) -161px -193px no-repeat
    }
    .section-overview article .buttons {
        padding: 7px 0 0
    }
    .modal-dialog.search-popup,
    .modal-dialog.search-popup .modal-content {
        width: auto;
        margin: 0 20px
    }
    .award-listing figure iframe {
        height: 300px
    }
    .section-overview article .buttons a.sales i {
        left: 8px;
        top: 2px
    }
    .section-overview article .buttons a.sales i {
        background: url(../img/sprite.png) -152px -234px no-repeat;
        width: 25px;
        height: 23px;
        left: 12px;
        top: 10px
    }
    .section-overview article .buttons a.sales:hover i {
        background: url(../img/sprite.png) -113px -234px no-repeat
    }
    .section-gallery ul {
        padding: 0
    }
    .section-gallery ul li {
        width: 33%
    }
    .whyToyota .contentmain {
        height: 40%
    }
    .model-year {
        padding: 10px 1px 10px 32px
    }
    .model-kms {
        padding: 10px 13px 10px 27px
    }
    .model-fueltype {
        padding: 10px 20px 10px 23px
    }
    .veh-list li .pdf {
        width: 17%
    }
    .veh-list li .model-details {
        width: 81%;
        padding: 12px 0 0
    }
}

@media(max-width:1199px) {
    .home-banner .carousel-indicators {
        left: 6%;
        DISPLAY:none;
        margin-left: 0
    }
    .home-banner .carousel-caption .content-1 .title strong {
        font-size: 21px
    }
    .home-banner .carousel-caption .content-1 .title {
        font-size: 12px;
        line-height: 23px
    }
    .home-banner .carousel-caption .content-1 .btn {
        font-size: 12px
    }
    .home-banner .carousel-caption .content-1 {
        padding: 11px 20px;
        width: auto
    }
    .allModels .title,
    .current-offers .container .title,
    .new-arrivals .container .title,
    .section-events .title,
    .section-news .title,
    .whats-new .title,
    .whyToyota .tab-content h2 {
        font-size: 29px
    }
    .whyToyota .tab-content .view-all,
    .new-arrivals .carousel-inner .item .description .btn {
        line-height: 20px;
        padding: 7px 24px;
        font-size: 13px
    }
    .whyToyota .tab-content h3 {
        font-size: 25px
    }
    .whyToyota .tab-content h4 {
        font-size: 16px
    }
    .new-arrivals .carousel-inner .item .description ul li {
        font-size: 15px;
        line-height: 20px;
        padding: 0 0 13px 24px
    }
    .new-arrivals .carousel-inner .item .description ul li::before {
        top: 8px
    }
    .whyToyota ul.nav-tabs li {
        font-size: 13px
    }
    .new-arrivals .carousel-inner .item .description .frame .big {
        font-size: 20px
    }
    .home-banner {
        padding: 64px 0 0
    }
    header .navbar-nav.center-nav li>a.parent-nav {
        padding: 22px 11px
    }
    header .navbar-brand {
        padding: 10px 22px 5px 0
    }
    .navbar-main .navbar-right li.branch a::before,
    .navbar-main .navbar-right li.sales a::before {
        display: none
    }
    .navbar-main .navbar-right li a {
        padding: 12px 17px
    }
    .navbar-main .navbar-right {
        padding: 12px 0 0
    }
    .home-banner .carousel-caption .content-1 .description,
    .navbar-main .navbar-right li.why a::before {
        display: none
    }
    .sub-hed {
        font-size: 27px;
        line-height: 34px;
        margin: 0 0 21px 18px
    }
    body,
    html {
        font-size: 15px
    }
    .page-hed {
        line-height: 28px;
        font-size: 31px;
        padding-left: 17px
    }
    .page-hed::before {
        width: 3px
    }
    header {
        font-size: 12px
    }
    .navbar-main .navbar-right li.search a {
        padding: 8px 20px 9px
    }
    .whats-new .hex {
        background-size: contain;
        padding: 33px 41px 0;
        height: 277px
    }
    .whats-new .hex i img {
        max-width: 95px
    }
    .section-news .colum {
        max-width: 800px;
        margin: 0 auto;
        padding: 25px 25px 151px
    }
    .section-news ul {
        padding: 25px;
        background: rgba(238, 238, 238, .7)
    }
    .section-news ul li a {
        color: #232323
    }
    footer .left,
    footer .right {
        float: none;
        width: auto;
        height: auto!important;
        background: 0 0
    }
    footer .address {
        color: #fff;
        border: 1px solid #3e3e3e;
        padding: 20px;
        margin: 40px 0 0
    }
    footer .award {
        display: none
    }
    .branches ul.branch-listing li {
        width: 33%
    }
    .service-three-colum .colums figcaption {
        font-size: 13px
    }
    .service-three-colum .colums {
        padding: 53px 0
    }
    .service-three-colum .colums.second {
        padding-right: 26px;
        padding-left: 26px
    }
    .service-three-colum .colums.first {
        padding-right: 26px
    }
    .service-three-colum .colums.last {
        padding-left: 26px
    }
    .art-work {
        padding: 55px 55px 355px;
        background: url(../img/drawing2.jpg) no-repeat center bottom
    }
    .navbar-main .navbar-right li a {
        padding: 12px 11px
    }
    ul.toyota-range li {
        width: 33%
    }
    .contact-us a {
        padding-right: 0
    }
    .col-form {
        margin-left: 0
    }
    .PreOwned .title .right {
        padding: 0 35px 0 0
    }
    .PreOwned .title .select select {
        margin: 10px 0
    }
    .PreOwned .title .select::after {
        top: 20px
    }
}

@media(max-width:991px) {
    .page-hed2 .text-right h4 {
        padding: 15px 0 0
    }
    .page-hed2 .text-right {
        text-align: left
    }
    .award-listing h2 {
        font-size: 17px;
        font-weight: 600;
        line-height: 23px
    }
    .hidden-md-down {
        display: none
    }
    .home-banner {
        padding: 0
    }
    .container-inner {
        padding: 46px 0 75px
    }
    .grid.service-centers li {
        width: 50%
    }
    .banner-vehicle {
        margin-top: 45px;
        padding: 0 0 22px
    }
    .banner-vehicle figure {
        margin: 0
    }
    ul.CTA li a {
        padding: 5px 14px
    }
    ul.CTA li {
        padding: 0 4px
    }
    .navbar-header {
        float: none
    }
    .navbar-toggle {
        display: block
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
    }
    .navbar-collapse.collapse {
        display: none!important
    }
    .navbar-collapse.collapse.in {
        display: block!important
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px
    }
    .navbar-nav>li {
        float: none
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }
    header .top-row ul li {
        padding: 0 17px 0 0
    }
    header .navbar-header {
        float: none;
        clear: both;
        text-align: center
    }
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin: 0;
        float: none
    }
    header .navbar-header {
        padding: 15px 0;
        border-bottom: 1px solid #e1e1e1
    }
    .navbar-brand>img {
        display: inline-block
    }
    header .container {
        width: auto;
        padding: 0
    }
    .navbar-collapse {
        padding: 0
    }
    header .top-row {
        padding: 0 15px
    }
    header .navbar-right {
        margin: 0
    }
    header .navbar-brand {
        padding: 0
    }
    .home-banner .carousel-caption .content-1 {
        padding: 15px
    }
    .home-banner .carousel-caption .content-1 .title {
        padding: 0 0 12px
    }
    .megamenu .dropdown.megamenu-fw .dropdown-menu {
        display: none!important
    }
    .megamenu .dropdown.megamenu-fw.open .dropdown-menu {
        display: block!important
    }
    .home-services .middle::after,
    .home-services .middle::before {
        content: "";
        display: table;
        clear: both;
        position: static
    }
    .home-services .middle {
        background: #fff;
        padding: 20px 0
    }
    .home-services .container {
        width: auto
    }
    .home-services article {
        padding: 15px 0
    }
    .home-services figure {
        text-align: center;
        padding: 15px 0
    }
    .home-services {
        padding: 12px 0
    }
    #detail-container ul.scrooling-nav li a {
        font-size: 12px
    }
    .sections {
        padding: 53px 0
    }
    .section-model ul li h4 {
        font-size: 14px
    }
    .section-model ul li article {
        padding: 0 0 20px 6px
    }
    .section-model ul li figure {
        padding-bottom: 15px
    }
    .section-specifications table tr.demos img {
        max-width: 133px
    }
    .section-specifications table tr.demos th {
        font-size: 12px
    }
    #detail-container ul.scrooling-nav li i {
        transform: scale(.7);
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7)
    }
    #detail-container ul.scrooling-nav li a {
        padding: 4px 15px;
        line-height: 15px
    }
    #detail-container {
        padding: 60px 0 0
    }
    .sections {
        padding: 35px 0
    }
    .section-overview article {
        padding: 0 24px 0 0
    }
    #detail-container #features,
    #detail-container #gallery,
    #detail-container #models,
    #detail-container #overview,
    #detail-container #perfomance,
    #detail-container #specifications {
        top: -15px
    }
    .section-model ul li {
        padding: 0 0 0 15px
    }
    .section-features ul li {
        padding: 4px
    }
    .section-safety .tab-content>.tab-pane {
        padding: 20px
    }
    footer .panel-default {
        padding-bottom: 0;
        padding-top: 0
    }
    .page-hed {
        margin-bottom: 37px
    }
    footer .panel-default {
        float: none;
        width: auto
    }
    footer .panel-default.second {
        border-left: 0;
        border-right: 0;
        padding-left: 0
    }
    footer .panel-default.last {
        padding-left: 0
    }
    footer .panel-default .collapse {
        display: none
    }
    footer .panel-default .collapse.in {
        display: block
    }
    footer .panel-title a {
        pointer-events: fill
    }
    .more-less {
        color: #7d7d7d
    }
    footer .panel-default>.panel-heading {
        border: 1px solid #3e3e3e
    }
    footer .panel-default>.panel-heading a {
        padding: 15px
    }
    footer .panel-title {
        font-size: 16px
    }
    footer .panel-default>.panel-heading {
        margin-bottom: 10px
    }
    footer .left ul.nav-main {
        border-bottom: 0;
        padding: 25px 0 0;
        text-align: center;
        margin-bottom: 25px
    }
    footer .copy {
        border-top: 0;
        text-align: center;
        padding: 2px 0 36px
    }
    footer .first-row .newsletter {
        margin: 0 auto 20px;
        float: none
    }
    footer .first-row ul {
        float: none;
        text-align: center
    }
    footer .first-row ul li {
        float: none;
        text-align: center;
        display: inline-block
    }
    footer .panel-default>.panel-heading+.panel-collapse>.panel-body {
        padding: 20px;
        border: 1px solid #3e3e3e;
        margin-bottom: 10px
    }
    .section-news article {
        background: 0 0
    }
    .section-news ul {
        padding: 0
    }
    .section-news .colum {
        padding: 25px 25px 96px
    }
    .section-news .title {
        padding: 15px 0 30px
    }
    .new-arrivals .carousel-inner .item .description {
        width: 100%;
        left: 0;
        bottom: 0;
        height: auto;
        padding: 40px
    }
    .new-arrivals .carousel-inner .item .description .frame {
        padding: 0
    }
    .new-arrivals .carousel-inner .item .description ul {
        display: none
    }
    .new-arrivals .container .title {
        top: 0;
        padding: 15px 0
    }
    .new-arrivals .carousel-inner {
        min-height: 329px
    }
    #bs-example-navbar-collapse-1 {
        padding: 0 10px
    }
    .new-arrivals .carousel-inner .item .description .frame .caption small {
        display: none
    }
    .new-arrivals .carousel-inner .item .description .frame .caption {
        font-size: 31px;
        padding: 23px;
        line-height: 27px;
        padding: 0 0 12px
    }
    .new-arrivals .carousel-inner .item .description .frame .caption small {
        font-size: 16px
    }
    .new-arrivals .carousel-inner .item .description .frame .big {
        font-size: 17px
    }
    .new-arrivals .carousel-inner .item .description .btn {
        padding: 7px 28px;
        font-size: 16px
    }
    .new-arrivals .carousel-inner .item .description .frame {
        max-width: 100%
    }
    .new-arrivals .carousel-control {
        bottom: 36px
    }
    .whyToyota .tab-content,
    .whyToyota ul.nav-tabs {
        float: none;
        width: auto
    }
    .whyToyota ul.nav-tabs li {
        width: 25%;
        padding: 4px;
        font-size: 15px
    }
    .whyToyota .tab-content {
        margin-top: 0;
        background-size: cover;
        border-right: 0;
        margin: 0 15px 15px
    }
    .whyToyota ul.nav-tabs>li>a {
        height: auto;
        padding-bottom: 20px
    }
    .whyToyota ul.nav-tabs>li.safety>a {
        padding-top: 20px
    }
    .whyToyota ul.nav-tabs>li.comfort>a {
        padding-top: 21px
    }
    .whyToyota ul.nav-tabs>li.design>a {
        padding-top: 33px
    }
    .whyToyota ul.nav-tabs>li.performance>a {
        padding-top: 24px
    }
    .whyToyota ul.nav-tabs>li.comfort>a i {
        height: 151px
    }
    .whyToyota .nav-tabs>li>a {
        border: 0
    }
    .whyToyota ul.nav-tabs>li.safety>a i {
        width: 28px;
        height: 29px;
        background: url(../img/sprite-device.png) no-repeat 0 0;
        margin: 0 auto 6px
    }
    .whyToyota ul.nav-tabs>li.comfort>a i {
        width: 28px;
        height: 28px;
        background: url(../img/sprite-device.png) no-repeat 0 -29px;
        margin: 0 auto 6px
    }
    .whyToyota ul.nav-tabs>li.design>a i {
        width: 36px;
        height: 17px;
        background: url(../img/sprite-device.png) no-repeat 0 -58px;
        margin: 0 auto 6px
    }
    .whyToyota ul.nav-tabs>li.performance>a i {
        width: 23px;
        height: 26px;
        background: url(../img/sprite-device.png) no-repeat 0 -77px;
        margin: 0 auto 6px
    }
    .whyToyota ul.nav-tabs>li.active.safety>a i,
    .whyToyota ul.nav-tabs>li.safety>a:hover i {
        background: url(../img/sprite-device.png) no-repeat -30px 0
    }
    .whyToyota ul.nav-tabs>li.active.comfort>a i,
    .whyToyota ul.nav-tabs>li.comfort>a:hover i {
        background: url(../img/sprite-device.png) no-repeat -30px -29px
    }
    .whyToyota ul.nav-tabs>li.active.design>a i,
    .whyToyota ul.nav-tabs>li.design>a:hover i {
        background: url(../img/sprite-device.png) no-repeat -38px -58px
    }
    .whyToyota ul.nav-tabs>li.active.performance>a i,
    .whyToyota ul.nav-tabs>li.performance>a:hover i {
        background: url(../img/sprite-device.png) no-repeat -29px -77px
    }
    .whyToyota ul.nav-tabs li {
        font-size: 12px
    }
    .whyToyota ul.nav-tabs>li.distributer>a i {
        width: 36px;
        height: 24px;
        background: url(../img/sprite-device.png) no-repeat 0 -107px
    }
    .whyToyota ul.nav-tabs>li.campaign>a i {
        width: 34px;
        height: 31px;
        background: url(../img/sprite-device.png) no-repeat 0 -131px
    }
    .whyToyota ul.nav-tabs>li.support>a i {
        width: 32px;
        height: 26px;
        background: url(../img/sprite-device.png) no-repeat 0 -160px
    }
    .whyToyota ul.nav-tabs>li.dreamcar>a i {
        width: 35px;
        height: 26px;
        background: url(../img/sprite-device.png) no-repeat 0 -195px
    }
    .whyToyota ul.nav-tabs>li.active.distributer>a i,
    .whyToyota ul.nav-tabs>li.distributer>a:hover i {
        background: url(../img/sprite-device.png) no-repeat -35px -106px
    }
    .whyToyota ul.nav-tabs>li.active.campaign>a i,
    .whyToyota ul.nav-tabs>li.campaign>a:hover i {
        background: url(../img/sprite-device.png) no-repeat -32px -133px
    }
    .whyToyota ul.nav-tabs>li.active.support>a i,
    .whyToyota ul.nav-tabs>li.support>a:hover i {
        background: url(../img/sprite-device.png) no-repeat -34px -161px
    }
    .whyToyota ul.nav-tabs>li.active.dreamcar>a i,
    .whyToyota ul.nav-tabs>li.dreamcar>a:hover i {
        background: url(../img/sprite-device.png) no-repeat -34px -194px
    }
    .whyToyota ul.nav-tabs>li.distributer>a {
        padding-top: 14px
    }
    .whyToyota ul.nav-tabs>li.campaign>a {
        padding: 15px
    }
    .whyToyota ul.nav-tabs>li.support>a {
        padding-top: 14px
    }
    .whyToyota ul.nav-tabs>li.dreamcar>a {
        padding-top: 15px
    }
    .whyToyota ul.nav-tabs>li.distributer>a i,
    .whyToyota ul.nav-tabs>li.dreamcar>a i,
    .whyToyota ul.nav-tabs>li.support>a i {
        margin: 0 auto 9px
    }
    .whyToyota ul.nav-tabs>li.campaign>a i {
        margin: 0 auto 2px
    }
    .whyToyota .tab-content {
        padding: 31px 24px 43px 31px
    }
    .whyToyota .tab-content {
        height: auto
    }
    #event-slider .carousel-control .left {
        margin-left: -9px
    }
    #event-slider .carousel-control .right {
        margin-right: -9px
    }
    .allModels .title,
    .current-offers .container .title,
    .new-arrivals .container .title,
    .section-events .title,
    .section-news .title,
    .whats-new .title,
    .whyToyota .tab-content h2 {
        font-size: 33px;
        line-height: 35px
    }
    .allModels .title small {
        font-size: 16px
    }
    .allModels {
        padding: 26px 0 67px
    }
    .allModels .title {
        margin: 0 0 32px
    }
    .allModels .owl-controls .owl-prev {
        background-size: 27px;
        width: 33px;
        height: 33px
    }
    .allModels .owl-controls .owl-next {
        background-size: 27px;
        width: 33px;
        height: 33px
    }
    .allModels .owl-controls {
        bottom: -41px
    }
    .new-arrivals .carousel-inner .item {
        min-height: 540px
    }
    .new-arrivals .carousel-control img {
        max-width: 25px
    }
    .new-arrivals .carousel-inner .item .description {
        padding: 25px
    }
    .new-arrivals .carousel-inner .item .description .frame p {
        display: none
    }
    .current-offers .carousel-control.left img,
    .current-offers .carousel-control.right img {
        max-width: 28px
    }
    .current-offers .carousel-inner {
        margin: 0 34px
    }
    .current-offers .view-all {
        padding: 12px 47px
    }
    .modal-dialog.search-popup .modal-content .modal-body .frame {
        padding: 52px 25px
    }
    .modal-dialog.search-popup .modal-content .modal-body .frame .btn {
        font-size: 17px;
        padding: 7px 28px
    }
    .modal-dialog.search-popup .modal-content .modal-body .car::after {
        width: 54px;
        background-size: 42px;
        background-size: 50px
    }
    .modal-dialog.search-popup .modal-content .modal-body .car {
        background-size: 50px
    }
    .branches ul.branch-listing li {
        width: 48%
    }
    .container-inner .page-hed2 {
        font-size: 29px;
        line-height: 31px
    }
    .branches {
        padding: 57px 0
    }
    .branch-selector .select select {
        height: 47px
    }
    .branch-selector .search {
        background-size: 24px;
        width: 57px
    }
    .branch-selector .container {
        padding-right: 59px
    }
    .branch-selector .select select {
        padding: 0 0 0 16px
    }
    .branch-selector .select::after {
        background-size: 16px
    }
    .inner-banner {
        height: 350px;
        margin-top: 73px
    }
    .inner-banner .content-1 .title {
        font-size: 17px;
        line-height: 29px
    }
    .inner-banner .content-1 .title strong {
        font-size: 32px
    }
    .inner-banner .content-1 {
        padding: 16px 20px;
        width: 268px
    }
    .inner-banner::after {
        display: none
    }
    .award-listing {
        padding: 16px
    }
    .award-listing.news-listing h4 {
        font-size: 14px;
        line-height: 19px;
        padding: 0 0 7px
    }
    .award-listing h3 {
        line-height: 27px;
        font-size: 19px
    }
    .award-listing.news-listing h3 {
        font-size: 19px;
        line-height: 27px
    }
    .two-colum-about article {
        padding: 0 0 20px 33px
    }
    .two-colum-about article .heading {
        margin-top: 12px;
        margin-bottom: 19px;
        font-size: 28px;
        line-height: 32px
    }
    .two-colum-about figure {
        padding: 20px
    }
    .content-about {
        padding: 0 0 20px
    }
    .two-colum-about article,
    .two-colum-about figure {
        float: none;
        width: auto
    }
    .two-colum-about figure {
        margin: 0 auto 25px;
        max-width: 341px
    }
    .two-colum-about article {
        padding: 0 0 20px
    }
    .MD-msg figure::after,
    .MD-msg figure::before {
        display: none
    }
    .award-listing h2 {
        font-size: 21px
    }
    .award-listing figure .year {
        font-size: 24px;
        padding: 5px 23px;
        left: 0;
        position: static
    }
    .award-listing figure {
        padding: 0 0 20px
    }
    .whyToyota .tab-content .view-all {
        top: auto;
        bottom: 37px;
        padding: 7px 35px;
        right: 17px
    }
    .new-arrivals .container .title {
        position: static
    }
    .award-listing figure iframe {
        height: 250px
    }
    .whyToyota .title.mobile {
        display: block;
        font-size: 33px;
        line-height: 35px;
        text-align: center;
        text-transform: uppercase;
        padding: 20px 15px 0
    }
    .whyToyota .tab-content h2 {
        display: none
    }
    .branches.map-container {
        padding: 0
    }
    .location-map {
        margin-bottom: 0
    }
    .art-work {
        background-size: 491px;
        padding: 34px 10px 308px;
        text-align: center
    }
    .art-work h2 {
        font-size: 35px
    }
    .art-work .contents {
        padding: 0 0 20px
    }
    .section-specifications table tr.demos .specification-title {
        line-height: 16px
    }
    .home-banner .carousel-indicators li {
        width: 63px
    }
    .home-banner .carousel-caption .content-1 {
        margin-right: 19px
    }
    .whats-new .row .col-sm-6:nth-child(3) {
        float: none;
        clear: both;
        margin: 0 auto
    }
    .container-body {
        margin: 139px 0 0
    }
    header .navbar-header {
        text-align: left;
        padding: 10px;
        margin-right: 0;
        margin-left: 0
    }
    header .navbar-brand {
        padding: 0 0 0 15px
    }
    header.sticky-header .navbar-toggle {
        margin: 0 15px 0 0
    }
    header {
        position: sticky
    }
    .container-body {
        margin: 0
    }
    .inner-banner {
        margin-top: 0
    }
    #detail-container.sticky ul.scrooling-nav li a i {
        opacity: 1
    }
    .veh-list li {
        width: 50%
    }
    .whyToyota .tab-content>.tab-pane {
        height: 402px;
        width: 103%
    }
    .whyToyota .tab-content>.tab-pane .mCSB_container {
        overflow: auto
    }
    .col-form {
        margin-left: 0
    }
    .section-news .owl-carousel-news {
        margin-bottom: 22px
    }
    .allModels .owl-controls .owl-prev {
        border: none!important;
        width: 29px!important;
        margin-right: 0!important
    }
}

@media(max-width:767px) {
    .PreOwned .title .left {
        padding: 0 0 21px 0
    }
    .PreOwned .title .right {
        padding: 13px 0 0 0
    }
    body,
    html {
        line-height: 26px;
        font-weight: 400
    }
    .PreOwned .title .left h3 {
        font-size: 26px
    }
    .PreOwned .title .select select {
        width: 223px;
        height: 41px
    }
    .PreOwned .owl-nav .owl-prev,
    .PreOwned .owl-nav .owl-next {
        width: 28px;
        height: 28px
    }
    .PreOwned .title .search {
        padding: 8px 27px;
        margin: 10px 0
    }
    .award-listing h2 {
        font-size: 17px;
        font-weight: 600;
        line-height: 23px
    }
    .grid.service-centers li .award-listing h2 {
        font-size: 17px
    }
    .grid.service-centers li .award-listing address h4 {
        font-size: 15px;
        padding: 0 0 4px
    }
    .grid.service-centers li .award-listing address:last-child {
        margin-bottom: 0
    }
    .why-toyota-banner {
        height: 294px
    }
    .four-colum-slider {
        margin: 0 auto 23px
    }
    .four-colum-slider .owl-controls {
        position: relative;
        text-align: center
    }
    .four-colum-slider .owl-next,
    .four-colum-slider .owl-prev {
        margin-top: 0;
        position: static;
        display: inline-block;
        margin: 0 3px;
        width: 35px;
        height: 35px
    }
    header .site-info {
        display: none
    }
    header .top-row ul.help {
        display: none
    }
    header .navbar-collapse,
    header .navbar-default .navbar-collapse,
    header .navbar-default .navbar-form {
        padding: 0 29px
    }
    .navbar-main .navbar-right {
        padding: 0
    }
    /*.navbar-main .navbar-right li.branch a,*/
    .navbar-main .navbar-right li.branch a:hover,
    .navbar-main .navbar-right li.sales a,
    .navbar-main .navbar-right li.sales a:hover {
        background: #fff;
        color: #000
    }
    .navbar-nav {
        margin: 0
    }
    .navbar-main .navbar-right li a,
    header .navbar-nav.center-nav li>a.parent-nav {
        padding: 8px 0
    }
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.active>a:hover {
        background-color: transparent
    }
    .navbar-main {}
    header .navbar-nav.center-nav li:first-child>a.parent-nav,
    header .navbar-nav.center-nav li>a.parent-nav {
        border-right: 0;
        border-left: 0
    }
    .megamenu .collapse,
    .megamenu .dropdown,
    .megamenu .dropup,
    .megamenu .nav {
        position: relative
    }
    .megamenu .dropdown.megamenu-fw .dropdown-menu {
        background: #eaeaea
    }
    .megamenu .megamenu-content {
        padding: 7px
    }
    .main-menu ul li:nth-of-type(1n) {
        background: #fff
    }
    .main-menu ul {
        margin-bottom: 15px
    }
    .main-menu ul li figure {
        max-width: 43px
    }
    .main-menu ul li a span {
        padding: 5px 0 4px 8px
    }
    .home-banner .carousel-caption {
        position: static;
        padding-top: 0
    }
    .home-banner .carousel-caption .content-1 {
        float: none;
        width: auto;
        text-align: center;
        margin-right: 0
    }
    .carousel-fade .carousel-inner .item .container {
        margin: 0;
        padding: 0
    }
    .home-banner .carousel-caption .content-1 {
        background: rgba(0, 0, 0);
        position: relative
    }
    .home-banner .carousel-caption .content-1 .title strong {
        font-size: 184%
    }
    .home-banner .carousel-caption .content-1::before {
        position: absolute;
        left: 50%;
        bottom: 100%;
        border-bottom: 15px solid #000;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        display: block;
        content: "";
        margin-left: -12px
    }
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0
    }
    header .menu-hidden {
        display: block
    }
    /*.navbar-main .navbar-right li a {*/
    /*    color: #000*/
    /*}*/
    .section-overview article {
        float: none;
        padding: 0 0 20px;
        width: auto
    }
    .section-overview figure {
        float: none;
        padding: 0 0 40px;
        width: auto;
        margin: 0
    }
    .section-overview figure .text i {
        margin-bottom: -10px
    }
    .allModels {
        padding: 26px 15px 30px
    }
    .new-arrivals .container .title {
        position: relative
    }
    .inner-banner {
        height: 306px
    }
    .inner-banner .content-1 .title {
        font-size: 11px
    }
    .inner-banner .content-1 .title strong {
        font-size: 22px;
        line-height: 19px
    }
    .inner-banner .content-1 {
        width: auto;
        padding: 7px 19px
    }
    ul.widject {
        display: none
    }
    .container-inner {
        padding: 36px 0
    }
    .container-inner .page-hed2 {
        margin-bottom: 25px
    }
    .cms .panel-default>.panel-heading {
        font-size: 17px
    }
    .cms h3 {
        font-size: 15px
    }
    ul.grid.CSR li {
        float: none;
        width: 100%
    }
    .branch-selector .select {
        width: auto;
        float: none;
        border: 1px solid #d6d6d6;
        margin: 5px 0
    }
    .branch-selector .container {
        padding-right: 15px
    }
    .location-map,
    .location-map iframe {
        height: 190px
    }
    #bs-example-navbar-collapse-1 {
        margin-left: 0;
        margin-right: 0
    }
    .navbar-main .navbar-right li.search {
        padding-left: 0
    }
    /*.navbar-main .navbar-right li.why a {*/
    /*    background: #fff*/
    /*}*/
    .navbar-main .navbar-right li.why a:focus,
    .navbar-main .navbar-right li.why a:hover {
        color: #000
    }
    .navbar-main .navbar-right li.search {
        margin-bottom: 10px
    }
    .service-three-colum .colums.first,
    .service-three-colum .colums.last,
    .service-three-colum .colums.second {
        height: auto!important;
        padding: 20px;
        margin-bottom: 20px;
        border: 1px solid #d0d0d0;
        float: none;
        width: auto
    }
    .service-three-colum .colums.first {
        margin-top: 20px
    }
    header .navbar-nav {
        margin: 0
    }
    .select-dealer ul {
        padding: 0
    }
    .home-banner .desktop {
        display: none
    }
    .home-banner .mobile {
        display: block
    }
    .new-arrivals .carousel-inner .item {
        min-height: 332px
    }
    .navbar-main .navbar-right li.device {
        display: block
    }
    .section-overview figure .carousel-fade .carousel-inner .item img {
        width: 100%
    }
    .section-overview figure {
        padding: 0 0 14px
    }
    .section-overview figure .text {
        bottom: 50px
    }
    .enquiry ul li {
        font-size: 18px
    }
    .enquiry ul li i {
        font-size: 123%;
        top: 3px
    }
    .enquiry ul li span {
        display: block
    }
    .navbar-nav li:focus .dropdown-menu,
    .navbar-nav li:hover .dropdown-menu {
        display: none!important;
        opacity: 0!important
    }
    .navbar-nav li:hover .dropdown-menu {
        display: none!important;
        opacity: 0!important
    }
    .navbar-nav li.dropdown.open .dropdown-menu {
        display: block!important;
        opacity: 1!important
    }
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        background: 0 0
    }
    .whyToyota .title.mobile {
        padding: 21px 27px 10px;
        font-size: 28px
    }
    .art-work {
        margin: 0 0 52px
    }
    .allModels .owl-controls {
        bottom: -25px
    }
    .allModels.brochure li {
        width: 50%
    }
}

@media(max-width:640px) {
    .PreOwned .title .left,
    .PreOwned .title .right {
        float: none;
        width: auto;
        text-align: center
    }
    .PreOwned .title .left {
        padding: 0 0 10px
    }
    .PreOwned .title .right {
        padding: 13px 0 19px 0;
        width: 285px;
        margin: 0 auto
    }
    .PreOwned .title .left h3 {
        font-size: 23px
    }
    .PreOwned .title {
        border-bottom: 0;
        margin: 0
    }
    .PreOwned {
        padding: 9px 19px 25px
    }
    .PreOwned .title .select select {
        width: 170px
    }
    .PreOwned .title .select {
        float: left;
        margin: 0 8px 0 0
    }
    .PreOwned .title .select::after {
        right: 15px;
        width: 13px;
        height: 13px
    }
    ul.toyota-range li {
        width: 49%
    }
    .section-overview figure .carousel-indicators li {
        width: 13px;
        height: 13px
    }
    .section-overview figure .carousel-indicators .active {
        width: 16px;
        height: 16px;
        top: 2px
    }
    .section-overview figure .carousel-indicators {
        margin: 29px 0 0
    }
    .section-overview figure .text {
        bottom: 41px;
        font-size: 14px
    }
    .grid.service-centers li {
        float: none;
        width: auto
    }
    .home-banner .carousel-caption .content-1 .title {
        font-size: 11px;
        line-height: 18px
    }
    .home-banner .carousel-caption .content-1 .btn {
        font-size: 15px
    }
    .home-banner::after {
        display: none
    }
    #detail-container ul.scrooling-nav li a {
        font-size: 0;
        line-height: 0;
        padding: 4px 3px
    }
    #detail-container ul.scrooling-nav {
        line-height: 0
    }
    #detail-container,
    body {
        line-height: 25px
    }
    .section-features ul li,
    .section-model ul li {
        float: none;
        width: auto;
        padding: 0 0 25px
    }
    ul.bullet-list li {
        padding: 0 0 0 15px
    }
    .section-model ul li .content {
        height: auto!important
    }
    .section-specifications .table-container {
        overflow: auto
    }
    .section-specifications .table-container table {
        width: 768px
    }
    .section-safety .nav-tabs>li>a {
        padding: 0 27px 15px;
        font-size: 13px
    }
    .section-safety .nav-tabs>li>a i {
        transform: scale(.7);
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7)
    }
    .section-safety .nav-tabs>li a:focus,
    .section-safety .nav-tabs>li a:hover,
    .section-safety .nav-tabs>li.active>a,
    .section-safety .nav-tabs>li.active>a:focus,
    .section-safety .nav-tabs>li.active>a:hover,
    .section-safety .nav-tabs>li>a {
        border-bottom: 4px solid #fff
    }
    .section-safety .nav-tabs>li.active a::after {
        margin-top: 1px
    }
    .section-safety .tab-content>.tab-pane {
        padding: 12px
    }
    .modal-dialog.search-popup .modal-content .modal-body .car {
        display: none
    }
    .modal-dialog.search-popup .modal-content .modal-body {
        padding: 0
    }
    .modal-dialog.search-popup .modal-content .modal-body .frame {
        padding: 20px
    }
    ul.csr-tabs li {
        float: left;
        width: 50%;
        padding: 3px;
        margin-left: 0
    }
    ul.csr-tabs li a {
        display: block;
        padding: 10px 7px
    }
    ul.csr-tabs li.active::after {
        display: none
    }
    ul.csr-tabs {
        padding: 0 7px
    }
    .branches .title,
    .container-inner .page-hed2,
    .send-message .title {
        font-size: 22px
    }
    .branches ul.branch-listing li {
        width: auto;
        display: block;
        padding: 0 0 20px
    }
    .branches .title,
    .send-message .title {
        padding: 0 0 21px;
        text-align: left
    }
    .send-message {
        padding: 23px 0
    }
    .send-message .form-control {
        min-height: 37px
    }
    footer .first-row .newsletter {
        background: 0 0
    }
    footer .first-row .newsletter input[type=submit],
    footer .first-row .newsletter input[type=text] {
        float: none;
        display: block;
        max-width: 100%;
        width: 100%
    }
    footer .first-row .newsletter input[type=text] {
        background: #fff;
        text-align: center;
        margin-bottom: 10px;
        border-radius: 25px;
        text-indent: 0
    }
    footer .first-row .newsletter {
        border-radius: 0
    }
    .award-listing p {
        padding: 0 0 18px 18px;
        font-size: 14px
    }
    .award-listing p strong {
        line-height: 20px
    }
    .whyToyota ul.nav-tabs>li>a {
        height: 115px
    }
    .whyToyota ul.nav-tabs li {
        width: 50%
    }
    .whyToyota .tab-content h3 {
        font-size: 24px
    }
    .whyToyota .tab-content h4 {
        font-size: 16px
    }
    .current-offers .carousel-inner {
        margin: 0
    }
    .current-offers .carousel-control.left,
    .current-offers .carousel-control.right {
        opacity: 1;
        margin-top: -15px
    }
    .allModels .title,
    .current-offers .container .title,
    .new-arrivals .container .title,
    .section-events .title,
    .section-news .title,
    .whats-new .title,
    .whyToyota .tab-content h2 {
        font-size: 26px;
        line-height: 30px
    }
    .current-offers .container .title {
        margin-bottom: 18px
    }
    .section-news .colum {
        padding: 25px 0 96px
    }
    .section-news ul li a {
        padding: 0 0 6px
    }
    #event-slider .item figure {
        border: 4px solid #e9e9e9;
        border-radius: 13px
    }
    #event-slider article h3 {
        font-size: 17px
    }
    .section-events .title {
        padding: 0 0 14px
    }
    .enquiry ul li {
        display: block;
        padding: 0 0 10px 35px;
        position: relative
    }
    .enquiry ul li i {
        position: absolute;
        left: 0
    }
    .branches {
        padding: 29px 0 7px
    }
    .dealer-details {
        padding: 26px 0 0
    }
    .branch-selector .select {
        margin: 15px 0
    }
    .four-colum-slider .owl-item::after,
    .four-colum-slider::after {
        display: none
    }
    .caption-main h2 {
        font-size: 22px;
        line-height: 31px;
        padding: 0 0 11px
    }
    .four-colum-slider .item {
        padding: 0 0 20px
    }
    .caption-main {
        padding: 0 0 6px;
        margin-bottom: 30px
    }
    .panel-title>a {
        padding: 15px 17px 15px 15px
    }
    .faq-second .more-less {
        right: -10px
    }
    .faq-second .panel-default>.panel-heading .panel-title {
        font-size: 13px
    }
    .faq-second {
        padding: 0 0 10px
    }
    .four-colum-slider figure i img {
        max-width: 77px
    }
    .four-colum-slider figure {
        height: 65px
    }
    .why-toyota-banner {
        height: 189px
    }
    .sitemap h2 {
        font-size: 24px;
        padding: 0 0 10px
    }
    ul.bullet-list-style li {
        padding: 0 0 0 13px;
        font-size: 13px
    }
    ul.bullet-list-style li::before {
        top: 8px
    }
    ul.bullet-list-style {
        padding: 0 0 10px
    }
    .sitemap h3 {
        padding: 0 0 3px;
        font-size: 18px
    }
    .sitemap h2 {
        padding: 0 0 23px
    }
    ul.bullet-list-block li::before {
        left: 6px;
        top: 9px
    }
    ul.bullet-list-block {
        padding: 0 0 8px 2px
    }
    .pn-ProductNav_Wrapper {
        padding: 0 11px;
        margin: 0
    }
    .pn-Advancer {
        height: 33px;
        width: 33px
    }
    .pn-Advancer_Icon {
        height: 30px
    }
    .veh-list li {
        width: auto;
        float: none
    }
    .veh-list li .frame {
        padding: 6px
    }
    .veh-list li figure {
        padding: 0 0 10px
    }
    .allModels .title h1 {
        font-size: 24px
    }
    .current-offers,
    .section-events,
    .whats-new {
        padding: 18px 0
    }
    .congrats {
        letter-spacing: 2px;
        padding: 10px 12px;
        max-width: 100%
    }
    .col-sps {
        width: 100%
    }
    .right-col {
        width: 100%;
        padding-top: 23px
    }
}

@media(max-width:480px) {
    .pn-ProductNav_Wrapper::before {
   
    width: 0px;
    }
    .pn-ProductNav_Wrapper::after {
   
    width: 0px;
    }
    .verifiedssc input {
        margin-left: 0
    }
    .inputinp input {
        min-width: 258px;
        font-size: 11px
    }
    .subbox {
        padding: 10px 0
    }
    ul.toyota-range li {
        width: 100%
    }
    ul.CTA li a {
        padding: 1px 8px;
        font-size: 11px
    }
    .allModels .title h1 {
        font-size: 21px
    }
    .allModels .title small {
        font-size: 12px;
        font-weight: 800
    }
    .allModels .owl-carousel .owl-item img {
        max-width: 269px
    }
    .whats-new .title p {
        font-size: 13px;
        font-weight: 500
    }
    .section-gallery ul li {
        width: 33.33%
    }
    .section-news ul li {
        padding: 3px 0 20px 65px
    }
    .section-news ul li h4,
    #event-slider article h3 {
        font-family: open sans, sans-serif
    }
    .new-arrivals .carousel-inner .item {
        margin: 0 0 100px;
        min-height: 179px
    }
    .new-arrivals .carousel-inner .item .description {
        bottom: auto;
        top: 100%
    }
    .new-arrivals .carousel-inner .item .description .frame .caption {
        font-size: 14px
    }
    .new-arrivals .carousel-inner .item .description .btn {
        padding: 5px 22px
    }
    .new-arrivals .carousel-inner {
        min-height: 272px
    }
    .whyToyota .tab-content h3 {
        padding: 0 0 14px;
        font-weight: 300
    }
    .whyToyota .tab-content h4 {
        line-height: 24px
    }
    .whyToyota .read {
        padding: 5px 22px
    }
    .award-listing.news-listing h3 {
        padding: 0 0 5px
    }
    .whyToyota .tab-content .view-all {
        padding: 7px 28px
    }
    .banner-vehicle figure {
        margin: 0
    }
    .service-three-colum {
        text-align: left
    }
    .two-colum-about article .heading h1 {
        font-size: 18px
    }
    .two-colum-about article .heading::before {
        display: none
    }
    .md small {
        font-size: 10px
    }
    .two-colum-about article .heading span {
        padding: 0
    }
    .two-colum-about article .heading {
        margin: 0
    }
    .banner-vehicle {
        padding: 0
    }
    ul.CTA li {
        padding: 0 4px 10px;
        /*float: left*/
    }
    ul.CTA {
        padding: 25px 0 14px;
        /*display: flex*/
    }
    .page-hed {
        margin-bottom: 19px
    }
    #detail-container ul.scrooling-nav li.overview i {
        transform: scale(.5);
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -o-transform: scale(.5);
        -ms-transform: scale(.7)
    }
    #detail-container ul.scrooling-nav li a {
        padding: 3px 0
    }
    #detail-container {
        padding: 43px 0 0
    }
    .page-hed {
        font-size: 24px
    }
    .section-overview article .buttons a.drive i {
        transform: scale(.7);
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7)
    }
    .section-overview article .buttons a i {
        left: 6px!important
    }
    .section-overview article .buttons a {
        padding: 9px 10px 10px 33px;
        font-size: 14px
    }
    .allModels .title,
    .current-offers .container .title,
    .new-arrivals .container .title,
    .section-events .title,
    .section-news .title,
    .whats-new .title,
    .whyToyota .tab-content h2,
    .whyToyota .title.mobile {
        font-size: 20px;
        line-height: 26px
    }
    #event-slider .carousel-control {
        top: auto;
        bottom: -13px;
        width: auto
    }
    footer .address img {
        max-width: 69px
    }
    footer .address p:last-child {
        padding: 0
    }
    footer .address h3 {
        font-size: 18px
    }
    #event-slider .carousel-control img {
        max-width: 24px;
        margin: 3px
    }
    #event-slider article {
        padding: 13px 0 0
    }
    .new-arrivals .carousel-inner .item {
        background-position: center top
    }
    .new-arrivals .carousel-inner .item .description {
        padding: 16px
    }
    .new-arrivals .carousel-inner .item .description .frame .caption {
        font-size: 25px;
        line-height: 23px
    }
    .new-arrivals .carousel-inner .item .description .btn {
        font-size: 11px
    }
    .whyToyota .tab-content {
        padding: 31px 12px 43px 20px;
        height: 591px
    }
    .whyToyota .mCSB_container {
        margin-right: 28px
    }
    .whyToyota .tab-content h3 {
        font-size: 19px
    }
    .current-offers .view-all {
        font-size: 14px;
        padding: 8px 31px
    }
    .current-offers .carousel {
        margin-bottom: 19px
    }
    .navbar-default .navbar-brand img {
        max-width: 156px
    }
    header .navbar-brand {
        padding: 11px 0 0 15px;
        display: inline-block
    }
    .allModels .title {
        margin: 0 0 14px
    }
    .inner-banner {
        height: 208px
    }
    .section-news article .more {
        bottom: 33px
    }
    .pt-4 {
        padding-top: 47px
    }
    .col-sps h3 {
        font-size: 25px!important
    }
    .contact-us a {
        padding-right: 0;
        width: 100%;
        display: inline-block
    }
    .col-form {
        margin-left: 0
    }
    .allModels.brochure li {
        width: 100%
    }
    .grid li {
        left: 0!important;
        width: 100%!important
    }
}

.tablemanageunder8 tr {}

.tablemanageunder8 td:nth-child(1) {
    width: 3%
}

.tablemanageunder8 td:nth-child(2) {
    width: 33.3333333%
}

.tablemanageunder8 td:nth-child(3) {
    width: 33.3333333%
}

.tablemanageunder9 tr {}

.tablemanageunder9 td:nth-child(1) {
    width: 3%
}

.tablemanageunder9 td:nth-child(2) {
    width: 10.333333%
}

.tablemanageunder9 td:nth-child(3) {
    width: 33.3333333%
}

.allModels .detail-HP {
    font-size: 11px;
    color: #000d14;
    padding: 7px 0 9px;
    font-weight: 400;
    border-top: 1px solid #e4e4e4;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between
}

.detail-HP b {
    font-size: 11px;
    float: left;
    display: flex;
    width: 57%;
    text-align: left;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center
}

.detail-HP span {
    color: #fff;
    padding: 0 9px;
    display: none
}

.slider-home-2 {
    display: block!important
}

.slider-home-2 img {
    display: block!important;
    position: relative!important;
    width: 100%
}

.slider-home-2 .owl-controls {
    position: absolute;
    bottom: 0;
    width: 100%
}

.slider-home-2 .owl-nav {
    right: 0;
    width: 100%;
    display: inline-block;
    margin: 0 0 0 15px;
    flex-direction: row;
    flex-wrap: wrap
}

.slider-home-2 .owl-prev {
    rightleftwidth: 100%;
    display: inline-flex;
    margin: 0 0 0 15px
}

.slider-home-2 .owl-item {
    margin-right: 0!important
}

.slider-home-2 .owl-nav .owl-prev {
    left: 0;
    float: left;
    display: block;
    line-height: 1;
    text-align: center;
    width: 40px;
    display: grid;
    background-color: #000;
    height: 40px;
    margin: 0 15px;
    position: relative
}

.slider-home-2 .owl-nav .owl-next {
    right: 0;
    float: left;
    display: block;
    position: relative;
    line-height: 1;
    text-align: center;
    width: 40px;
    display: grid;
    background-color: #000;
    height: 40px
}

.slider-home-2 .owl-nav i {
    color: #fff
}

.slider-home-2 .owl-dot {}

.slider-home-2 .owl-dot active {}

.top-trendz {
    position: relative;
    border: 1px solid #dedede;
    margin-bottom: 30px
}

.top-trendz .card-body {
    padding: 26px;
    position: absolute;
    bottom: 0;
    width: 100%
}

.top-trendz .card-title {
    padding: 16px 0;
    font-size: 23px;
    font-weight: 400
}

.top-trendz a {
    border-radius: 21px;
    background-color: #000;
    font-size: 15px;
    border: none
}

.top-trendz a:hover {
    border-radius: 21px;
    background-color: #d3191f;
    font-size: 15px;
    border: none
}

.latest-offer-section {
    padding: 0 0 76px
}

.latest-offer-section .box-space-latest {
    margin: 0 0 0 0;
    padding: 4px
}

.latest-offer-box {
    position: relative;
    border: 1px solid #dedede;
    margin: 0;
    padding: 0;
    height: 215px;
    display: flex;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column
}

.latest-offer-box .card-body {}

.button-page-sp {
    background-color: #000;
    border-radius: 20px;
    padding: 7px 25px
}

.latest-offer-box .card-body h5 {
    margin: 7px 0 0
}

.latest-offer-box .card-body h3 {
    margin: 10px 0 4px;
    color: #d3191f;
    font-weight: 600
}

.latest-offer-box .card-body span {
    color: gray;
    margin: 0;
    font-size: 13px;
    padding-bottom: 0;
    position: relative;
    display: block
}

.latest-offer-box a {
    border-radius: 21px;
    background-color: #000;
    font-size: 14px;
    border: none
}

.latest-offer-box a:hover {
    background-color: #d3191f
}

.slider-home-3 {
    border: 1px solid #ccc
}

.slider-home-3 {}

.slider-home-3 .owl-controls {
    display: block!important
}

.product-detail-info {}

.product-detail-info h2 {}

.product-detail-info h3 {
    color: #d3191f;
    font-size: 34px;
    font-weight: 700
}

.product-detail-info ul {
    padding: 15px 0
}

.product-detail-info li {
    color: #d3191f
}

.product-detail-info li i {
    color: #d3191f;
    padding: 0 10px 0 0
}

.product-detail-info .Product-form-detail {
    padding: 23px;
    margin-top: 20px;
    border: 1px solid #ccc
}

.product-detail-info .Product-form-detail .form-control:focus {
    border-color: #0000002b!important;
    box-shadow: none;
    border: 1px solid #ccc
}

.product-detail-info .Product-form-detail .form-control {
    border-radius: 0;
    box-shadow: none
}

.product-detail-info .Product-form-detailinput {}

.product-detail-info .btn {
    color: #fff;
    background-color: #000;
    border-radius: 15pc;
    font-size: 18px
}

.inner-product-detail {
    position: relative;
    display: block;
    margin: 2rem 0 8rem
}

.space-head {
    margin: 6rem 0 0
}

.inner-product-detail.slider-home-3 .owl-item img {
    max-width: 100%!important;
    display: inline-block
}

.owl-carousel.slider-home-3.owl-theme.owl-loaded {
    display: block
}

.slider-home-3 .owl-prev {
    width: 22px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%
}

.slider-home-3 .owl-next {
    width: 22px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%
}

.slider-home-3 .owl-prev {
    left: 10px;
    display: block!important
}

.slider-home-3 .owl-next {
    right: 10px;
    display: block!important
}

.slider-home-3 .owl-carousel .owl-controls {
    color: #fff;
    font-size: 14px;
    width: 40px;
    border-radius: 0;
    height: 40px;
    line-height: 2.9;
    text-align: center;
    margin: 0 15px 0 0;
    background-color: #00000085
}

@media only screen and (max-width:3000px) {
    .top-trendz .card-title {
        padding: 16px 0;
        font-size: 16px;
        font-weight: 400
    }
    .top-trendz .card-body {
        padding: 20px
    }
}

@media only screen and (max-width:1600px) {
    .detail-HP span {
        padding: 0 3px
    }
}

@media only screen and (max-width:1440px) {
    .top-trendz .card-title {
        padding: 16px 0;
        font-size: 16px;
        font-weight: 400
    }
    .top-trendz .card-body {
        padding: 20px
    }
    .detail-HP span {
        padding: 0 3px
    }
}

@media only screen and (max-width:1024px) {
    .top-trendz .card-title {
        padding: 16px 0;
        font-size: 16px;
        font-weight: 400
    }
    .top-trendz .card-body {
        padding: 7px
    }
    .detail-HP span {
        padding: 0 5px
    }
}

@media only screen and (max-width:900px) {
    .detail-HP span {
        padding: 0 7px
    }
}

@media only screen and (max-width:500px) {
    .detail-HP span {
        padding: 0 18px
    }
}

@media only screen and (max-width:320px) {
    .top-trendz .card-title {
        padding: 16px 0;
        font-size: 16px;
        font-weight: 400
    }
    .top-trendz .card-body {
        padding: 7px
    }
    .detail-HP span {
        padding: 0 9px
    }
}

.PRE-OWNED-landing-page {
    position: relative
}

.PRE-OWNED-landing-page img {
    width: 100%
}

.pre-owner {
    text-align: center
}

.pre-owner p {
    text-align: center
}

.Pre-Owned-space {
    padding: 60px 0
}

.card-box-border .card {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    border: 1px solid #d2d2d2;
    padding: 15px;
    height: 400px;
    margin-bottom: 28px!important
}

.card-box-border .card:hover {
    border: 1px solid #000
}

.Pre-Owned-space .card-img-top {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 45%
}

.Pre-Owned-space .card-body {
    padding: 19px 0
}

.Pre-Owned-space .card-title {
    font-size: 20px;
    text-align: center;
    font-weight: 700
}

.PreOwnedform-landing {
    padding: 50px 19px 65px
}

.PreOwnedform-landing .title {
    border-bottom: 0 solid #d9d9d9;
    margin: 0 0 25px
}

.PreOwnedform-landing .title .left {
    padding: 0 0 21px 30px;
    float: left;
    width: 58%
}

.PreOwnedform-landing .title .left h3 {
    font-weight: 500;
    font-size: 31px;
    text-transform: uppercase
}

.PreOwnedform-landing .title .right {
    padding: 13px 35px 0 0;
    float: right;
    width: 42%
}

.PreOwnedform-landing .title .search {
    background: #000;
    border-radius: 50px;
    padding: 6px 35px;
    color: #fff;
    border: 0;
    display: block;
    font-size: 15px;
    float: right
}

.PreOwnedform-landing .title .select::after {
    width: 17px;
    height: 17px;
    border-bottom: 1px solid #4e4e4e;
    border-right: 1px solid #4e4e4e;
    display: block;
    position: absolute;
    right: 25px;
    top: 18px;
    content: "";
    transform: rotate( 45deg);
    -webkit-transform: rotate( 45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.PreOwnedform-landing .title .search:hover {
    text-decoration: none;
    background: #d3191f;
    color: #fff
}

.PreOwnedform-landing .title .select {
    margin: 0 10px 0 0;
    position: relative
}

.PreOwnedform-landing .title .select::after {
    width: 17px;
    height: 17px;
    border-bottom: 1px solid #4e4e4e;
    border-right: 1px solid #4e4e4e;
    display: block;
    position: absolute;
    right: 25px;
    top: 10px;
    content: "";
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.PreOwnedform-landing .title .select select {
    border: 1px solid #a9a9a9;
    -webkit-appearance: none;
    border-radius: 35px;
    padding: 5px 47px 5px 15px;
    height: 48px;
    font-size: 16px;
    width: 100%
}

.Padding-preownerbtn {
    padding: 64px 0 0
}

.Pslide {}

.Pslide .owl-item {
    border: 1px solid #cecece
}

.Pslide img {}

.pslide-thump {}

.pslide-thump img {
    width: 100%
}

.pslide-thump button {
    border: 1px solid #d8d8d8;
    margin: 0;
    padding: 0;
    width: 149px;
    margin: 9px
}

.Pslide .owl-next {
    width: 22px!important;
    height: 40px!important;
    margin-top: -20px!important;
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 18px
}

.Pslide .owl-prev {
    width: 22px!important;
    height: 40px!important;
    margin-top: -20px!important;
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 18px
}

.Pslide .owl-theme .owl-prev {
    left: 0;
    font-size: 14px
}

.Pslide .owl-theme .owl-next {
    right: 0;
    font-size: 14px
}

@media only screen and (min-width:300px) {
    .latest-offer-section .box-space-latest {
        width: 100%;
        margin: 0;
        float: left
    }
    .latest-offer-box {
        display: flex;
        flex-wrap: nowrap;
        height: 100%;
        padding: 40px;
        flex-direction: row
    }
}

@media only screen and (min-width:375px) {
    .latest-offer-section .box-space-latest {
        width: 100%;
        margin: 0;
        float: left
    }
    .latest-offer-box {
        display: flex;
        flex-wrap: nowrap;
        height: 100%;
        padding: 40px;
        flex-direction: row
    }
}

@media only screen and (min-width:425px) {
    .latest-offer-section .box-space-latest {
        width: 100%;
        margin: 0;
        float: left
    }
    .latest-offer-box {
        display: flex;
        flex-wrap: nowrap;
        height: 300px;
        padding: 40px;
        flex-direction: row
    }
}

@media only screen and (min-width:768px) {
    .latest-offer-section .box-space-latest {
        width: 50%;
        margin: 0;
        float: left
    }
    .latest-offer-box {
        display: flex;
        flex-wrap: nowrap;
        height: 260px;
        padding: 40px;
        flex-direction: row
    }
}

@media only screen and (min-width:1024px) {
    .latest-offer-section .box-space-latest {
        width: 33.333333333333%;
        margin: 0;
        float: left
    }
    .latest-offer-box {
        display: flex;
        flex-wrap: nowrap;
        height: 260px;
        padding: 40px;
        flex-direction: row
    }
}

@media only screen and (min-width:1440px) {
    .latest-offer-section .box-space-latest {
        width: 33.333333333333%;
        margin: 0;
        float: left
    }
    .latest-offer-box {
        display: flex;
        flex-wrap: nowrap;
        height: 260px;
        padding: 40px;
        flex-direction: row
    }
}

@media only screen and (min-width:2560px) {
    .latest-offer-section .box-space-latest {
        width: 33.333333333333%;
        margin: 0;
        float: left
    }
    .latest-offer-box {
        display: flex;
        flex-wrap: nowrap;
        height: 260px;
        padding: 40px;
        flex-direction: row
    }
}

.image-pro-highlight {
    padding-bottom: 20px
}

.PreOwned .title .col-md-12 {
    padding: 0
}

.preowner .owl-carousel .owl-controls .owl-dot .owl-carousel .owl-controls .owl-nav .owl-next .owl-carousel .owl-controls .owl-nav .owl-prev {
    color: #fff
}

.preowner img {
    width: 100%
}

.preowner.owl-carousel .owl-item {}

.preowner.owl-carousel .owl-stage {
    position: relative;
    margin: 10px
}

.preownerslide {}

.preownerslide.frame {}

.preowner li {
    width: 100%
}

.preowner.preowner-pdf {}

.preowner .model-details {
    width: 88%!important;
    float: left!important;
    text-align: left
}

.preowner .pdf {
    width: 10%!important;
    float: left;
    text-align: right
}

.preowner-pdf img {
    width: 40px;
    height: 40px
}

.preowner li .model-details .location {}

.preowner .owl-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    margin: 0 auto
}

.preowner .owl-controls .owl-nav {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 auto
}

.preowner .owl-controls .owl-prev {
    left: 0;
    float: left;
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 2.3;
    background-color: #000;
    color: #fff
}

.preowner .owl-controls .owl-next {
    right: 0;
    float: right;
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 2.3;
    background-color: #000;
    color: #fff
}

.product-detail-info .model-tag {
    padding-left: 24px
}

.product-detail-info .model-tag h1 {
    font-size: 28px
}

.product-detail-info .btn-rqst {
    background-color: #d3191f;
    width: 100%;
    border: none
}

.product-detail-info .btn-primary:hover {
    background-color: #000;
    width: 100%;
    border: none;
    color: #fff
}

.contact-preownwer img {
    width: 80px
}

.content-pro-owner-2 {}

.grybackground-L {
    background-color: #f7f7f7;
    padding: 30px 0
}

.grouppromise {
    display: flex;
    display: inline-flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: normal;
    align-items: flex-start;
    justify-content: center
}

.PreOwnedform-landing {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center
}

.PreOwnedform-landing1 {
    display: flex;
    width: 100%;
    margin: 34px 0 0;
    flex-direction: column;
    align-items: center
}

.PreOwnedform-landing1 .find-autoc {
    margin: 15px 0;
    font-family: open sans;
    font-size: 28px;
    font-weight: 900
}

.Auto-servicess {
    text-align: center
}

.Auto-servicess .autohead {
    margin: 26px 0
}

.autohead-s {
    line-height: 0!important
}

.left1 {
    text-align: center
}

.PRE-OWNED-landing-page {
    padding: 60px 0 0 0
}

.PRE-OWNED-landing-page img {
    width: 100%
}

.content-pro-owner .title h1 {
    font-weight: 799
}

.Pre-Owned-space .title h1 {
    font-weight: 800
}

.pre-owner {
    text-align: center
}

.pre-owner p {
    text-align: center
}

.Pre-Owned-space {
    padding: 60px 0
}

.Pre-Owned-space .card {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%
}

.Pre-Owned-space .card-img-top {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 45%
}

.Pre-Owned-space .card-body {
    padding: 19px 0
}

.Pre-Owned-space .card-title {
    font-size: 20px;
    text-align: center;
    font-weight: 700
}

.Pre-Owned-space h4 {
    margin: 15px 0;
    text-align: center;
    line-height: 1.8;
    font-size: 17px
}

.Pre-Owned-space2 {
    padding: 21px 0 0
}

.PreOwnedform-landing {
    padding: 50px 19px 65px
}

.PreOwnedform-landing .title {
    border-bottom: 0 solid #d9d9d9;
    margin: 0 0 25px
}

.PreOwnedform-landing .title .left {
    padding: 0 0 21px 30px;
    float: left;
    width: 58%
}

.PreOwnedform-landing .title .left h3 {
    font-weight: 500;
    font-size: 31px;
    text-transform: uppercase
}

.PreOwnedform-landing .title .right {
    padding: 13px 35px 0 0;
    float: right;
    width: 42%
}

.PreOwnedform-landing .title .search {
    background: #000;
    border-radius: 50px;
    padding: 6px 35px;
    color: #fff;
    border: 0;
    display: block;
    font-size: 15px;
    float: right
}

.PreOwnedform-landing .title .select::after {
    width: 17px;
    height: 17px;
    border-bottom: 1px solid #4e4e4e;
    border-right: 1px solid #4e4e4e;
    display: block;
    position: absolute;
    right: 25px;
    top: 18px;
    content: "";
    transform: rotate( 45deg);
    -webkit-transform: rotate( 45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.PreOwnedform-landing .title .search:hover {
    text-decoration: none;
    background: #d3191f;
    color: #fff
}

.PreOwnedform-landing .title .select {
    margin: 0 10px 0 0;
    position: relative
}

.PreOwnedform-landing .title .select::after {
    width: 17px;
    height: 17px;
    border-bottom: 1px solid #4e4e4e;
    border-right: 1px solid #4e4e4e;
    display: block;
    position: absolute;
    right: 25px;
    top: 10px;
    content: "";
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.PreOwnedform-landing .title .select select {
    border: 1px solid #a9a9a9;
    -webkit-appearance: none;
    border-radius: 35px;
    padding: 5px 47px 5px 15px;
    height: 48px;
    font-size: 16px;
    width: 100%
}
.veh-list1 li.soldout .frame a {
    pointer-events: none;
	 background: #d3181f;
	 color: white;

}
/*.veh-list1 li.soldout .frame {*/
/*    pointer-events: none*/
/*}*/
/*.veh-list1 li.soldout .frame a:active {*/
/*	pointer-events: none;*/
/*} */
/*.veh-list1 li.soldout .frame a {*/
/*	 background: #d3181f;*/
/*	 color: white;*/

/*}*/
/*.veh-list1 li.soldout .frame a:hover {*/
/*	background: black;*/
/*	color: white;*/

/*}*/

.veh-list1 li.soldout::after {
    content: "";
    position: absolute;
    left: 1px;
    right: -7px;
    top: -9px;
    background: url(../img/soldout.png) no-repeat 0 0;
    width: 200px;
    height: 250px;
    z-index: 5
}

.veh-list1 li .frame {
    filter: grayscale(0)
}

.social-img  i:hover {
    transform: scale(1.2);
   
}
 .social-img a {
    text-decoration: none;
 }
 
 /* banner Vchange*/

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

    .inner-banner {

        height:190px }

    }

    

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

.inner-banner {

    height:175px }

}


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

    .inner-banner {

        height:150px }

    }
@media only screen and (max-width: 768px) {
   .carousel-inner {padding-top:60px}
  }


@media only screen and (min-width: 768px) {
   .carousel-inner {padding-top:0px}
  
}


/* carousel banner top*/
@media (min-width:1440px) and (max-width:2560px){
    .carousel-inner{padding-top:110px!important}
  }
  @media (min-width:1439px) and (max-width:1440px){
    .carousel-inner{padding-top:60px!important}
  }

  @media (max-width:768px)  {
    .carousel-inner{padding-top:0px!important}
  }

 /* banner Vchange end*/
 
/*Anna changes*/
  @media (min-width: 320px) and (max-width: 480px) {
    .PreOwned .title .select select {
        font-size: 11px;
    }
 
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
.PreOwned .title .left {
    padding: 0 0 21px 30px;
    float: left;
    width: 103%;
}
.PreOwned .title .left1 {
    padding-top: 10px;
}
.PreOwned .title .select {
    float: right;
    margin: -54px 10px 0px 0;
    position: relative;
    padding: 0px 115px 0px 15px;
}


} 
@media screen and (min-device-width: 481px) and (max-device-width: 768px) { 
    .PreOwned .title .left h3 {
        font-weight: 500;
        font-size: 28px;
        text-transform: uppercase;
    }
    .PreOwned .title .search {
        background: #000;
        border-radius: 50px;
        padding: 8px 35px;
        color: #fff;
        border: 0;
        display: block;
        float: right;
        margin-top: -81px;
    }
    .PreOwned .title select.vv {  
        width: 160px;
    }
    .PreOwned .title .select {
        float: right;
        margin: -92px 10px 0px 0;
        position: relative;
        padding: 0px 116px 0px 15px;
    }
   
    
    
}
@media (min-width: 481px) and (max-width: 768px){
.PreOwned .title .select select {
    font-size: 10px;
}
.PreOwned .title select.minimal {
    background-image: linear-gradient(
45deg, transparent 50%, gray 60%), linear-gradient(
135deg, gray 40%, transparent 50%) !important;
    background-position: calc(100% - 30px) 14px, calc(100% - 20px) 14px, 100% 0;
    background-size: 10px 10px, 10px 10px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position-y: 19px;
}
}
@media only screen and (max-width: 1024px) {
footer .first-row .newsletter input[type=submit] {
    background: #000;
    border: 0;
    text-indent: 15px;
    float: right;
    color: #fff;
    border-radius: 50px;
    padding: 10px 16px;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4ms;
}
}

    /*end*/