#range_con .tech_blurb_con .tech_blurb .tech_type_tl,
a {
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s
}

.overFlow-X,
body {
    overflow-x: hidden
}

.enq_form button,
button,
img {
    border: 0
}

#wrapper,
.clear,
.container,
body,
form,
section {
    padding: 0
}

.navigationCon .logo .name-logo,
form {
    display: inline
}

body,
header {
    background: #fff
}

#searchBox .searchPan .searchText,
.head_top a,
.navigationCon .center_nav_01 li p,
.navigationCon .secondNav_blurb li,
body {
    font-family: "Roboto", sans-serif;
}

#hm_dealer_con h2,
#range_con h2,
#services h2,
#sliderHolder .ban_tl_01,
#sliderHolder .ban_tl_02,
.navigationCon .center_nav_01 .sunNavTl {
    font-family: "Roboto", sans-serif;
}

#blogHolder .blog_details .leaveComments .textArea,
.enq_form .txtArea,
.feedback_form .textArea {
    resize: none
}

:focus,
a {
    outline: 0
}

.profit-tech ul,
.tab-links li,
ul {
    list-style: none
}
:root {
    /* Roboto Font Family */
    --font-family-roboto: 'Roboto', sans-serif;
    
    /* Roboto Font Weight Variables */
    --font-weight-thin: 100;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-black: 900;
  }
  
  body {
    font-family: var(--font-family-roboto);
    font-weight: var(--font-weight-regular);
  }
  
  /* Example usage */
  .light-text {
    font-weight: var(--font-weight-light);
  }
  
  .heading {
    font-weight: var(--font-weight-bold);
  }
  h1{
    font-weight: var(--font-weight-bold) !important;
  }

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
li,
p,
ul {
    margin: 0;
    padding: 0;
    font-weight: 400;
    line-height: 100% 
}
div,
h1,
h2,
h3,
h4,
h5,
h6
{
    margin: 0;
    padding: 0;
    font-weight: 700;
    line-height: 100%
}

form {
    margin: 0
}

a {
    text-decoration: none;
    transition-duration: .2s
}

img {
    vertical-align: middle
}

body {
    position: relative;
    width: 100%;
    color: #000;
    margin: 0
}

#blogHolder .container,
#blog_tl .container,
#blogger .videoHolder,
#footerHolder .quick_links .container,
#specsHolder .container,
#truckdetailSection .container,
#videoTestimonials .videoHolderTestimonials,
#wrapper,
.brochurebutton,
.centervideo .videoHolder,
.head_top,
.head_top .container,
.jm-item-wrapper,
.navigationCon {
    position: relative
}

.clear {
    margin: 0;
    clear: both
}

input[type=button] {
    cursor: pointer
}

.f-left {
    float: left
}

.RighttopcolH,
.f-right {
    float: right
}

.jm-item,
.text-align-left {
    text-align: left
}

.head_top,
.text-align-right {
    text-align: right
}

.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.overFlow,
.second {
    overflow: hidden
}

.overFlow-Y {
    overflow-y: hidden
}

canvas,
svg {
    pointer-events: none
}

#abtMpCon,
#blog_tl,
#fn_holder .fn_blurb_pic,
#hm_dealer_con .hm_locator_con,
#innerBanner,
#map_con,
#services.gpSlider .service_blurb,
#services.innerService .service_blurb,
#sliderHolder img,
#tech_slider_holder,
#videoTestimonials,
.blog_banner,
.col-1,
.enq_form li:last-child,
.imgPan iframe,
div.Zebra_Accordion {
    width: 100%
}

.col-2 {
    width: 50%
}

#proServe .pro_grid_holder .grid-sizer,
.col-3 {
    width: 33.33%
}

.col-4 {
    width: 25%
}

#proserve #spear_parts a,
.col-5 {
    width: 20%
}

.col-6 {
    width: 16.66%
}

.col-7 {
    width: 14.28%
}

.col-8 {
    width: 12.5%
}

.col-9 {
    width: 11.11%
}

.col-10 {
    width: 10%
}

.col-11 {
    width: 9.09%
}

.col-12 {
    width: 8.33%
}

#wrapper,
section {
    width: 100%;
    margin: 0
}

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

header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999
}

.head_top {
    width: 100%;
    padding: 5px 0;
    background: #a70e13;
    z-index: 99
}

.head_top a {
    font-size: 12px;
    color: #fff;
    line-height: 14.4px;
    padding: 0 5px 0 10px;
    border-left: 1px solid #ddd;
    font-weight: 400;
}

#attach .steps a,
.head_top a:hover,
.tc a {
    color: #000
}

#services.gpSlider .services_holder,
#services.innerService .services_holder,
#spear_parts a:first-child,
.download-pop ul li:last-of-type,
.head_top span:first-child a,
.socialCon li:last-child img {
    border: none
}

.head_top .search_icon {
    position: absolute;
    right: 26px;
    top: 64px;
    width: 26px;
    height: 26px
}

.head_top .search_trigger {
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    background: url(../images/icon-search.png) center center/100% 100% no-repeat;
    cursor: pointer
}

#resOverlay,
#screenOverlay {
    background: #000;
    height: 100%;
    top: 0
}

.head_top .search_close {
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    cursor: pointer
}

#abtMpCon img,
#download_app li span img,
#find_truck_banner img,
#fn_holder .fn_blurb_pic img,
#footerHolder .quick_links .scrollTop img,
#gp_holder .accArrow img,
#gp_holder .playBtn img,
#innerBanner img,
#insurance_hld .fn_blurb_pic img,
#map_con .mapHolder img,
#specDetHolder.product_specs h2 span img,
#specsHolder .specsBanner img,
#staticimgH img,
#videoTestimonials .playBtnTestimonials img,
.blog_banner img,
.btn-back img,
.download_jurney img,
.gp_video_btn img,
.head_top .currUserCon img,
.head_top .search_close img,
.navigationCon .logo img,
.testimonialshoverblurb img {
    width: 100%;
    height: auto
}

.head_top .currUserCon {
    position: absolute;
    right: 105px;
    top: 15px;
    width: 50px;
    display: none
}

#fn_holder,
.head_top .currUserCon a {
    padding: 0
}

.navigationCon {
    width: 100%;
    z-index: 9
}

@media handheld,
only screen and (max-width:640px) {
    #switch_language {
        display: block;
        position: absolute;
        top: 20px;
        right: 10px !important
    }

    .navigationCon .menuSandwitch {
        width: 40px;
        top: 32px;
        left: 18px !important
    }

    .navigationCon .menuSandwitch img {
        width: 80%;
        height: 20px;
        vertical-align: -webkit-baseline-middle
    }

    .navigationCon .logo {
        width: 190px !important;
        margin-top: 6px !important;
        top: 0;
        left: 95px !important;
        position: absolute
    }
.navigationCon .logo {
    position: absolute;
    margin-top: 0 !important;
    height: 30px !important;
    float: left;
    z-index: 99;
    top: 30%;
    transform: translateY(-50%);
}
}

@media (min-width:1025px) {
    .navigationCon .logo {
        width: 212px !important
    }
}

@media (min-width:1281px) {
    .navigationCon .logo {
        width: 212px !important
    }
}

.navigationCon .logo {
    position: absolute;
    margin-top: 0 !important;
    height: 55px;
    float: left;
    z-index: 99;
    top: 50%;
    transform: translateY(-50%)
}

.navigationCon nav {
    width: 100%;
    max-width: 790px;
    text-align: right;
    float: right
}

#footerHolder .quick_link_list ul,
#models_vehicles ul,
#proServe .proTab ul,
#specDetHolder .thepet ul,
.dealer_list ul,
.enq_form ul,
.listing_nav ul,
.navigationCon nav ul {
    font-size: 0;
    margin: 0;
    padding: 0
}

.navigationCon nav li {
    display: inline-block;
    padding: 0 0 0 25px
}

.navigationCon nav li a {
font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 100%;
    text-transform: uppercase
}

.navigationCon .mob_slide_header {
    position: relative;
    width: 100%;
    text-align: left;
    padding: 35px 0 35px 12px;
    display: none
}

.navigationCon .mob_slide_header .closeNav {
    position: absolute;
    right: 30px;
    top: 20px;
    width: 50px;
    height: 50px;
    background: #ba0c15;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    cursor: pointer
}

.navigationCon .mob_slide_header .closeNav img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px
}

.navigationCon .menuSandwitch {
    position: absolute;
    right: 26px;
    top: 20px;
    width: 45px;
    cursor: pointer;
    display: none
}

.navigationCon .menuSandwitch img {
    width: 80%;
    height: auto
}

.navigationCon .center_nav_01 {
    position: relative;
    width: 100%;
    font-size: 0;
    max-width: 1200px;
    text-align: center;
    margin: 0 auto
}

.navigationCon .center_nav_01 li {
    position: relative;
    display: inline-block;
    width: 20%;
    text-align: center;
    color: #000;
    padding: 33px 0 30px;
    float: left
}

.navigationCon .center_nav_01 li a {
    padding: 0;
    line-height: 100%
}

.navigationCon .center_nav_01 li img {
    position: relative;
    z-index: 99;
    padding-top: 20px
}

.navigationCon .center_nav_01 li p {
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    text-transform: none;
    padding: 10px 0 0
}

.navigationCon .center_nav_01 .sunNavTl {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-size: 30px;
    color: #252727;
    text-align: center
}

#footerHolder .quick_link_list li span a:hover,
#footerHolder .site_map a:hover,
#insurance_hld .fn_blurb_det h2,
#insurance_hld .fn_blurb_det p,
#models_vehicles a,
.blackBlogger h2,
.blackBlogger p,
.btn_strip a,
.download-pop ul li>ul li span a,
.navigationCon .center_nav_01 li:hover .sunNavTl {
    color: #fff
}

.navigationCon .center_nav_02 {
    width: 100%;
    max-width: 850px;
    font-size: 0;
    text-align: left;
    margin: 0 auto
}

.navigationCon .secondNav_banner,
.navigationCon .secondNav_blurb {
    display: inline-block;
    width: 50%;
    vertical-align: top
}

.navigationCon .secondNav_blurb {
    padding-right: 115px
}

.navigationCon .secondNav_blurb li {
    width: 100%;
    font-size: 20px;
    color: #fff;
    padding: 15px 0;
    border-top: 1px solid #454545
}

.navigationCon .secondNav_blurb li a {
    color: #fff;
    line-height: 100%;
    text-transform: none
}

.navigationCon .secondNav_blurb li:first-child {
    border-top: 0
}

.navigationCon .secondNav_banner img {
    width: 100%;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px
}

#editor,
#map_con .mapBtn_hld img,
#map_con .map_workshop,
#switch_language,
#truckdetailSection span a,
.navigationCon .top_hd_links,
.socialCon li br {
    display: none
}

#screenOverlay {
    position: fixed;
    left: 0;
    width: 100%;
    opacity: .8;
    z-index: 7
}

#resOverlay {
    position: fixed;
    left: 0;
    width: 100%;
    opacity: .8
}

#searchBox {
    position: absolute;
    left: 0;
    width: 100%;
    background: #161616;
    padding: 60px 0;
    z-index: 8
}

#searchBox .searchPan {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    background: #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden
}

#searchBox .searchPan .searchText {
    width: 90%;
    font-size: 20px;
    color: #000;
    padding: 15px 30px;
    border: 0;
    background: 0 0
}

#searchBox .searchPan .openSearch {
    position: absolute;
    right: 30px;
    top: 14px;
    width: 26px;
    height: 26px;
    background: url(../images/open-search.png) center center/100% 100% no-repeat;
    cursor: pointer
}

#sliderHolder {
    width: 100%;
    position: relative
}

#sliderHolder .bannerDetail {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 5%;
    text-align: center
}

#sliderHolder .ban_tl_01 {
    font-size: 53px;
    color: #ba0c15;
    text-align: center;
    display: none;
    line-height: 100%;
    text-transform: uppercase
}

#sliderHolder .ban_tl_02 {
    font-size: 43px;
    color: #000;
    text-align: center;
    display: none;
    line-height: 100%;
    text-transform: uppercase
}

#sliderHolder .sim-button {
    font-size: 16px;
  padding: 15px 25px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#productDetailsSlider .owl-stage-outer,
#productSlider .owl-stage-outer,
#services.gpSlider .owl-stage-outer,
#services.innerService .owl-stage-outer,
#sliderHolder .owl-stage-outer,
#tech-slider-panel #tech-slider .owl-stage-outer,
#tech_slider_holder .owl-stage-outer {
    width: 100%;
    top: 0
}

#key-buying-panel #key-buying-slider .owl-nav,
#key-buying-panelNew #key-buying-slidernh .owl-nav,
#productDetailsSlider .owl-nav,
#productSlider .owl-nav,
#services.gpSlider .owl-nav,
#services.innerService .owl-nav,
#sliderHolder .owl-nav,
#tech-slider-panel #tech-slider .owl-nav,
#tech_slider_holder .owl-nav {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%
}

#key-buying-panel #key-buying-slider .owl-next,
#key-buying-panel #key-buying-slider .owl-prev,
#sliderHolder .owl-next,
#sliderHolder .owl-prev {
    display: block !important;
    position: absolute;
    top: -25px !important;
    width: 31px;
    height: 55px;
    color: transparent
}

#sliderHolder .owl-prev {
    left: 14%;
    background: url(../images/slide-prev-white.png) center center no-repeat
}

#sliderHolder .owl-next {
    right: 14%;
    background: url(../images/slide-next-white.png) center center no-repeat
}

#sliderHolder .owl-dots {
  position: absolute;
  left: 0;
  bottom: 3%;
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px 0 0 0;
  width: 100%;
}

#sliderHolder .owl-dot {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    border: 1px solid #fff
}

#bs-vi .features,
#spear_parts a {
    min-height: 120px;
    border-left: 1px solid #bcbcbc
}

#services.gpSlider .owl-dot.active,
#services.innerService .owl-dot.active,
#sliderHolder .owl-dot.active {
    background: #fff;
    border: 1px solid #fff
}

#hm_dealer_con {
    padding: 0;
    background: url(../images/home-dealer-bg.jpg) center center/cover no-repeat
}

#hm_dealer_con h2 {
    font-size: 40px;
    color: #fff;
    line-height: 100%;
    padding-bottom: 10px
}

#hm_dealer_con .hm_dealer_det {
    padding: 30px 100px
}

#hm_dealer_con .welcome_msg {
    border-bottom: 2px solid #303132
}

#hm_dealer_con .welcome_msg p {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #fff;
    line-height: 30px
}

#hm_dealer_con .hm_nearest_dealer h2 {
    font-size: 30px;
    padding-bottom: 20px
}

#hm_dealer_con .hm_locator_con .nearest_loc {
    width: 80%;
    float: left
}

#hm_dealer_con .hm_locator_con .dealer_name {
font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #fff;
    line-height: 100%
}

#hm_dealer_con .hm_locator_con .contact_num {
font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #fff;
    padding: 8px 0 0
}

#hm_dealer_con .hm_locator_con .contact_num span {
    padding-left: 14px
}

#hm_dealer_con .hm_locator_con .btn_hld {
    width: 20%;
    float: left
}

#hm_dealer_con .hm_locator_con .btn_hld .sim-button {
    font-size: 20px
}

#range_con {
    width: 100%;
    padding: 55px 0
}

#range_con h2,
#services h2 {
    font-size: 40px;
    color: #000;
    line-height: 100%;
    padding: 0 100px 30px
}

#bs-vi .features p,
#range_con p,
.profit-tech li {
    font-size: 20px;
    font-family: "Roboto", sans-serif;
}

#range_con h2 span {
    display: block;
font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 100%;
    padding-top: 5px
}

#range_con p {
    color: #000;
    line-height: 30px;
    padding: 0 100px
}

#proServe .proTab .activePro img,
#range_con p span,
.jm-item-image img {
    display: block
}

#range_con .tech_blurb_con {
    position: relative;
    width: 100%;
    font-size: 0;
    padding: 15px 35px 0;
    z-index: 8
}

#range_con .tech_blurb_con .tech_blurb {
    position: relative;
    display: inline-block;
    width: 50%;
    text-align: center;
    padding-top: 110px
}

#range_con .tech_blurb_con .tech_blurb .buses,
#range_con .tech_blurb_con .tech_blurb .trucks {
    position: relative;
    z-index: 99
}

#range_con .tech_blurb_con .tech_blurb .tech_type_tl {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
font-family: "Roboto", sans-serif;
    font-size: 120px;
    color: #d9d9d9;
    text-align: center;
    text-transform: uppercase;
    z-index: 99;
    transition-duration: .2s
}

#range_con .tech_blurb_con .tech_blurb .sim-button,
.parentForm {
    margin-top: 30px
}

#productDetailsSlider .product-panel:hover .title.hd-top,
#productSlider .product-panel:hover .title.hd-top,
#range_con .tech_blurb_con .tech_blurb:hover .tech_type_tl {
    color: #ba0c15;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

#help_sest,
#used-vehicle-home {
    width: 100%;
    background: #000;
    padding: 50px 0
}

#help_sest .container,
#used-vehicle-home .container {
    padding: 0 100px
}

#used-vehicle-home h2 {
    padding: 0 0 30px !important
}

#event-images h2,
#help_sest h2,
#key-buying-panel h2,
#used-vehicle-home h2 {
font-family: "Roboto", sans-serif;
    font-size: 40px;
    color: #fff;
    line-height: 100%;
    padding: 0 0 10px
}

