﻿﻿.popupinner .form-group { height: auto;}
.field-bookservice-pickup_address, .field-finance-query, .field-usedcars-available_warranties{ height: auto; }
.popupwrap .has-error { float: left; width: 100% }
.popupwrap .roadpriceradio { height: inherit; margin-bottom: 10px; }
header .iconsale { background-color: #fff; background-position: -155px -1px; border-radius: 50%; height: 21px; margin-left: 10px; width: 21px; display: none; }
header .iconservice { display: none; background-color: #fff; background-position: -155px -18px; border-radius: 50%; height: 21px; margin-left: 10px; width: 21px; }
.mainfeatures .overlay { background-attachment: scroll; background-clip: border-box; background-color: rgba(225, 225, 225, 0.85); background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; height: 100%; right: 0; position: fixed; top: 0; width: 100%; z-index: -1; display: none; }
.mainfeatures .mainfeatureicon { background-position: -47px -67px; height: 14px; right: 17px; position: relative; top: 23px; width: 28px; }
.mainfeatures .shrink-menu .mainfeatureicon { background-position: -82px -61px; height: 24px; right: 12px; position: relative; top: 11px; width: 22px; }
.callicon { background-position: -400px -16px; height: 22px; width: 23px; margin: 19px 0 0 0px; }
.mailicon { background-position: -423px -17px; height: 17px; margin: 21px 0 0 0px; width: 25px; }
.openingicon { background-position: -450px -12px; height: 26px; margin: 16px 0 0 0px; width: 26px; }
.quicklinks ul li a span { background-position: -400px -64px; border-radius: 50%; margin-right: 5px; padding: 8px; }
.social .social1 { background-position: -418px -61px; height: 26px; position: relative; top: 5px; width: 26px; left: 0px; }
.social .social2 { background-position: -443px -61px; height: 26px; left: 0px; position: relative; top: 5px; width: 14px; }
.social:hover .social1 { background-position: -479px -95px }
.social:hover .social2 { background-position: -505px -97px }
.add { background-position: -401px -40px; }
.phn { background-position: -424px -40px; }
.mail { background-position: -444px -40px; }
.bannericon { background-position: -565px -99px; float: left; height: 15px; left: 1%; position: absolute; top: 40%; width: 16px; }
.bannericon2 { background-position: -565px -99px; float: left; height: 15px; position: absolute; right: 1.5%; top: 40%; width: 16px; }
/*.welcome .iconed { background-position: -403px 0; height: 16px; margin: 0 0 0 30px; width: 18px; }*/
.pickacar .customNavigation .btn.prev { background-position: -483px 0; float: left; height: 37px; left: 9px; position: absolute; text-indent: -999px; top: 0; width: 37px; z-index: 99; }
.pickacar .customNavigation .btn.next { background-position: -523px 0; float: left; height: 37px; position: absolute; right: 9px; text-indent: -999px; top: 0; width: 37px; z-index: 99; }
.newcar .iconinner { background-position: -150px -129px; width: 91px; height: 66px; }
.nextsign { width: 12px; height: 11px; background-position: -579px -1px; vertical-align: middle; margin: 0 5px 0 8px; }
.abtcmpny { background-position: 0 -141px; height: 67px; width: 77px; }
.workshopicon { background-position: -255px -131px !important; height: 73px; width: 72px; }
.workshopdetail .viewlocation span { background-position: -336px -138px; height: 25px; width: 29px; margin-right: 9px; }
.workshopdetail .addressicon { background-position: -338px -165px; height: 24px; top: 8px; width: 26px; }
.workshopdetail .contacticon { background-position: -368px -165px; height: 27px; top: 9px; width: 26px; }
.workshopdetail .conpersonicon { background-position: -396px -168px; height: 22px; top: 12px; width: 24px; }
.workshopdetail .landicon { background-position: -425px -164px; height: 27px; top: 9px; width: 20px; }
.workshopdetail .opencloseicon { background-position: -446px -165px; height: 25px; top: 9px; width: 25px; }
#abouteventmain .L-Prev:hover::before { background-position: -127px -169px !important; }
#abouteventmain .L-Next:hover::before { background-position: -139px -169px !important; }
.bestcompanies .L-Prev:hover::before { background-position: -127px -169px !important; }
.bestcompanies .L-Next:hover::before { background-position: -139px -169px !important; }
.overviewtab .tabarrow {width: 13px; height: 6px; background-position: -596px -1px; margin: 10px 0 0;right: 15px;position: absolute;}
.overviewtab .current .tabarrow { background-position: -596px -9px; }
#tab5 .specsside .sidedia .grndclr::before { background-image: url(../image/sprite.png); background-position: -596px -22px; content: ""; height: 13px; left: -6px; padding: 0 0px; position: absolute; top: -4px; width: 14px; }
#tab5 .specsside .sidedia .grndclr::after { background-image: url(../image/sprite.png); background-position: -596px -37px; content: ""; height: 13px; left: -7px; padding: 0 0px; position: absolute; top: 19px; width: 14px; }
#tab5 .yes { background-position: -591px -49px; height: 19px; width: 20px; }
#tab5 .no { background-position: -591px -67px; height: 19px; width: 20px; }
.contactusicon { background-position: -150px -129px; width: 91px; height: 66px; }
.nameicon { background-position: -471px -143px; width: 16px; height: 16px; margin: 11px 0 0 0; }
.emailicon { background-position: -509px -143px; width: 21px; height: 15px; margin: 12px 0 0 0; }
.phoneicon { background-position: -489px -143px; width: 18px; height: 18px; margin: 10px 0 0 0; }
.pincodeicon { background-position: -532px -143px; width: 27px; height: 21px; margin: 13px 0 0 10px; }
.addressicon { background-position: -561px -143px; width: 13px; height: 18px; margin: 14px 0 0 16px; }
.queryicon { background-position: -471px -143px; width: 16px; height: 16px; margin: 15px 0 0 15px; }
.cityicon { background-position: 0 -214px; width: 29px; height: 25px; margin: 10px 0 0 8px; }
.stateicon { background-position: -30px -214px; width: 17px; height: 18px; margin: 15px 0 0 15px; }
.countryicon { background-position: -471px -143px; width: 16px; height: 16px; margin: 15px 0 0 15px; }
.financeicon { background-position: -164px -202px; height: 51px; width: 60px; }
.financebanner { background: url(../image/financebanner.png) #0f0f0f center top no-repeat; }
.carfinence .tabresult i.buttonicon { background-position: -233px -147px; height: 31px; margin-left: 9px; vertical-align: middle; width: 30px; }
.carfinence .calcuresult form .button span i { background-position: -266px -155px; height: 12px; width: 9px; }
.has-js .label_check { background-position: -563px -169px; position: relative; }
.has-js .label_check.c_on { background-position: -580px -169px; }
.popupwrap .close { background-position: -478px -166px; height: 39px; position: absolute; width: 39px; right:1px; top: 0px; }
/*#gsp_popup .popupwrap .close{right: -9px;top: -9px;}*/

.popupwrap .close:hover { background-position: -517px -166px; }
#tab6 .milagecity .sprite { background-position: -470px -214px; height: 64px; margin: 4px 0 0 -53px; width: 63px; }
#tab6 .milagehighway .sprite { background-position: -545px -208px; height: 63px; margin: 5px 0 0 -13px; width: 65px; }
.sitemap .iconinner { height: 62px; width: 70px; background-position: -398px -214px; }
#picturpop .tabpart li span { background-position: -117px -235px; width: 13px; height: 9px; position: absolute; bottom: -10px; left: 50%; margin-left: -6px; display: none; }
#picturpop .sliderbox .owl-prev span { background-position: -112px -167px; padding: 12px 8px; position: absolute; left: 6px; top: 7px; display: block; z-index: 5; }
#picturpop .sliderbox .owl-next span { background-position: -112px -190px; right: 7px; padding: 12px 6px 11px; position: absolute; top: 7px; display: block; z-index: 5; }
#picturpop .close { background-position: -478px -166px; height: 39px; position: absolute; width: 39px; right: -17px; top: -18px; }
#picturpop .close:hover { background-position: -517px -166px; }
.brieficon { background-image: url(../image/brieficon.png); display: inline-block; height: 28px; width: 25px; }
/*New CSS---- used car */
.eye { background-position: -3px -248px; width: 54px; height: 36px; margin: 30% 40%; }
.fuel { background-position: -139px -251px; width: 90px; height: 90px; }
.year { background-position: -236px -263px; width: 74px; height: 74px; }
.km { background-position: -316px -262px; width: 76px; height: 76px; }
.city { background-position: -74px -270px; width: 64px; height: 64px; }
.kms { background-position: -116px -351px; }
.color { background-position: -161px -351px; }
.fuels { background-position: -206px -351px; }
.insurnce { background-position: -251px -351px; }
.owner { background-position: -296px -351px; }
.insutype { background-position: -341px -351px; }


.degviewicon{ width:77px; height:53px; background-position:-522px -350px; display:none}
/* #owl-demo .owl-prev { background-position: 4px -51px; float: left; left: 5px; position: relative; top: -20px; font-size: 0px; }
#owl-demo .owl-next { background-position: 6px -86px; float: right; position: relative; right: 5px; top: -20px; font-size: 0px; } */
.welcome .preintro div .child1 { background-position: -253px -213px;height: 64px;margin-right: 13px; width: 46px; margin-left: 12px; }
.welcome .preintro div .child2 { background-position: -272px -2px; height: 56px; margin:0 16px 0 10px; width: 59px; }
.welcome .preintro div .child3 { background-position: -334px -2px; height: 62px; margin:0 13px 0 10px; width: 64px; }
.preintro div:hover .child1 { background-position: -333px -210px; }
.preintro div:hover .child2 { background-position: -272px -66px; }
.preintro div:hover .child3 { background-position: -334px -65px; }
.grybutton span { background-position: -401px 0; height: 16px; width: 20px; position: absolute; right: 17px; top: 13px; }
/*.button .iconed { background-position: -403px 0; height: 16px; margin: 0 0 0 10px; width: 18px; }*/
/* .bestcompanies .bestcompany .owl-prev{ background-position: -10px 1px; background-size: 242px auto; height: 24px; left: -30px; position: absolute; color: transparent; top:0; width: 28px; }
.bestcompanies .bestcompany .owl-next{ background-position: -34px 1px; background-size:233px auto; height: 24px; position: absolute; right: -25px; color: transparent; top:0; width: 26px; }
 */
 .offericon{ display:none}
@media screen and (min-width: 359px) {
/*Home page*/
    /*     .pickacar #owl-pickcar { width: 80%; } */
    /*New CSS----Online Service*/
    #online .online_input, #online .online_radio{width:100%;}
    #online label{margin:0 20px;}

    /*New used Car*/
    .nucarblock { height: 248px;}
    /*Used Car Detail*/
    .ucd-media li a.imgsec {height: 238px;}
    
    /*New Book Service*/
    .nbook-mobitab .tabname { font-size: 14px; }
    .nformwrap .marksfields{ text-align: center;}
}
@media screen and (min-width: 479px) {
#thankyou-popup .popupcontent iframe { height: 220px;}

    .contactdetails .noelemnt { margin-bottom: 0; }
    .popupwrap.phonepop .Phoneno{max-height: 208px;overflow-y: scroll;overflow-x: hidden;}

    /*Near Cities */
    .nearcity_citylist{ width: 45%; margin-right: 20px; }
    .nearcity_locateout .nearcity_citylist{ width: 100%; margin-right: 0; }

    /*New Special Offer*/
    .soffer_top h3 a { width: 440px; }

    /*New Contact Page*/
    #show_contactus .popupwrap {top: 10%;}


    /*New Outlet Page*/
    .mobi-namelocate{max-width:345px; }

    /*New Used Car*/
    .usedsearchwrap li { width: 100%; }
    .usedsearchwrap li.onecolumn {width:100%}
    .usedsearchwrap ul{margin:20px auto 0;width: 425px;}
    .nulistingbtn .nubtn { float: left; margin-left: 20px; }
    .nucarblock { height:337px;}

    /*Used car Detail*/
    .numoredetail .rowtitle { display: inline-block; margin-bottom: 0; margin-right: 5px; }
    .usedcardetail #picturetab{overflow: hidden; }
    .usedcardetail .gscr_lSAction{position: absolute;top: 30%;width: 100%;}
    .usedcardetail .right .detailprice {float:left;}
    .usedcardetail #newusedslide {height: 297px !important;}
    .usedcardetail .gscr_carousel img { max-height:297px;width: auto;}
    .ucd-media li a.imgsec { height: 328px; }



    /*Click to Call*/
    .callpopwrap { max-height: 200px; min-height: 200px;}


    .field-career-resume .help-block{bottom: -20px;}
    .resume .button { margin-top:40px !important;}

    /*video Banner*/
    .customvid{ width: 236px;}

    /*FTC*/
    #leadpopup_point{ width: 400px !important; }
    /* .picdetails .picturepage img{ width: 330px !important; display: inline-block; } */

    /*Work shop page*/
    #caroutlets .shoppanel .imgpanel { width: auto; height: 300px; overflow: hidden; }
    .workshopdetail .imgpanel a img { height: 291px; }
    .workshopdetail .viewlocation { left: 75px; }
    /*Finance CSS*/
    .carfinence .left .whychoose { float: left; width: 50%; }
    .carfinence .doctabs li { margin-right: 7px; width: auto; }
    .carfinence .doctabs li a { padding: 9px 10px; font-size: 13px;}
    .popupwrap .roadpriceradio .lookingfor { float: left; }
    /* New CSS------used car ---*/
    .usedcar .carbox { margin: 0 auto; }

    .abrir_menu span{ top:30px; right:30px}
    .pickacar .pick {width: 83%; }
    
    /*New Outlet*/
    .nout-mobilink .nout-btn2 { padding: 12px 20px;}
    .nout-mobilink a { margin-right: 10px; }
    .nout-listlink { width: 85px; }
    .mobirelist .writedes { width: 80%; }
    .mobirelist .writedes .name { float: left; }
    .mobirelist .writedes .mobiout-star { float: right; margin-top: 0; }
}

@media screen and (min-width:560px) {


    .ucd-media li {margin-right: 10px;width: 48%;}
    .ucd-media { padding-top: 15px; }
    .ucd-media li:nth-of-type(even) { margin-right: 0; }
    .ucd-media li a.imgsec {height: 186px;}

}

@media screen and (min-width: 590px) {

/*New Special Offer*/
  .soffer_top h3 a {width: 560px;}
  

    /*New Used Car*/
    .nucarblock {height: 150px; width: 200px;}
    .nudes {float: left;margin-left: 10px;margin-top: 0;text-align: left;width: 310px;}
    .newusedcartab .sort {display: inline-block;float: right;margin: 0;width: 190px;}

    /*CLick to Call*/
    .callparenttab { left: 220px; }
    /*popup*/
    #gsp_popup .popupwrap {max-width: 600px; }
    /*Video Banner*/
    #owl-demo .item img{ max-width: 100%; width: 100%; height: auto; }
    .slidemsg{max-height:160px;  }

    /*Home page*/
    /*     .pickacar #owl-pickcar { width: 89%; } */
    .cars li { display: inline-block; }
  /*  .pickacar #owl-pickcar .item h2{padding: 0 67px;}*/
   /*  .cars li:nth-child(2n+2) { margin-left: 40px; } */
    #copywrt, #copywrt a, #copywrtone a { text-align: center; }

    /*footer*/

    #copywrt, #copywrt a, #copywrtone a { text-align: center; }
    .copyright .main .floatleft { float: left; text-align:center; }
    /*Contact Us*/
    /*.contactus { float: none;margin: 0 auto;width: 65.5%;}*/
    .contactus { float: none;margin: 0 auto;}
    .contactright.contactimg, .testimonialimg { display: block; }
    /*sitemap*/
    #sitemap .siteupper div.fixwidth, #sitemap .sitelower div.fixwidth { width: 300px; }
    /*New CSS-----Online Serice*/
    #online .online_input{width:48%;}
    #online .online_area, #online .online_radio{width:98%;}

    .pickacar .title, .bestcompanies .title, .testimonials .shadow h2, .welcome .intro h1 { font-size: 22px;}
    .pickacar .pick {width: 94%; }
    /*Used Car Detail*/
    .numoredetail .fealist {width: 49%;}
    .contlisting { width: 49%; float: left; }
    .contlisting div { width: 60%; }
    .contlisting div:last-child { width: auto; }





}
@media screen and (min-width: 639px) {

    /*Used Car Detail*/
    .ucd-media li a.imgsec {height: 215px;}

    /*Home page*/
    /*     .bestcompanies { width: 90%; } */
    .bestcompanies .bstcmpny { font-size: 19px; width: 100%; }
    .bestcompanies .title { padding-top: 0; font-size: 22px; line-height: 35px; }
    .bestcompanies .bestcompany{ border: medium none; margin: 25px; width: auto; }
    .pickacar .customNavigation .btn.prev { left: 0 }
    .pickacar .customNavigation .btn.next { right: 0; }
    /*     .pickacar #owl-pickcar { margin-left: 32px; width: 92%; } */
    /*Price Popup*/
    #picturpop .title { font-size: 24px; }
    #picturpop .tabpart li { width: 140px; }
    /*New CSS-----used cars -----*/
    .usedcar .carbox { float: left; margin: 0 18px 20px !important; width: 249px; }
    .loading { padding:0; text-align: center; margin-bottom: 20px;}
    .usedcar .used_cars_result > p { padding: 0 0 0 20px; width: auto; }
    #accdetail .accimgholder { width: 489px }

}
@media screen and (min-width: 768px) {
    .newifrmview360img { width: 600px; height: 500px; }

    .desk-banner{ display: block !important;}
     .mobi-banner{ width:100%;  display: none !important;}

    .getsellerdetail .inputvalue {width: 260px !important;}
    .getsellerdetail .inputvalue .input { width: 100% !important }
    .getsellerdetail .inputvalue.fullwidth {width: 99% !important;}

    .offer_popup .inputvalue {width: 260px !important;}

    /*New Used Car*/
    .nudes { width: 400px; }

    /*Used Car Detail*/
    .ucd-media li a.imgsec {height: 261px;}

    .blisting .blogimg { float:left;}
    .blisting .blistcontain { width:580px; margin-top:0;}



    .gsc_modal_wrapper{width:650px !important;}
    #gallery-popup .L-Info div { font-size: 26px; }
    #gallery-popup .gscr_lSPrev {left: 40px; top: 56%;}
    #gallery-popup .gscr_lSNext{ right: 40px;top: 56%;}

    #gallery-popup .L-Info {padding:26px 0 5px 40px}
    #gallery-popup .L-Img {padding: 15px 39px 20px;}

    .usedcar .select-wrapper, .usedcar .select-wrapper select{ width:180px;}
    .social{ margin-top: 0; margin-bottom: 0;}

    /*Add Testimonial */
    .popupwrap .inputvalue.selectcar textarea{ height: 80px; width: 100%}
    .buttonwrap .manda { display: inline-block;text-align: left; padding-top: 10px;}
    .popupwrap .popupbutton { display: inline-block; float: right; padding-top: 0; width: auto;}
    .popupwrap .close { right: -1px; top: -1px; }


    _::-moz-svg-foreign-content, :root .popupwrap .close { right: 5px; top: -1px; }


    .pricetable .popupform{ float: right; margin-right: 10px; }
    #testimonialsmain .testimonialinnerbox li .testimgbox { width: 72px; float:left;}
    /*Overview Page Popup*/ .ogetpopup .popupcontain { padding-top: 20px !important; }

    /*Header CSS*/
    /*header .logo img { padding: 8px 24px;}*/
    header .logo { float: none; padding-left: 20px; padding-top:05px; width: auto; }
    #navigator > ul > li > a { font-size: 13px; letter-spacing: 0; }

    /* */
    /*Career Table*/
    .careertable .rwd-table { margin-top: 0px; }
    .careertable .rwd-table td{ text-align:left; vertical-align:top;}
    .careertable .rwd-table td div span{ display:inline-block; margin:10px 10px 0 0;}
    .careertable .rwd-table td:first-child{ color:#333;}
    .careertable .rwd-table th{ text-align:left;}
    /*Footer CSS*/
    .connectcontain, .connectcontain a { font-size: 14px; }
    /*footer .connectpanel:nth-child(2) { width: 29%; }*/
    footer.marginbnone { margin-right: 0;}
    .address { width: 320px; padding:12px 0 10px 19px; border: none;   margin: 0 auto; }
    #address li, #address2 li { margin: 0 0 12px 33px; font-size: 14px; }
    .quicklinks { border: none; float: left; padding: 22px 10px 0 19px; width: 246px; }
    .bottomsocial {display: inline-block;margin-top: 0;}
    .copyright h3 { text-align: right; margin-top:10px; }
    #copywrt, #copywrt a, #copywrtone a { text-align: left; }
    .copyright .main .floatleft { float: left; width: auto; }

    /*Home page CSS*/
    .bestcompanies .bestcompany { width: 100%; height: auto; margin: 12px 0 0; }
    .welcome .preintro { float: left; padding: 0; width: 30%; }
    .welcome .preintro div#btn3 { margin: 0; }
    .welcome .preintro div { margin: 0 0 10px; padding-top: 22px; }
    .welcome .intro p { height: auto; text-align: left;}
    .welcome .intro h1 { text-align: left; }
    .welcome .intro .button { margin: 25px 0 0; }
    /*     .pickacar #owl-pickcar { width: 93.67%; } */
    .bestcompanies .bestcompany .item img{ border: 1px solid #c4c4c4 }
    .bestcompanies .bestcompany .item{ border: medium none !important; }
    .bestcompanies .bestcompany{ width: 80%; margin: 12px auto; }
 /*    .bestcompanies .bestcompany .owl-prev{ background-position: -31px 1px; background-size: auto auto; height: 56px; left: -81px; top: -25px; width: 62px; }
    .bestcompanies .bestcompany .owl-next{ background-position: -93px 1px; background-size: auto auto; color: transparent; height: 58px; position: absolute; right: -79px; top: -25px; width: 60px; }
    .bestcompanies .bestcompany .owl-prev:hover{ background-position: -31px -83px; }
    .bestcompanies .bestcompany .owl-next:hover{ background-position: -93px -83px; } */
    /*New Cars page CSS*/
   /*  .cars li { margin: 24px 15px 14px 0; float: left; }
    .cars li:nth-child(4n+4) { margin: 24px 0 14px; }
    .cars li:nth-child(2n+2) { margin-left: 52px; } */
    .newcar p { font-size: 14px; }
    .newcar h1 { font-size: 35px; }
    /*testimonials page start*/
    #testimonialsmain .testimonialinnerbox li .testimonialtext { width: auto; text-align: left; }
    /*#testimonialsmain .testimonialinnerbox li .testimgbox img { float: left; width: 100%; }*/
    #testimonialsmain .testimonialinnerbox li .testimonialtextright { float: left; margin-left: 18px; width: 77%; }
    #testimonialsmain .testimonialinnerbox li .testimonialtext { margin-left: 17px; float: left; }
    #testimonialsmain .testimonialinnerbox li .testimonialname { float: left; margin-left: 30px; }
    /*profile page css*/
    #cmpnydetails .para1 { float: left;    min-height: 600px; }
    .offerdetails .offerdlist li { width: 31.3%; }
    /*workshop page*/
    .workshopdetail h2 { font-size: 34px; }
    .workshopdetail .shoplocation h3, .workshopdetail .contactpanel h3 { font-size: 26px; }
    .workshopdetail .select-wrapper { width: 320px; margin: 0 23px 15px 0; }
    /*offers inner page start here*/
    .spcloffer .headtext h2 { font-size: 34px; }
    .spcloffer .offerprice .usedcars { float: right; margin: 0; }
    /*about event gallery page*/
    #abouteventmain .L-Info div { font-size: 26px; }
    /*about event gallery page*/
    /*#abouteventmain .L-Contents { margin: 0 auto !important; }*/
    #abouteventmain .L-Next { right: 5.6%; border-radius: 3px 0 0 3px; }
    #abouteventmain .L-Prev { left: 6%; display: block; border-radius: 0 3px 3px 0; }
    #abouteventmain .L-Info div { font-size: 26px; }
    #abouteventmain .L-Info { padding: 26px 0 5px 40px; }
    #abouteventmain .L-Img { padding: 15px 39px 20px; }
    #abouteventmain .L-Contents { width: 650px; height: auto; position: absolute; top: 50%; left: 50%; display: none; }
    /*about event gallery page*/
    .bestcompanies .L-Info div { font-size: 26px; }
    /*site gallery page*/
    /* .bestcompanies .L-Contents { margin: 0 auto !important; }*/
    .bestcompanies .L-Next { right: 5.6%; border-radius: 3px 0 0 3px; }
    .bestcompanies .L-Prev { left: 6%; display: block; border-radius: 0 3px 3px 0; }
    .bestcompanies .L-Info div { font-size: 26px; }
    .bestcompanies .L-Info { padding: 26px 0 5px 40px; }
    .bestcompanies .L-Img { padding: 15px 39px 20px; }
    .bestcompanies .L-Contents { width: 650px; height: auto; position: absolute; top: 50%; left: 50%; display: none; }
    /*mission page*/
    .missionmain p { font-size: 24px; }
    .missionmain .mainbg { height: 280px; }
    /*overview tab css start here*/
    .overviewright h2 { font-size: 40px; }
    .exshowroom { font-size: 23px; }
    .varient-overview .exshowroom { font-size: 23px; line-height: 22px; }
    .overviewright button { margin: 20px 0 0; }
    .contentprice { padding: 35px 0 0; }
    .overviewright .data { width: 100%; margin: 11px auto 0; }
    .overviewright .data .detail { background: #fff; text-align: center; font-size:19px; height: 138px; margin: 7px; padding: 33px 13px 0; width: 138px; vertical-align: top; }
    .overviewright .data .detail span { display: block;font-size: 14px;padding-top: 14px;}
    .overviewtable { width: 100%; margin: 27px 0 0; }
    .overviewtable table { width: 100%; border-collapse: collapse; }
    .overviewtable p { padding: 15px 0 0 50px; }
    .overviewtable th { color: #24272c;   font-size: 20px; font-weight: 700; }
    .overviewtable td, .overviewtable th { padding: 10px 0 10px 15px; text-align: left; }
    .overviewtable tbody tr { border-top: none; }
    .overviewtable td { font-size: 18px;   color: #24272c; }
    .overviewtable td.enlargview { overflow: hidden; width: 230px; word-wrap: break-word; }
    .overviewtable thead tr { position: relative; top: 0px; left: 0; }
    .overviewtable td { display: table-cell; }
    .overviewtable td:before { padding: 0; height: auto; }
    .overviewtable td:nth-of-type(1):before { content: ""; }
    .overviewtable td:nth-of-type(2):before { content: ""; }
    .overviewtable td:nth-of-type(3):before { content: ""; }
    .overviewtable td:nth-of-type(4):before { content: ""; }
    .overviewtable td:nth-of-type(5):before { content: ""; }
    .overviewtable td:nth-of-type(6):before { content: ""; }
    .overviewtable td:nth-of-type(7):before { content: ""; }
    .overviewtable.spcf td:nth-of-type(1):before { content: ""; }
    .overviewtable.spcf td:nth-of-type(2):before { content: ""; }
    .overviewtable.spcf td:nth-of-type(3):before { content: ""; }
    .overviewtable.spcf td:nth-of-type(4):before { content: ""; }
    .overviewtable.spcf td:nth-of-type(5):before { content: ""; }
    .overviewtable.spcf td:nth-of-type(6):before { content: ""; }
    .overviewtable.spcf td:nth-of-type(7):before { content: ""; }
    .overviewtable.spcf td:nth-of-type(8):before { content: ""; }
    /*Overview-Price css*/
    .pricetable { width: 100%; margin: 27px 0 0; }
    .pricetable table { width: 100%; border-collapse: collapse; }
    .pricetable p { padding: 15px 0 0 50px; }
    .pricetable th { color: white;   font-size: 15px; }
    .pricetable td, .pricetable th { padding: 10px 0 10px 15px; text-align: left; }
    .pricetable tbody tr { border-top: none; }
    .pricetable td { font-size: 14px;   color: #24272c; }
    .pricetable td.enlargview { overflow: hidden; width: 230px; word-wrap: break-word; }
    .pricetable thead tr { position: relative; top: 0px; left: 0; }
    .pricetable td { display: table-cell; }
    .pricetable td:before { padding: 0; height: auto; }
    .pricetable td:nth-of-type(1):before { content: ""; }
    .pricetable td:nth-of-type(2):before { content: ""; }
    .pricetable td:nth-of-type(3):before { content: ""; }
    /*Overview specifications css*/
    .specificresult .specsside .sidedia div.sidetop { width: 84%; }
    .specificresult .specsside .sidedia .grndclr { margin: -46px auto -27px; }
    .specificresult .overviewtable p { margin: 0; }
    .specificresult .frntdia { margin: 0 auto; width: 48% !important; }
    .specificresult .specsfront .frntdia div { width: 94%; }
    .specificresult .overviewtable { margin: 27px auto 0; width: 99%; }
    /*overview color slider*/
    .colorsliderbntmain .owl-item { float: none; display: inline-block;}
    .colorsliderbntmain .owl-wrapper { width: 100% !important; }
    /*Career Page css*/
    .overviewtable2 { width: 100%; margin: 27px 0 0; }
    .overviewtable2 .bg-lt-gry { background-color: #efefef; border-top: 2px solid #FFF; }
    .overviewtable2 .bg-drk-gry { background-color: #dfdfdf; border-top: 2px solid #FFF; }
    .overviewtable2 table { width: 100%; border-collapse: collapse; }
    .overviewtable2 p { padding: 15px 0 0 50px; }
    .overviewtable2 th { background: #4b4b4b;   font-size: 18px; }
    .overviewtable2 td, .overviewtable2 th { padding: 18px 10px 18px 10px; text-align: center; }
    .overviewtable2 tbody tr { border-top: none; }
    .overviewtable2 td { font-size: 14px;   color: #24272c; }
    .overviewtable2 td.enlargview { overflow: hidden; width: 230px; word-wrap: break-word; }
    .overviewtable2 thead tr { position: relative; top: 0px; left: 0; }
    .overviewtable2 td { display: table-cell; }
    .overviewtable2 td:before { content: attr(data-th); padding: 0; height: auto; }
    .overviewtable2 td:nth-of-type(1):before { content: ""; }
    .overviewtable2 td:nth-of-type(2):before { content: ""; }
    .overviewtable2 td:nth-of-type(3):before { content: ""; }
    .overviewtable2 td:nth-of-type(4):before { content: ""; }
    .overviewtable2 td:nth-of-type(5):before { content: ""; }
    .overviewtable2 td:nth-of-type(6):before { content: ""; }
    .overviewtable2 td:nth-of-type(7):before { content: ""; }
    .overviewtable2 td:nth-of-type(8):before { content: ""; }
    .overviewtab .main .career-contnt .career-butn-sec .shadow { width: 400px; }
    .overviewtab .main .career-contnt .career-butn-sec .shadow h2 { font-size: 26px; line-height: 45px; text-transform: uppercase; }
    .overviewtab .main .career-contnt p {margin-top: 0;padding-bottom: 0; text-align: left;}
    .overviewtab .main .career-contnt .btnbrown { float: left; margin-right: 95px; margin-top: 30px; margin-bottom: 40px; }
    /*Contact Us*/
    .textarea { height: 90px; }
    /*insurance and finance page*/
    #insurance .inputout { width: 244px; margin-right: 16px; height: 70px;}

    .contactus input[type=text], .contactus input[type=email], .contactus input[type=tel]{ width:100%}
    #insurance.insurance .shadow { width: auto !important; }
    /*     .shadow h2 { font-size: 26px !important; } */
    #insurance .btnform { text-align: left; float: left;margin-top: 54px; }
    /*popup*/
    #gsp_popup { height: inherit !important; overflow: initial !important;position: absolute !important; }
    .popupwrap.specialedition { width: 690px; }

    .popupwrap .popuptitle { font-size: 24px; padding: 20px 0; min-height: 61px; }
    .popupwrap .popupcontain { padding: 20px; }
    .popupwrap .inputvalue { width: 260px; margin: 0 42px 26px 0; }
    .popupwrap .select-wrapper, .popupwrap .select-wrapper select, .popupwrap .inputvalue, .popupwrap .input { width: 260px; }
    #custom_popup .popupwrap .inputvalue { width: 260px; margin: 0 20px 25px 0; }
    #custom_popup .popupwrap .select-wrapper, .popupwrap .select-wrapper select, .popupwrap .inputvalue, .popupwrap .input { width: 260px; }
    .popupwrap .marginrnone { margin-right: 0px !important; }
    .inputvalue.marginrnone.roadpriceradio { clear: both; width: 100% !important; }

    /*Side Popup*/
    .side_popup .popupwrap { position: fixed;top: 42px;width: 580px;}

    /*milage tab starts here*/
    #tab6 .milagehead { width: auto !important; }
    #tab6 .milagehead h2 { font-size: 26px; }
    #tab6 .milagedetails { margin: 0 auto; }
    #tab6 .milagecity, #tab6 .milagehighway { margin: 0 23px; }
    /*picture tab start*/
    .picdetails .picmain { margin: 0 auto; width: auto; text-align: center; }
    .picdetails .picturepage .carimgmodel{ float: left; width: 50%; }
    .picdetails .pichead { width: 310px; }
    .picdetails .picturepage { margin: 40px auto; }
    .picdetails .pichead { margin: 30px auto 50px }
    /*Thank You Popup*/
    .thanksyouimg { float: left; }
    .thankmsg {padding: 0; }
    /*Finance CSS */
    .carfinence .financetab li a { font-size: 13px; padding: 6px 24px; }
    .carfinence .doctabresult li { font-size: 12px; float:left; width:47%;}
    .carfinence .calcuresult form { float: left; margin: 20px 43px 0 0; width: 221px; }
    .carfinence .financeinquiry .financecontain { margin: 0 35px 0 85px; }
    .contactinform li {width: 244px; margin-right: 18px;}
    .carfinence .comments{width:502px;}
    .carfinence .calcuresult .calleft{margin-right: 30px;width: 245px;}
    /*Resume Page*/
    .resume { margin: 0 5px; width: 99%; }
    .resume .inputout { width: 380px; }
    .resume .inputout input { width: 99%; }
    .resume .fileuplo { width: 100%; }
    /*Special Edition On Road Price Popup*/
    .specialedition.popupwrap .popuptitle { font-size: 20px; }
    .cityprice { display: inline-block; margin: 0; height: auto; }
    .specialedition.popupwrap .leftcolumn { font-size: 14px; width: 100%; padding: 0 0 0 18px; }
    .specialedition.popupwrap .rightcolumn { background-color: #9d9d9d; color: #fff;   font-size: 14px; line-height: 42px; margin: 4px 0 4px -3px; max-width: 285px; padding: 0 0 0 18px; width: 100%; }
    .specialedition.popupwrap .mandatory { padding: 10px 40px 0 44px; }
    /*New CSS---------Accessories-------*/
    .newcar h1 { font-size: 30px; }

    .accessories{ margin-top:0;}
    .accessories td, .accessories td a{font-size:18px;}
    .accessories .selecttext{padding:0;}
    .accessories th{ background:#e8e8e8;font-weight: 700; font-size:20px;   color:#24272c;}
    .accessories td{ border-bottom:solid 1px #b9b9b9; padding:3px 10px; color:#24272c ;}

    /*--New CSS--Sell Car---*/
    .car_details, .installed_features, .car_condition, .additional_features, .contact_details, .submit_sell_car { text-align: inherit; }
    .sell_table .sell_head span, .sell_table .sell_row span { font-size: 12px; }
    .sell_table .sell_head span, .sell_table .sell_row span { width: 17.5%; }
    .sell_table .sell_head span:first-child, .sell_row span:first-child { width: 30%; }
    #sell_car .installed_features { margin-top: 9px; }
    #sell_car .installed_features .sell_input { text-align: inherit; }
    .selliscar{margin-right: 0px;}

    /*New CSS-------used cars landing page---- */
    .usedcar .selectboxes { display: inline-block; width: 100%; }
    .newcars.used_cars_result { margin: 0 auto; width:84%; }
    .usedcar .always_show { margin: 0 auto; width:600px; }
    .usedcar .select-wrapper, .usedcar .select-wrapper select { margin: 0 8px 20px; }
    .to_be_toggled { clear: both; display: inline-block; margin: 23px auto; width: 600px; }
    /*New CSS-----Online Service*/
    #online .online_radio input[type=text]{ width: 144px; }

    .abrir_menu span{ top:35px; right:35px}
    #abouteventmain .L-Nav span, .bestcompanies .L-Nav span{ top:56%}

    #tab6.mileagemodel .overviewtable td:nth-of-type(1):before { content: ""; }
    #tab6.mileagemodel .overviewtable td:nth-of-type(2):before { content: ""; }
    #tab6.mileagemodel .overviewtable td:nth-of-type(3):before { content: ""; }
    #tab6.mileagemodel .overviewtable td:nth-of-type(4):before { content: ""; }

    #insurance .bookservicetextarea .inputout { width: 70%;  height: auto; }



    /*Popup OTP*/
    .otppopup{  margin: 0 0 0 -200px;width: 600px !important;}
    .otppopup .popupbutton{ float: none;margin: 10px 0 0;text-align: center; display: block;}
    .otppopup .popupcontain { padding: 10px 44px; }
}
@media screen and (min-width: 799px) {
    /*Overview specifications css*/
    .specificresult .specsside .sidedia div.sideright { height: 21%; }
}
/* @media handheld, screen and (min-width: 801px) {
    .submenuicon { background-position: -560px 2px; height: 13px; left: -6px; position: relative; top: -1px; width: 15px;filter: brightness(0); }
    .submenuicon2 { background-position: -560px -11px !important; height: 3px !important; left: -6px !important; position: relative !important; top: -1px !important; width: 15px !important; filter: brightness(1);}
} */
@media handheld, screen and (max-width: 800px) {
    li.hover > .parent { background-repeat: no-repeat; background-position: 260px center; }
    textarea{ width:100%}
    .share_loan_req_head{display: inline-block;float: left;width: 100%;cursor: pointer;}
    .share_loan_active{color: #0d4896 !important;}
    .share_loan_req_fields{ display: none; }
    .carfinence .contactinform{ margin-bottom: 0px !important;}
}
@media handheld, screen and (max-width: 480px) {
    #menu > ul > li > .parent, #menu > ul > li:hover > .parent, #menu > ul > li.hover > .parent, #menu ul li li > .parent, #menu ul li li:hover > .parent, #menu ul li li.hover > .parent { background-repeat: no-repeat; background-position: 210px center; }
}
@media handheld, screen and (max-width: 319px) {
    #menu > ul > li > .parent, #menu > ul > li:hover > .parent, #menu > ul > li.hover > .parent, #menu ul li li > .parent, #menu ul li li:hover > .parent, #menu ul li li.hover > .parent { background-repeat: no-repeat; background-position: 150px center; }
}

.accimg{ width: 140px; }
.accessories table td, .accessories table th { text-align: left; }
.accimg {text-align: center !important;}

@media screen and (min-width: 1000px) {
.referencepg .nco-tabresult { padding: 20px; }
.referencepg .newcontactwrap .nformwrap .drop { width: 308px; }

.referencepg .newcontactwrap .nformwrap .drop:nth-child(even) { margin-right: 20px; }
.referencepg .newcontactwrap .nformwrap .drop:nth-of-type(3n) { margin-right: 0px; }

.videohomsec .videosec{ display: inline-block; width: 32%; margin-right: 10px; }
.videohomsec .videosec:last-child{ margin-right: 0px;}
.videohomsec .videosec iframe{margin-bottom: 0; width: 100%; height: 300px;}
.videohomsec a.button { margin-top: 20px;}

.playerimg {top: 120px;left: 170px;right: auto; -webkit-transform: scale(.9);transform: scale(.9);-webkit-transition: -webkit-transform .2s;transition: -webkit-transform .2s;transition: transform .2s;transition: transform .2s,-webkit-transform .2s;}
.videohomsec .videosec:hover .playerimg {-webkit-transform: scale(1); transform: scale(1);}
/*======== Youtube video Popup Css============*/
#thankyou-popup { width: 930px; height: 460px;}
#thankyou-popup .popupcontent iframe {height: 460px;}

.newftrmobi { display: none;}

/*     #owl-demo .owl-prev, #owl-demo .owl-next { top: 0; } */
.popupwrap.phonepop .Phoneno { max-height: none; overflow: inherit; width: 500px; }
.popupwrap.phonepop .Phoneno ul { width: 130px; margin-right: 5px; min-height: 120px; padding-right: 0;}
.popupwrap.phonepop .Phoneno ul:nth-of-type(2n) { padding-left: 35px; }
.popupwrap.phonepop .Phoneno ul:last-child { width: auto; border-left: 1px solid #d1d1d1;    margin-left: 30px;padding-left: 30px;}




    .contactdetails .noelemnt { margin: 0; padding: 0;border-right: none; }
    #price .pricecity { margin-left: 0px;}
/*New Price Page*/
.NewPricepgwrap{ display: block; }
.newpricewrapmobi { display: none; }
.newprice_citydrop { width: 130px; }
.overviewright .newprice_citydrop { width: 220px; }
.newprice_citydrop input[type="text"] { padding-left: 5px; }
 .nearcity_locateout .nearcity_allcity { width: 85%; float: left; padding-top: 10px;}
 .nearcity_locateout .nearcity_allcity a {padding-right: 15px;margin-right: 15px;}

 /*Near Cities */   
.nearcity_citieswrap{ padding: 20px; display: inline-block; width: 100%; }
.nearcity_citylist { display: inline-block;margin-bottom: 0; border-bottom: none; width: auto; position: relative; margin-right: 20px;padding-right: 20px;}
.nearcity_citylist:after {background: #bcbcbc;  content: "";height: 20px;position: absolute;right: 0;top: 20px;width: 1px;}
.nearcity_citylist:last-child:after{ display: none; }
.nearcity_citylist:last-child { margin-right: 0; padding-right: 0; }
.nearcity_morebtn { float: right; }
  .nearcity_locateout .nearcity_citylist{ width: 100%; border-bottom: solid 1px #ccc;}

    .finane-shareloanwrap ul{ display: inline-block; margin-top: 11px; width: 100%; }
    /*New Contact page*/
    .newcontact h2{color: #1a1a1a;font-size: 23px; padding: 40px 0; text-align: left;}
    .newcontactwrap .ncont-left{padding:26px 34px 0 30px;width: 690px;display: table-cell;}
    .newcontactwrap .ncont-right{  display: table-cell;width: 275px; margin-top: 0; }
.newarrival .morecategory { overflow: hidden; }
.newarrival .morecategory li {border: 1px solid rgba(59, 59, 59, 0.5);width: 148px;height: 48px;border-radius: 3px 3px 0 0; border-bottom: none; padding: 0; text-align: center;
 line-height: 48px; margin-right: 10px; margin-top: -1px; background: #fff;}
 .newarrival .morecategory li:first-child{ margin-left: 14px; }
 .newarrival .morecategory li:last-child{ margin-right: 0px; }
 .newarrival .morecategory li.gsc-ta-active{ border-color: #3b3b3b;  color: #fff;}
.ncont-left .gsc-ta-overHide, .ncont-left .gsc_ta_scroll {height: 52px !important;}
.ncont-left .gsc-ta-contentWrap { border-top: solid 1px #3b3b3b; margin-top: -1px; }
.newcontactwrap { width: 1006px; display: table; }
.newcontactwrap .nformwrap .drop { width: 320px; margin-right: 20px; }
.newcontactwrap .nformwrap .drop:nth-child(even){ margin-right: 0; }
.newcontactwrap .nformwrap .nbook-btn {width: 157px;height: 50px; line-height: 50px;margin-top: 10px;  margin-bottom: 30px; text-transform: capitalize;}
.ncon-calldealer { display: none !important;  }
.nco-sharelist { display: inline-block; text-align: left; }
.newcontactwrap .ncont-right { padding: 30px 17px 0 30px; }
.nco-sublinks {border-top: 1px solid #d4d4d4;padding-top: 30px;width: 215px;}
.newcontactwrap .drop .nconstar { margin-top: 20px; }
.nco-tabresult {padding-top: 38px;}
.ncon-tab4res { margin-bottom: 30px; }
.newarrival .morecategory ul{ margin-top: 3px; }
    
    /*New Footer*/
    footer{ background: #111; }
    .newftr .newftrlinkdesktop { display: flex; justify-content: space-between; }
    .newftr .newftrmobi { display: none; }
    .copyright { border-top: 1px solid rgba(0,0,0,.12);}
    .newftr { background: #24272c; padding: 25px 0; }

    .copyright { padding-top: 10px;padding-bottom: 6px; }
    .copyright .ftrlink2 { display: inline-block;float: left; }
    .copyright .ftrlink2 li{ float: left; border-right: solid 1px rgba(255, 255, 255, 0.4); line-height: 1; margin-right: 5px; padding-right: 5px;}
    .copyright .ftrlink2 li:last-child{ border-right: none; margin-right: 0; padding-right: 0; }
    .copyright .ftrlink2 li a{   color: #24272c; font-size: 12px;}
    .developed-by, .allright { font-size: 12px; }
   /*  .copyright .ftrlink2 li a:hover{color: #fff;} */
    .allright, .developed-by { float: right;  margin-bottom: 0;}
    .developed-by { padding-bottom: 0; margin-right: 6px;}




    .pnoscroll{ overflow: hidden; }
    .maintitlewrap { display: block; }
    .maintitlewrap h2{ color: #fff; font-size: 30px; }
    /*New Used Car*/

    .usedsearchwrap li, .usedsearchwrap li.onecolumn {width: 185px; margin-bottom: 0;}
    .usedsearchwrap ul { width: 100%; }
    .usedsearchwrap li.last{ width: 155px; }
    .usedsearchwrap { max-width: none; }
    .preownbtn { display: none; }
    .usedsearchwrap ul { display: block !important; margin-top: 0; }
    .newusedcartab ul { width: 500px; }
    .usedsearchwrap .sort{position: absolute;right: 20px;top: 160px;}
    .nulistingbtn {float: right;margin-top: 60px;width: auto;}
    .nulistingbtn .nuviewlink { float: right; }
    .nulistingbtn .nubtn { margin-right: 20px; margin-left: 0; }
    /*Click To Call*/
    .callwrap  { display: none; }



    .blisting .blistcontain { width:840px;}

    .errorpage {min-height: 750px;}

    .pickacar .gscr_lSAction .gscr_lSPrev, .pickacar .gscr_lSAction .gscr_lSNext { height: 51px; }
    .pickacar .gscr_lSAction .gscr_lSPrev {left: -33px; width: 33px;}
    .pickacar .gscr_lSAction .gscr_lSNext { right: -33px; width: 33px; }
    .pickacar .gscr_lSAction .gscr_lSPrev span {background-position: -487px -42px;height: 52px;left: 0;width: 31px;}
    .pickacar .gscr_lSAction .gscr_lSPrev:hover {background-position: -397px -88px;}

    .pickacar .gscr_lSAction .gscr_lSNext span {background-position: -519px -42px;height: 52px;right: 0;width: 31px;}
    .pickacar .gscr_lSAction .gscr_lSNext:hover span{ background-position: -440px -88px; }
    .pickacar .gscr_lSAction .gscr_lSPrev:hover span{ background-position: -406px -88px; }



    .navarrow { display: inline-block; transform:rotate(90deg); vertical-align: middle; }


    .picdetails .picturepage .carimgmodel{ width: 33%; }
    .slidemsg span{  max-height: 203px; font-size:18px; line-height: 1.3;}
    /*Video Banner*/
    .homeslidecontain{ top:25px; }
    .slidemsg{background-color:transparent;display: inline-block;font-size: 20px;max-height: 220px;position: static;width: 360px;}

    .slidevideo{height: 280px;width: 600px;}

    .picdetails .view360tab{ display: inline-block; }
    /*FTC*/
    #leadpopup_point{ width: 550px !important; height: auto !important; max-height: 290px !important; left: 300px;}
    #leadpopup_point .popupimg {max-height: none;overflow-y: unset;}
    #leadpopup_point.feelpopup .description{max-height: 236px;overflow-y: auto;padding: 0 15px 0 0; text-align: left;}
    #leadpopup_point.feelpopup img {float: left;margin: 0 15px 0 0;}


    .contactus{ float: left; }

    .address .button{ display: none;}
    .map-responsive{ display: block; }
    header .dark{ vertical-align:-1px; }

    .footerlink {  margin-top: 17px;}
    header .light, header .dark a { font-size: 15px; }
    /*     #navigator > ul > li { width: 9%; } */
    #navigator > ul > li > a { padding: 14px 10px; }
    #navigator ul li:hover > ul > li.hide, #navigator ul li li:hover > ul > li.hide, #navigator ul li li li:hover > ul > li.hide, #navigator ul li li li li:hover > ul > li.hide, #navigator ul li li li li li:hover > ul > li.hide { display: none; }
    /*     header .dark.noborder { border: medium none !important; } */
    header .reach { position: relative; top: 1px; }
    #navigator { width: 96%; margin: 0 auto; }
    header .topnav { display: block; max-width: 460px; padding: 1.1em; position: absolute; right: 0; top: 0; padding-right: 0  }
    /*     header .topnav ul li, header .topnav ul li:hover { transform: skewX(30deg); -ms-transform: skewX(30deg); -webkit-transform: skewX(30deg); }
        header .nav a { transform: skewX(30deg); -ms-transform: skewX(30deg); -webkit-transform: skewX(30deg); } */
    header .topnav ul li { font-size: 14px; padding: 14px 0 13px; }
    header .topnav ul li a { padding: 0 13px 0 15px; }
    .nav-mobile { display: none; }
    header .logo { float: left; padding-left: 0px; padding-top: 0px; padding-bottom: 0; width:190px; max-height: 77px;}
    header > .main{padding: 5px 0;}
    header .logobig { display: block; }
    header .logosmall { display: none; }
    header .headerleft { float: left; }
    header .headerright { float: right; margin:35px 0px 10px 0; }
    .header { background-color: #fff; margin: 0 auto; max-width: 100%; width: 100%; position: relative; }
    header .contactdetails { color: #fff; background-color: transparent; float: right; text-align: right; display: block; font-size: 15px; border-top: none; padding: 0; position: relative; }
    header .reach { display: inline; font-size: 18px; }
    header .iconsale, header .iconservice { display: inline-block; }
    header .dark { border-right: medium none; margin-right: 0; padding-right: 0;  font-size: 23px;}
    #menu { display: inline-block; position: relative; right: auto; top: 0; width: 100%; z-index: 1; }
    .mainfeatures .menu-button { bottom: 0px; }
    .nav { height: 52px; margin: 0 auto; padding: 0; width: 100%; }
    .nav-list::before { display: none; }
    .nav-list::before { top: 68px; }
    .nav-item { float: left; padding-left: 34px; padding-right: 34px; position: relative; transform: skewX(-30deg); -webkit-transform: skewX(-30deg); z-index: 99; }
    .nav-item a.BigNav { padding: 14px 0; text-transform: uppercase; }
    .nav-submenu2 { right: 108px; }
    #menu .main { height: auto; }
    /*footer CSS */
    .select-otlt {max-width: 330px;}
    .quicklinks ul { float: left; margin: 15px 0 0; text-align: left; width: 100%; }
    .bottomsocial { display: inline-block; float: none; vertical-align: middle; }
    .quicklinks { padding: 22px 80px 0 99px; width: 446px; }
    .developed-by img { margin:5px 6px 0 0; position: relative;  }
    .developed-by > span { display: inline; }

    /*Home page start*/
    .bannericon { background-position: -517px -100px; height: 34px; width: 50px; }
    .bannericon2 { background-position: -519px -99px; height: 34px; width: 50px; }
    .owlbanner h1, .owlbanner h2 { font-size: 32px; font-weight: normal; }
    .owlbanner { padding: 20px 0; width: 52%; }
    .borderbottom { margin-bottom: 2px; }
    .bordertop { border-bottom: 10px solid #e6e6e6; }
    .connectcontain, .connectcontain a {font-size: 14px;line-height: 1.3;word-wrap: break-word;}
    .btn-padding { padding: 8px 8px 8px 15px; }
    #owl-demo .owl-buttons { display: block; }
/*     #owl-demo .owl-prev, #owl-demo .owl-next { background-color: #fff; border-radius: 50%; display: block; }
    #owl-demo .owl-prev { background-position: 15px -41px; }
    #owl-demo .owl-next { background-position: 15px -76px; }
    #owl-demo .owl-prev { float: left; height: 46px; left: 40px; position: absolute; text-indent: -1000px; width: 46px; }
    #owl-demo .owl-next { float: right; right: 40px; position: absolute; height: 46px; text-indent: -2000px; width: 46px; } */
    .owl-page { height: 18px; width: 18px; }

    .pickacar .customNavigation .btn.prev:hover { background-position: -397px -88px; }
    .pickacar .customNavigation .btn.next:hover { background-position: -441px -88px; }
    .pickacar .assistcar .productshow .button { font-size: 15px; height: 45px; letter-spacing: 0; padding: 0 28px;}
    .pickacar { padding: 0; width: 100%; padding-top: 50px; }
    .pickcarborder { clear: both; margin-bottom: 1em; position: relative; top: -0.3em; z-index: -1; }
    /*     .pickacar .assistcar .booking { position: relative; top: 2em; text-align: center; } */
    .pickacar h2 { clear: both; color: #151515; font-size: 28px; margin: 0 auto; padding: 0px; }
    .pickacar .title { clear: both; display: table; font-size: 35px; line-height: 1; margin: 0 auto; }
    .pickacar .pickhead {   font-size:15px; }
    .pickacar h2.title.p-heading { display: block; margin: 15px 0 0; }
    .pickacar .pick { margin: 32px auto; width: 69%; position: relative; }
    .pickacar .customNavigation .back, .customNavigation .fwd { width: 39px; height: 52px; top: -1px; }
    .pickacar .customNavigation .btn.prev { background-position: -477px -42px; height: 52px; width: 39px; left: 0; }
    .pickacar .customNavigation .btn.next { background-position: -521px -42px; height: 52px; width: 39px; right: -16px; }
    /*     .pickacar #owl-pickcar { margin-left: 39px; width: 86%; width: 93%; } */
  /*  .pickacar #owl-pickcar .item { transform: skewX(-30deg); -webkit-transform: skewX(-30deg); }*/
    .pickacar #owl-pickcar .item span { display: block; /*transform: skewX(30deg) !important; -webkit-transform: skewX(30deg) !important;*/ }
/*    .pickacar #owl-pickcar .item { padding: 0; margin: 0 !important; }*/
    .pickacar #owl-pickcar .item h2 { font-size: 16px; line-height: 51px; margin: 0;  height:51px}
    .pickacar #owl-pickcar .owl-wrapper-outer {width: 91%; }
    .pickacar .assistcar .productshow .grybutton { margin: 5px auto 0; }
    .bestcompanies .bestcompany{ margin: 40px auto 0; width: 85%; }
    .bestcompanies .bestcompany .item {height: 216px;float: left; }
    .bestcompanies .bestcompany .item img{background-color: #e6e6e6;margin: 0 auto;padding: 7px;width: 100%;max-height: 250px;}
    .bestcompanies .bstcmpny,.testimonials .title  {   font-size: 15px; }
    .testimonials {padding: 50px 40px; }
    /*     .testimonials .title { color: #151515; font-family: robotoregular; font-size: 29px; font-weight: normal; text-transform: none; margin-bottom: 40px; } */
    .testimonials .user {width: 442px; margin-top:36px; margin-left:20px; display:inline-block}
    .testimonials .comments { height: 155px; padding-bottom: 25px; padding-left: 71px; padding-top: 25px; text-align: left; width: 380px; margin-top: 0 }
    .testimonials .profilepic { left: -25px; top: 25px; }
    .testimgbox .profilepic { left: -25px; top: 0; }
    .testimonials .downarrow { left: 200px; bottom: 37px; height: 30px; width: 30px; }
    .testimonials .name { margin-top: 33px; }
    /*     .testimonials .user2 { display: block; float: right; } */
    /*New Cars page */
    /*CSS */
  
    .offerdetails .offerdlist li { width: 23%; }
    /*Workshop Page*/
    .workshop p { padding: 8px 0 0; }
    .workshop.withouttext { }
    .workshopdetail .shoppanel { padding: 40px 0 0 0; }
    .workshopdetail .shoplocation { float: left; width: 435px; margin: 0 80px 0 0; }
    #caroutlets .shoppanel .contactpanel { width: 400px; float: left; padding: 0; }
    .workshopdetail .contactbar { width: 342px; }
    .workshopdetail { padding: 38px 0 100px; }
    #caroutlets .shoppanel .imgpanel { width: 539px; height: 408px; }
    /*mission page*/
    .missionmain { padding: 52px 0 60px; }
    .missionmain p { font-size: 24px; }
    .missionmain .mainbg { height: 380px; }
    /*offers inner page */
    .spcloffer .offerform { height: auto; margin: 10px auto; padding: 5px 16px; }
    .spcloffer .offerform span.select-wrapper { width: 29%; margin-left: 10px; line-height: 39px; }
    .spcloffer .offerprice { margin: 63px 0 0 18px; }
    .spcloffer .offerprice .ofrbox .save { width: 43%; }
    .spcloffer .offerproduct { float: left; }
    .spcloffer .offerform .child1 { font-size: 15px; }
    .spcloffer .offerprice { width: 665px; }
    .spcloffer .offerform .child1 { width: 30%; margin-top: 15px; }
    /*Tab*/
    .spcloffer ul.tabs { margin: 0 0 28px; padding: 0 0 17px; float: left; list-style: none; height: 32px; width: 100%; }
    .spcloffer ul.tabs li { background-color: #d3d0d0; border-radius: 5px 5px 0 0; color: #444444; cursor: pointer; float: left;   font-size: 14px; height: 31px; line-height: 31px; margin: 0 15px 0 0; overflow: hidden; padding: 14px 25px 4px; position: relative; text-transform: uppercase; }
    .spcloffer ul.tabs li:hover { color: #333; }
    .spcloffer ul.tabs li.active { color: #f2f2f2; display: block;   font-size: 14px; text-transform: uppercase; }
    .spcloffer .tab_container { clear: both; float: left; width: 100%; overflow: auto; }
    .spcloffer .tab_content { display: none; }
    .spcloffer .tab_drawer_heading { display: none !important; }
    .spcloffer .tabs { display: block; }
    /*----overview tab css start here---- */
    .overviewtab .overviewheading {  display: none;}
   /*  .overviewtab ul { display: block; } */
    .overviewleft { width: 500px; }
    .overviewright .data { text-align: left; }
    .overviewtable td, .overviewtable th { padding: 10px 0 10px 45px; text-align: left; }
    .overviewtable td.enlargview { width: 310px; }
    /*overview-price css*/
    .pricetable td, .pricetable th { padding: 10px 0 10px 45px; text-align: left; }
    .pricetable td.enlargview { width: 310px; }
    #tab2 .pricetabletitle { padding: 0 0 0 50px; }
    #tab2 .overviewleft { margin-left: 30; width: 470px; }
    #tab2 .pricecity { margin: 0; }
    #tab2 .overviewright { margin-top: 80px; text-align: left; width: 485px; }
    /*overview-specifications css*/
    .specificresult .overviewtable td.enlargview { width: 310px; }
    .specificresult .overviewtable td, .specificresult .overviewtable th { padding: 27px 15px 37px; }
    .specificresult .specsfront{ display:inline-block; width: 50%;}
    .specificresult .specsside { display:inline-block; margin: 37px auto 23px; width: 40%; }
    .specificresult .specsside .sidedia div.sideright span { padding: 2px 10px; top: 10em; width: 111px; }
    .specificresult .specsside .sidedia div.sideright { display: block; height: 265px; margin: 0 0 20px 32px; max-height: 265px; position: absolute; width: 30px; top: 23%; }
    .specificresult .specsside .sidedia div.sidetop { width: 88.5%; }
    .specificresult .specsside .sidedia div.sidebottom { margin: -4px auto 0; }
    .specificresult .specsside .sidedia div.sidebottom span { display: initial; width: 113px; }
    .specificresult .specsside .sidedia .grndclr { display: block; height: 30px; margin: -45px auto 13px; padding: 0 1px 0 0; width: 1px; }
    .specificresult .overviewtable p { padding: 15px 0 0; width: 69%; }
    .specificresult .bestcompanies { padding: 0 0 40px; }
    .specificresult .overviewtable th:nth-of-type(1) { text-align: left; }
    .specificresult .overviewtable td:nth-of-type(1) { text-align: left; }
    .specificresult .overviewtable td:nth-of-type(6) { width: 50px; }
    .specificresult .overviewtable td:nth-of-type(4) { width: 150px; }
    .specificresult .frntdia { width: auto !important; }
    .specificresult .specsfront .frntdia div { width: 35%; }
    .specificresult .overviewtable { margin: 27px 0 0; width: 100%; }
    /*Contact Us*/
    .inputout { width: 47.5%; margin-top: 27px; }
    .inputout:nth-child(even) { margin-left: 5%; }
    .contactright.contactimg { float: right; width: 30%; position: relative; min-height: 330px; }
    .textarea { height: 120px; }
    .contactus .inputout { margin: 27px 15px 0 0  }
    .contactus .addressfield { height: 130px; }
    /*insurance page start*/
    #insurance .inputout:nth-child(even) { margin-left: 0; }
    #caroutlets #caroutlets .shoppanel .shoplocation { margin: 5px 0 0; width: 539px; }
    #caroutlets .shoppanel .contactpanel { padding: 38px 0 66px 50px; }
    #caroutlets .shoppanel .contactbar { float: left; }

    /*Picture page*/ .picdetails .exterierphoto, .picdetails .interierphoto, .picdetails .allphoto { height: 80px; }
    .picdetails .exterierphoto div, .picdetails .interierphoto div, .picdetails .allphoto div { padding: 25px; font-size: 18px; }
    .picdetails .interierphoto { margin: 0 20px; }
    /* Finance CSS */
    .carfinence { padding:0 5px 20px; }
    .carfinence .left { margin-right: 4px; width: 512px; }

    .carfinence .right {
        margin-left: 10px;
        margin-top: 0;
        padding: 0;
        width: 415px;
    }
    .carfinence .financeinquiry .financecontain { margin: 0 15px 0 25px; width: 170px; }
    .carfinence .tabresult { min-height: 600px; }
    .carfinence .calcuresult .calleft {  margin-bottom: 20px;}
    .carfinence .doctabs li a{ padding:5px 13px;}
    /*resume Page */.resume .inputout:nth-child(even) { margin-left: 0; }
    .resume .inputout { width: 310px; margin-right: 5px; }
    .resume .addressfield .textarea { width: 99%; }
    /*error page */
    .errorpage { text-align: left; padding: 38px 38px 38px 38px; }
    .errorpage img { float: left }
    .errortextline { font-size: 28px; display: inline-block; left: 34px; position: relative; top: 55px; float: left; }
    .gapping { height: 38px; }

    /*New CSS---------Accessories-------*/
    .accessories .select-wrapper{float:left;margin: 0 10px 0 0;}
    .accessories .always_show .button{ margin-top:0; float:left}
    .accessories .selecttext{ text-align:left;}
    .accessories .always_show{ float:left; width:100%}
    .accessories .accessdetailtop{margin: 0 auto;width: 960px;}
    .accessories .acleft{width:500px; height:322px; }
    .accessories .acright{margin:60px 0 0 46px;}
    .accessdetail h3{margin-top:34px;}
    /*--New CSS--- Outlet new Page */
    .outlet .outtab { width: 68%; }
    .outlet .outtab .outletadd p span { display: none; }
    .outlet img { width: 100%; margin-top: 18px; display: block; }
    .outlet .select-wrapper, .outlet .select-wrapper select { width: 213px; }
    .outlet .insudetail .fields { width: 213px; }
    .address_list li{ width:23%; float:left; margin-left:10px;}
    .outlet h2{ text-align:left;}
    /*--New CSS-----Sell Car--*/
    #sell_car .sell_input {display: inline-block;margin:0 0 25px;width: 236px;}
    #sell_car .sell_input p { font-size: 11px; padding: 10px; }
    .left_select { margin-right: 20px; }



    /*New CSS---used cars landing page--------*/
    .usedcar { display: block; }
    .usedcar .selectboxes {display: block;margin:0px auto;width: 600px; margin-top:50px;padding-bottom: 40px}
    .connect, .outletshome .address, .quicklinks { display: inline-block !important; }
    .outletshome .address {   vertical-align: top;    width: 370px; }
    .usedcar .search_cars{ position:relative;}
    .usedcar .submit_used_cars{margin-top:25px;}
    .to_be_toggled { display: inline-block; margin: 50px 0 0 0; } /*float: right;width: auto !important;*/
    .usedcar .select-wrapper select { margin: 0; }
    .usedcar .advance_search_button {position: absolute;right: 49px;top: 8px; }/*float: right; */
    .usedcar .advance_search_button > span { font-size: 15px;width: 150px; }
    .newcars.used_cars_result { width: 95.8%; }
    .usedcar .carblock .marginr0 { margin-right: 0 !important; }

    /*New CSS-------Online Service*/
    #online .online_radio .remark{height:130px;}
    #online .purpose, #online .personal, #online .contact{width:50%;}
    #online .online_radio {width: 95%; }
    #online .online_area{width:99%;}
    #online label { margin: 0 10px;}
    #online .online_input{width:46.8%;}
    #online .online_radio .remark{height:142px;}
    /*New CSS-------Compare---*/
    .compare-desktopview { display: block; }
    .compare-mobview { display: none; }



    .header .serviceright { margin-left: 40px; padding-left: 0; border:none; }
    .pickacar { padding: 50px 0 20px; width: 100%;}
    .pickacar .customNavigation .back,.pickacar .customNavigation .fwd { width: 42px; height: 51px; top: 0; }
    .pickacar .customNavigation .btn.prev { background-position:-478px -42px; height: 52px; width: 42px; left: 0; }
    .pickacar .customNavigation .btn.next { background-position: -517px -42px; height: 52px; width: 42px; right:0; }
    .pickacar .customNavigation .btn.next:hover { background-position:-437px -88px; }
    .grybutton{ margin-top:37px}
    .bestcompanies .title, .testimonials .shadow h2 { font-size: 35px;}
    .welcome .intro h1 { font-size: 50px;}
    .detialbox{ width:48%; float:left; padding-top:45px}
    .pickacar .productshow .three60{ margin-right:3%; width:490px; float:left}
    .pickacar h2.title { text-align:left; display:block; font-size: 30px}
    .detialleft{ display:inline-block;}
    .pickacar .data {border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb; padding:7px 0; margin:15px 0 7px; display:block}
    .pickacar .data .detail {float: left; letter-spacing: 0.01px; font-size: 14px;   color:#585858; padding:12px 0; width:30%; border-right:1px solid #dbdbdb; margin-right:24px}
    .pickacar .data .detail:nth-child(3){border-right:0; margin-right:0}
    .pickacar .data .detail div {font-size: 27px; color:#1e1e1e; margin-bottom:8px}
    .pickacar .detialbox{ text-align:left}
    .modelprice{ font-size:30px; margin-top:16px;    line-height: 1;}
    .offericon{ background-position:-3px -418px; width:120px; height:96px; vertical-align:-14px; margin-left:5px; display:inline-block}

    .welcome .preintro {
        display: block;
        margin-right: 10px;
        width: 392px;
    }    .owl-buttons { display: block;}
    /*Dev Team*/
    .degviewicon, .picdetails .picmain > div:last-child{ display:inline-block}
    .autorunimg div > img, .autorunimg object, #googleMap{ display:block}
    .autorunimg > img, .mobile_map{display:none}

    #insurance .bookservicetextarea .inputout { width: 765px }

    .career-contnt .overviewtable2 td div span{display: inline-block;  margin: 10px 10px 0 0;}
    .career-contnt .overviewtable2 td::before{ display: none}

    .bloglisting { padding-left: 0; padding-right: 0; }
    .bvenuedetail li span:first-child{width:130px; margin-right: 0;}

    /*Used Car Detail */
    .usedcardetail .left{float:left; width: 540px;}

    .usedcardetail .carpanel .title{ font-size:40px;}
    .usedcardetail .right {float: right; margin-top: 0; padding: 0; width:450px; margin-left:10px;}
    .inform li span:last-child { width: auto;float: none; }
    .usedcardetail .right .detailprice{ float:left; margin-right: 20px;}
    .detailfeature{width:492px; float:left;   padding: 23px 5px 10px;}
    .detailfeature li{ padding-right: 7px; margin-right: 7px;}
    .usedcardetail #picturetab, .usedcardetail #sync1, .usedcardetail #sync3, .usedcardetail .colorsliderbntmain{ width: 500px; }
    .usedcardetail .tabdetail .owl-buttons {top: 180px; z-index: 1;}
    .newusedsprite { position: absolute; left: -29px; }
    .inform ul{margin-left: 28px;}
    .usedcardetail h1 { margin-bottom: 30px; font-size: 34px; }
    .usedcardetail .gscr_lSAction { top: 45%; }
    .usedcardetail .right .detailprice { font-size: 35px; }
    .inform li i { display: inline-block; }
    .usedcardetail .requbtn { width: 200px; }
    .inform li:nth-child(odd),  .inform li { width: 50%; }
    .inform li span:last-child { display: inline-block; }
    .contlisting {width:33%; padding:15px 0;}
    .contlisting div { width:auto;}
    .contlisting div:last-child { margin-left:10px;}
    .numoredetail .fealist { width: 24%; margin-bottom: 15px; }
    .ucd-media li{width: 235px;}
    .ucd-media li:nth-of-type(2n) {margin-right: 10px;}
    .ucd-media li:nth-of-type(4n) { margin-right: 0px; }
    .ucd-media .imgsec > img { max-width: 100%; }
    .ucd-media { padding-top:10px; }
    .usedcardetail .nusingleimg { max-height:297px;}
    .ucd-media li a.imgsec {height: 176px;}
    .nused-noimg{  max-width: 75%;}

    /*New Special Offer*/
    .specoffer h3.titlegap{ padding-top:15px;  }
    .newofferbtn-wrap { display: none !important; }
    .specoffer{ background: #fff;margin-bottom: 70px;margin-top: 54px; padding: 0 10px; }
    #soffer_tab li a { font-size: 18px;  width: 185px;}
    .spoffer-result { padding-top: 0; display: block;}
    .spoffer-result a.soffer-selectbtn { display: none; }
    .specoffer-drop { border: medium none;display: inline-block;margin-top: 0;padding: 0;}
    .specoffer .drop { width: 30%; margin-right: 10px; }
    .spoffer-result4 .drop{ width: 23%; }
    .spoffer_listing {margin-bottom: 20px;margin-top: 35px;}
    .spofferlist {  padding: 15px 20px;margin-bottom: 20px;}
    .specoffer .soffer_carblock { width: 199px; padding-bottom: 13px; padding-top: 23px; }
    .specoffer .soffer_carblock img { display: inline;height:122px; }
    .soffer_carblock h2 { text-align: center; margin-top: 16px; font-size: 14px; }
    .soffernewcarmobi { display: none; }
    .soffer_right { width: 752px; float: left;margin-left: 11px; margin-top: 0; padding-top: 0; border-top: none;}
    .soffer_top .soffernewcar { display: block; font-size: 18px; }
    .soffer_top h3 a {display: inline-block;font-size: 18px;overflow: hidden !important;padding-left: 22px;text-overflow: ellipsis;white-space: nowrap;width: 490px;}  
    .soffsaving {color: #535353; font-size: 15px;padding-left: 22px; font-weight: normal;padding-top: 5px;}
    .spofferlist .soffer-left{ border-right: 1px solid #dedede; height: 66px; width: 530px;}
    .soffer_bot .soffer-left {padding-left: 22px;}
    .soffervalid { display: block; }
    a.offer-viewbtn { margin-top: 15px;}
    .soffer-des {margin-top: 14px;padding-top: 26px;}
    .soffer-des .soff-close { width: 72px; font-size: 15px;}
    .soffer-des .sdes-title { font-size: 22px;color: #535353;}
    .soffer-des .sdes-para {color: #151515;font-size: 14px;line-height: 1.81;margin-top: 7px;}
    .soffer-des .sdes-values {display: inline-block;margin-top: 23px;width: 100%;}
    .sdes-values li { border-bottom: none;border-left: 1px solid #d1d1d1;float: left;padding: 14px 70px 18px; width: auto;}
    .sdes-values li:first-child {padding-left: 0; border-left: none;}
    .soffer-des .valuestitle { color: #151515;font-size: 15px;line-height: 1;margin-bottom: 8px; width: 100%; float: none;   width: auto;display: block;}
    .soffer-des .valueselemnt {color: #24272c; width: 100%; text-align: left;font-size: 22px;line-height: 1; float: none;   width: auto;display: block;}
    .mobi-soffervalid{ display: none; }
    .soffer-des .offer-viewbtn { float: left; }
    .corofferresult{   margin-top: 50px; box-shadow: none; -webkit-box-shadow: none; padding: 0;}
    .co-search { margin-bottom: 47px; }
    .co-search input {height: 55px; padding-bottom: 20px;  font-size: 18px; color: rgba(36, 39, 44, 0.4);}
    .co-search a {width: auto; right: 15px;top: 10px;}
    .co-search .co-showresult { display: none; }
    .co-or, .co-browsewrap .co-brotitle { display: block; }
    .co-browsewrap { margin-top: 45px;}
    .cobrowsenav { display: block; }
    .co-listingwrap{ margin-top: 36px; }
    .co-listingwrap .browseleft { display: block; width: 480px;  }
    .co-listingwrap .browseright { width: 480px; height: 392px; }
    .co-righttitle > span { display: none; }
    .co-righttitle { position: static; color: #636161; font-size: 25px; line-height: 1; margin-bottom: 12px; margin-left: 20px; margin-top: 15px; }
    .browseright .soffer-des { display: none !important; }
    .corofferresult .co-browsewrap .soffer-des { display: block; border-top: none; }
    .cobrowselisting li { padding: 25px 0 20px 37px;font-size: 15px;color: #636161;}
    .cobrobtnwrap {background-color: #fcfcfc;  margin-top: 32px; padding: 16px 0 16px 30px;}
    .cobrobtnwrap a { color: #636363; background: #fff; margin-top: 0;}
    .browseleft .cobrowselisting > ul {height: 292px;overflow-x: hidden;overflow-y: auto;}
    .browseright .cobrowselisting > ul {height: 230px;overflow-x: hidden;overflow-y: auto;}
    
    /*New Book Service Page*/
    .nb-desktopview { display: block; }
   .nb-mobiview { display: none; }
    .newbookser h1{ color: #1a1a1a; font-size: 27px; line-height: 1;   text-align: left;}
    .nbookser-wrap { margin-top: 40px;padding: 30px 23px; border: 1px solid #dedede; width: 100%;  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); display: block; }
   .nformwrap {border-bottom: solid 1px #d4d4d4;padding-bottom: 20px; margin-bottom: 50px; padding-left: 0; padding-right: 0;}
   .nformwrap .title { display: block; }
   .nformwrap .drop{ width: 300px;margin-right: 29px; margin-bottom: 30px;}
   .nformwrap:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
   .nformwrap .nbook-btn {height: 53px;line-height: 53px;margin-top: 29px;width: 312px; display: inline-block;}
   .nformwrap .marksfields { text-align: left; }
   .newbookser { padding-top: 40px; }
   .nbook-selectdate .field-bookservice-service_date {width: 48%; float: left;margin-top: 3px;}
.nbook-selectdate .service_timeslots { float: left; width: 48%; margin-left: 3px; }
    
/*New Outlet*/
    .newoutlet-desktopview{ display: block; }
    .newoutlet-mobiview{ display: none; }
    .nout-viewbtn.nout-showreview { margin-top: 0; margin-bottom: 20px; }
}

@media screen and (min-width:1200px){
    /*--New CSS-----Sell Car--*/
    #sell_car .car_details .sell_input { display: inline-block; margin: 0 10px 25px 0; width: 278px; float:left; }
    .left_select { margin-right: 65px; }
    #sell_car .sell_input p { font-size: 14px; padding: 0px; margin-top:10px; }
    #sell_car .additional_features > label { margin: 0 28px 0 0; }
    #sell_car .additional_features > label {margin: 0 28px 28px 0; max-width: 367px;}
    #sell_car .sell_input { display: inline-block; margin: 0 15px 11px 0; width: 278px; }

}


@media screen and (min-width: 1260px) {

/*Near Cities */   
.nearcity_citylist {margin-right: 20px;padding-right: 0;width: 187px;vertical-align: top;}
.nearcity_allcity { width: 1030px; margin-bottom: 0;}


 .nearcity_locateout .nearcity_citylist { margin-bottom: 20px; }
.nearcity_citylist:after { right: 10px; }
.nearcity_cityname a {display: inline-block;line-height: 1.2;overflow-wrap: break-word;width: 93%;font-size: 15px;}
/*.nearcity_morebtn {float: right;position: absolute;right: 10px;top: 70px;}*/

      /*New Book Service Page*/
/*       .nbookser-wrap{ max-width: 1130px;} */
      .nformwrap .drop {   width: 340px;}

    /*New Footer*/
    .newftr .newftrlinkdesktop ul:first-child { margin-left: 0; }
    .newftr .newftrlinkdesktop ul {  width: auto; }
    .newftr .newftrlinkdesktop .newftr_rightwrap { width: 300px; }

    /*New Used Car*/
    .usedsearchwrap li, .usedsearchwrap li.onecolumn { margin-right: 3px;width: 135px;}
    .usedsearchwrap li:last-child{ width: auto; margin-right: 0; }
    .nucarblock { width: 21%; height:185px; }

    .nudes {margin-left: 30px;width: 660px;}
    .nufeature { width: 410px; }
    .usedsearchwrap .sort {position: absolute;right: 4px;top: 113px;}

    .blisting .blistcontain { width:1030px;}

    .outletshome .fields { float:left}

    .connectcontain, .connectcontain a { overflow-wrap: normal; max-width: none; display: block; }

    .connectcontain, .connectcontain a { overflow-wrap: normal;}
   
    /*Popup*/
    /*    #gsp_popup, #gspp_Overlay, #gspp_Wrapper{ position: fixed !important; }*/
    #gspp_Wrapper {left: 50% !important;margin-left: -300px !important; }
    /*    #gsp_popup{top: 9% !important;}*/


    /*Video Banner*/
    .slidevideo {height: 345px; width: 1230px;}
    .customvid{width: 610px;}
    .homeslidecontain {top: 8%;}

    /*Finance CSS */
    .carfinence { padding: 0 0px 20px; margin: 0px auto; float: none; width: 1200px; }
    .carfinence .left { width: 537px; margin-right: 25px; }
    .carfinence .right { width: 638px; }
    .carfinence .left article { padding-right: 48px; }
    .carfinence .financeinquiry .financecontain { margin: 0 40px 0 23px; width: 229px; }
    .carfinence .financeinquiry .phimg { padding-left: 12px; padding-top: 20px; }
    .carfinence .left .financeinquiry { position: relative; border-right: none; }
    .carfinence .tabresult { padding: 30px 20px 15px; height: auto; }
    .control-label { display: block; }
    .carfinence .tabresult form li { float: left; margin: 20px 82px 10px 0; width: 255px; height: 50px; }
    .carfinence .tabresult form li.comments { height: auto; margin-right: 0; width: 530px; }
    .carfinence .tabresult form li.getyourcarbtn { width: 100%; margin-right: 0; height: auto; }
    .carfinence .doctabresult li { width: 255px; float: left; }
    .carfinence .financeleft { padding: 0 0 0 25px; height: 697px; }
    .carfinence .left h1 { padding: 0 0 0 25px; }
    .carfinence .calcuresult { margin-bottom:30px; }
    /*--REsume Page*/
    .resume .inputout {
        margin-right: 40px;
    }
    .resume .inputout:nth-of-type(4n) { margin-right: 0; }
    .resume .inputout { width: 267px; }
    /*New CSS---------Accessories-------*/
    .accessories .select-wrapper{width:278px;margin: 0 22px 0 0;}
    /*New CSS------used cars landing page------------*/
    .usedcar .advance_search_button {right: 150px;}/*  width: 300px;*/
    .usedcar .advance_search_button > span { float: left; }
    .usedcar .selectboxes {width:100%;}
    .to_be_toggled{width:1200px;}
    .used_cars_result { margin-top: -5px; width: 94%; }
    .usedcar .carbox { display: inline-block; /*developer*/margin: 0 30px 17px 0 !important; min-height: 300px;/*developer end*/ position: relative; }
    .usedcar .carbox > p.rate { bottom: 0px; clear: both; /*developer*/left: 0px;/*developer end*/ position: absolute; }

    /*New CSS-----Compare---*/
    .compare-three { width: 905px; }
    .compare-three .col-1 { margin-left: 20px; width: 280px; }
    .comwrap .compareselect { width: 238px; }
    .comparewrap .compcontent { width: 100% !important; }
    .compcontent li .compareleft { width: 303px; }
    .compcontent li .compareright { width: 880px; }
    .compcontent li .compareright div { width: 290px; }
    .compare.container { width: 1124px; }
    /*New CSS_------Online Service*/
    #online .online_radio .remark{height:171px;}
    /* Finance CSS */
    .carfinence { padding: 0 0px 20px; margin: 0px auto; float: none; width: 1200px; display:inline-block; }
    .carfinence .left { width: 537px; margin-right: 25px; }
    .carfinence .right { width: 618px; }
    .carfinence .doctabs li a {padding:5px 45px;}
    .carfinence .left article { padding-right: 48px; }
    .carfinence .financeinquiry .financecontain { margin: 0 40px 0 23px; width: 229px; }
    .carfinence .financeinquiry .phimg { padding-left: 12px; padding-top: 20px; }
    .carfinence .left .financeinquiry { position: relative; border-right: none; }
    .carfinence .tabresult { padding: 30px 20px 15px; height: 705px; }
    .carfinence .tabresult form li { float: left; margin: 0 82px 10px 0; width: 255px; height: 50px; }
    .carfinence .tabresult form li.comments { height: auto; margin-right: 0; width: 530px; }
    .carfinence .tabresult form li.getyourcarbtn { width: 100%; margin-right: 0; height: auto; }
    .carfinence .doctabresult li { width: 255px; float: left; }

    /*Used Car Detail*/

    .usedcardetail .right{ margin-top:0; float: right;}
    .usedcardetail .right .detailprice{ margin-right:54px;}
    .detailfeature{width:100%;}
    .detailfeature li{margin-right: 11px; padding-right:15px;}
    .usedcardetail #picturetab, .usedcardetail #sync1, .usedcardetail #sync3, .usedcardetail .colorsliderbntmain { width: 640px; }
    .usedcardetail h1 { padding-left: 0; }
    .numoredetail { margin-top: 20px; }
    .numoredetail, .nusedsimilarcar { padding-left: 0; padding-right: 0; }
    .usedcardetail .gscr_counter { left: 0; }
    .usedcardetail { padding-top: 40px; }
    .ucd-media li {width: 270px; margin-right:29px;}
    .ucd-media li:nth-of-type(2n) {margin-right: 29px;}
    .ucd-media li:nth-of-type(4n) {margin-right: 0;}
    .usedcardetail .left { width:640px !important;}
    .usedcardetail #newusedslide {height:100% !important; max-height:360px !important;}
    .usedcardetail .gscr_carousel img { max-height:360px !important; height:100% !important;}
    .usedcardetail .nusingleimg {max-height: 335px;}
    .ucd-media li a.imgsec {height: 203px;}

    /*New Special Offer*/
    .specoffer .innermain{ width: 1105px; }
    .specoffer .drop { margin-right: 47px; width: 335px;}
    .spoffer-result4 .drop {margin-right: 25px;width: 250px;}
    .soffer_right { width: 852px;}
    .spofferlist .soffer-left { width: 620px; }
    .sdes-values li {  padding: 14px 70px 18px; }
    .co-listingwrap .browseleft { width: 535px; }
    .co-listingwrap .browseright { width: 535px; }
    .soffer_top h3 a{ width:580px;}

    /*New Outlet Page*/
    .ndetail-left{ width: 60%; }
    .daywise li { margin-right: 6px; }
    .nout-left { width: 75%; }
    .newoutlist-left { width: 80%; }
}
@media screen and (min-width: 1279px) {

/*New Price Page*/
.NewPricepgwrap .innermain {max-width: 1200px; width: 100%;}
.newpriceleft { width: 410px; }



    .mainwrap { margin: 0 auto; width: 1208px; }
    .main { width: 1200px; max-width: 1200px; margin: 0px auto; position: relative; z-index:0}
    #navigator > ul > li > a { font-size: 14px; padding: 14px 10px; }
    #menu ul ul li a { font-size: 14px; }
    .headerright { margin-right: 0; }

    .header { height: 139px; }
    /*Footer CSS*/


    .address {padding-top: 0;
        padding-bottom: 30px;
        vertical-align: top;
    }
    .homefootermap{ width:490px !important}
    .outletshome .gm-style{width: 490px !important;}

    .quicklinks { margin-left: 100px; margin-right: 10px; padding: 22px 0 0; width: 395px; }
    .footnav .btngrey { float: left; }
    .quicklinks ul li a, #address li, #address2 li { font-size: 14px; }
    /*     .pickacar #owl-pickcar { width: 94%; } */
    /*     .bestcompanies .bstcmpny { font-size: 28px; line-height: 40px; } */
    .bestcompanies .title { font-size: 40px; line-height: 40px; padding-top: 0; }
    .testimonials { padding: 50px 0; }
    .testimonials .user { margin-left: 90px; }
    .testimonials .user2 { float: left; margin-left: 170px; }
    .borderbottom.pre-testimonial { position: static; top: 0; }
    .owlbanner h1, .owlbanner h2 { font-size: 42px; }
    .innermain { width: 1200px; max-width: 1200px; margin: 0px auto; position: relative; padding: 0; }
   
    /*testimonials page start */

    /*#testimonialsmain .testimonialinnerbox li .testimgbox img { width: 174px; }*/
    #testimonialsmain .testimonialinnerbox li .testimonialtextright { width: 1105px; }
    #testimonialsmain .testimonialinnerbox li .testimonialtext { margin-top: 35px; }
    #testimonialsmain .testimonialinnerbox { width: auto; }
    #testimonialsmain .testimonialboxmain { background: #eeeeee; }
    /*Offer */
    .offerdlist figure figcaption { font-size: 18px; padding: 8px; }
    /*Offer Inner page*/
    .spcloffer .offerform .child1, .spcloffer .offerprice .save { font-size: 18px; }
    .spcloffer .offerprice .ofrbox .save { line-height: 35px; margin: 0 auto; text-align: center; width: 49%; }
    .spcloffer .offerprice { width: 895px; margin: 63px 0 0 32px; }
    /*mission page*/
    .missionmain .mainbg { background: url(../image/missionbg.jpg) no-repeat center; background-size: auto; height: 451px; }
    /*----overview tab css start here---- */
    .overviewleft {
        width: 600px;
    }
    .overviewright .data { width: 585px; height: auto; }
    /*overview price section*/
    #tab2 .overviewleft { margin-left: 130px; width: 500px; }
    #tab2 .overviewright { margin-top: 0px; text-align: left; width: 485px; }
    /*overview specifications*/
    .specificresult .specsfront .frntdia div { width: 93%; }
    .specificresult .specsfront { display:inline-block; margin: 37px auto 0; width: 50%;}
    /*sitemap*/
    #sitemap .siteupper div.fixwidth::before, #sitemap .sitelower div.fixwidth::before { background-image: url("../image/sitemap.png"); background-position: center top; background-repeat: no-repeat; border-top: 1px solid #bcbcbc; color: #bcbcbc; content: ""; display: block; font-size: 47px; height: 18px; padding-top: 29px; position: relative; text-align: center; top: 0; }
    #sitemap .siteupper div.fixwidth.firstbg::before, #sitemap .sitelower div.fixwidth.firstbg::before { background-image: url("../image/sitemapfirst.png"); background-position: right top; background-repeat: no-repeat; background-size: 100% 32px; border: medium none; }
    #sitemap .fixwidth.firstbg.single::before { background: none !important; }
    #sitemap .siteupper div.fixwidth.lastbg::before, #sitemap .sitelower div.fixwidth.lastbg::before { background-image: url(../image/sitemaplast.png); background-position: center top; background-repeat: no-repeat; border: none; background-size: 100% 32px; }
    #sitemap .siteupper > h3::after, #sitemap .sitelower > h3::after { background-image: url("../image/sitemap.png"); background-position: center bottom; background-repeat: no-repeat; color: #bcbcbc; content: ""; display: block; font-size: 47px; height: 51px; line-height: 0.8; padding-top: 0; position: relative; text-align: center; }
    #sitemap .sitelower { background-image: url("../image/sitemapbig.png"); background-position: center 86px; background-size: 13px 100%; background-repeat: no-repeat; }
    .single { width: 1200px !important; }
    .double { width: 600px !important; }
    .triple { width: 400px !important; }
    #sitemap .btmsite { display: inline-block; margin-top: 103px; }
    /*Outlet page*/
    #caroutlets .shoppanel .contactpanel { width: 520px; }
    /*New CSS---------Outlet new Page ---*/
    .outlet form { width:900px; }
    .outlet .address_list{ width:1170px; margin:10px 0px 0px;}
    .address_list ul{ margin:0px; padding:0px;}
    .address_list li{ width:23%; float:left; margin:5px 0px 0px 5px}
    .address_list li:nth-of-type(2n) { width:30%;}
    .address_list li:last-child{width:15%;}
    .address_list li .locn{ width:100%; margin:25px auto; text-align:center;}
    .outlet h2 {  margin:25px 0px 25px 0px; text-align:left; }
}

@media screen and (min-width: 1360px) {
    /*======== Youtube video Popup Css============*/
    #thankyou-popup {width: 930px; height: 540px;}
    #thankyou-popup .popupcontent iframe {height: 540px;}
}

@media screen and (min-width: 1440px) {

    #owl-demo {min-height:500px;}
    /*Video Banner*/
    .homeslidecontain {top: 15%;}

    .owlbanner { padding: 5px 0; width: 57em; bottom: 44%; }
    .owlbanner h1, .owlbanner h2 { font-size: 3.6em; }
}
@media screen and (min-width: 1260px) {
    .resume .inputout.addressfield { width: 308px !important; }
    
    /*New Outlet Page*/
    .noutbrandname {margin-left: 180px;}
    .nout-working .ntime { max-width: 360px; }
}
.resume .inputout.fileuplo { width: 100% !important; }
/*developer*/ 
.success { color: green; font-size: 18px; clear: both; margin: 20px 0 0; text-align: center;     line-height: 1.3;}

@media screen and (max-width: 1006px) {
    .pageminHeight { min-height:500px; }
}

/* Home Banner css */
@media screen and (min-width: 767px){   
    #owl-demo .item img{
    height: calc(100svh - 84px);
}
 .hadr-contact {
    justify-content:space-between;
  }
.mobile-cta{
        display: none;
      }
#owl-demo #owl-demo1 .item { min-height: calc(100svh - 84px);} 
    .noutsearch{
        display: flex;
    }

  /*   #owl-demo .owl-prev,  #owl-demo .owl-next{
            background:#24272c;
    } */
    .header{
        height: auto;
        z-index: 999;
    }
    header .logo{
        float: unset;
        width: auto;
    }
    .main{
        z-index: 1;

    }
  
   
    .sectncontainer #bestcompany .item { width: auto }

 
    .bestcompanies .panelopt a.threetab{ display:table-cell}
    .OutletsCard {
        padding: 97px 0 112px;
        margin: 90px 0 100px;

    }
    
    .community{
        padding: 50px 0;
    }
    #navigator > ul > #more{
        min-width: 155px;
        padding-left: initial;
    }
    #navigator > ul > #more a{
      text-align: left;
      padding-left: 10px;

    }
    #navigator ul #more:hover > ul{
      width: 155px;
    }
    .cars li {width: 33.33%;
      padding: 0 10px;
      margin-bottom: 20px; 
    }
      .newoutlist.newoutlet-desktopview .nout-viewbtn{
        padding-top: 15px;

      }
  
      .model-color .overviewcolorslider .gscr_pagerwrapper ul{
        max-width: 350px;
        flex-wrap: wrap;
        justify-content: start;
      }
      .model-color .overviewcolorslider .gscr_pagerwrapper ul::before{
        content: none !important;
      }
      .overviewcolorslider .gscr_pagerwrapper ul{
        justify-content: center;
      }
      .overviewtab {
        margin-bottom: 50px;
      }
      .overviewtab .ovr-vrnt-tab{
        border-top: 1px solid rgba(36, 39, 44, .1);
        box-shadow: 0 3px 6px 0 rgba(36, 39, 44, .1);
    }
    .overviewtab.modeloverview .picdetails .picturepage{
      margin-top: 0;

    }
    .detail-btn{
      gap: 15px;
    }
    .mobilefootercontent{
      display: none;
    }
    header .logobig{
      max-width: 165px;
      width: 100%;
    }
   


}
#navigator > ul > li{
    transform:unset;
    -webkit-transform: unset
}

#menu ul ul li a {
    transform:unset;
    -webkit-transform: unset
}
#navigator ul li:hover > ul{
    transform:unset;
    -webkit-transform: unset;
    min-width: auto;
    max-width: unset;
    left: calc(0%) !important;
}
.newftr{
  background: #fff;
  border-top: 1px solid rgba(0,0,0,.12);
}
@media screen and (max-width: 768px){
  .header{
    display: flex;
    flex-direction: column-reverse;
    
  }
   .blog_img{
        margin: 0 auto;
    }
    .blog_details_content{
        display: flex;
        flex-direction: column;
    }
  .picdetails .view360tab{
    display:inline-block;
   }
  .headr-cnt-tp a{
    font-size: 18px;
    line-height: 20px;

}
  .headr-cnt-tp{
    padding: 0 20px 5px ;
    gap: 12px;
    justify-content: left;
  }
  #abouteventmain .bestcompanies .bestcompany .item img{
    width: 100%;
    height: 150px;
  }
  #abouteventmain .bestcompanies .bestcompany .bestcompany_inner{
    height: auto !important;

  }
  .newftrmobi .newftrsocial{
    display: none;
  }
    .sticky-header {
        text-align: left;
        position: fixed !important;
        top: 0;
        z-index: 1000;
        transition: 0.3s ease-in-out;
        width: 100%;
        backdrop-filter:unset;
        background-color: #fff;
    }
    
    header .logo{
        padding-left: 20px;
    }
    #navigator > ul > li > a.parent {
        color: #24272c;
    }

    .topBanner{
        margin-top: 0;
        padding: 0;
    }
  
 /*    .sprite {
        background: url(../image/blue_sprite.png) no-repeat;
        line-height: 0px;
        font-size: 0px;
        display: inline-block;
        vertical-align: middle;
        zoom: 1;
    } */
    .menu_aberto{
        background-color: #fff;
    }
  /*   .gscr_lSAction>.gscr_lSNext .owl-next::after, .gscr_lSAction>.gscr_lSPrev .owl-prev::after{
        display: none;
    } */
    .welcome .intro p{
        padding: 0 20px;
        text-align: justify;
        font-size: 15px;
        line-height: 28px;
    }
    .welcome .intro .button{
        display: block;
        width: calc(100% - 40px);
        margin: 10px auto;
        

    }
    .bestcompanies .gscr_lSAction, .testimonials-wrap .gscr_lSAction, .topBanner .gscr_lSAction, .community .gscr_lSAction{
        display: none !important;

    }
    .bestcompanies #bestcompany .item .bottomscroll{
        padding: 13px;
    }


    .detail-btn{
        flex-direction: column;
    }
    .sectncontainer .bestcompanies .detail-btn .button.test-ride, .carscards .beatcars .test-ride.button{   
       margin-left: 0px;
       }
       .testimonials-wrap .heading-section>p{
        padding: 0 10px;
       }
       .header .abrir_menu span{
        filter: brightness(0);
        box-shadow: none;
        top: 14px;

       }
       .testimonials-wrap .testimonial-box{
        flex-direction: column;
       }
       section{
        padding-left:20px;
        padding-right: 20px;
       }
       .welcome .intro h1 {
        text-align: left;
        padding-left: 20px;
        font-size: 28px;
       }
       .phtglry{
        padding: 20px 20px 50px 20px;
      
       }
       .cars .titleborder h2{
        font-size: 34px;
        line-height: 40px;

       }
       #gallery .img-gallery1 > li, .gallery li{
        max-width: none;
       }
       .OutletsCard h3 {
        text-align: left;
       }
       .OutletsCard .newcarwrap .cars li{
        width: auto;
       }
       .OutletsCard .gscr_lSAction{
        display: none !important;
       }
       .videohomsec .videosec{
        margin-bottom: 30px;
        width: 100%;
       }
       .community{
        padding-top: 30px;
        padding-bottom: 40px;
       }
       .OutletsCard {
        padding: 20px 20px 60px 20px;    
      }
     
      .OutletsCard .newcarwrap .OutletAdrs{
        padding:0;
      }
      .OutletButton a{
        padding: 13px 54px;
      }
     /*  .OutletsCard .newcarwrap .OutletAdrs{
        min-height: 85px;
      } */
      .OutletButton .OutletMap{
        margin-top: 40px;
      }
      .OutletButton .OutletMap a{
        padding: 13px 40px;
      }
    
      .OutletsCard .cars li .listhold{
        min-height: 260px;
        padding: 17px 20px 50px;
      }
  
      .sectncontainer h2, .headtitle h2, .community h2, .OutletsCard h3 {
        font-size: 28px;
      }
      .phtglry .headImg{
        flex-wrap: wrap;
        justify-content: unset;
        gap: 10px;
      }
      .phtglry .headImg .imgholder{
        order: 1;
        width: calc(50% - 5px);
      }
      .phtglry .headImg .big-img{
        order: 0;
        flex-basis: 100%;
      }
      .phtglry .imgholder.big-img > a{
        width: 100%;
        height: 200px   ;
      }
      .phtglry .imgholder.big-img > a img{
        height: 100%;
      }
      .phtglry .imgholder.hitem > a{
        width: 100%;
        margin-bottom: 10px;
      }
      .phtglry .imgholder.hitem > a img{
        height: 100%;
      }
      
      .sectncontainer .bestcompanies{
        padding-left: 20px;
        padding-right: 20px;
      }
      .sectncontainer .bestcompanies .gscr_slideOuter, .OutletsCard .gscr_slideOuter, .community .gscr_slideOuter{
        margin-right: -20px;
      }
      .OutletsCard .cars li{
        min-width: auto;
      }
      .videohomsec .button3wrap{
      width: calc(100% - 0px);
      margin: 0 auto;
      display: block;
      text-align: center;

      }
      .overviewtab, .overviewtab .picdetails{
        padding: 0;
      }
      .overviewright h1{
        font-size: 32px;
        line-height: 40px;
      }
      .picdetails .picmain{
        margin-top: 0;
      }
      .picdetails .picturepage{
        margin-top: 0;
      }
      .overviewright{
        top: 5px;
      }
      .overviewright .exshowroom, .exshowroom .smallprice, .exshowroom sup{
        font-size: 13px;
        padding: 0;
      }
      .comparelink{
        margin-left: 0;
        margin-top: 20px;
      }
      .topSpecs{
       /* position:initial;
        margin-top:18px;*/
        bottom: 10px;
      }
      .desktop-cta{
        visibility: hidden;
      }
      .topSpecs li .unit{
/*        font-size: 25px;*/
        font-size: 20px;
        text-align: center;
        line-height: 20px;
      }
      .model-color h2, .model-color h2{
        font-size: 28px;
        line-height: 37px;
      }
      .main-cta{
        padding-left: 70px;
      }
     /* .model-color{
        padding-top: 20px;
      }*/
      .overviewtable{
        width: 100%;
      }
      .nout-viewbtn.gspp_Element{
        border: unset;
        padding: 0;
      }
      .overviewtable td{
        padding: 16px 0  0;
      }
      .specificresult{
        margin: 0 -20px;
      }
      .overviewtable table thead tr{
        display: grid;
        grid-template-columns: auto 163px;
        justify-content: stretch;
        border-bottom: 0;
     
      }
      .overviewtable table thead tr th:nth-last-child(-n+2){
        display: none;

      }
      .overviewtable tbody tr td{
        padding: 16px 0 10px;
        width: 63%;
        display: inline-block;
        
      } 
      .overviewtable tbody td:first-child,   .overviewtable tbody td:nth-child(3) {
        padding-left: 20px;

      }
      .overviewtable tbody tr td:nth-child(2n+2) {
        width: 31%;
        text-align: left;
        padding-top: 0;
      }
      .overviewtable table .enlargview a{
        font-size: 15px;

      }
      .cars .innermain ul li{
        padding-bottom: 20px;
        width: 100%;
      }
      .overviewtable thead tr th{
        padding: 20px 20px 20px ;
        text-align: left;
        color: #24272c;
        font-weight: 700;

      }
      .colorsliderbnt{
        width: 37px;
        height: 37px;
      }
      .model-color .overviewcolor .gscr_pagerwrapper, .contentprice .overviewcolor .gscr_pagerwrapper{
        left: 0 !important;
        right: 0;
        bottom: 35px;
        top: auto;
      }
      .overviewcolorslider .gscr_pagerwrapper ul{
        overflow: auto !important;

      }
      .overviewcolorslider .gscr_pagerwrapper ul li{
        min-width: min-content;
      }
      .color-title{
        padding-top: 28px;
      }
      .innermain{
        padding: 0 20px;
       
      }
      #insurance .topcontain{
        text-align: justify;
        padding: 25px 0px 0;
      }

      #finance.finance{
        padding: 0;
      }
      #finance.finance .carfinence{
        padding: 0;
      }
      .accessories .selecttext{
        font-size: 20px;
      }
      .overviewtab #variant_tab{
        overflow-x: auto;
        width: auto;
        display: none;
      }
      .overviewtab ul .tab-box:first-child{
        padding-left: 8px;

      }
      .variantdetail-ovrvw .overviewright{
        padding-left: 20px;
      }
      .overviewcontent h3, .overviewtab .current{
        background: #fff;
      }

      .contentprice .overviewcolor .gscr_pagerwrapper{
        position: absolute;
        bottom: 30px;
        left: 30%;
      }
      .overviewtab .varienttable .varient thead tr th, .contentprice .dimensionsleft .varient thead tr th{
        padding: 20px 0;
      }

      .overviewcontent .overviewheading .vtabtitle .tabarrow{
        width: 18px;
        height: 18px;
        border-radius: 50%;
        margin: 0;
      }
      .overviewcontent .overviewheading .vtabtitle .tabarrow::after{
        content: "";
        position: absolute;
        left: 5px;
        z-index: 11;
        display: block;
        width: 8px;
        height: 8px;
        border-top: 3px solid #fff;
        border-left: 3px solid #fff;
        top: 4px;
        transform: rotate(225deg);
    }
    .overviewcontent .overviewheading .vtabtitle .tabarrow{
      transform: rotate(270deg);
    }
     .overviewheading.current .vtabtitle > .tabarrow{
      transform: rotate(0deg);
    }
    footer{
      padding-top: 10px;
    }

    .OutletsCard .newcarwrap .OutletAdrs p{
      max-height: 142px;
    }
      
    .OutletsCard .newcarwrap .OutletAdrs{
      height: 150px;
    }


      #owl-demo .item img {   object-fit: fill; }
   /*  .modeloverview .picdetails #owl-demo .item img{
      height: 42vh;
     }*/
     .modeloverview .picdetails #owl-demo #owl-demo1 .item{
      /*min-height: 80vh;*/
     }
     .brchr-txt{
      vertical-align: text-bottom;
      margin-right: 5px;
      line-height: 6px;
     }
     .downbrchre a i{
      top: 10px;
     }
     .sectncontainer .bottomscroll > span{
      min-height: 45px;

  }
  .newoutlet-mobiview .innermain{
    padding: 0 10px;
  }
  .model-color .overviewtable .tableterms{
    padding: 10px 20px 0;
  }
  #abouteventmain .bestcompanies .titleborder h2{
    font-size: 28px;
  }
  #abouteventmain{
    padding: 30px 20px 0;
  }
  #abouteventmain .title{
        text-align: justify;
        font-size: 15px;
        line-height: 28px;
  }
  .comnty-txt{
    max-height: 142px;
  }
  #insurance .secondpart .btnform{
    text-align: center;
  }
  .finace-emi-btn{
    text-align: center;
  }
  #faq.faq .innermain, .accessories .innermain{
    padding: 0;
  }
  .titleborder h2{
    font-size: 34px;
    line-height: 40px;
  }
  .usedwrap{
    padding: 0  20px;
  }
  #sell_car .sell_input, #sell_car .installed_features .sell_input, .accessories .select-wrapper{
    width: calc(100% - 10px);
  }
  #sell_car .innermain{
    padding-left: 0;
    padding-right: 0;
  }
  #sell_car h2{
    font-size: 22px;
    font-weight: 700;
    text-align: left;
  }
  .model-color.ovrcity{
    padding-top: 0;
  }
  #gallery-popup .gscr_lSPrev,  #gallery-popup .gscr_lSNext{
     top: 56%;
    }
  .usedcardetail{
    padding:20px 0 0;
  }
  .usedcardetail .right, .numoredetail{
    padding: 0;
  }
  .variantdetail-ovrvw{
   flex-direction: column;
   gap: 10px;
}
.variantdetail-ovrvw .overviewright .exshowroom, .variantdetail-ovrvw .overviewright .exshowroom .smallprice{
  font-size: 20px;
}
.newcontact .innermain{
  padding: 0;
}
/* Footer new css */
.mobilefootercontent{
  padding: 0 20px;
}
.mobilefootercontent .bordr-btm {
  border-bottom: 1px solid rgba(0,0,0,.12);
}

.mobiletabfooterheading{
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 17px;
  line-height: 26px;
  margin-top: 15px;
  color: #404040;
  position: relative;
}
.mobiletabfootercontent ul li a{
  font-size: 14px;
  line-height: 24px;
  color: #404040;
}
.mobiletabfootercontent ul li:last-child{
  margin-bottom: 10px;
}
.mobiletabfootercontent .connectcontain{
font-size: 14px;
}
.mobiletabfooterheading.close::after, .mobiletabfooterheading.open::after{
  content: "";
    position: absolute;
    z-index: 11;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #363636;
    border-left: 2px solid #363636;
    transform: rotate(225deg);
    right: 18px;
    bottom: 10px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}
.mobiletabfooterheading.open::after{
  transform: rotate(45deg);

}
.mobiletabfootercontent .newftrsocial{
  margin-bottom: 10px;
}
.mobiletabfootercontent .newftrsocial a{ margin-right: 10px; }
.mobiletabfootercontent .newftrsocial .fbicon{width: 30px; height: 30px; background-position: -145px -155px;}
.mobiletabfootercontent .newftrsocial .twittericon{width: 30px; height: 30px; background-position: -145px -191px;}
.mobiletabfootercontent .newftrsocial .youtubeicon{width: 30px; height: 30px; background-position:-184px -226px;}
.mobiletabfootercontent .newftrsocial .instaicon{background-position:-183px -262px;width: 30px; height: 30px;}
}




@media screen and (min-width:479px) {
 /*home changes*/
    .sectncontainer #bestcompany .item { width: auto }
}



@media screen and (min-width: 999px) {
  .brchr-txt{
    display: none;
  }
    .community h2 {
        font-size: 50px;
        margin-bottom: 12px;
    }


    .community p {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 50px;
    }

    .community .comntyDetail {
        font-size: 14px;
        margin-bottom: 5px;
    }
  

    .community .comntyUserName {
        font-size: 24px;
        line-height: 36px;
    }

    .community .comntyUserCity {
        font-size: 13px;
        line-height: 21px;
    }

    .community .comntyRating {
        font-size: 18px;
        line-height: 20px;
    }

    .community .comntyStar {
        display: flex;
        align-items: center;
        margin-top: 12px;
    }

    .community .actionBtn {
        display: block;
    }

    .community .comntyImage {
        height: 300px;
        width: 200px;
    }
    .testiContent {
        flex: calc(100% - 303px);
        max-width: 50%;
        padding-left: 30px;
        margin-top: 0;
    }
    .testimonialBody {
        display: flex;
    }


}
/**/
.hadr-contact {
  display: flex;
  align-items: center;
  padding: 8px 0;
  gap: 67px;
  border-bottom: 1px solid #eaeaea;
}
.headr-call {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hadr-contact .headr-call a:last-child {
  margin-left: 14px;
}
.hadr-contact .headr-call a {
  color: #363636;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  position: relative;
}
.hadr-contact .headr-call a span {
  color: #999;
}
.hadr-contact .header-social {
  display: flex;
  gap: 6px;
  margin-left: auto;
}
.headr-call a {
  display: flex;
  gap: 10px;
}


@media screen and (min-width: 767px) {
  .hadr-contact-mob {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .hadr-contact {
    display: none;
  }
  .hadr-contact-mob {
    padding: 0 20px;
  }
  .hadr-contact-mob .hadr-contact {
    display: block;
    border-radius: 4px;
    background: #f6f6f6;
    padding: 20px;
  }
  .hadr-contact-mob .headr-call {
    gap: 10px;
    align-items: baseline;
  }
  .hadr-contact-mob .headr-call a:last-child {
    padding-left: 0px;
    margin-left: 0;
    margin-top: 10px;
  }
  .hadr-contact-mob .header-social i,
  .hadr-contact-mob .headr-call i {
    background: #fff;
  }
  .hadr-contact-mob .header-social {
    margin-top: 32px;
    gap: 10px;
  }
  .hadr-contact-mob .headr-call a span {
    color: #363636;
  }
}


.hadr-contact .hadr-mail a,
.hadr-contact .headr-call a,
.hadr-contact .header-social span {
  color: #363636;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  position: relative;
}
.hadr-contact .headr-call a span,
.hadr-contact .header-social span {
  color: #999;
}
.headr-call a,
.hadr-mail a {
  display: flex;
  gap: 10px;
}
.hadr-contact .header-social i,
.headr-call i,
.hadr-mail i {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #f6f6f6;
  display: grid;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .hadr-contact {
    display: none;
  }
#navigator .hadr-contact-mob .headr-call li a{
    color:#000;
    padding: :10px 0px;
}
.hadr-contact-mob .headr-call{
   display:grid;
}
.header-social span {
    color: #363636;
}
}

