.righticon { background-position: -3px -151px; height: 11px; width: 16px; }
.crossicon { background-position: -24px -150px; height: 12px; width: 16px; }
.fbicon{background-position: -140px -100px;height: 14px;width: 8px;}
.fbicon:hover{background-position:-166px -100px;}
.twicon{background-position: -151px -100px;height: 12px;width: 15px;}
.twicon:hover{ background-position:-177px -100px;}
.comparewrap h3.open a .sprite{background-position: -82px -174px;}
.comparewrap h3 a .sprite{ background-position: -82px -166px; }
.outlet .shoppanel .addressicon {background-position: -180px -243px;height: 25px;width: 20px;}
.outlet .shoppanel .contacticon {background-position: -145px -243px;height: 26px;width: 25px;}
.outlet .shoppanel .conpersonicon {background-position: -53px -247px;height: 17px;width: 25px;}
.outlet .shoppanel .landicon {background-position: -113px -244px;height: 22px;width: 26px;}
.outlet .shoppanel .opencloseicon {background-position: -83px -245px;height: 24px;width: 23px;}
.outlet .locatebtn .sprite {background-position: -24px -249px;height: 18px;margin-right: 6px;width: 13px;}
.popupwrap .close {background-position: -2px -272px;}
.popupwrap .close:hover{background-position: -24px -272px;}
@media screen and (min-width:479px) {
     /*FTC*/
    #leadpopup_point{ width: 400px !important; }
    #tab3 .picturepage img{ width: 330px !important; }
.shortnav {width:140px;}
.shortnav a { margin:0 14px;}
}

@media screen and (min-width:500px) and (max-width:600px) {
/*Home Gallery*/
#gallery li { width:280px; height:280px;}
}

@media screen and (min-width:600px) {
/* Heading */
.mainheading h1, .mainheading h2{ font-size:32px;}
.carmodeldetail h2{ font-size:24px;  }
.mainheading h1:before, .mainheading h2:before, .mainheading h1:after, .mainheading h2:after{top:19px;}
.mainheading h1:before, .mainheading h2:before { left:-72px;}
.mainheading h1:after, .mainheading h2:after { right:-72px;}
.carmodeldetail .carmodelinner h2 a { font-size:24px;}
/*Pick Car Section */
.pickcar .carname{max-width: 352px;}
.cargendet{max-width: 520px;}
.pickcar .cargendet li{ display:inline-block; margin-right:20px;}
.cargendet .icon{ margin-right:6px;}
/*how to find section*/
.howtofind .fields{margin-right: 10px;width: 200px;}
/*Home Slider */
#bannerslider img { width:100%; display:block; height:auto; max-width:100%;}
/*Model Page*/
.mileagedata .cardmodeldetail .mileageicons li{width:269px; display:inline-block; margin-right: 0;}
.cardmodeldetail li {display: inline-block; margin: 30px 20px 0 0;}
/* Used Car Detail Page */
.featuretext p { line-height:1.2; font-size:13px; font-family: 'ralewayregular' color:#959494; padding:7px 0 5px; float:none; width:auto;}
#usedcardetail .owl-buttons > div{ bottom:130px;}
#usedcardetail .detail {display: inline-block;margin-right: 6px;vertical-align: top; width: 278px;}
/* New Car */
.newcarwrap .cars li, .offerpage li{ width: 45%; }
/*Used Car*/
.usedcar .searchfilter .fields{width:190px; margin-right: 20px;}
#advanced.active{width: auto;}
}

@media screen and (min-width:767px) {
 /*Popup OTP*/
     .otppopup{ margin: 0 0 0 -200px !important;width: 400px !important;}
     .otppopup .popupbutton{ float: none;margin: 10px 0 0;text-align: center;}
    /*Responsive Table*/
    .rwd-table td:before { display: none !important; }
    .accessories table .select-button { margin-bottom: 0; }
    .rwd-table th { display: table-cell; padding: 1.2em 1.2em 1em !important; text-align: center; }
    .rwd-table th:first-child, .rwd-table td:first-child { padding-left: 0; }
    .rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; }
    .rwd-table td { display: table-cell; padding: 0.9em !important; text-align: center; }
    .rwd-table td:first-child { text-align: left !important; }
    .rwd-table th:first-child { text-align: left !important; }

.rightbutton {display: block;}	
/*Header */
header { top:40px;}
.nav { padding-top: 75px }
.nav-up { top: -100px !important; }
/*pick a car section*/
.gonp { width: 195px; }
.cargendet { display: inline-block; vertical-align: top; max-width: 266px; }
.pickcar .cargendet li { margin: 12px 0 40px; display:block; }
.pickcar .carname { display: inline-block; text-align: left; vertical-align: top; max-width: 212px; }
.carpics { display: inline-block; margin: 0; max-width: 230px; vertical-align: top; }
/*Home Gallery*/
.findus .fields { width:240px;}
/*how to find section*/
.howtofind .fields{ margin-right:10px;}
/* Model */
.cd-tabs-navigation { width: 100%; }
.cardmodeldetail li { display: inline-block; margin: 0 43px 0 0; }
.cardmodeldetail .modeimg { padding:50px 0 20px; }
.cardmodeldetail .color{ margin-bottom:60px}
.cardmodeldetail .bntsection { margin-top: 50px; }
.cardmodeldetail .bntsection .getonbnt { padding: 23px 78px; }
.carmodel .graybg h2 { padding-bottom: 30px; }
.cardmodeldetail .color .select-wrapper { width: 220px; }
.variant .cardmodeldetail .modelprice .name{ float:left;}
.variant .modelprice .select-wrapper{ float:left; margin-top:-5px; margin-left: 10px;}
.variant .cardmodeldetail .modelprice{ width:80%}
.cardmodeldetail li .mileage{ margin-left:0;}
.pricemodelcity{ float:right; margin-top:0; width:200px;}
/* Modal Price */
.modelprice .priceblock { float:left;}
.modelprice .pricemodelcity { float:right;  max-width:200px;}
/*Used Car Detail*/
#usedcardetail .owl-buttons > div{ bottom:130px;}
.fields {margin-right: 20px;width: 250px;}
}