#help_sest h2 span,
#used-vehicle-home h2 span {
    display: block;
font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 100%;
    padding-bottom: 7px
}

#help_sest .applicationCon,
#used-vehicle-home .applicationCon {
    width: 100%;
    max-width: 900px;
    font-size: 0;
    margin: 0;
    padding: 20px 0 0
}

#help_sest .applicationCon .appBlurb,
#used-vehicle-home .applicationCon .appBlurb {
    display: inline-block;
    width: 50%;
    padding-right: 10%
}

#used-vehicle-home .applicationCon .appBlurb label {
font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #fff;
    padding: 15px 0;
    font-weight: 700
}

#used-vehicle-home .applicationCon .Statebox {
    padding-top: 20px !important
}

#help_sest .applicationCon .selectBox,
#used-vehicle-home .applicationCon .Statebox {
    width: 100%;
font-family: "Roboto", sans-serif;
    font-size: 18px;
    color: #fff;
    border: 0;
    border-bottom: 2px solid grey;
    padding: 10px;
    background: url(../images/select-box-arrow.png) right 15px center no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

#help_sest .applicationCon .selectBox option,
#used-vehicle-home .applicationCon .Statebox option,
.selectBox_Truck option {
    color: #fff;
    background-color: #252525
}

#help_sest .sim-button,
#used-vehicle-home .sim-button {
    padding: 15px 35px;
    margin-top: 40px
}

@media only screen and (min-width:900px) {
    .RighttopcolH span a button {
        background: radial-gradient(50% 411.72% at 50% 47.83%, #000 0, #424244 50.83%, #000 100%);
        color: #fff;
        border-radius: 2px;
        padding: 4px 24px;
        cursor: pointer;
        margin-right: -5px
    }
}

#bs-vi {
    width: 100%;
    padding: 0 0 55px
}

#bs-vi .features {
    display: inline-block;
    width: 19.5%;
    text-align: center;
    padding: 10px;
    vertical-align: top
}

#bs-vi .description {
    width: 33%;
    margin: 3% 0
}

#bs-vi .description p {
    padding: 0 10%
}

#attach .steps h3,
#attach h2,
#bs-vi .features h2,
#services .service_blurb .service_name,
.dealer_list li,
.profit-tech h2 {
    font-family: "Roboto", sans-serif;
}

#bs-vi .features h2 {
    font-size: 40px;
    padding: 20px 0
}

#bs-vi .features img {
    width: 60px;
    height: 100px;
    padding-bottom: 5%
}

.truckonnect_video {
    height: 450px;
    width: 100%
}

.profit-tech {
    display: inline-flex;
    padding-bottom: 4%
}

.truckonnect .profit-tech img {
    height: 100px;
    width: 100px;
    max-width: 100%
}

.truckonnect_heading {
    padding-bottom: 5%;
    line-height: 1.5;
    padding-left: 10px
}

.profit-tech h2 {
    font-size: 25px;
    padding: 0 0 10px
}

.profit-tech img {
    width: auto;
    height: 120px
}

.profit-tech p {
    text-align: justify
}

.profit-tech li {
    line-height: 1.5;
    display: flex;
    list-style-position: outside
}

.truckonnect_features {
    padding-left: 10px
}

.profit-tech ul li:before {
    content: '✓';
    padding-right: 7px
}

.pad_left p {
    padding-left: 5%
}

.pad_right p {
    padding-right: 5%
}

.tc {
    text-align: right;
    font-size: 14px;
    padding-top: 1%
}

#models_vehicles,
.yoytube_video_padding {
    padding-top: 3%
}

.exchange_form {
    font-size: 18px !important;
    padding-bottom: 12px !important
}

.bharat-for-women {
    padding-bottom: 3%
}

.color-white {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 10px
}

@media handheld,
only screen and (max-width:640px) {
    #stay_tuned p {
        padding: 2%
    }

    #stay_tuned img {
        margin-left: 8%
    }

    .desktop_stay {
        display: none
    }

    .mobile_stay {
        display: block
    }

    .youtube_video {
        width: 123%
    }

    .truckonnect .profit-tech img {
        height: 50px;
        width: 50px
    }

    .gp_truckonnect {
        padding-bottom: 0 !important
    }

    .truckonnect_heading {
        padding-top: 6%
    }

    #models_vehicles li {
        width: 33% !important
    }

    #models_vehicles {
        padding: 4% !important
    }

    #finance_button {
        margin: -14% 26% 0 !important
    }

    #attach .steps {
        width: 100% !important
    }

    #attach h2 {
        font-size: 30px !important;
        margin-top: 3%
    }

    #attach .steps img {
        display: none !important
    }

    #switch_language {
        display: block;
        position: absolute;
        top: 20px;
        left: 55%
    }

    #switch_language select {
        padding: 11px 0;
        cursor: pointer;
        background: 0 0;
        border-radius: 5px;
        width: 40px;
        height: 40px
    }

    .head_top .search_icon {
        top: 20px !important;
        right: 59px !important
    }
}

@media handheld,
only screen and (min-width:640px) {

    #bs-vi .description:nth-child(4),
    #bs-vi .features:first-child {
        border: none
    }

    .truckonnect .profit-tech {
        width: 50%;
        margin-right: -3px
    }

    .common_guidelines {
        margin-top: 35px !important
    }

    .common_guidelines .doenloadBro a {
        margin-left: 51px
    }

    .bbg a {
        margin-right: 35px
    }

    .mobile_header,
    .mobile_stay {
        display: none
    }

    #attach .steps .step_half {
        width: 49%
    }
}

#models_vehicles,
#stay_tuned {
    width: 100%;
    padding: 15px 0;
    background: #ba0c15
}

#attach {
    background-color: #fff;
    width: 100%;
    padding: 2% 0
}

.dealer_list li {
    display: inline-block;
    font-size: 16px;
    color: #000;
    padding: 10px;
    cursor: pointer
}

.dealer_list .active,
.dealer_list li:hover {
    background-color: #ba0c15;
    color: #fff
}

#attach h2 {
    font-size: 40px;
    color: #000;
    text-align: center;
    margin-bottom: 3%
}

#attach .steps .step_half {
    display: inline-block;
    padding-left: 2%
}

#attach .steps .steps_inside {
    margin: 5% auto
}

#attach .steps h3 {
    color: #000;
    font-weight: 700;
    font-size: 20px
}

#attach .steps p {
    padding: 3% 0;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #000
}

#services .service_blurb p,
#services h2 span,
#stay_tuned p {
    font-family: "Roboto", sans-serif;
}

#attach .steps img {
    display: block;
    margin: auto;
    border-radius: 10px
}

#attach .steps,
.tabs {
    width: 100%;
    display: inline-block
}

.attach_btn {
    background-color: #000 !important;
    padding: 15px 30px;
    border: none;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    font-size: 18px !important
}

#stay_tuned p {
    font-size: 23px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-weight: 700
}

#stay_tuned img {
    padding: 0 1%;
    width: 43px;
    height: 41px;
    object-fit: contain
}

#stay_tuned a:first-child {
    margin-left: 3%
}

#services,
#tech_slider_holder .low_maintanance {
    padding: 50px 0 0
}

#services h2 span {
    display: block;
    font-size: 40px;
    line-height: 100%;
    padding-top: 3px
}

#services .services_holder {
    width: 100%;
    font-size: 0;
    padding: 10px 0 55px;
    border-bottom: 2px solid #ccc
}

#services .service_blurb {
    position: relative;
    display: inline-block;
    width: 33.33%;
    padding: 0 25px;
    vertical-align: top
}

#services .service_blurb .service_name {
    font-size: 25px;
    color: #000;
    padding: 20px 0 15px
}

#services .service_blurb p {
    font-size: 20px;
    color: #000;
    line-height: 24px
}

#blogger .test_blog>a>img,
#blogger .test_blog>img,
#services .service_blurb>img {
    width: 100%;
    height: auto;
    border: 1px solid #bcb8ba;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

#services .sim-button {
    font-size: 18px;
    margin-top: 28px
}

#blogger {
    width: 100%;
    padding: 60px 0
}

#blogger .container {
    font-size: 0;
    padding: 0
}

#blogger .test_blog {
    display: inline-block;
    width: 50%;
    padding: 0 50px;
    vertical-align: top
}

#blogger .test_blog h2 {
font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 40px;
    padding-bottom: 40px
}

#blogger .test_blog h2 span,
#blogger .test_blog p {
    font-family: "Roboto", sans-serif;
}

#blogger .test_blog p {
    font-size: 20px;
    line-height: 24px;
    padding: 25px 0
}

#blogger .view_stories a,
#map_con .mapBtn_hld .sim-button,
#specsHolder .sim-button {
    font-family: "Roboto", sans-serif;
}

#blogger .view_stories {
    text-align: right;
    padding-bottom: 20px;
    display: none
}

#blogger .view_stories a {
    display: inline-block;
    font-size: 20px;
    color: #ba0c15;
    text-transform: uppercase;
    padding: 0 0 9px;
    border-bottom: 1px solid #ed1c24
}

#blogHolder .blogBlurbCon .blogBlurb img,
#blogger .playBtn img,
#blogger .videoHolder>img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

#blogger .playBtn,
#gp_holder .playBtn,
#videoTestimonials .playBtnTestimonials,
.centervideo .playBtn {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 105px;
    transform: translate(-50%, -50%);
    cursor: pointer
}

#map_con .mapBtn_hld {
    width: 100%;
    font-size: 0;
    text-align: center;
    padding: 0
}

#map_con .mapBtn_hld .sim-button {
    display: inline-block;
    min-width: 250px;
    color: #696969;
    text-transform: none;
    background: 0 0;
    padding: 30px 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 7px solid transparent
}

#legends,
#map_con .mapHolder .locationBox {
    position: absolute;
    left: 50%;
    background: #f0f0f0
}

#map_con .mapBtn_hld .sim-button.activemap,
#map_con .mapBtn_hld .sim-button:hover {
    color: #ba0c15;
    border-bottom: 7px solid #ba0c15
}

#map_con .mapHolder {
    position: relative;
    width: 100%;
    border-top: 1px solid #d0c9c9
}

#map_con .mapHolder .locationBox {
    top: 0;
    width: 100%;
    max-width: 620px;
    font-size: 0;
    margin-left: -305px;
    padding: 5px 25px 18px;
    z-index: 9
}

#map_con .mapHolder .loc_textbox {
    display: inline-block;
    width: 77%;
font-family: "Roboto", sans-serif;
    font-size: 21px;
    color: #232222;
    border: 0;
    border-bottom: 2px solid #898989;
    padding: 20px 20px 20px 60px;
    background: url(../images/icon-locator.png) left center no-repeat;
    vertical-align: bottom
}

#map_con .mapHolder .sim-button {
    vertical-align: bottom;
    margin-left: 25px;
    padding: 15px 30px;
    border: none
}

.loc_textboxTwo {
    width: 45% !important;
    margin: 0 2%
}

#legends {
    display: block;
    margin-left: -200px;
    width: 400px;
    padding: 2px 25px;
    text-align: center;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

#legends div {
    display: inline-block;
    margin: 0 20px
}

#res_bb_logo {
    text-align: center;
    padding: 40px 0;
    display: none
}

#specsHolder .prodictListHld {
    position: relative;
    width: 100%;
    font-size: 0;
    padding: 40px 0 20px
}

#specsHolder .prodictListHld span {
    display: block;
    max-width: 360px;
font-family: "Roboto", sans-serif;
    font-size: 30px;
    color: #000;
    cursor: pointer;
    line-height: 36px;
    position: relative
}

#blog_tl h1 img,
#specsHolder .prodictListHld span img {
    width: 17px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 15px;
    display: none
}

#specsHolder .prodictListHld ul {
    position: absolute;
    left: 0;
    top: 96px;
    width: 100%;
    max-width: 320px;
    margin: 0;
    padding: 0;
    z-index: 9;
    background: #000;
    display: none
}

#specsHolder .prodictListHld li {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #fff
}

#specsHolder .prodictListHld li a {
font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #fff;
    line-height: 30px
}

#specsHolder .sim-button {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 25px;
    background: #ba0c15
}

#CareerSection h1,
#blog_tl h1,
#fn_holder .fn_blurb_det h2,
#insurance_hld .fn_blurb_det h2,
#specDetHolder .specs_heading,
#specDetHolder .thepet .specs_list_tl,
#sub_product_list h1,
.btn_strip {
    font-family: "Roboto", sans-serif;
}

#HistorySection,
#aboutusInnerpageH,
#careersPageH,
#lastdatainfoSec,
#specDetHolder,
#testimonialsH,
#truckdetailsH {
    width: 100%;
    padding: 30px 0
}

#download_app .container,
#fn_holder,
#fn_holder .fn_blurb_det,
#footerHolder .quick_link_list .container,
#insurance_hld,
#proServe .container,
#specDetHolder .container,
#truckdetailsH .container,
.parentsalesconForm,
.truckDetailspaddingH {
    padding: 0 10px
}

#specDetHolder h1,
#specDetHolder.product_specs h2,
#truckdetailsH h1 {
font-family: "Roboto", sans-serif;
    font-size: 40px;
    color: #000;
    padding: 20px 0;
    border-bottom: 1px solid #000
}

#specDetHolder .specs_heading {
    width: 100%;
    font-size: 24px;
    color: #000;
    line-height: 36px;
    padding: 20px 0 10px;
    border-bottom: 1px solid #7f7f7f
}

#specDetHolder .Dimensionheading,
#specDetHolder .Performanceheading,
#specDetHolder .breakheading,
#specDetHolder .chassisheading,
#specDetHolder .configurationheading,
#specDetHolder .fueltankheading,
#specDetHolder .steeringheading,
#specDetHolder .weightheading {
    padding: 20px 0 23px;
    text-align: right
}

#specDetHolder .newspecificationheading {
    text-align: right;
    padding: 20px 0 23px;
    background: url(../images/powertrain.jpg) left center no-repeat
}

#specDetHolder .Dimensionheading {
    background: url(../images/dimension.gif) left center no-repeat
}

#specDetHolder .weightheading {
    background: url(../images/kg.gif) left center no-repeat
}

#specDetHolder .chassisheading {
    background: url(../images/powertrain.gif) left center no-repeat
}

#specDetHolder .configurationheading {
    background: url(../images/config.gif) left center no-repeat
}

#specDetHolder .Performanceheading {
    background: url(../images/performance.gif) left center no-repeat
}

#specDetHolder .fueltankheading {
    background: url(../images/fuel.gif) left center no-repeat
}

#specDetHolder .steeringheading {
    background: url(../images/steering-cabin.gif) left center no-repeat
}

#specDetHolder .breakheading {
    background: url(../images/brake.gif) left center no-repeat
}

#blackRangePatch,
#footerHolder,
#insurance_hld,
#services.gpSlider,
#services.innerService,
#storiesHld {
    background: #000
}

#specDetHolder .thepet .specs_list_tl {
    font-size: 24px;
    color: #000;
    line-height: 36px;
    padding: 10px 20px
}

#specDetHolder .thepet li {
    display: inline-block;
    width: 33.33%;
    margin: 0;
    padding: 0 0 25px;
    vertical-align: top
}

#specDetHolder .thepet li span,
#truckdetailsH .thepet li span {
    display: block;
font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    padding: 10px 20px
}

#specDetHolder .thepet li span:first-child,
#specDetHolder table tr:nth-child(2n) {
    background: #eee9ec
}

#specDetHolder table {
    width: 100%;
    padding-bottom: 30px
}

#specDetHolder table tr {
    margin: 0 10px
}

#specDetHolder table td,
#specDetHolder table tr {
font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #000;
    padding: 10px 5px
}

#sub_product_list {
    width: 100%;
    padding: 40px 10px 0
}

#CareerSection h1,
#blog_tl h1,
#sub_product_list h1 {
    position: relative;
    display: inline-block;
    font-size: 40px;
    color: #000;
    cursor: pointer;
    line-height: 36px;
    padding-right: 45px
}

#sub_product_list h1 img {
    width: 17px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 15px
}

#blog_tl p,
#sub_product_list p,
#truckdetailSection p {
font-family: "Roboto", sans-serif;
    font-size: 24px;
    color: #000;
    line-height: 36px;
    padding-top: 5px
}

#fn_holder .fn_blurb_con,
#insurance_hld .fn_blurb_con {
    width: 100%;
    font-size: 0;
    padding: 0 0 40px
}

#fn_holder .fn_blurb_pic,
#insurance_hld .fn_blurb_pic {
    display: inline-block;
    width: 45%;
    vertical-align: top
}

#fn_holder .left_pic,
#insurance_hld .left_pic {
    margin: 0 0 20px
}

#fn_holder .right_pic,
#insurance_hld .right_pic {
    margin: 0 0 20px 40px
}

#fn_holder .fn_blurb_det h2,
#insurance_hld .fn_blurb_det h2 {
    font-size: 36px;
    color: #000;
    line-height: 40px;
    padding-bottom: 10px
}

#fn_holder .fn_blurb_det p,
#insurance_hld .fn_blurb_det p,
.btn_strip p {
    font-size: 20px;
    color: #000;
    font-family: "Roboto", sans-serif;
}

#fn_holder .fn_blurb_det p,
#insurance_hld .fn_blurb_det p {
    line-height: 30px;
    padding: 10px 0
}

#fn_holder .simm-button,
#insurance_hld .sim-button,
.findtruckimgParentH,
.truckSearchBt {
    margin-top: 20px
}

#insurance_hld .fn_blurb_con {
    width: 100%;
    font-size: 0;
    padding: 50px 0
}

.btn_strip {
    width: 100%;
    font-size: 36px;
    line-height: 36px;
    padding: 40px 0
}

.btn_strip .container {
    position: relative;
    padding: 0 10px
}

#blogHolder .blogBlurbCon .blogBlurb h2,
#spear_parts p,
.serviceMap h2 {
    font-family: "Roboto", sans-serif;
}

.btn_strip .sim-button {
    position: absolute;
    right: 10px;
    top: -14px
}

#spear_parts {
    width: 100%;
    font-size: 0;
    padding: 55px 0;
    background: #ba0c15
}

#spear_parts a {
    display: inline-block;
    width: 25%;
    text-align: center;
    padding: 10px;
    vertical-align: top
}
.acc-kontainer label h3 {
    font-weight: 400;
}
#spear_parts p {
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    line-height: 20px;
    padding: 20px 0 0
}

.serviceMap {
    padding-top: 20px
}

.serviceMap h2 {
    font-size: 24px;
    color: #000;
    line-height: 16px;
    padding: 0 0 15px
}

.socialCon a,
.socialCon li span {
    font-size: 16px;
    text-transform: uppercase
}

#services.gpSlider h2,
#services.innerService h2 {
    font-size: 36px;
    color: #fff;
    padding: 0 0 15px 25px
}

#blogHolder .postThepet li a:hover,
#breadcrumbs,
#breadcrumbs a:hover,
.listing_nav li:hover,
.searchCopy p a,
ul.slimmenu li ul li a:hover {
    color: #ba0c15
}

#services.gpSlider .service_blurb img,
#services.innerService .service_blurb img {
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px
}

#services.gpSlider .service_blurb .service_name,
#services.innerService .service_blurb .service_name {
    font-size: 24px;
    color: #fff
}

#services.gpSlider .owl-next,
#services.gpSlider .owl-prev,
#services.innerService .owl-next,
#services.innerService .owl-prev {
    display: block !important;
    position: absolute;
    top: -80px;
    width: 31px;
    height: 55px;
    color: transparent
}

#services.gpSlider .owl-prev,
#services.innerService .owl-prev {
    left: 5%;
    background: url(../images/slide-prev.png) center center no-repeat
}

#services.gpSlider .owl-next,
#services.innerService .owl-next {
    right: 5%;
    background: url(../images/slide-next.png) center center no-repeat
}

#services.gpSlider .owl-dots,
#services.innerService .owl-dots {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0 0 20px;
    display: none !important
}

#services.gpSlider .owl-dot,
#services.innerService .owl-dot {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    border: 1px solid #ba0c15
}

.download_jurney {
    width: 100%;
    max-width: 244px;
    position: absolute;
    right: 0;
    top: 0
}

#breadcrumbs {
font-family: "Roboto", sans-serif;
    font-size: 12px;
    padding: 10px
}

#breadcrumbs a {
    color: #000;
    padding-right: 12px;
    margin-right: 10px;
    background: url(../images/breadcrumbs-arrow.png) right top 4px no-repeat
}

#breadcrumbs a:last-child {
    background: url(../images/breadcrumbs-arrow-active.png) right top 4px no-repeat
}

#blogHolder,
#usedtrucksHolder {
    width: 100%;
    padding: 40px 0 0
}

#blogHolder .blogLeftNav {
    position: absolute;
    left: 0;
    top: 0;
    width: 23%
}

#blogHolder .blogSearch {
    position: relative;
    width: 100%;
    border: 1px solid #000;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

#blogHolder .blogSearch .textBox {
    width: 90%;
    border: none
}

#blogHolder .blogSearch .search_btn {
    position: absolute;
    right: 5px;
    top: 8px
}

#blogHolder .postMypet {
    width: 100%;
font-family: "Roboto", sans-serif;
    font-size: 24px;
    color: #fff;
    padding: 10px;
    margin-top: 15px;
    background: #000;
    cursor: pointer;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0px 0px
}

#blogHolder .postThepet {
    width: 100%;
    border: 1px solid #000;
    padding: 15px 17px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: -15px
}

#blogHolder .postThepet ul {
    margin: 0;
    padding: 0;
    list-style-position: outside
}

#blogHolder .postThepet li {
font-family: "Roboto", sans-serif;
    font-size: 22px;
    color: #000;
    padding: 10px 0
}

#blogHolder .postThepet li a {
    color: #000;
    padding: 0 0 0 22px;
    background: url(../images/archive-arrow.png) left top 6px no-repeat;
    display: inline-block
}

#blogHolder .blogBlurbCon {
    width: 77%;
    font-size: 0;
    margin-left: 23%;
    padding-left: 1%
}

#blogHolder .blogBlurbCon .blogBlurb {
    display: inline-block;
    width: 50%;
    padding: 0 2% 6%;
    vertical-align: top
}

#blogHolder .blogBlurbCon .blogBlurb h2 {
    position: relative;
    font-size: 24px;
    color: #000;
    line-height: 28px;
    padding: 20px 0 8px
}

#blogHolder .blogBlurbCon .blogBlurb .blogBy {
font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #000;
    padding-top: 0;
    padding-bottom: 15px
}

#blogHolder .blogBlurbCon .blogBlurb .blogBy sup,
#blogHolder .blog_details .blogBy sup {
    font-size: 12px
}

#blogHolder .blogBlurbCon .blogBlurb .blogBy span,
#blogHolder .blog_details .blogBy span {
font-family: "Roboto", sans-serif;
    border-right: 1px solid #000;
    padding-right: 10px;
    margin-right: 2px
}

#blogHolder .blogBlurbCon .blogBlurb p {
font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #000;
    line-height: 28px;
    padding: 10px 0
}

#blogHolder .blog_details {
    padding-bottom: 50px
}

#blogHolder .blog_details .commentsHld h2,
#blogHolder .blog_details h1,
#productRange .container h2 {
font-family: "Roboto", sans-serif;
    font-size: 40px;
    color: #000
}

#blogHolder .blog_details .blogBlurb {
    display: block;
    width: 100%;
    padding-bottom: 0
}

#blogHolder .blog_details .blogBlurb img {
    width: 100%;
    max-width: 560px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

#blogHolder .blog_details .leaveComments .textArea,
#blogHolder .textBox {
    width: 100%;
    background: #fff;
    border: 1px solid #000;
    padding: 5px 10px
}

#blogHolder .blog_details .commentsHld {
    padding: 65px 0 0 2%
}

#blogHolder .blog_details .commentsHld .sim-button {
    margin-left: 0
}

#blogHolder .blog_details .blogerDet {
    padding: 25px 0 20px
}

#blogHolder .blog_details .blogerDet .name_tl {
    display: inline-block;
font-family: "Roboto", sans-serif;
    font-size: 28px;
    color: #000;
    line-height: 20px
}

#blogHolder .blog_details .blogerDet p,
#blogHolder .blog_details .leaveComments .textArea,
#blogHolder .textBox {
font-family: "Roboto", sans-serif;
    font-size: 24px;
    color: #000
}

#blogHolder .blog_details .blogerDet p {
    line-height: 34px;
    padding: 10px 0
}

#blogHolder .blog_details .blogBy {
    display: inline-block;
font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #000;
    padding: 0 0 0 5px
}

#blogHolder .blog_details .reply,
.socialCon a,
.socialCon li span {
    font-family: "Roboto", sans-serif;
}

#blogHolder .blog_details .leaveComments {
    width: 100%;
    max-width: 600px;
    padding: 20px 0 0;
    border-top: 1px solid #000
}

#blogHolder .blog_details .leaveComments h2 {
    padding-bottom: 20px
}

#blogHolder .blog_details .leaveComments span {
    display: inline-block;
    font-size: 13px;
    color: #ba0c15;
    padding-bottom: 20px
}

#blogHolder .blog_details .leaveComments .textBox {
    margin-bottom: 15px
}

#blogHolder .blog_details .leaveComments .maxChar {
font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #a3a3a3;
    text-align: right;
    padding: 12px 0 0
}

#blogHolder .blog_details .reply {
    display: inline-block;
    font-size: 22px;
    color: #ba0c15;
    padding: 0 15px 0 0;
    background: url(../images/arrow-reply.png) right top 6px no-repeat
}

#blogHolder .blog_details .sim-button {
    margin-left: 2%
}

#blogHolder .blog_details .innerBlogDet {
    margin-top: 15px;
    padding-left: 20px
}

#blogHolder .blog_details .stylingPanel {
    border-left: 1px solid #000;
    padding: 20px 0 25px 20px;
    background: url(../images/line-strip-blog.jpg) left bottom no-repeat
}

#blogHolder .blog_details .innerBlogDet .stylingPanel:last-child,
#footerHolder .site_map a:first-child,
ul.slimmenu li:first-child {
    background: 0 0
}

::-webkit-input-placeholder {
    color: #000
}

::-moz-placeholder {
    color: #000
}

:-ms-input-placeholder {
    color: #000
}

:-moz-placeholder {
    color: #000
}

.application_download,
.sim-button {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 2px;
    text-align: center;
    line-height: 100%;
    text-transform: uppercase;
    background: #ba0c15;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 25px
}

.button_effect,
.button_effect_Down {
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: relative;
    overflow: hidden
}

.button_effect::before,
.button_effect_Down::before,
.socialCon li {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    width: 100%
}

.button_effect a,
.button_effect_Down a {
    text-decoration: none;
    display: block
}

.button_effect::before,
.button_effect_Down::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    transition: .5s;
    opacity: 1;
    -webkit-transform: translate(-105%, 0);
    transform: translate(-105%, 0);
    border-right: 1px solid #fff;
    background-color: rgba(255, 255, 255, .25)
}

.button_effect:hover::before,
.button_effect_Down:hover::before {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.application_download {
    font-size: 18px;
    padding: 10px 15px
}

#finance_button {
    display: block;
    margin: -4% 42% 0
}

.socialCon {
    position: fixed;
    top: 27%;
    width: 100%;
    max-width: 240px;
    z-index: 999;
    right: -190px
}

.socialCon a {
    color: #fff
}

.socialCon ul {
    margin: 0;
    padding: 0
}

.socialCon li {
    position: relative;
    display: block;
    background: #a1121a;
    right: 0;
    transition: .5s
}

.socialCon li span {
    display: none;
    color: #fff
}

.socialCon li img {
    border-bottom: 1px solid #be3139;
    margin-right: 8px
}

.socialCon li:hover {
    right: 190px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.socialCon .mob_social_con {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 35px 0;
    background: url(../images/mob-social-bg.jpg) left center/cover no-repeat;
    display: none
}

.feedback_form .textArea,
.feedback_form .textBox {
    background: #fff;
    border: 1px solid #000;
    margin-bottom: 20px;
    color: #000;
    width: 100%;
font-family: "Roboto", sans-serif;
    font-size: 24px;
    padding: 5px 10px
}

.socialCon .mob_social_con ul {
    width: 100%;
    font-size: 0
}

.socialCon .mob_social_con li {
    display: inline-block;
    width: 20%;
    height: auto;
    text-align: center;
    background: 0 0;
    border: none;
    padding: 0
}

.socialCon .mob_social_con li img {
    width: auto;
    border: none
}

.socialCon .mob_social_con li .soc_tl {
font-family: "Roboto", sans-serif;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding-top: 5px
}

.socialCon .active_social {
    position: absolute;
    left: 50%;
    top: -20px;
    margin-left: -25px;
    z-index: 9
}

.feedback_form {
    width: 100%;
    max-width: 600px;
    padding: 30px 10px 55px
}

.feedback_form p {
    display: inline-block;
font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #000;
    padding-bottom: 5px
}

#download_app li span:last-child img,
#gp_holder .imgPan {
    margin-bottom: 10px
}

.feedback_form .errMsg {
    border: 1px solid #ba0c15
}

.feedback_form .error_display {
font-family: "Roboto", sans-serif;
    font-size: 12px;
    color: #ba0c15;
    padding-bottom: 10px
}

#gp_holder,
#proServe {
    width: 100%;
    padding: 35px 0 0
}

#gp_holder p,
#proServe p,
#tech-slider-panel #tech-slider .tech-specs p,
.bharat-for-women p,
.paracontTestmonialsH p,
.parentsalesconForm p {
font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #000;
    line-height: 30px
}

#gp_holder .gp_det_blurb a,
#gp_holder .gp_det_blurb span,
#gp_holder h2,
#proServe .pro_grid_holder h2 {
    font-family: "Roboto", sans-serif;
}

#gp_holder h2 {
    font-size: 40px;
    color: #000;
    padding-bottom: 10px
}

#gp_holder .gp_det_blurb {
    width: 100%;
    padding: 45px 0 30px;
    border-bottom: 1px solid #ccc
}

#gp_holder .gp_det_blurb p {
    padding: 17px 0
}

#gp_holder .gp_det_blurb a {
    color: #ba0c15
}

#gp_holder .imgPan {
    width: 100%;
    max-width: 600px
}

#gp_holder .imgPan img {
    width: 100%;
    height: auto;
    border-radius: 13px
}

#gp_holder .myPet {
    position: relative;
    display: none
}

#gp_holder .accArrow {
    position: absolute;
    right: 50px;
    top: 50%;
    width: 17px;
    height: 10px;
    margin-top: -10px
}

#gp_holder .padd_left {
    padding-left: 60px
}

#gp_holder .padd_right {
    padding-right: 60px
}

#gp_holder .marg_left {
    margin-left: 90px
}

#gp_holder .marg_right {
    margin-right: 90px
}

.gp_video_btn {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#services.gpSlider .owl-prev,
.owl-next {
    top: -50px !important
}

#services.gpSlider .owl-prev {
    left: 5%
}

#services.gpSlider .owl-next {
    right: 5%
}

#proServe .proTab {
    width: 100%;
    padding: 50px 0 35px;
    border-bottom: 2px solid #ccc
}

#proServe .proTab ul li {
    display: inline-block;
    width: 33.33%;
    text-align: center
}

#proServe .proTab ul span {
    position: relative;
    display: inline-block;
font-family: "Roboto", sans-serif;
    font-size: 24px;
    color: #7f7f7f;
    line-height: 16px;
    cursor: pointer;
    padding: 12px 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

#proServe .proTab ul span img {
    position: absolute;
    left: 50%;
    bottom: -18px;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none
}

#proServe .proTab ul li:hover span {
    color: #fff;
    background: #ba0c15;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

#proServe .proTab .activePro {
    color: #fff;
    background: #ba0c15
}

#proServe .pro_grid_holder {
    position: relative;
    padding: 40px 0 0
}

#proServe .pro_grid_holder .pro_det {
    padding: 25px 10px 20px;
    color: #000
}

#proServe .pro_grid_holder h2 {
    font-size: 24px;
    padding: 0 0 20px
}

#blackRangePatch p,
#productRange .container p {
font-family: "Roboto", sans-serif;
    font-size: 20px
}

#key-buying-panel #key-buying-slider .key-buying .key-text p,
#key-buying-panelNew #key-buying-slidernh .key-buyingNewS .key-textNew p,
#proServe .pro_grid_holder p {
font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 30px
}

#proServe .pro_grid_holder .grid_inner {
    border: 1px solid #cecece;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden
}

#proServe .pro_grid_holder .grid:after {
    content: '';
    display: block;
    clear: both
}

#proServe .pro_grid_holder .grid-item {
    width: 33.33%;
    float: left;
    margin-bottom: 30px;
    padding: 0 40px;
    display: none
}

#proServe .pro_grid_holder .grid-item img {
    display: block;
    width: 100%;
    height: auto
}

#productRange .container {
    padding: 60px 20px 0;
    border-top: 1px solid #ccc;
    margin-top: 30px
}

#productRange .container p {
    line-height: 36px;
    padding-top: 10px
}

#blackRangePatch {
    width: 100%;
    padding: 85px 0
}

#blackRangePatch p {
    color: #fff;
    line-height: 32px;
    text-align: center;
    padding: 0 10px
}

#footerHolder .copy_right,
#footerHolder .quick_link_list h3,
#footerHolder .quick_link_list h3 a,
#footerHolder .quick_links .quick_link_title,
#models_vehicles h2,
#models_vehicles h3,
#tech_slider_holder .tech_title,
#tech_slider_holder h2,
.contalistcol li h3,
.searchCopy h2 {
    font-family: "Roboto", sans-serif;
}

#footerHolder {
    width: 100%
}

#footerHolder .quick_links {
    width: 100%;
    padding: 70px 0 0;
    background: url(../images/footer-border.jpg) left bottom repeat-x
}

#footerHolder .quick_links .quick_link_title {
    width: 100%;
    max-width: 215px;
    font-size: 30px;
    color: #fff;
    margin: 0 auto;
    cursor: pointer;
    padding-bottom: 55px
}

#footerHolder .quick_links .quick_link_title img {
    margin-left: 10px
}

#footerHolder .quick_links .scrollTop {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 64px;
    cursor: pointer;
    z-index: 1111
}

#footerHolder .quick_link_list {
    padding: 45px 0;
    background: url(../images/footer-border.jpg) left top repeat-x;
    display: none
}

#models_vehicles h2 {
    font-size: 16px;
    padding-bottom: 30px;
    color: #fff;
    text-transform: uppercase
}

#footerHolder .quick_link_list h3,
#models_vehicles h3 {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 20px
}