@media only screen and (min-width: 800px) {
.nav-item a.BigNav {   padding: 0 9px; }
#menu { top: 17px; }
}
@media only screen and (min-width: 979px) {
/* Picture */
#picture .tabbutton li.mob360view, .cd-tabs-navigation .mob360view { display: block; }
/* Model Spec*/
.carmodel .specsfront { width: 48%; }
.carmodel .specsside { width: 48%; }
#picture .tabbutton li.mob360view, .cd-tabs-navigation .mob360view { display: block; }
/*New Car Page */
.newcarwrap .cars li, .offerpage li { width: 372px; }
.newcarwrap .cars li a img, .offerpage li img{ width: auto; }
}

@media screen and (min-width:1007px) {

 .accimg{ width: 140px;text-align: center !important; }
.accespage table td, .accespage table th { text-align: left; }
.accespage table td:first-child{ text-align: center !important; }
    
    /*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;}
    #leadpopup_point.feelpopup img {float: left;margin: 0 15px 0 0;}
    
	#testimonials .testimonial { width: 50%; }
header {position: absolute; }
 #sync1 .owl-buttons { display:block;}
.shortcuts { position: inherit; }
.social .fb, .social .tw { border-left: 1px solid #d8d8d8; height: 16px; }
/*Footer*/
footer { padding:14px 15px 0px;}
footer .footertop li:first-child { margin-left:0;}
footer .logo{float: right; text-align: right; width:210px; margin-top:0;}
footer .footertop ul { float:left; width:780px; text-align:left; padding-top:11px;}
footer .footerbottom { text-align:left;}
/*Header CSS*/
.logomobi { display: none; }
.logopc { display: block; }
.topfloatmenu { float: right; position: relative; }
header .logo { margin:0;  width:220px; padding:3px 10px; }
.social { margin-right: 10px; position: relative; right: 0; top: 2px; width: 87px; }
.social .fb, .social .tw { width: 40px; }
header .offers { display: block; }
header .phno { display: inline-block; position: relative; vertical-align: top; top: auto; right: auto; }
header .phno > a::after { border: 7px transparent solid; bottom: -16px; box-sizing: border-box; content: ""; display: block; height: 16px; left: 0; margin: auto; position: absolute; right: 0; width: 15px; }
#menu { position: relative; top: 0; }
.titlecont h1::before { background: #222 none repeat scroll 0 0; bottom: 9px; content: ""; display: inline-block; height: 1px; left: 0; margin: 0 20px 0 0; position: relative; width: 70px; }
.titlecont h1::after { background: #222 none repeat scroll 0 0; bottom: 9px; content: ""; display: inline-block; height: 1px; left: 0; margin: 0 0 0 20px; position: relative; width: 70px; }
.tw .sprite { top: 3px; }
/*navigation*/
header .logo { position:relative;}
.nav-submenu-item a { padding: 15px; }
.divider { display: inline-block; }
.more .submenu-onclick { min-width: 180px;width: 100%; position: absolute;top: 70px; right: 0}
li.popuplisttitle .pickdial { font-size: 30px; }
.numberslist { padding: 12px 17px 5px; }
.nmbrs a { font-size: 18px; }
.nmbrs a:hover { color: #fff; background-image: url(../image/call2.png); }
#menu { display: inline-block;float: right;height: 70px;left: 0;margin: 0 15px;padding: 0;position: relative;vertical-align: middle;width: auto;}
.shortcuts{margin-right: 0;margin-top: 28px;}
.nav-list:before { display: none; }
.nav-item { margin: 0 3px; text-align: center; box-sizing: border-box; }
.nav-item a { color: #fff;}
#menu li.nav-item {border-bottom: 2px solid transparent;}
.nav-item:last-child { border-right: none; }
.nav-item a.BigNav { line-height: 68px;}
.nav-submenu { min-width: 180px; width: auto; }
.nav-submenu.moremenu { left: auto; right: 0 !important; }
.share .nav-submenu.moremenu { top: 100%; }
.nav-item:hover .nav-submenu { display: block; }
.showsubmenu { position: absolute !important; }
.arrowbg { display: inline-block; margin-left: 9px; position: relative; top: -3px; vertical-align: middle; }
.arrowbg .arrow.sprite { background-position: -57px -4px; height: 6px; width: 12px; }
.arrowbg.morearrow .arrow.sprite { background-position: -13px 0; height: 24px; width: 24px; position: relative; }
#menu li.nav-item:hover .submenu .arrowbg .arrow { background-position: -56px -12px; }
.stickyiconsheader { bottom: 0; height: 100px; margin: auto; position: absolute; display: none; right: 0; top: 0; width: 66px; }
.topbuttons .stickyiconsheader { height: auto; }
.nav-item.stickyiconsheader:hover .BigNav { background-color: #fff; }
.nav-item.stickyiconsheader .BigNav, .topbuttons .stickyiconsheader a { display: block; height: 100%; left: 0; margin: 0 !important; padding: 0 !important; position: absolute; top: 0; width: 100%; }
.stickyiconsheader.share { right: 66px; }
.stickyiconsheader.share .sprite { background-position: -40px 0; bottom: 0; display: block; height: 26px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 26px; }
.stickyiconsheader.call .sprite { background-position: -68px 0; bottom: 0; display: block; height: 26px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 26px; }
.topbuttons { border-radius: 3px; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; height: 60px; position: absolute; right: 0; top: 20px; width: 132px; z-index: 1; }
.topbuttons .stickyiconsheader { display: block; }
.topbuttons .stickyiconsheader.share .sprite { background-position: -124px 0; }
.topbuttons .stickyiconsheader.share:hover .sprite { background-position: -127px 0; }
.topbuttons .stickyiconsheader.call .sprite { background-position: -97px 0; }
.topbuttons .stickyiconsheader.call:hover .sprite { background-position: -68px 0; }
.topbuttons .stickyiconsheader.share a { border-radius: 3px 0 0 3px; }
.topbuttons .stickyiconsheader.call a { border-radius: 0 3px 3px 0; }
.topstick { position: relative; display: block; }
.more .moreicon{ background-position: 0 -17px; }
/*pick a car section home page*/
.pickcar .carname { max-width: 273px; }
.carmobi { display:none;}
.desktopimg { display:block;}

/*breadcrumbs*/
.breadcrumbs { display: block; }
/*map CSS*/
.fieldwrapper { position:absolute;}
.map{display: block; width: 100%; margin:2px 0 0;}
.map img{ width:100%; display:block;}
.findus .btnwrap2{ display:none;}
.findus{ height:auto; padding-bottom:0;}
.findus .fields:last-child{ margin-right:0px !important;}
/*Home testimonial section*/
#testimonials { width: 100%; display: table;}
#testimonials .aboutus, #testimonials .testimonial { display: table-cell; vertical-align: top; }
#testimonials .testimonial .wrap { float: left; margin-left: 30px; max-width:518px; }
#testimonials .aboutus .wrap { float: right; margin-right: 20px; max-width:398px;}
/* Model */
.modelpictures .picgallery { text-align: left; }
.modelpage .accestable .tablebtn .button{ width:auto;}
.carmodelholder > div, .carmodelholder > div img{ display:block;}
.thereview360 li img{height:185px;}

#page { background: #fff; padding:0 0 40px 0;}
.cardmodeldetail .bntsection {margin-top: 50px;}
/*Used Car Detail*/
#usedcardetail .featuretext{ width:48%; display:inline-block;}
#usedcardetail .owl-buttons > div{ bottom:60px;}
#usedcardetail .usedtopblock .left { float: left; width: 365px;}
#usedcardetail .usedtopblock .right { float: right; width: 575px; text-align: left; margin-left: 40px; }
#usedcardetail .slidersectionleft .model { right: 0px; top: 30px; }
#usedcardetail .rightcardetail { margin-left: 40px; }
#usedcardetail .rightcardetail { width: 521px; margin-top: 25px; }
#usedcardetail .rightcardetail .cardetail li { width: 45%; margin-right: 40px; }
#usedcardetail .detail {width: 265px; margin-top: 0;}
/*new car*/
.newcarwrap .cars li, .offerpage li { width: 31%; }
/*Used Car*/
form.searchblock{ text-align: left; }
.searchblock button{ display: inline-block; }
.usedcar .searchfilter .fields{margin-bottom: 0;}
}

@media screen and (min-width:1179px) {
/*navigation*/
.nav-item a.BigNav { padding: 0 10px; font-size: 14px; }
/*select a car section*/
.pickcar .cargendet li { margin: 12px 0 80px; }
.carpics { margin: 0; max-width: 540px; }
.cargendet { max-width: 290px; margin-top:40px; }
.pickcar .cardetails{ padding-bottom:75px;}
/*footer*/
.midclo.col-3 { max-width: 720px; }
footer .locdetail > ul { padding-left: 28px; }
footer .footerbottom .social { margin-top:0; margin-right:0;}
footer .footerbottom .left{ margin-left:0;}
/*used car detail*/
#usedcardetail .usedtopblock .left { float: left; width: 565px; }
#usedcardetail .owl-buttons > div{ bottom:130px;}
/*New Car*/
.newcarwrap .cars ul, .offerpage ul { width: 100%; }
.newcarwrap .carinfo li { max-width: 190px; }
}

@media screen and (min-width:1260px) {
.innerpage2{ padding-left:0;padding-right:0;}
.innerpage2{ padding-bottom:50px;}	
.fields {width: 272px;}
/*how to find section*/
.howtofind .fields{ width:360px; margin-right:45px;}
.howtofind .fields:nth-of-type(3n){ margin-right:0px;}
.howtofind form { margin-top: 50px;}
/*Home Testimonial Section*/
#testimonials .aboutus .wrap {  margin-right: 30px; max-width:518px;}
/*Used Car Detail*/
#usedcardetail .detail {width: 275px;}
/*Used Car*/
.usedcar .searchfilter .fields{width:180px;}
/*Finance*/
.carfinence .comments textarea{ height: 187px !important; }
.contactinform{  margin-bottom: 54px !important; }
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
.mfp-img-mobile img.mfp-img { padding: 0; }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
}

@media all and (max-width: 900px) {
img.mfp-img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 10px solid #fff; box-sizing: border-box; display: block; height: auto; line-height: 0; margin: 40px auto; max-width: 100%; width: auto; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: -6px; }
.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
.mfp-container { padding-left: 6px; padding-right: 6px; }
}

@media screen and (max-width:1006px) {
.breadcrumbs{display:none;}
#sync2 { display: none !important; }
#googleMap { display: none; }
.nav-mobile { display: block }
.open > .nav-list { position: fixed; top: 0; left: 0; height: 100%; display: block; z-index: 9999; background: #fff; }
.open > .nav-mobile .menuicon { opacity: 0.32 !important; top: 74px; background-position: -46px 0; }
.nav-list { padding: 0; position: fixed; z-index: 9999; top: 0; left: -300px; width: 250px; height: 100%; overflow-x: hidden; overflow-y: scroll; transition: 0.3s; box-shadow: -4px 0 15px 0px #373435; -webkit-box-shadow: -4px 0 15px 0px #373435; -moz-box-shadow: -4px 0 15px 0px #373435; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
#menu .title {border-bottom: 1px solid rgba(0, 0, 0, 0.043);box-shadow: -4px 0 5px 0 #373435;box-sizing: border-box;color: #fff;display: block;font-family: "robotoregular";font-size: 20px;
height: 60px;line-height: 62px;padding: 0 18px;text-align: left;text-shadow: 0.8px 0.8px 3px #111;text-transform: uppercase;width: 100%;}
#menu ul li { display: block; float: none; }
.nav-submenu-item a { padding: 15px 50px; }
.nav-item a { display: block; line-height: 50px; }
.arrowbg { position: absolute; right: 15px; top: 0; margin-top: 0; height: 26px; width: 26px; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; text-align: center }
}