#footerHolder .site_map .created_by,
#footerHolder .site_map a {
font-family: "Roboto", sans-serif;
    font-size: 14px
}

#models_vehicles ul,
.ContatcOfficeH li {
    padding-bottom: 25px
}

#footerHolder .quick_link_list h3 a {
    color: #fff
}

#footerHolder .quick_link_list li,
#models_vehicles li {
    display: inline-block;
    width: 20%;
    vertical-align: top
}

#models_vehicles li {
    font-size: 15px;
    line-height: 30px;
    width: 12%
}

#models_vehicles li:hover {
    font-weight: 700;
    text-decoration: underline
}

#footerHolder .quick_link_list li span {
    display: block;
    padding: 0 0 15px
}

#footerHolder .quick_link_list li span a {
font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #a0a0a0;
    line-height: 18px
}

#footerHolder .footer {
    width: 100%;
    font-size: 0;
    padding: 25px 0
}

#footerHolder .copy_right {
    display: inline-block;
    width: 45%;
    font-size: 14px;
    color: #a0a0a0;
    text-transform: uppercase
}

#footerHolder .site_map {
    display: inline-block;
    width: 55%;
    text-align: right
}

#footerHolder .site_map a {
    color: #a0a0a0;
    padding: 0 6px;
    background: url(../images/divider-strip.gif) left center no-repeat;
    line-height: 100%
}

#footerHolder .site_map .created_by {
    display: inline-block;
    color: #a0a0a0;
    background: 0 0;
    padding-left: 25px;
    padding-top: 10px
}

#productSlider.busProductSlider .product-panel {
    float: none
}

#productSlider.busProductSlider .hd-top span {
    font-size: 100px;
    line-height: 80px
}

.product-thumb {
    padding-top: 40px
}

#tech_slider_holder h2 {
    font-size: 40px;
    color: #000;
    text-transform: capitalize
}

#tech_slider_holder .tech_itm_hld {
    font-size: 0;
    padding: 30px 0 50px;
    border-bottom: 1px solid #bcbcbc
}

#download_app li span,
#tech_slider_holder .tech_blurb {
    display: inline-block;
    vertical-align: top
}

#tech-slider-panel #tech-slider .tech-specs img,
#tech_slider_holder .tech_blurb img,
.blackBlogger img,
.selectlistSection li img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

#tech_slider_holder .tech_title {
    font-size: 28px;
    line-height: 36px;
    padding: 15px 0
}

#download_app,
#key-buying-panel #key-buying-slider,
#key-buying-panelNew #key-buying-slidernh,
#storiesHld {
    padding: 50px 0
}

#tech_slider_holder p {
font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #000;
    line-height: 30px;
    padding-bottom: 20px
}

#tech_slider_holder .owl-next,
#tech_slider_holder .owl-prev {
    display: block !important;
    position: absolute;
    top: -120px !important;
    width: 31px;
    height: 55px;
    color: transparent
}

#tech_slider_holder .owl-prev {
    left: 5%;
    background: 0 0
}

#tech_slider_holder .owl-next {
    right: 5%;
    background: 0 0
}

#tech_slider_holder .fet_blurb_hld,
.TestimonialsParentH {
    font-size: 0;
    width: 100%;
    padding: 50px 0;
    border-bottom: 1px solid #bcbcbc
}

.contalistcol,
.listing_nav {
    border-bottom: 1px solid #ccc
}

#tech_slider_holder .fet_blurb_hld h2 {
    padding: 0 0 30px 30px
}

#tech_slider_holder .fet_blurb_hld .tech_blurb {
    display: inline-block;
    width: 50%;
    padding: 0 30px
}

#tech_slider_holder .low_maintanance .tech_itm_hld {
    padding-bottom: 0;
    border: none
}

.blurbreducePadding {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.errorDiv {
    color: red;
    font-size: 18px;
    text-align: center;
    padding-top: 10px;
    z-index: 11
}

#callServiceH {
    padding: 50px 0 0;
    width: 100%
}

.allCentermainH {
    margin: 0 auto;
    width: 100%
}

.contalistcol {
    font-size: 0;
    text-align: center;
    padding-bottom: 50px
}

.contalistcol li {
    width: 30%;
    display: inline-block
}

.contalistcol li h3 {
    font-size: 25px;
    color: #000;
    padding: 10px 0
}

.contalistcol li p {
font-family: "Roboto", sans-serif;
    font-size: 25px;
    color: #ba0c15;
    line-height: 30px
}

.ContatcOfficeH {
    font-size: 0;
    padding-top: 20px
}

.ContatcOfficeH li {
    display: inline-block;
    width: 33.33%;
    padding-right: 50px;
    vertical-align: text-top
}

#specDetHolder.product_specs {
    padding-top: 0
}

#specDetHolder.product_specs h2 span {
    display: block;
    position: absolute;
    right: 20px;
    top: 54%;
    width: 17px;
    height: 10px;
    margin-top: -24px
}

#specDetHolder.product_specs .sim-button {
    margin-top: 10px
}

.searchCopy {
    padding: 60px 10px
}

#tabMedia #contactFormS .contactusbottomForm h2,
.head_top .tollfree a:hover,
.news-container .news-details .news-text h4 a,
.searchCopy a {
    color: #000
}

.searchCopy h2 {
    font-size: 30px;
    color: #000;
    padding-bottom: 5px
}

.enq_form .selectBox,
.enq_form .txtArea,
.enq_form .txtBox,
.head_top .tollfree a,
.head_top .tollfree a .tollfree-yellow,
.lefttopcolH span:first-child,
.searchCopy p {
    font-family: "Roboto", sans-serif;
}

.searchCopy p {
    font-size: 14px;
    color: #000;
    line-height: 30px;
    padding-bottom: 35px
}

#download_app h2,
#productDetailsSlider h3,
.enq_form h2,
.error_404,
.listing_nav li {
    font-family: "Roboto", sans-serif;
}

.error_404 {
    font-size: 240px;
    color: #ba0c15;
    text-align: center;
    padding-bottom: 400px
}

#download_app {
    width: 100%;
    background: #e5e5e5
}

#download_app h2 {
    font-size: 36px;
    color: #000;
    line-height: 36px
}

#download_app ul {
    font-size: 0;
    width: 100%;
    max-width: 720px;
    margin: 0;
    padding: 35px 0 0
}

#download_app li {
    display: inline-block;
    width: 50%;
    font-size: 0;
    padding: 0 50px
}

#download_app li span:first-child {
    width: 110px;
    margin-right: 20px
}

#download_app li span:last-child {
    width: 160px
}

#download_app li:first-child {
    padding-left: 0;
    border-right: 1px solid #000
}

#download_app li:last-child {
    padding-right: 0;
    padding-left: 70px
}

.listing_nav {
    position: absolute;
    right: 0;
    top: 28px;
    width: 100%;
    max-width: 500px;
    text-align: right;
    padding: 0 0 15px
}

#truckdetailSection .prod_list_btn,
.prod_list_btn {
    top: 0;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    position: absolute;
    right: 0;
    background: #000;
    cursor: pointer
}

.listing_nav li {
    display: inline-block;
    font-size: 16px;
    color: #000;
    margin: 0 18px;
    cursor: pointer
}

.dealer_list li:last-child,
.listing_nav li:last-child {
    margin-right: 0
}

.listingnav_Truck {
    max-width: 725px
}

.prod_list_btn {
    color: #fff;
    padding: 15px 45px 15px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: none
}

.prod_list_btn img {
    position: absolute;
    right: 10px;
    top: 20px
}

.enq_form {
    padding: 0 10px;
    width: 100%;
    max-width: 1000px
}

.enq_form h2 {
    font-size: 40px;
    color: #fff;
    padding: 0 0 40px
}

.enq_form li {
    display: inline-block;
    width: 50%;
    padding: 0 85px 45px 0
}

.enq_form .txtBox {
    width: 100%;
    border: 0;
    font-size: 16px;
    color: #89897c;
    border-bottom: 1px solid grey;
    padding: 10px 0;
    background: 0 0
}

.enq_form .selectBox {
    width: 100%;
    border: 0;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid grey;
    padding: 10px 0;
    background: url(../images/white-arrow.png) right 20px center no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.Statebox,
.StateboxContS,
.selectBox_Truck {
    -moz-appearance: none;
    -webkit-appearance: none
}

.enq_form .selectBox option {
    color: #89897c
}

.enq_form .txtArea {
    width: 100%;
    border: 1px solid grey;
    font-size: 16px;
    color: #89897c;
    padding: 10px;
    background: 0 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px
}

#truckdetailSection .prod_list_btn {
    display: inline-block;
    color: #fff;
    padding: 15px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

#truckdetailSection .prod_list_btn span,
#truckdetailSection p span {
    font-family: "Roboto", sans-serif;
}

.leftimgspecificationH {
    width: 80px
}

div.Zebra_Accordion dt {
    background: #000;
    color: #fff;
    font-weight: 700;
    padding: 10px 15px;
    border-bottom: 1px solid #fff;
    cursor: pointer
}

div.Zebra_Accordion dt.Zebra_Accordion_Expanded {
    background: #ba0c15;
    color: #fff;
    cursor: pointer
}

div.Zebra_Accordion dd {
    background: #efefef;
    padding: 15px;
    margin: 1px 0
}

#Zebra_Accordion3 dt:before {
    content: "â–¶";
    margin-right: 10px
}

#Zebra_Accordion3 dt.Zebra_Accordion_Expanded:before {
    content: "â–¼";
    margin-right: 10px
}

.lefttopcolH {
    float: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.head_top a.reducepaddingfirstH {
    padding-right: 5px;
    font-weight: 700
}

#truckdetailSection span,
.buttonfindthetruck,
.tollfree,
ul.slimmenu li {
    display: inline-block
}

.head_top .tollfree a {
    border: none;
    padding: 0 5px;
    font-size: 12px;
    line-height: 16.8px;
    font-weight: 400;
    color: #fff
}

#help_sest .applicationCon .selectBox option:checked,
#used-vehicle-home .applicationCon .Statebox option:checked,
.StateboxContS option:checked,
.selectBox_Truck option:checked {
    background-color: #ba0c15
}

.imgTilesectH {
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
    text-transform: uppercase;
    font-weight: 700
}

.privcyPolh ul li {
    list-style: circle;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 15px
}

.lefttopcolH span:first-child {
    line-height: 16.8px;
    font-size: 12px;
    color: #fff
}

.head_top .tollfree a .tollfree-yellow {
    font-size: 12px;
    line-height: 16.8px;
    color: #ffcc49;
    text-transform: none;
    font-weight: 400
}

#productDetailsSlider h3 {
    text-align: left;
    font-size: 30px;
    line-height: 24px;
    padding: 15px
}

#productsHolder p,
#specContent p,
#staticimgH p,
.Statebox,
.StateboxContS,
.news-container .news-details .col-50 .news-text p,
.usedtruckInfo p {
    font-family: "Roboto", sans-serif;
}

#productsHolder p,
#specContent p,
#staticimgH p {
    font-size: 20px;
    color: #000;
    line-height: 28px;
    padding: 20px
}

#specContent p {
    margin-top: 5%
}

#productDetailsSlider,
#productSlider {
    width: 100%;
    position: relative;
    padding: 20px 0;
    text-align: center;
    margin: 0 auto
}

#productDetailsSlider .product-panel,
#productSlider .product-panel {
    text-align: center;
    overflow: hidden;
    float: left;
    margin: 15px 30px
}

#productDetailsSlider .product-panel .product-thumb,
#productSlider .product-panel .product-thumb {
    position: relative;
    border: 1px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    max-width: 235px;
    margin: 0 auto 20px;
    box-sizing: border-box
}

#productDetailsSlider .product-panel .product-thumb img,
#productSlider .product-panel .product-thumb img {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 100
}

#productDetailsSlider .product-panel .product-thumb .title,
#productSlider .product-panel .product-thumb .title {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

#productDetailsSlider .product-panel .product-thumb .title.hd-top,
#productSlider .product-panel .product-thumb .title.hd-top {
    top: 5px;
font-family: "Roboto", sans-serif;
    font-size: 33px;
    color: #d9d9d9;
    text-transform: uppercase;
    z-index: 99
}

#tech-slider-panel h2,
#wallpapers h2 {
    color: #000;
    font-family: "Roboto", sans-serif;
}

#productDetailsSlider .product-panel .product-thumb .title.hd-bottom,
#productSlider .product-panel .product-thumb .title.hd-bottom {
    bottom: 10px;
font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #000;
    z-index: 101
}

#productDetailsSlider .product-panel .sim-button,
#productSlider .product-panel .sim-button {
    opacity: 0
}

#productDetailsSlider .product-panel:hover .product-thumb,
#productSlider .product-panel:hover .product-thumb {
    border: 1px solid #cecece
}

#productDetailsSlider .product-panel:hover .sim-button,
#productSlider .product-panel:hover .sim-button,
.news-container .news-details .col-33 .thumb:hover span {
    opacity: 1
}

#productDetailsSlider .owl-next,
#productDetailsSlider .owl-prev,
#productSlider .owl-next,
#productSlider .owl-prev {
    display: block !important;
    position: absolute;
    width: 31px;
    height: 55px;
    color: transparent
}

#productDetailsSlider .owl-prev,
#productSlider .owl-prev {
    left: 0;
    top: -90px;
    background: url(../images/slide-prev-black.png) center center no-repeat
}

#productDetailsSlider .owl-next,
#productSlider .owl-next {
    right: 0;
    bottom: auto;
    top: -85px !important;
    background: url(../images/slide-next-black.png) center center no-repeat
}

#event-images,
#key-buying-panel {
    width: 100%;
    background: #000;
    padding: 50px 20px
}

#key-buying-panel #key-buying-slider .key-buying,
#key-buying-panelNew #key-buying-slidernh .key-buyingNewS {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

#key-buying-panel #key-buying-slider .key-buying img,
#key-buying-panelNew #key-buying-slidernh .key-buyingNewS img {
    width: 50%;
    height: auto;
    float: left;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

#key-buying-panel #key-buying-slider .key-buying .key-text {
    box-sizing: border-box;
    float: none;
    margin-left: 55%;
    color: #fff;
    padding-right: 10px
}

#key-buying-panel #key-buying-slider .key-buying .key-text h3 {
font-family: "Roboto", sans-serif;
    font-size: 24px;
    padding-bottom: 10px;
    text-transform: capitalize
}

#key-buying-panel #key-buying-slider .owl-prev {
    left: -45px;
    background: url(../images/slide-prev.png) center center no-repeat
}

#key-buying-panel #key-buying-slider .owl-next {
    right: -45px;
    background: url(../images/slide-next.png) center center no-repeat
}

#tech-slider-panel {
    width: 100%;
    padding: 0 10px
}

#tech-slider-panel .container {
    padding: 30px 0;
    border-top: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc
}

#tech-slider-panel h2 {
    font-size: 40px;
    margin-bottom: 20px
}

#tech-slider-panel #tech-slider .tech-specs h3 {
font-family: "Roboto", sans-serif;
    font-size: 28px;
    line-height: 30px;
    padding: 15px 0
}

#tech-slider-panel #tech-slider .owl-next,
#tech-slider-panel #tech-slider .owl-prev {
    display: block !important;
    position: absolute;
    top: -80px !important;
    width: 31px;
    height: 55px;
    color: transparent
}

#tech-slider-panel #tech-slider .owl-prev {
    left: 5%;
    background: url(../images/slide-prev-black.png) center center no-repeat
}

#tech-slider-panel #tech-slider .owl-next {
    right: 5%;
    background: url(../images/slide-next-black.png) center center no-repeat
}

#wallpapers {
    width: 100%;
    padding: 50px 10px 60px
}

#wallpapers h2 {
    font-size: 40px;
    margin-bottom: 25px
}

#wallpapers .gallery-pan {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto
}

#wallpapers .gallery-pan .gallery-thumb {
    position: relative;
    width: 25%;
    height: 0;
    padding-bottom: 23%;
    float: left;
    overflow: hidden
}

#wallpapers .gallery-pan .gallery-thumb img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.blackBlogger {
    background-color: #000;
    color: #fff
}

@media handheld,
only screen and (max-width:1281px) {
    #key-buying-panel #key-buying-slider .owl-nav {
        display: none
    }

    #key-buying-panelNew #key-buying-slidernh .owl-nav {
        display: none !important
    }
}

@media handheld,
only screen and (max-width:800px) {

    #key-buying-panel #key-buying-slider,
    #key-buying-panelNew #key-buying-slidernh {
        padding: 20px 0 0
    }

    #key-buying-panel #key-buying-slider .key-buying,
    #key-buying-panelNew #key-buying-slidernh .key-buyingNewS {
        padding: 10px
    }

    #key-buying-panel #key-buying-slider .key-buying img {
        width: 100%;
        float: none;
        margin-bottom: 10px
    }

    #key-buying-panel #key-buying-slider .key-buying .key-text {
        margin-left: 0
    }

    #key-buying-panel #key-buying-slider .key-buying .key-text h3,
    #key-buying-panelNew #key-buying-slidernh .key-buyingNewS .key-textNew h3 {
        font-size: 20px
    }

    #key-buying-panel #key-buying-slider .key-buying .key-text p,
    #key-buying-panelNew #key-buying-slidernh .key-buyingNewS .key-textNew p {
        font-size: 16px;
        line-height: 22px
    }

    #key-buying-panel #key-buying-slider .owl-nav {
        display: none
    }

    #key-buying-panelNew #key-buying-slidernh .key-buyingNewS img {
        width: 100% !important;
        float: none;
        margin-bottom: 10px
    }

    #key-buying-panelNew #key-buying-slidernh .key-buyingNewS .key-textNew {
        margin-left: 0 !important
    }

    #productDetailsSlider {
        max-width: 590px;
        margin: 0 auto
    }

    #productSlider {
        width: 90%;
        margin: 0 auto
    }

    #productSlider .owl-nav {
        display: block
    }
}

@media handheld,
only screen and (max-width:640px) {

    #key-buying-panel h2,
    #key-buying-panelNew h2 {
        font-size: 30px
    }

    #key-buying-panel #key-buying-slider .key-buying,
    #key-buying-panelNew #key-buying-slidernh .key-buyingNewS {
        padding: 0
    }

    #productSlider {
        width: 80%
    }

    #bs-vi .features:nth-child(5) {
        border: none
    }

    #bs-vi .features {
        width: 100%;
        border-bottom: 1px solid #bcbcbc;
        padding: 8% 2%
    }
}

.hide {
    position: absolute;
    top: -9999px;
    left: -9999px
}

#newsHolder {
    padding: 25px 0
}

.heading-back {
    padding-left: 35px
}

.btn-back {
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 32px
}

.download-overlay,
.overlay {
    position: fixed;
    left: 0;
    display: none
}

.news-container .news-tabs {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #bcbcbc
}

.news-container .news-tabs ul li {
    box-sizing: border-box;
    display: inline-block;
font-family: "Roboto", sans-serif;
    margin: 0 5% 0 0
}

.news-container .news-tabs ul li a {
    position: relative;
    font-weight: 900;
    display: block;
    box-sizing: border-box;
    color: #7f7f7f;
    margin: 0;
    font-size: 21px;
    padding: 20px 5px 30px
}

.news-container .news-tabs ul li a:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    background: #b30b13;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.news-container .news-tabs ul li a.current,
.news-container .news-tabs ul li a:hover {
    color: #b30b13
}

.news-container .news-tabs ul li a.current:after,
.news-container .news-tabs ul li a:hover:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.news-container .news-details,
ul.slimmenu li a .slimmenu-span {
    padding: 10px 0
}

.news-container .news-details .col-half h3,
.news-container .news-details h2 {
font-family: "Roboto", sans-serif;
    font-size: 34px;
    line-height: 26px;
    margin-bottom: 20px
}

.news-container .news-details .col-50,
.news-container .news-details .col-half {
    box-sizing: border-box;
    float: left;
    width: 48%;
    border-bottom: 1px solid #000;
    padding: 30px 0;
    margin-right: 2%
}

.news-container .news-details .col-50 .thumb {
    position: relative;
    float: left;
    width: 30%;
    height: 0;
    padding-bottom: 30%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.news-container .news-details .col-33 .thumb,
.news-container .news-details .col-half .thumb {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.news-container .news-details .col-50 .thumb img,
.news-container .news-details .col-half .thumb img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}
#breadcrumbs .container {
    font-weight: 400;
}

.news-container .news-details .col-50 .news-text {
    float: none;
    margin-left: 35%;
    margin-right: 5%
}
.blogBy {
    font-weight: 400;
}
.resource-card a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400 !important;
}
.news-container .news-details .col-50 .news-text h4 {
font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 20px;
    font-weight:400;
}

.news-container .news-details .col-50 .news-text p {
    font-size: 16px;
    margin-bottom: 15px
}

.news-container .news-details .col-50 .news-text p:last-of-type {
    margin-bottom: 0
}

.news-container .news-details .col-half .thumb {
    height: 0;
    padding-bottom: 50%;
    border-radius: 10px;
    margin-bottom: 25px;
    max-width: 560px
}

.news-container .news-details .col-33 {
    box-sizing: border-box;
    float: left;
    width: 33.33%;
    padding: 20px 10px
}

.news-container .news-details .col-33 .thumb {
    border-radius: 10px;
    margin: 0 auto;
    max-width: 350px
}

.news-container .news-details .col-33 .thumb img {
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.news-container .news-details .col-33 .thumb span {
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    opacity: 0;
    position: absolute;
    z-index: 11;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    background-image: url(../images/news-events/downloads/ico-download.png);
    background-position: center center;
    background-repeat: no-repeat
}

.details-text p {
    font-size: 24px;
    line-height: 34px
}

#event-images .events-slider {
    padding: 0 0 20px;
    border-bottom: 1px solid #434343;
    margin: 30px 0
}

#event-images .events-slider .event-thumb {
    position: relative;
    max-width: 360px;
    margin: 0 5% 20px;
    box-sizing: border-box;
    color: #fff;
    font-size: 20px;
    line-height: 30px
}

#event-images .events-slider .event-thumb img {
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    height: auto;
    z-index: 100;
    margin-bottom: 15px
}

#event-images .events-slider .event-thumb p {
    margin-bottom: 20px
}

#event-images .events-slider .owl-nav {
    display: block;
    position: absolute;
    left: 0;
    top: 35%;
    width: 100%
}

#event-images .events-slider .owl-next,
#event-images .events-slider .owl-prev {
    display: block !important;
    position: absolute;
    top: -25px;
    width: 31px;
    height: 55px;
    color: transparent
}

#event-images .events-slider .owl-prev {
    left: -35px;
    background: url(../images/slide-prev.png) center center no-repeat
}

#event-images .events-slider .owl-next {
    right: -35px;
    background: url(../images/slide-next.png) center center no-repeat
}

#contactFormSales .contactusbottomForm .textareaSectionH textarea,
#tabMedia #contactFormS {
    background: #fff
}

#contactFormSales .contactusbottomForm .inputinfoHConS,
#tabMedia #contactFormS .contactusbottomForm .inputinfoHConS {
    background: #fff;
    color: #000
}

#contactFormSales .contactusbottomForm .StateboxContS,
#tabMedia #contactFormS .contactusbottomForm .StateboxContS {
    color: #000;
    background: url(../images/select-box-arrow-black.png) right 15px center no-repeat
}

#tabMedia #contactFormS .contactusbottomForm .textareaSectionH textarea {
    color: #000;
    background: #fff
}

#tabMedia #contactFormS .contactusbottomForm ::-webkit-input-placeholder {
    color: #000
}

#tabMedia #contactFormS .contactusbottomForm ::-moz-placeholder {
    color: #000
}

#tabMedia #contactFormS .contactusbottomForm :-ms-input-placeholder {
    color: #000
}

#tabMedia #contactFormS .contactusbottomForm :-moz-placeholder {
    color: #000
}

.overlay {
    overflow: auto;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .8;
    z-index: 1000
}

.download-overlay {
    z-index: 1001;
    top: 0;
    width: 100%;
    height: 100%
}

.download-pop {
    position: relative;
    width: 90%;
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px
}

.download-pop .mainImg {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.download-pop ul li {
    position: relative;
    box-sizing: border-box;
    float: left;
    width: 33.33%;
    padding: 10px 20px 10px 0;
    border-right: 1px solid #ccc
}

.download-pop ul li .ico {
    float: left;
    width: 35%;
    text-align: center
}

.download-pop ul li .ico img {
    width: 80%;
    height: auto;
    max-width: 55px
}

.download-pop ul li>ul {
    float: none;
    margin-left: 35%
}

.download-pop ul li>ul li {
    float: none;
    width: 100%;
    border: none;
    padding: 0
}

.download-pop ul li>ul li span {
    display: inline-block;
    background-color: #b30b13;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 4px
}

.closepopupH {
    position: absolute;
    right: -10px;
    top: -10px;
    background: url(../images/btn-close.gif) center center no-repeat;
    height: 20px;
    width: 20px
}

@media handheld,
only screen and (max-width:800px) {

    .news-container .news-details .col-50,
    .news-container .news-details .col-half {
        float: none;
        width: 100%;
        margin-right: 0
    }

    #event-images .events-slider .owl-nav {
        display: none
    }
}

@media handheld,
only screen and (max-width:599px) {
    #productDetailsSlider {
        max-width: 295px
    }

    #blog_tl .heading-back h1 {
        font-size: 18px;
        padding-right: 0;
        line-height: 20px
    }

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

    .news-container .news-tabs ul li {
        margin: 0 2% 0 0
    }

    .news-container .news-tabs ul li a {
        font-size: 14px;
        padding: 20px 0 30px
    }

    .download-pop ul li,
    .news-container .news-details .col-50,
    .news-container .news-details .col-half {
        float: none;
        width: 100%
    }

    .news-container .news-details .col-50 .news-text h4 {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 10px
    }

    .news-container .news-details .col-50 .news-text p {
        font-size: 14px
    }

    .news-container .news-details .col-50 .news-text .sim-button {
        font-size: 12px
    }

    .news-container .news-details .col-half h3 {
        font-size: 25px
    }

    .news-container .news-details .col-33 {
        width: 50%
    }

    #event-images h2 {
        font-size: 30px
    }

    .download-pop>ul>li:first-child,
    .download-pop>ul>li:nth-child(2) {
        display: none
    }
}

.usedtruckInfo p {
    color: #000;
    line-height: 28px;
    font-size: 20px;
    padding: 20px
}

.contactusbottomForm h2,
.formH h2 {
    font-family: "Roboto", sans-serif;
}

.formH h2,
.inputinfoH {
    color: #fff;
    width: 100%
}

#contactFormS,
#formsectionH,
#truckinginfoH {
    background: #000;
    padding: 30px 0
}

.parentForm ::-webkit-input-placeholder {
    color: #fff
}

.parentForm ::-moz-placeholder {
    color: #fff
}

.parentForm :-ms-input-placeholder {
    color: #fff
}

.parentForm :-moz-placeholder {
    color: #fff
}

.formH {
    width: 100%;
    max-width: 570px;
    margin: 0 auto;
    padding: 0 10px
}

.formH h2 {
    text-align: center;
    font-size: 30px
}

.inputSec {
    padding: 20px 0;
    display: inline-block;
    width: 100%
}

.inputinfoH {
    border-bottom: 1px solid grey;
    padding-bottom: 12px;
    font-size: 18px;
    background: #000;
    border-right: none;
    border-left: none;
    border-top: none
}

.enquirytypH,
.selectState {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid grey
}

.Statebox,
.StateboxContS {
    width: 100%;
    font-size: 20px;
    color: #fff;
    border: 0;
    padding: 6px 0;
    background: url(../images/select-box-arrow.png) center right no-repeat
}

.Statebox option {
    color: #000;
    padding: 0 10px
}

.submitbutton input[type=submit] {
    background: #b20b13;
    border: none;
    color: #fff;
    border-radius: 10px;
    font-size: 20px;
    cursor: pointer;
    text-transform: uppercase
}

.contactusbottomForm {
    width: 100%;
    max-width: 1024px;
    padding: 0 10px
}

.contactusbottomForm ::-webkit-input-placeholder {
    color: #fff
}

.contactusbottomForm ::-moz-placeholder {
    color: #fff
}

.contactusbottomForm :-ms-input-placeholder {
    color: #fff
}

.contactusbottomForm :-moz-placeholder {
    color: #fff
}

.contactusbottomForm h2 {
    width: 100%;
    font-size: 40px;
    color: #fff
}

.tab-links li,
.textareaSectionH textarea {
    font-family: "Roboto", sans-serif;
}

.contactformparentH {
    padding-top: 30px
}

.inputSecConT {
    padding: 20px 0;
    display: inline-block;
    width: 40%;
    margin: 0 9% 0 0
}

.inputinfoHConS {
    border-bottom: 1px solid grey;
    padding-bottom: 8px;
    width: 100%;
    color: #fff;
    font-size: 18px;
    background: #000;
    border-right: none;
    border-left: none;
    border-top: none
}

.StateboxContS option {
    color: #fff;
    padding: 0 10px;
    background-color: #252525
}

.textareaSectionH textarea {
    border-bottom: 1px solid grey;
    border-radius: 8px;
    overflow: hidden;
    padding: 10px;
    resize: none;
    max-width: 1024px;
    width: 90%;
    outline: 0;
    background: #000;
    margin-top: 30px;
    color: #fff;
    font-size: 20px
}

#responsivetabSec {
    width: 100%;
    font-size: 0;
    display: none
}

.tab-links {
    margin-left: 0 !important
}

.tab-links li {
    float: left;
    padding: 9px 0;
    display: inline-block;
    border-radius: 3px 3px 0 0;
    line-height: 20px;
    font-size: 22px;
    font-weight: 600;
    color: #4c4c4c;
    transition: .15s linear;
    margin: 10px 20px 0 0;
    cursor: pointer
}

.ContatcOfficeH li h4,
.TestimonialsParentH h2,
.testimonials_conH {
    font-family: "Roboto", sans-serif;
}

.tab-links li.active {
    color: #ba0c15;
    border-bottom: 4px solid #ba0c15
}

.eventSlider_video_btn {
    position: absolute;
    left: 50%;
    top: 45%;
    width: 80px;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 111
}

#contactFormSales {
    background: #fff;
    padding: 30px 0
}

#contactFormSales .contactusbottomForm h2 {
    color: #000
}

#contactFormSales .contactusbottomForm ::-webkit-input-placeholder {
    color: #000
}

#contactFormSales .contactusbottomForm ::-moz-placeholder {
    color: #000
}

#contactFormSales .contactusbottomForm :-ms-input-placeholder {
    color: #000
}

#contactFormSales .contactusbottomForm :-moz-placeholder {
    color: #000
}

#proservcolumH {
    padding: 30px 0 0
}

.borderbottomsec {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px
}

.ContatcOfficeH li h4 {
    font-size: 28px;
    color: #000
}

.TestimonialsParentH h2 {
    font-size: 25px;
    color: #000
}

.TestimonialsParentH .testimonialshoverblurb {
    display: inline-block;
    width: 100%;
    max-width: 600px;
    padding: 20px 30px 10px;
    border-bottom: 1px solid #bcbcbc
}

.testimonials_conH {
    line-height: 36px;
    padding: 20px 0 10px
}
select, input, button{
    font-family: "Roboto", sans-serif;
}
.privcyPolh p,
.selectBox_Truck,
.testimonials_conH h3 {
    font-family: "Roboto", sans-serif;
}

.testimonials_conH h3 {
    padding: 12px 0 0;
    font-weight: 400;
    font-size: 18px;
    color: #000
}

#videoTestimonials .videoHolderTestimonials>img {
    width: 100%;
    height: auto;
    border-radius: 8px
}

.jm-item-image {
    position: relative;
    overflow: hidden;
    border-radius: 8px
}

.jm-item-overlay {
    background: #000;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

.jm-item-wrapper:hover .jm-item-overlay {
    opacity: .3
}

.jm-item-button {
    height: 50px;
    width: 50px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -25px
}

.jm-item-button a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #ff6b0e;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.2em;
    line-height: 50px;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    text-decoration: none !important;
    display: block
}

.jm-item-button a:hover {
    background: #3b3b3b
}

.first .jm-item-button {
    -webkit-transition: .5s ease-in .5s;
    -moz-transition: .5s ease-in .5s;
    -o-transition: .5s ease-in .5s;
    transition: .5s ease-in .5s;
    top: -50px
}

.first .jm-item-wrapper:hover .jm-item-button {
    top: 20%
}

.second .jm-item-description {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #ba0c15;
    color: #fff;
    top: 70%;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    transition: .5s ease-in
}

.second .jm-item-wrapper:hover .jm-item-description {
    top: 0
}

.jm-item-description p {
    font-size: 20px;
    line-height: 30px;
    padding: 20px
}

.jm-item-description p span {
    display: inline-block;
    font-size: 35px;
    font-weight: 700
}

#privacypolicyH {
    width: 100%;
    padding: 30px 0;
    font-size: 0
}

.privcyPolh p {
    color: #000;
    font-size: 20px;
    line-height: 30px;
    padding: 10px 0 0
}

.findtruckdataInfo h2,
.privcyPolh h2 {
    font-family: "Roboto", sans-serif;
}

.privcyPolh h2 {
    display: inline-block;
    font-size: 33px;
    color: #000;
    line-height: 28px;
    padding: 30px 0 5px
}

#findyourTruck {
    width: 100%;
    padding: 30px 0;
    background: #000;
    margin-top: 30px
}

.applicationCon_Truck {
    width: 100%;
    font-size: 0;
    margin: 0
}

.appBlurbTruck {
    display: inline-block;
    width: 43%;
    padding-right: 7%;
    vertical-align: top
}

.selectBox_Truck {
    width: 100%;
    font-size: 20px;
    color: #fff;
    border: 0;
    border-bottom: 2px solid grey;
    padding: 10px;
    background: url(../images/select-box-arrow.png) right 15px center no-repeat
}

.findTruckimgConH {
    padding: 60px 0 0
}

.truckfindImgH {
    float: left;
    max-width: 410px;
    width: 100%;
    margin: 0 25px 10px 0
}

.findtruckdataInfo {
    float: left;
    max-width: 675px;
    width: 100%;
    padding: 10px
}

.findtruckdataInfo h2 {
    font-size: 30px;
    color: #fff;
    line-height: 100%;
    padding: 0 0 10px
}

.aboutparaCon li,
.aboutparaCon p,
.findtruckdataInfo p {
font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 30px
}

.findtruckdataInfo p {
    color: #fff;
    padding: 10px 0 0
}

.aboutparaCon,
.contentinfoH {
    padding: 20px
}

.aboutparaCon li,
.aboutparaCon p {
    color: #000;
    padding-bottom: 15px
}

#awadsCertificationH h2,
.aboutluseLeftconH h2,
.aboutluseRightconH h2 {
font-family: "Roboto", sans-serif;
    line-height: 40px;
    font-size: 40px
}

.aboutparaCon h2 {
    padding: 2% 0;
    font-weight: 700;
    font-size: 40px
}

.LeftsideimgeaboutH img,
.rightsideimgabout img {
    width: 100%;
    padding-top: 15%
}

#aboutusmainCon {
    background: #000;
    padding: 30px
}

.imgconsectionAboutus {
    padding: 10px
}

.aboutluseLeftconH {
    float: left;
    width: 50%;
    padding: 10px 50px 10px 30px
}

.aboutluseLeftconH h2,
.aboutluseRightconH h2 {
    display: inline-block;
    color: #fff
}

.aboutluseLeftconH p,
.aboutluseRightconH p {
    line-height: 30px;
font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #fff;
    display: inline-block
}

.rightsideimgabout {
    float: right;
    width: 50%;
    padding: 10px 30px
}

.rightsideimgabout img {
    max-width: 562px;
    height: auto
}

.LeftsideimgeaboutH,
.leftsideimgabout {
    float: left;
    width: 50%;
    padding: 10px 30px
}

.aboutluseRightconH {
    float: left;
    width: 50%;
    padding: 10px 30px 10px 50px
}

.aboutluseRightconH p {
    padding-top: 30px
}

.bothcolfirstrowAbout {
    padding: 40px 0;
    border-bottom: 1px solid #292929
}

.aboutSecbBordernone {
    border-bottom: none
}

#awadsCertificationH .selectSection .selectboxH option,
#progressconimgH p {
    color: #000
}

#progressconimgH h2 {
    color: #000;
    padding-bottom: 3%
}

#awadsCertificationH {
    width: 100%;
    padding: 30px 0 0
}

#awadsCertificationH h2 {
    display: inline-block;
    color: #000
}

#awadsCertificationH .selectSection {
    width: 100%;
    max-width: 200px;
    font-size: 0;
    margin: 30px 0 20px;
    background: #000
}

#awadsCertificationH .selectSection .yearblurb {
    display: inline-block;
    width: 100%
}

#awadsCertificationH .selectSection .selectboxH {
    width: 100%;
font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #fff;
    border: 0;
    padding: 10px 10%;
    background: url(../images/select-box-arrow.png) center right 20px no-repeat;
    font-weight: 700;
    -moz-appearance: none;
    -webkit-appearance: none
}

#CareerSection,
#truckdetailSection {
    width: 100%;
    padding: 50px 10px 0
}

#truckdetailSection h1 {
    position: relative;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    color: #000;
    cursor: pointer;
    line-height: 36px;
    padding-right: 45px
}

#CareerSection p,
.contentimgBlurbH p,
.contentinfoH p,
.imgbothinfoCon h3,
.imgbothinfoCon p {
    font-family: "Roboto", sans-serif;
}

.imgbothinfoCon {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 10px
}

.imgbothinfoCon img {
    width: 30%;
    height: auto
}

.imgbothinfoCon h3 {
    font-size: 28px;
    color: #fff;
    padding: 15px 0;
    margin: 30px 0 0
}

.imgbothinfoCon p {
    color: #fff;
    line-height: 32px;
    font-size: 20px;
    text-align: left
}

#truckdetailsH .thepet ul {
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 1px solid #000;
    border-top: none
}

#truckdetailsH .thepet li {
    display: inline-block;
    width: 50%;
    margin: 0;
    vertical-align: top
}

#truckdetailsH .thepet li span:first-child {
    background: #eee9ed
}

#CareerSection p {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    line-height: 36px
}

.knowmorebutton {
    margin-top: 34px
}

.contentimgBlurbH p,
.contentinfoH p {
    color: #000;
    line-height: 28px;
    font-size: 20px
}

#findDealer h2,
.contentimgBlurbH h2 {
    font-family: "Roboto", sans-serif;
}

.contentimgBlurbH h2 {
    display: inline-block;
    font-size: 40px;
    color: #000;
    line-height: 36px
}

.centervideo p,
.selectlistSection li p {
font-family: "Roboto", sans-serif;
    line-height: 28px
}

.contentimgBlurbH img {
    padding: 20px 0;
    width: 100%;
    height: auto
}

.imgDatacolL {
    width: 48%;
    display: inline-block;
    padding: 10px 15px;
    vertical-align: top
}

.centerlastData {
    text-align: center
}

.selectlistSection {
    margin: 0;
    padding: 0;
    font-size: 0
}

.selectlistSection li {
    width: 50%;
    display: inline-block;
    padding: 0 50px 30px 0;
    vertical-align: top
}

.selectlistSection li p {
    font-size: 20px;
    color: #000;
    padding: 20px 0
}

.selectlistSection h3 {
font-family: "Roboto", sans-serif;
    font-size: 17px;
    color: #000;
    padding-bottom: 22px;
    border-bottom: 1px solid #292929
}

#findDealer {
    padding: 50px 0 30px
}

#findDealer.videoDealrH {
    background: #000;
    border-bottom: 1px solid #ccc
}

.Dealer_Holder {
    width: 100%;
    font-size: 0;
    padding: 10px 0 55px
}

#findDealer h2 {
    font-size: 30px;
    color: #fff;
    padding: 0 10px 20px
}

.centervideo {
    width: 100%;
    max-width: 567px;
    padding: 10px
}

.centervideo p {
    font-size: 20px;
    color: #fff;
    padding: 20px 0;
    text-align: left
}

#blogger .test_blog h3,
.borderbottomsecH h2 {
    line-height: 24px;
    font-family: "Roboto", sans-serif;
}

.buttonmarginIncrease {
    padding: 15px 0
}

.sim-buttonDown {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 100%;
    text-transform: uppercase;
    background: #ba0c15;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 25px
}

#staticimgH {
    padding: 0 10px 30px
}

#blogger .test_blog h3 {
    font-size: 24px;
    padding: 25px 0 0
}

.borderbottomsecH {
    border-bottom: 1px solid #ccc;
    padding-bottom: 40px
}

.borderbottomsecH h2 {
    font-size: 40px;
    padding-left: 50px;
    padding-bottom: 40px
}

#key-buying-panelNew {
    width: 100%;
    padding: 0 20px
}

#key-buying-panelNew h2 {
font-family: "Roboto", sans-serif;
    text-transform: capitalize;
    font-size: 40px;
    color: #000;
    line-height: 100%;
    padding: 0 0 10px
}

#key-buying-panelNew #key-buying-slidernh .key-buyingNewS .key-textNew {
    box-sizing: border-box;
    float: none;
    margin-left: 55%;
    color: #000;
    padding-right: 10px
}

#key-buying-panelNew #key-buying-slidernh .key-buyingNewS .key-textNew h3 {
font-family: "Roboto", sans-serif;
    text-transform: capitalize;
    font-size: 24px;
    padding-bottom: 10px
}

#key-buying-panelNew #key-buying-slidernh .owl-prev {
    left: -45px;
    background: url(../images/slide-prev-black.png) center center no-repeat;
    display: block !important;
    position: absolute;
    top: -25px !important;
    width: 31px;
    height: 55px;
    color: transparent
}

#key-buying-panelNew #key-buying-slidernh .owl-next {
    right: -45px;
    background: url(../images/slide-next-black.png) center center no-repeat;
    display: block !important;
    position: absolute;
    top: -25px !important;
    width: 31px;
    height: 55px;
    color: transparent
}

#downLoadBrochure {
    width: 100%;
    padding: 30px 10px;
    position: relative;
    background: #000;
    font-size: 0;
    margin-bottom: 40px;
    margin-top: 20px
}

.proimgBroch {
    position: absolute;
    right: 0;
    bottom: -50px
}

#panel,
.pdfBtn {
    position: fixed
}

#map {
    height: 100%;
    margin: 0;
    padding: 0
}

#panel {
    top: 0;
    z-index: 10;
    text-align: center;
    width: 100%
}

.pdfBtn {
    font-size: 20px;
    border-radius: 8px;
    font-weight: 700;
    color: #fff;
    background: #be3139;
    padding: 10px;
    bottom: 10px;
    left: 10px;
    cursor: pointer;
    display: none
}

.titleName {
    font-weight: 700;
    font-size: 20px
}

#map1 {
    padding-bottom: 56.25%
}

@media only screen and (orientation:portrait) {
    #map1 {
        padding-bottom: 100%
    }
}

#newsHolder .details-text p {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 27px
}

#newsHolder .details-text li {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 10px 20px;
    list-style: initial
}

@media handheld,
only screen and (max-width:1200px) {
    #newsHolder {
        padding: 25px
    }
}

.menu-collapser {
    position: relative;
    width: 100%;
    height: 48px;
    padding: 0 8px;
    color: #fff;
    font-size: 16px;
    line-height: 48px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.collapse-button {
    position: absolute;
    right: 10px;
    top: 19px;
    width: 30px;
    margin: 2px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.collapse-button .icon-bar {
    display: block;
    height: 3px;
    width: 25px;
    margin: 3px 0;
    background-color: #fff;
    border-radius: 1px
}

ul.slimmenu {
    width: 100%;
font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    list-style-type: none
}

ul.slimmenu:after,
ul.slimmenu:before {
    content: '';
    display: table
}

ul.slimmenu:after {
    clear: both
}

ul.slimmenu.collapsed li {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

ul.slimmenu.collapsed li>ul {
    position: static;
    display: none
}

ul.slimmenu.collapsed li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, .075);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

ul.slimmenu.collapsed li .sub-toggle {
    width: 50px;
    height: 100%
}

ul.slimmenu>li {
    text-align: right;
   
}

ul.slimmenu li ul {
    margin: 0;
    list-style-type: none;
    padding: 30px 0 10px;
}

ul.slimmenu li ul li {
    display: block;
    float: none;
    text-align: left
}

ul.slimmenu li>ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 9;
    background: #161616;
    padding: 50px 0;
    display: none
}

ul.slimmenu li>ul>li ul {
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 999;
    display: none;
    width: 100%
}

ul.slimmenu li a {
    display: block;
    padding: 35px 0;
    color: #121b21;
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
    font-weight: 500
}

ul.slimmenu li a .slimmenu-sales {
    padding: 16px 24px;
    background: #a70e13;
    font-family: "Roboto", sans-serif;
    color: #fff;
    font-size: 14px;
    line-height: 16.83px;
    font-weight: 700;
    margin: -16px 0;
    cursor: pointer
}

ul.slimmenu li:hover>a .slimmenu-span {
    border-bottom: 2px solid #a70e13
}

ul.slimmenu li .sub-toggle {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    text-align: center;
    cursor: pointer;
    color: #333;
    font-size: 18px;
    vertical-align: middle;
    margin: 0;
    background: url(../images/toggle-down.png) top 25px right 14px no-repeat;
    text-indent: -9999px;
    display: none
}

ul.slimmenu li .sub-toggle:before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle
}

ul.slimmenu li .sub-toggle>i {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    vertical-align: middle;
    visibility: hidden
}

ul.slimmenu li .sub-toggle.expanded {
    color: #333;
    font-size: 18px;
    display: block;
    vertical-align: middle;
    margin: 0;
    background: url(../images/toggle-up.png) top 25px right 14px no-repeat;
    text-indent: -9999px
}

ul.slimmenu>li.has-submenu+li,
ul.slimmenu>li:first-child {
    border-left: 0
}

ul.slimmenu li ul li a {
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    padding: 0 33px
}

@media handheld,
only screen and (max-width:1600px) {
    #sliderHolder .ban_tl_01 {
        font-size: 43px
    }

    #sliderHolder .ban_tl_02 {
        font-size: 33px
    }

    #sliderHolder .sim-button {
        margin-top: 15px
    }

    #sliderHolder .owl-next,
    #sliderHolder .owl-prev {
        width: 22px;
        height: 40px;
        background-size: 100% auto
    }

    #sliderHolder .owl-next {
        right: 16%
    }

    #sliderHolder .owl-prev {
        left: 16%
    }

    .socialCon a {
        font-size: 14px
    }

    .socialCon li img {
        margin-right: 6px
    }
}

@media handheld,
only screen and (max-width:1199px) {
    #aboutusmainCon {
        padding: 10px
    }

    .aboutluseLeftconH h2 {
        padding: 10px 0
    }

    .bothcolfirstrowAbout {
        padding-top: 0
    }

    .aboutluseLeftconH {
        width: 100%;
        padding: 0
    }

    .rightsideimgabout {
        width: 100%;
        padding: 20px 0
    }

    .LeftsideimgeaboutH {
        width: auto;
        padding: 0
    }

    .LeftsideimgeaboutH img {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .aboutluseRightconH {
        width: 100%
    }

    .InfoDeatils li .truckimgLeft {
        max-width: 20%
    }

    .truckData h2 {
        font-size: 25px
    }

    .truckData h3 {
        font-size: 23px
    }

    #blogger .videoHolder img,
    .centervideo .videoHolder img {
        width: 100%;
        height: auto
    }

    .TestimonialsParentH {
        text-align: center
    }

    .paracontTestmonialsH p,
    .testimonials_conH h2,
    .testimonials_conH h3 {
        text-align: left
    }

    .navigationCon .logo {
        left: 50px
    }

    .navigationCon .center_nav_01 .sunNavTl {
        font-size: 40px
    }

    #searchBox {
        padding: 60px 40px
    }

    #sliderHolder .ban_tl_01 {
        font-size: 38px
    }

    #sliderHolder .ban_tl_02 {
        font-size: 28px
    }

    #sliderHolder .sim-button {
        padding: 12px 15px;
        margin-top: 7px
    }

    .socialCon {
        top: 35%
    }

    #range_con .tech_blurb_con .tech_blurb .tech_type_tl {
        font-size: 90px
    }

    #range_con .tech_blurb_con .tech_blurb img {
        width: 100%;
        height: auto;
        padding-top: 20px
    }

    #blogger .test_blog h2 {
        font-size: 34px;
        padding-bottom: 26px
    }

    #blogger .view_stories a {
        font-size: 18px
    }

    .serviceMap h2 {
        padding: 0 10px 15px
    }

    #gp_holder {
        padding: 35px 10px 0
    }

    #gp_holder .imgPan {
        max-width: 510px
    }

    #gp_holder .padd_left {
        padding-left: 30px
    }

    #gp_holder .padd_right {
        padding-right: 30px
    }

    #gp_holder .marg_left {
        margin-left: 50px
    }

    #gp_holder .marg_right {
        margin-right: 50px
    }

    #productSlider.busProductSlider .hd-top span {
        font-size: 80px;
        line-height: 60px
    }

    #productDetailsSlider .product-panel .product-thumb .title.hd-top,
    #productSlider .product-panel .product-thumb .title.hd-top {
        font-size: 35px
    }

    #footerHolder .footer {
        padding: 20px 0
    }

    #footerHolder .copy_right,
    #footerHolder .site_map {
        display: block;
        width: 100%;
        text-align: center;
        padding: 5px 0
    }

    .prod_list_btn {
        display: block
    }

    .dealer_list,
    .listing_nav {
        padding: 10px;
        background: #000;
        display: none
    }

    .dealer_list {
        max-width: 95%;
        margin-top: -46px;
        position: relative;
        z-index: auto
    }

    .dealer_list li:hover {
        color: #fff
    }

    .listing_nav {
        top: 50px;
        text-align: left;
        max-width: 300px
    }

    .dealer_list li,
    .listing_nav li {
        display: block;
        padding: 5px;
        color: #fff
    }

    #ut_gallery_banner .pic_count {
        font-size: 60px
    }
}

@media handheld,
only screen and (max-width:1023px) {
    .appBlurbTruck {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px
    }

    #responsivetabSec {
        display: block;
        padding-left: 10px
    }

    #blogHolder .postThepet,
    #legends,
    #map_con .mapHolder,
    #specDetHolder .thepet,
    .contact_form_hld,
    .head_top span,
    .navigationCon .center_nav_01 .sunNavTl,
    .navigationCon .center_nav_01 li img,
    .navigationCon .center_nav_01 li p br,
    .navigationCon .secondNav_banner {
        display: none
    }

    .ContatcOfficeH li {
        width: 50%;
        padding-right: 25px
    }

    .InfoDeatils li {
        padding: 10px 20px 30px
    }

    #findyourTruck {
        padding: 10px
    }

    #blogHolder .blog_details .navBtnCon,
    .buttonfindthetruck {
        padding-top: 20px
    }

    .imgDatacolL {
        vertical-align: text-top
    }

    .contentimgBlurbH p {
        padding-top: 10px;
        padding-bottom: 25px
    }

    #HistorySection {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .selectlistSection li {
        width: 49.33%;
        padding: 0 10px
    }

    .privcyPolh {
        padding: 5px
    }

    .head_top a {
        border-left: none
    }

    #resOverlay {
        z-index: 99
    }

    header {
        position: relative;
        padding-bottom: 10px
    }

    .navigationCon {
        position: static
    }

    .navigationCon .logo {
        position: relative;
        left: 15px;
        margin-left: 0 !important;
        margin-top: 10px !important;
        z-index: 9
    }

    .navigationCon nav {
        position: fixed;
        left: -100%;
        top: 0;
        max-width: 300px;
        height: 100%;
        float: none;
        padding-right: 0;
        background: url(../images/res-nav-bg.jpg) top right repeat-y;
        z-index: 99;
        overflow-y: scroll;
        padding-bottom: 80px
    }

    #blogger .container,
    #map_con .mapBtn_hld,
    .navigationCon nav li {
        padding: 0
    }

    .navigationCon .center_nav_01 {
        padding: 0 0 10px
    }

    .navigationCon .center_nav_01 li {
        text-align: left;
        padding: 5px 0
    }

    .navigationCon .center_nav_01 li p {
        font-size: 18px;
        color: #000;
        line-height: 22px;
        padding: 0
    }

    .navigationCon .center_nav_02 {
        width: 100%;
        max-width: 100%
    }

    .navigationCon .secondNav_blurb {
        width: 100%;
        padding-right: 0
    }

    .navigationCon .secondNav_blurb li {
        border: none;
        padding: 5px 0
    }

    .navigationCon .secondNav_blurb li a {
        color: #000
    }

    #blogHolder .openArch .postThepet,
    #res_bb_logo,
    .head_top .currUserCon,
    .navigationCon .mob_slide_header,
    .navigationCon .top_hd_links,
    ul.slimmenu li .sub-toggle {
        display: block
    }

    .navigationCon .mob_slide_header>img {
        width: 200px
    }

    .navigationCon .mob_slide_header .closeNav {
        right: 15px;
        top: 18px;
        width: 45px;
        height: 45px
    }

    .navigationCon .menuSandwitch {
        display: block;
        z-index: 9
    }

    #specDetHolder .thepet li span:first-child,
    .head_top {
        background: 0 0
    }

    .head_top .search_icon {
        width: 50px;
        height: 50px;
        top: 15px;
        padding: 15px;
        background: #e6e6e6;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

    .head_top .search_trigger {
        width: 50px;
        height: 50px;
        background: url(../images/open-search.png) center center no-repeat
    }

    .head_top .search_close {
        position: relative;
        background: 0 0;
        top: 50%;
        margin: -15px 0 0 -5px
    }

    .head_top .search_close img {
        width: 30px;
        height: 30px
    }

    #sliderHolder .owl-nav,
    .collapse-button,
    .menu-collapser {
        display: none !important
    }

    .serviceMap .mapHolder,
    ul.slimmenu {
        display: block !important
    }

    ul.slimmenu li>ul {
        padding: 0;
        background: #e8e8e8;
        overflow: hidden
    }

    ul.slimmenu.collapsed li {
        position: relative
    }

    ul.slimmenu>li {
        text-align: left
    }

    ul.slimmenu li a {
        font-size: 20px;
        color: #000;
        padding: 18px 10px
    }

    ul.slimmenu li:hover>a {
        color: #ba0c15
    }

    ul.slimmenu.collapsed li a {
        border: none;
        border-top: 1px solid #ebebeb
    }

    ul.slimmenu.collapsed li ul li a {
    font-family: "Roboto", sans-serif;
        font-size: 18px;
        border: none;
        padding: 0 0 0 30px
    }

    ul.slimmenu.collapsed li ul li .center_nav_02 ul.slimmenu.collapsed li ul li a {
        padding: 0 0 0 30px
    }

    ul.slimmenu.collapsed li:last-child a {
        border-bottom: 1px solid #ebebeb
    }

    .collapse-button .icon-bar {
        background-color: #ba0c15
    }

    ul.slimmenu li .sub-toggle>i {
        visibility: visible
    }

    #sliderHolder {
        margin-top: 10px
    }

    #fn_holder .f-left,
    #gp_holder .f-left,
    #gp_holder .f-right,
    #hm_dealer_con .hm_locator_con .nearest_loc,
    #insurance_hld .f-right {
        float: none
    }

    #hm_dealer_con .hm_locator_con .btn_hld {
        width: 100%;
        float: none;
        margin-top: 20px
    }

    #range_con .tech_blurb_con .tech_blurb {
        padding-top: 50px
    }

    #range_con .tech_blurb_con .tech_blurb .tech_type_tl {
        font-size: 50px
    }

    #help_sest .container,
    #specsHolder .container,
    #used-vehicle-home .container {
        padding: 0 10px
    }

    #map_con .mapBtn_hld img {
        display: inline-block
    }

    #map_con .mapBtn_hld .sim-button {
        display: block;
        width: 100%;
        color: #fff;
        margin: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0;
        border-radius: 0;
        border: none;
        background: #ba0c15
    }

    #map_con .mapBtn_hld .sim-button span {
        margin-left: 10px
    }

    #map_con .mapBtn_hld .sim-button:hover {
        background: #ba0c15;
        color: #fff;
        border: none
    }

    #map_con .mapBtn_hld .sim-button.activemap {
        color: #fff;
        background: #232222;
        border: none
    }

    #map_con .mapHolder .locationBox {
        padding: 5px 25px 10px
    }

    #map_con .mapHolder .loc_textbox {
        padding: 10px 20px 10px 60px
    }

    #services .service_blurb {
        width: 100%;
        padding: 0 10px
    }

    #services .service_blurb .proserv img {
        width: 180px !important
    }

    #services .service_blurb .financial img {
        width: 260px !important
    }

    #blogger .test_blog {
        padding: 0 30px
    }

    #specsHolder .sim-button {
        right: 10px
    }

    #specDetHolder .mypets {
        background: url(../images/specs-list-arrow.png) right 10px top 27px no-repeat;
        cursor: pointer;
        padding-right: 35px
    }

    #specDetHolder .openpet {
        background: url(../images/specs-list-arrow-up.png) right 10px top 27px no-repeat
    }

    #specDetHolder .thepet ul {
        border: 1px solid #777476
    }

    #specDetHolder .thepet li {
        width: 100%;
        font-size: 0;
        padding: 0
    }

    #specDetHolder .thepet li span {
        display: inline-block;
        width: 50%;
        vertical-align: top
    }

    #specDetHolder .thepet li:nth-child(odd) {
        background: #eee9ec
    }

    #fn_holder .container,
    #insurance_hld .container,
    #sub_product_list .container {
        max-width: 600px
    }

    #fn_holder .fn_blurb_pic {
        margin: 0 0 20px
    }

    #insurance_hld .right_pic {
        margin: 15px 0 0
    }

    #fn_holder .fn_blurb_pic,
    #insurance_hld .fn_blurb_pic {
        width: 100%
    }

    #blogHolder {
        padding: 40px 10px 0
    }

    #blogHolder .blogLeftNav {
        position: relative;
        width: 100%;
        max-width: 600px;
        margin: 0 auto
    }

    #blogHolder .blogBlurbCon {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
        padding: 30px 0 0
    }

    #blogHolder .blogBlurbCon .blogBlurb {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
        padding: 30px 0 20px;
        border-bottom: 1px solid #000
    }

    #blogHolder .postMypet {
        background: url(../images/arrow-archive-close.png) right 10px top 17px no-repeat #000 !important;
        cursor: pointer
    }

    #blogHolder .openArch .postMypet {
        background: url(../images/arrow-archive-open.png) right 10px top 17px no-repeat #000 !important
    }

    #blogHolder .blog_details .commentsHld {
        padding: 65px 0 50px;
        border-bottom: 1px solid #bcbcbc
    }

    .btn_strip {
        text-align: center
    }

    .btn_strip .sim-button {
        position: relative;
        right: auto;
        top: auto;
        margin-top: 20px
    }

    #spear_parts p {
        font-size: 16px
    }

    #gp_holder {
        padding: 35px 0 30px
    }

    #gp_holder p {
        padding: 0 10px 30px !important
    }

    #gp_holder h2 {
        display: none;
        font-size: 26px;
        color: #fff;
        padding: 40px 35px
    }

    #gp_holder #advance_diagnsystem,
    #gp_holder #area_office,
    #gp_holder #comprehensive_cussuport,
    #gp_holder #gp_quality,
    #gp_holder #special_toolsEquip,
    #gp_holder #welltrained_serviceH {
        background: url(../images/gp-quality-bg.jpg) left top/cover no-repeat
    }

    #gp_holder #ad_diagnosticsytm,
    #gp_holder #customer_support,
    #gp_holder #extended_warranty,
    #gp_holder #gp_availability,
    #gp_holder #maintenance_pack,
    #gp_holder #onsite_services,
    #gp_holder #proserve_app,
    #gp_holder #year_warranty {
        background: url(../images/gp-availability-bg.jpg) left top/cover no-repeat
    }

    #gp_holder #gp_affordability {
        background: url(../images/gp-affordability-bg.jpg) left top/cover no-repeat
    }

    #gp_holder .myPet {
        display: block;
        cursor: pointer;
        border-bottom: 1px solid #414141
    }

    #gp_holder .gp_det_blurb {
        display: none;
        padding: 20px 0 30px
    }

    #gp_holder .padd_left {
        padding-left: 0
    }

    #gp_holder .padd_right {
        padding-right: 0
    }

    #gp_holder .marg_left {
        margin-left: 0
    }

    #gp_holder .marg_right {
        margin-right: 0
    }

    #productSlider.busProductSlider .hd-top span {
        font-size: 60px;
        line-height: 55px
    }

    #specDetHolder.product_specs h2 {
        position: relative;
        font-size: 36px;
        color: #fff;
        border: none;
        background: #ba0c15;
        padding: 15px 20px 20px;
        cursor: pointer
    }

    #proServe .pro_grid_holder .grid-item {
        padding: 0 20px
    }

    #proServe .proTab ul span {
        font-size: 17px
    }

    #blackRangePatch {
        padding: 40px 0
    }

    #productDetailsSlider .product-panel .sim-button,
    #productSlider .product-panel .sim-button {
        opacity: 1
    }
}

@media handheld,
only screen and (max-width:799px) {

    .socialCon a,
    .socialCon li span {
        font-family: "Roboto", sans-serif;
    }

    .download-pop {
        width: 90%
    }

    .ban_tl_01,
    .ban_tl_02 {
        display: block !important
    }

    .Dimensionheading,
    .Performanceheading,
    .breakheading,
    .chassisheading,
    .configurationheading,
    .fueltankheading,
    .newspecificationheading,
    .steeringheading,
    .weightheading {
        background: 0 0 !important;
        text-align: left !important;
        padding-bottom: 15px !important
    }

    #breadcrumbs,
    #tech-slider-panel #tech-slider .owl-nav,
    #tech_slider_holder .owl-nav,
    .socialCon li:last-child a {
        display: none
    }

    #sliderHolder .bannerDetail {
        position: relative;
        padding: 20px 0
    }

    #sliderHolder .owl-controls {
        position: relative
    }

    #sliderHolder .owl-dots {
        position: relative;
        text-align: center;
        padding: 0 0 20px
    }

    #sliderHolder .owl-dot {
        border: 1px solid #000
    }

    #sliderHolder .owl-dot.active {
        background: #000;
        border: 1px solid #000
    }

    #hm_dealer_con .hm_dealer_det {
        padding: 30px 20px 25px
    }

    #range_con h2,
    #services h2 {
        padding: 0 20px 30px
    }

    #range_con p {
        padding: 0 20px
    }

    #help_sest .applicationCon .appBlurb,
    #used-vehicle-home .applicationCon .appBlurb {
        padding-right: 3%
    }

    #help_sest .sim-button,
    #used-vehicle-home .sim-button {
        padding: 12px 35px
    }

    #services .service_blurb .financial img {
        width: 200px !important
    }

    #services .service_blurb .proserv img {
        width: 160px !important
    }

    #blogger .test_blog {
        width: 100%;
        padding: 0 50px;
        margin-bottom: 30px
    }

    #blogger .test_blog h2,
    #sub_product_list h1 {
        font-size: 30px
    }

    .socialCon {
        max-width: 100%;
        right: auto;
        top: auto;
        left: 0;
        bottom: 0;
        font-size: 0;
        vertical-align: bottom;
        z-index: 999
    }

    .socialCon a {
        font-size: 12px;
        line-height: 20px
    }

    .socialCon li {
        display: inline-block;
        right: initial;
        width: 25%;
        height: 80px;
        text-align: center;
        vertical-align: top;
        padding: 10px 0 0;
        cursor: pointer;
        border-right: 1px solid #010000;
        background: #b80d16
    }

    .socialCon li:hover {
        right: 0
    }

    .socialCon li span {
        display: block;
        font-size: 11px;
        padding-top: 5px
    }

    .socialCon li img {
        display: block;
        width: 40px;
        height: auto;
        margin: 0 auto 10px
    }

    .socialCon .shareIcons {
        border: none
    }

    .socialCon .mob_social_con,
    .socialCon .mob_social_con:last-child a {
        display: block
    }

    #map_con .mapBtn_hld .sim-button {
        padding: 15px 20px
    }

    #map_con .mapHolder .locationBox {
        position: relative;
        left: 0;
        top: 0;
        margin: 0;
        max-width: 100%
    }

    #map_con .mapHolder .loc_textbox {
        width: 75%
    }

    #map_con .mapHolder .sim-button {
        margin-left: 1%;
        padding: 10px 30px
    }

    .sim-button {
        padding: 10px 20px
    }

    #innerBanner img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 1px
    }

    #specsHolder .prodictListHld {
        padding: 10px 0 20px
    }

    #specsHolder .prodictListHld ul {
        top: 50px
    }

    #specsHolder .sim-button {
        top: 10px
    }

    #sub_product_list {
        padding: 20px 10px 0
    }

    #sub_product_list p {
        font-size: 20px;
        line-height: 28px;
        padding-top: 10px
    }

    #fn_holder .fn_blurb_con,
    #insurance_hld .fn_blurb_con {
        padding: 35px 0
    }

    #fn_holder .fn_blurb_det h2,
    #insurance_hld .fn_blurb_det h2 {
        font-size: 30px;
        padding-bottom: 0
    }

    #fn_holder .fn_blurb_det p,
    #insurance_hld .fn_blurb_det p {
        font-size: 20px;
        line-height: 28px;
        padding: 15px 0
    }

    #blog_tl {
        padding: 30px 10px 0
    }

    #blog_tl p {
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 10px
    }

    #spear_parts a {
        min-height: 140px
    }

    #services.gpSlider .owl-nav,
    #services.innerService .owl-nav {
        display: none !important
    }

    #gp_holder h2 {
        padding: 30px 25px
    }

    #gp_holder p {
        padding: 0 10px 15px !important
    }

    #gp_holder .gp_det_blurb {
        padding: 20px 10px 10px
    }

    #gp_holder .gp_det_blurb p {
        padding: 0 0 15px !important
    }

    .download_jurney {
        position: relative;
        right: auto;
        top: auto;
        margin-top: 10px
    }

    #footerHolder .footer {
        padding: 20px 0 100px
    }

    #footerHolder .quick_link_list li {
        width: 33.33%
    }

    #productSlider.busProductSlider .hd-top span {
        font-size: 100px;
        line-height: 80px
    }

    #proServe .pro_grid_holder .grid-item,
    #proServe .pro_grid_holder .grid-sizer {
        width: 50%
    }

    .blog_banner img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

    #download_app h2 {
        font-size: 30px;
        text-align: center
    }

    #download_app li {
        display: block;
        width: 100%;
        max-width: 300px;
        padding: 0;
        margin: 0 auto
    }

    #download_app li span:first-child {
        margin-right: 10px
    }

    #download_app li:first-child {
        padding-right: 0;
        padding-bottom: 30px;
        margin-bottom: 40px;
        border: none;
        border-bottom: 1px solid #000
    }

    #download_app li:last-child {
        padding-left: 0
    }

    #ut_gallery_banner .pic_count {
        font-size: 45px
    }

    .enq_form {
        max-width: 600px;
        margin: 0 auto
    }

    .enq_form li {
        display: block;
        width: 100%;
        padding: 0 0 25px
    }
}

@media handheld,
only screen and (max-width:679px) {

    #gp_holder h2,
    .contalistcol li h3,
    .contalistcol li p {
        font-size: 20px
    }

    .ContatcOfficeH li {
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding-top: 20px;
        padding-bottom: 20px
    }

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

    #range_con .tech_blurb_con .tech_blurb,
    .textareaSectionH textarea {
        width: 100%
    }

    .doenloadBro {
        text-align: center
    }

    #proServe .proTab .owl-controls,
    .proimgBroch {
        display: none
    }

    .InfoDeatils li .truckimgLeft {
        max-width: 30%
    }

    .pricevalueH {
        float: left
    }

    #footerHolder .quick_link_list li:first-child,
    .truckData {
        padding-top: 0
    }

    #truckdetailSection span a {
        background: url(../images/used-trucks/left-slide.jpg) left center no-repeat;
        display: inline-block;
        width: 31px;
        height: 31px;
        vertical-align: middle
    }

    #truckdetailSection p {
        padding-left: 30px
    }

    .contentinfoH {
        border-bottom: 1px solid #000;
        padding: 10px
    }

    .borderNone {
        border: none
    }

    .imgDatacolL,
    .selectlistSection li {
        width: 100%;
        border-bottom: 1px solid #bcbcbc
    }

    #CareerSection,
    #truckdetailSection {
        padding: 30px 10px 0
    }

    #CareerSection p {
        font-size: 20px;
        line-height: 22px;
        padding: 0 0 10px
    }

    #careersPageH {
        padding: 10px 0 30px
    }

    .contentimgBlurbH h2 {
        font-size: 25px
    }

    #specsHolder .prodictListHld,
    .contentimgBlurbH img {
        padding: 10px 0
    }

    #aboutusInnerpageH,
    #ut_gallery_banner {
        padding-top: 10px
    }

    .selectlistSection li {
        padding-top: 20px
    }

    #sliderHolder .bannerDetail .ban_tl_01,
    #sliderHolder .bannerDetail .ban_tl_02,
    .imgbothinfoCon {
        text-align: left
    }

    .imgbothinfoCon h3 {
        font-size: 22px;
        text-align: left
    }

    .imgbothinfoCon p {
        font-size: 18px
    }

    .imgbothinfoCon img {
        width: 40%
    }

    #sliderHolder .bannerDetail {
        text-align: left;
        padding: 30px 30px 0
    }

    #sliderHolder .bannerDetail .ban_tl_01 {
        font-size: 34px
    }

    #sliderHolder .bannerDetail .ban_tl_02 {
        padding: 5px 0
    }

    #range_con h2 {
        font-size: 30px
    }

    #range_con h2 span {
        font-size: 26px
    }

    #range_con .tech_blurb_con {
        padding: 30px 0;
        max-width: 100%;
        margin: 0 auto
    }

    #range_con .tech_blurb_con .owl-dots {
        display: block;
        width: 100%;
        text-align: center;
        padding: 30px 0 0
    }

    #range_con .tech_blurb_con .owl-dot {
        display: inline-block;
        width: 15px;
        height: 15px;
        background: #000;
        margin: 0 5px;
        -webkit-border-radius: 200px;
        -moz-border-radius: 200px;
        border-radius: 200px;
        border: 1px solid #000
    }

    #range_con .tech_blurb_con .owl-dot.active {
        background: #fff;
        border: 1px solid #000
    }

    #help_sest .applicationCon .appBlurb,
    #used-vehicle-home .applicationCon .appBlurb {
        width: 100%;
        margin: 0 0 30px
    }

    #help_sest .sim-button,
    #used-vehicle-home .sim-button {
        margin-top: 0
    }

    #blogger .test_blog {
        display: block;
        width: 100%;
        padding: 50px 20px;
        border-top: 1px solid #ccc;
        margin-bottom: 0
    }

    #specsHolder .sim-button,
    .prod_list_btn {
        margin-bottom: 10px;
        position: relative;
        font-size: 16px
    }

    #blogger .test_blog:first-child {
        border-top: none;
        padding-top: 0
    }

    #blogger .test_blog:last-child {
        padding-bottom: 0
    }

    #blogger .playBtn {
        width: 60px
    }

    #specsHolder .prodictListHld ul {
        top: 50px
    }

    #specsHolder .sim-button {
        top: auto;
        left: 0
    }

    .btn_strip {
        padding: 25px 0
    }

    #spear_parts {
        padding: 35px 0
    }

    #spear_parts a {
        min-height: 120px
    }

    #spear_parts img {
        width: 37px;
        height: auto
    }

    #spear_parts.productSpear img {
        width: 90px
    }

    #blogHolder .blog_details .blogerDet p {
        font-size: 20px;
        line-height: 30px
    }

    #services.gpSlider h2,
    #services.innerService h2 {
        font-size: 26px;
        padding: 0 0 15px 10px
    }

    #proServe .proTab,
    #tech_slider_holder .fet_blurb_hld {
        padding: 50px 0 0
    }

    #tech_slider_holder .fet_blurb_hld h2 {
        font-size: 32px;
        padding: 0 0 25px
    }

    #tech_slider_holder .fet_blurb_hld .tech_blurb {
        width: 100%;
        padding: 0 10px 50px 0
    }

    #proServe .proTab ul li {
        width: 100%;
        margin-bottom: 30px
    }

    #proServe .proTab ul li span img {
        width: 55px;
        bottom: -17px;
        height: auto
    }

    #blackRangePatch p {
        text-align: left;
        padding: 0 10px
    }

    #abtMpCon {
        padding: 0 50px 30px;
        background: #000
    }

    #abtMpCon img {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px
    }

    #footerHolder .quick_link_list .container {
        padding: 0
    }

    #footerHolder .quick_link_list li {
        width: 50%;
        padding: 0 10px
    }

    .listing_nav {
        max-width: 100%;
        top: 109px
    }

    .prod_list_btn {
        padding: 10px 45px 10px 20px
    }

    .prod_list_btn img {
        top: 13px
    }

    #truckdetailSection .prod_list_btn {
        position: relative;
        font-size: 16px;
        padding: 10px 20px;
        margin-top: 10px
    }
}

@media handheld,
only screen and (max-width:479px) {
    .contalistcol li {
        width: 100%;
        display: block
    }
    video.banner_video{
        height:220px !important;
    }
    #range_con h2 span,
    #range_con p,
    #services h2 span,
    #sliderHolder .bannerDetail .ban_tl_02,
    .contalistcol li,
    .contalistcol li h3 {
        font-size: 22px
    }

    #blog_tl h1,
    #careersPageH h1,
    #help_sest h2,
    #hm_dealer_con h2,
    #services h2,
    #services.innerService h2,
    #sliderHolder .bannerDetail .ban_tl_01,
    #truckdetailSection h1,
    #used-vehicle-home h2,
    .contactusbottomForm h2 {
        font-size: 30px
    }

    .InfoDeatils li {
        padding: 0 20px 30px;
        width: 100%
    }

    #abtMpCon,
    #services h2 {
        padding: 0 10px 30px
    }

    .second .jm-item-description {
        overflow-y: scroll
    }

    .privcyPolh h2 {
        font-size: 28px !important;
        line-height: 30px !important
    }

    #range_con p,
    .serviceMap h2 {
        line-height: 28px
    }

    .navigationCon .logo {
        width: 82px;
        margin-left: -48px
    }

    .navigationCon nav {
        max-width: 285px
    }

    .navigationCon .menuSandwitch {
        width: 40px;
        top: 32px;
        right: 15px
    }

    .navigationCon .mob_slide_header {
        display: block
    }

    .navigationCon .mob_slide_header>img {
        width: 170px
    }

    .navigationCon .mob_slide_header .closeNav {
        right: 15px;
        top: 24px;
        width: 45px;
        height: 45px
    }

    .head_top .search_trigger {
        background-size: 50% 50%
    }

    .head_top .search_icon,
    .head_top .search_trigger {
        width: 40px;
        height: 40px
    }

    .head_top .search_icon {
        top: 20px;
        right: 10px
    }

    .head_top .currUserCon {
        width: 40px;
        top: 20px;
        right: 60px
    }

    .head_top .search_close {
        margin: -11px 0 0 -5px
    }

    .head_top .search_close img {
        width: 22px;
        height: 22px
    }

    .home .navigationCon .menuSandwitch {
        top: 25px
    }

    .home .head_top .currUserCon,
    .home .head_top .search_icon {
        top: 20px
    }

    #searchBox {
        position: fixed;
        left: 0;
        top: 83px;
        padding: 30px 10px;
        z-index: 99
    }

    #searchBox .searchPan .openSearch {
        top: 6px;
        background-size: 80% 80%
    }

    #searchBox .searchPan .searchText {
        font-size: 16px;
        padding: 10px
    }

    #sliderHolder .bannerDetail {
        padding: 20px 10px
    }

    #hm_dealer_con .hm_locator_con .dealer_name,
    #range_con h2 {
        font-size: 24px
    }

    #hm_dealer_con .hm_dealer_det {
        padding: 20px 20px 15px
    }

    #hm_dealer_con .welcome_msg p {
        font-size: 18px;
        line-height: 30px
    }

    #range_con {
        padding: 40px 0
    }

    #range_con h2 {
        padding: 0 20px 18px
    }

    #range_con .tech_blurb_con .tech_blurb {
        padding-top: 35px
    }

    #range_con .tech_blurb_con .tech_blurb .tech_type_tl {
        font-size: 40px
    }

    #footerHolder .quick_links .quick_link_title,
    #help_sest h2 span,
    #used-vehicle-home h2 span {
        font-size: 26px
    }

    #blogger .test_blog p,
    #help_sest .applicationCon .selectBox,
    #services .service_blurb p,
    #used-vehicle-home .applicationCon .Statebox {
        font-size: 20px
    }

    #specDetHolder h1 {
        font-size: 32px;
        padding: 0 0 20px
    }

    #specDetHolder .specs_heading {
        font-size: 20px;
        line-height: 25px
    }

    #specDetHolder .thepet li span {
        padding: 10px
    }

    #specDetHolder .thepet .specs_list_tl {
        font-size: 20px;
        padding: 5px
    }

    #sub_product_list h1 {
        font-size: 25px
    }

    #fn_holder .fn_blurb_det h2,
    #insurance_hld .fn_blurb_det h2 {
        font-size: 24px;
        line-height: 32px
    }

    #spear_parts a {
        min-height: 110px;
        padding: 10px 0
    }

    #spear_parts a p {
        font-size: 14px;
        padding: 10px 5px 0
    }

    #spear_parts.productSpear img {
        width: 70px
    }

    #blogHolder .blogBlurbCon .blogBlurb h2 {
        font-size: 22px;
        line-height: 24px
    }

    #blogHolder .blogBlurbCon .blogBlurb p {
        line-height: 24px
    }

    #blog_tl p {
        font-size: 20px;
        line-height: 22px
    }

    #map_con .mapHolder .locationBox {
        padding: 5px 25px 10px 10px
    }

    #map_con .mapHolder .loc_textbox {
        width: 66%
    }

    #map_con .mapHolder .sim-button {
        margin-left: 1%
    }

    #gp_holder h2 {
        font-size: 18px;
        padding: 20px 80px 20px 10px
    }

    #gp_holder p {
        padding: 0 10px 15px !important
    }

    #gp_holder .gp_det_blurb {
        padding: 20px 10px 10px
    }

    #gp_holder .gp_det_blurb p {
        padding: 0 0 15px !important
    }

    #footerHolder .site_map a {
        display: block;
        background: 0 0;
        padding: 5px 0
    }

    #footerHolder .quick_links {
        padding: 55px 0 0
    }

    #footerHolder .quick_links .scrollTop {
        width: 50px
    }

    #footerHolder .copy_right {
        padding: 0
    }

    #footerHolder .copy_right span {
        display: block;
        padding: 15px 0
    }

    .download_jurney {
        width: 140px
    }

    .socialCon {
        max-width: 100%;
        right: auto;
        top: auto;
        left: 0;
        bottom: 0;
        font-size: 0;
        vertical-align: bottom
    }

    .socialCon li img {
        display: block;
        width: 30px;
        height: auto;
        margin: 0 auto 10px
    }

    .socialCon .active_social {
        top: -15px
    }

    #proServe .pro_grid_holder .grid-item,
    #proServe .pro_grid_holder .grid-sizer {
        width: 100%
    }

    #proServe .proTab ul li span {
        font-size: 13px;
        padding: 9px 7px
    }

    #proServe .proTab ul li span img {
        width: 40px;
        bottom: -11px
    }

    #ut_gallery_banner .pic_count {
        font-size: 35px
    }
}

@media handheld,
only screen and (max-width:375px) {

    #blogHolder .blog_details .commentsHld .name_tl,
    #blogHolder .textBox,
    #careersPageH h1,
    #hm_dealer_con .hm_locator_con .dealer_name,
    #sliderHolder .bannerDetail .ban_tl_01,
    #sub_product_list h1,
    #truckdetailSection h1 {
        font-size: 22px
    }

    #CareerSection p,
    #blog_tl p,
    #sliderHolder .bannerDetail .ban_tl_02,
    .blackBlogger .sim-button {
        font-size: 18px
    }

    #help_sest .applicationCon .selectBox,
    #range_con p,
    #used-vehicle-home .applicationCon .Statebox,
    .contentimgBlurbH h2 {
        font-size: 20px
    }

    .InfoDeatils li .truckimgLeft {
        max-width: 70%
    }

    .truckData {
        padding: 10px 0
    }

    #specDetHolder table td {
        font-size: 13px
    }

    .navigationCon .logo {
        width: 80px
    }

    #blogger .test_blog h2,
    #help_sest h2,
    #hm_dealer_con h2,
    #range_con h2,
    #range_con h2 span,
    #used-vehicle-home h2,
    #ut_gallery_banner .pic_count {
        font-size: 25px
    }

    #hm_dealer_con .hm_dealer_det {
        padding: 20px 20px 15px 10px
    }

    #blogger .test_blog p,
    #hm_dealer_con .welcome_msg p,
    #services .service_blurb p {
        font-size: 18px;
        line-height: 24px
    }

    #blogger,
    #help_sest,
    #range_con,
    #used-vehicle-home {
        padding: 40px 0
    }

    #range_con h2 {
        padding: 0 10px 18px
    }

    #range_con p {
        line-height: 28px;
        padding: 0 10px
    }

    #range_con .tech_blurb_con .tech_blurb {
        padding-top: 35px
    }

    #range_con .tech_blurb_con .tech_blurb .tech_type_tl {
        font-size: 40px
    }

    #help_sest h2 span,
    #used-vehicle-home h2 span {
        font-size: 23px
    }

    #res_bb_logo img {
        width: 270px
    }

    #services {
        padding: 40px 0 0
    }

    #services h2 {
        font-size: 25px;
        padding: 0 10px 20px
    }

    #services h2 span {
        font-size: 19px
    }

    #blogger .view_stories a {
        font-size: 16px
    }

    .socialCon {
        max-width: 100%;
        right: auto;
        top: auto;
        left: 0;
        bottom: 0;
        font-size: 0;
        vertical-align: bottom
    }

    .socialCon li br {
        display: block
    }

    #specsHolder .prodictListHld span {
        font-size: 24px;
        max-width: 300px
    }

    #fn_holder .fn_blurb_det h2,
    #insurance_hld .fn_blurb_det h2 {
        font-size: 22px;
        line-height: 32px
    }

    #spear_parts a {
        min-height: 95px
    }

    #spear_parts a p {
        font-size: 11px;
        line-height: 16px
    }

    #blogHolder .blog_details .commentsHld {
        padding: 35px 0 50px
    }

    #blogHolder .blog_details .commentsHld h2 {
        font-size: 32px
    }

    #blogHolder .blog_details .sim-button {
        font-size: 14px
    }

    #services.innerService h2 {
        font-size: 24px
    }

    #map_con .mapHolder {
        text-align: center
    }

    #map_con .mapHolder .loc_textbox {
        width: 100%
    }

    #map_con .mapHolder .sim-button {
        margin-top: 10px
    }

    #specDetHolder.product_specs h2 {
        font-size: 26px
    }

    #specDetHolder.product_specs h2 span {
        margin-top: -16px
    }

    #footerHolder .quick_link_list li {
        width: 100%;
        padding: 20px 10px 0
    }
}

.contact_form_submit_btn .submit_button {
    width: auto !important
}

.submit_button {
    display: inline-flex;
    position: relative;
    width: auto
}

.submit_button:disabled,
a[href=""] {
    cursor: not-allowed
}

.loader {
    border: 2px solid transparent;
    border-radius: 50%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    width: 20px;
    height: 20px;
    -webkit-animation: 2s linear infinite spin;
    animation: 2s linear infinite spin;
    margin-left: 30px
}

@media only screen and (max-width:768px) {
    .loader {
        width: 15px;
        height: 15px
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: capitalize
}

.details-text a {
    margin-left: 10px;
    padding: 5px 10px;
    color: #a1121a;
    font-size: 20px;
    transition: top .5s ease-in-out;
    font-weight: 700 !important;
    font-family: "Roboto", sans-serif;
    text-decoration: underline;
    position: relative
}

.details-text a:hover {
    top: -5px
}

/* iPad Mini Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {
    .navigationCon .logo img {
        width: 220px;
    }
}

/* iPad Air Landscape */
@media only screen 
  and (min-device-width: 820px) 
  and (max-device-width: 1180px) 
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {
 
}

/* iPad Pro 11-inch Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1194px) 
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
 
}

/* iPad Pro 12.9-inch Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
 
}

/* iPad Mini */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .navigationCon .logo img {
        width: 370px;
        padding: 10px 0 0;
    }
    .navigationCon .menuSandwitch {
        top: 35px;  
    }
    .navigationCon nav {
        max-width: 400px;
}
  }

/* iPad Air */
@media only screen 
  and (min-device-width: 820px) 
  and (max-device-width: 1180px) 
  and (-webkit-min-device-pixel-ratio: 1) {
 
}

/* iPad Pro 11-inch */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1194px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .navigationCon nav {
        position: fixed;
        left: -100%;
        top: 0;
        max-width: 300px;
        height: 100%;
        float: none;
        padding-right: 0;
        background: url(../images/res-nav-bg.jpg) top right repeat-y;
        z-index: 99;
        overflow-y: scroll;
        padding-bottom: 80px;
    }
    .navigationCon {
        position: static;
    }
    .navigationCon .menuSandwitch {
        display: block;
        z-index: 9;
    }
    .navigationCon .logo {
        position: relative;
        left: 15px;
        margin-left: 0 !important;
        margin-top: 10px !important;
        z-index: 9;
    }
    header {
        position: relative;
        padding-bottom: 10px;
    }
    #specDetHolder .thepet li span:first-child, .head_top {
        background: 0 0;
    }
}

/* iPad Pro 12.9-inch */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) {
 
}

ul.slimmenu li .slimmenu-sales {
    padding: 16px 24px;
    background: #a70e13;
    font-family: "Roboto", sans-serif;
    color: #fff;
    font-size: 14px;
    line-height: 16.83px;
    font-weight: 700;
    margin: -16px 0;
    cursor: pointer;
}