/* css only for hover effect all hover effect must write in this Media query */
@media only screen and (max-width: 1920px) {


}

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

.container {
    max-width: 1800px;
}
}



@media only screen and (max-width: 1660px) {

}


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

}


@media only screen and (max-width: 1599px) {

p {font-size: 2.4rem;}
.btn {font-size: 2rem;}
.bannerSec {/*background-size: contain;*/ background-position: bottom;}
.aboutInner {max-width: 107rem;}
.address_sl {font-size: 2.3rem; vertical-align: top;}
.socialMeadia a {font-size: 2.6rem;}
.pickupinner ul li p {font-size: 2.4rem;}
.formTitle {font-size: 2.8rem;}
.formInfo {max-width: 40rem;}
.inputformField {min-height: 6.4rem; font-size: 2rem;}
.about_Desc {font-size: 3.2rem;}
.copyright {font-size: 2.2rem;}
.footerDesc {font-size: 2.2rem;}
.socialMeadia.footerMedia a {font-size: 3.4rem;}

.faqsmain {max-width: 90.8rem;}

.faqsmain .accordion-item .cmsCon p, .faqsmain .accordion-item .cmsCon li {font-size: 2.4rem;}
.faqsmain .accordion-item .accordion-header .accordion-button {font-size: 2.4rem;}

.bannerDesc {font-size: 2.4rem;}

.profilename {font-size: 2.4rem;}

.vehbraimg{padding-bottom: 60%;}
.vehbraimg img{max-width: 70%;max-height: 70%;}

/*---footer---*/

.footerLogo{max-width: 250px;}
.footInfo .foot-phone{font-size: 18px;}
/*---footer---*/

}





@media only screen and (max-width: 1366px) {

/*---vehicle-request---*/
.requestformMian{max-width: 80%;}
.requestform .fieldbox{padding: 9px 25px;}
.requestform .selectField{padding: 9px 25px;}
.requestrow{margin: 0 -20px;}
.requestrow .requestcol{padding: 0 20px;}
.requestform .applicable{font-size: 14px;margin-right: -105px;}
/*---vehicle-request---*/

}

@media only screen and (max-width: 1280px) {

}

 

/* common css for below screen 1199 */

@media only screen and (max-width: 1199px) {
.headerMain {padding: 1.7rem 4.4rem;}
.secHead .secTitle {font-size: 8rem;}
.siteLogo img {max-width: 36.0rem;}

.bannerSec{height: 94rem;}
.bannerBot {padding-left: 4rem;}

.socialMeadia a {font-size: 3rem;}

.aboutInner {max-width: 65%;}
p {font-size: 2rem;}

.footerMain {background: #000; padding: 7rem 8.6rem;}
.copyright {font-size: 14px;}
.footerDesc {font-size: 14px;}
.foot-phone br{display: none;}
.socialMeadia.footerMedia a {font-size: 3rem;}

.faqsmain .accordion-item .cmsCon li {font-size: 2rem;}

.faqsmain .accordion-item .cmsCon ul li:before {top: 3px;}

.rating {max-width: 105px;}

.vehicle-brands .logo-wrapper img {max-width: 30rem;}
/*---vehicle-request---*/
.requestformMian{max-width: 100%;}
.requestformTitle{font-size: 18px;margin-left: 20px;margin-bottom: 20px;}
.requestform .fieldbox{padding: 9px 20px;min-height: 50px;}
.requestform .inputField{font-size: 14px;padding: 0 10px 0 0;margin-right: 10px;}
.requestform .selectField{padding: 9px 20px;background-size: 11px;background-position: right 20px center;
padding-right: 30px;margin-right: 0;}
.requestform .col-form-label{font-size: 14px;padding: 0 10px 0 0; margin-right: 10px;}
.vehicle-requestSec{padding-bottom: 80px;}
.headlogo{margin-bottom: 44px;}
.requestform .applicable{margin-right: 30px;line-height: 1;padding-bottom: 10px;bottom: inherit;}
.formrow .formcol.formtopcol{padding-top: 22px;}
/*---vehicle-request---*/

/*---footer---*/
.footerLogo{max-width: 200px;}
footer li a{font-size: 14px;}
.footInfo .foot-phone{font-size: 16px;}
/*---footer---*/

}


/* common css for below screen 991 */

@media only screen and (max-width: 991px) {
html{font-size: 0.677vw}
p {font-size: 14px;}

header .navbar-toggler{padding: 4px 12px; font-size: 20px;}
header .navbar-toggler-icon{    width: 30px;}

.container {padding: 0 5rem;}
.headerMain {padding: 4.4rem 5rem 0 5rem;}

.btn {font-size: 12px; padding: 12px 20px;}
.topCall {font-size: 16px;}
.bannertitle {font-size: 8.6rem;}
.address_sl {font-size: 2.5rem;}
.aboutInner {max-width: 90%;}

.vehicleInfoImg {padding-bottom: 85.8rem;}

.pickupinner {padding: 0;}
.pickupinner ul li p {font-size: 14px; padding: 20px 9px;}

.secHead .SecondTitle {font-size: 5rem;}
.vehicleInfo {padding: 30px;}
.formInfo {max-width: 47rem;}
.inputformField {font-size: 12px; min-height: 7.4rem;}
.custom_drop {background-size: 10px;}
.step-btn {padding: 8px 20px;}
.step-btn span {width: 35px; height: 35px; line-height: 35px;}

.carleftImg {padding-bottom: 56.8rem;}
.carrightImg {padding-bottom: 78.3rem;}
.about_Desc {margin-left: 8.3rem; margin-top: 7.1rem;}

.inventoryInner {padding: 0 5rem;}
.vehicleImg {padding-bottom: 28.6rem;}

.footerMain {padding: 7rem 4.6rem;}
.footInfo {padding-left: 5rem;}
.copyright {font-size: 14px;}
.footerDesc {font-size: 14px;}

.container-fluid {padding: 0;}

.bannerCaption {
    width: 100%;
    max-width: 85.6rem;
    padding-top: 13rem;
    padding-left: 5.8rem;
}
.thankyouSec .bannerCaption
{
    top: 43%;
}
.bannertitle {margin-bottom: 20px;}
.bannerDesc {font-size: 20px;}

.trustSec {padding: 5.2rem 2rem;}
.trustBox {font-size: 16px;}

.processSec {padding: 14.9rem 15px;}

.step-wrapper .stepname {font-size: 14px;}

.step-wrapper {margin-bottom: 20px; padding: 0 30px;}

.whyInner {background-size: cover;}

.white-box {max-width: 100%;}

.checkTitle {font-size: 18px;}

.white-box ul.checkmark-list li:before {width: 20px; height: 20px;}

.testimonial_img {margin: auto; display: block; width: 124px; height: 124px;}

.testimonial_info {width: 100%;}

.profilename {font-size: 18px;}

.rating {max-width: 120px; margin-top: 10px;}

.stars_sl {padding-top: 15px;}

.purchaseBox {padding-bottom: 32.4rem;}

.vehicle-brands .logo-wrapper img {max-width: 25rem;}

.faqsmain {max-width: 70%;}

.faqsmain .accordion-item .accordion-header .accordion-button {font-size: 18px;}

.faqsmain .accordion-item .cmsCon li {font-size: 14px;}

/*---vehicle-request---*/
.page-template-vehicle-request .inner-page{padding-top: 30px;}
.requestrow .requestcol{margin-bottom: 20px;}
.requestrow .requestcol:last-child{margin-bottom: 0px;}
.page-template-vehicle-request header .navbar-brand{display: block;margin-right: auto !important;margin-left: auto;}
.page-template-vehicle-request header .navbar-toggler{display: none;}
.page-template-vehicle-request header{padding-top: 20px;}
.page-template-vehicle-request header.addbg{padding-top: 0;}
.vehicle-requestSec{padding-bottom: 50px;}
/*---vehicle-request---*/
}



/* common css for below screen 767 */

@media only screen and (max-width: 767px) {
html{font-size: 5px}
p {font-size: 14px; line-height: 1.4;}
.headerMain{padding: 4rem 3rem 0 3rem;}
.siteLogo img {max-width: 31rem;}
.topCall {margin-right:0px; font-size: 4.5rem;}
.topCall i{display: inline-block; margin-top:0.6rem; margin-right: 0;}
.topCall span{display: none;}
.headerMain .btn {min-width: 20rem;}
.container {padding: 0 3rem;}
.pageHead {margin-top: 10rem;}	
.pageHead .secHead .secTitle {margin-bottom: 3.6rem !important;}

.commonSec {padding: 5rem 0;}

.trustSec {margin:0;}
.bannerSec {height: 400px;}
.bannerCaption {padding-top: 7.6rem; max-width: 66.6rem;}

.bannertitle {font-size: 35px;}
.vehicleInfo {padding: 20px;}
.vehicleInfoImg {padding-bottom: 84.8rem;}
.formcol {margin-bottom: 12px;}
.formTitle {font-size: 18px;}
.formInfo {max-width: 100%;}
.step-btn {padding: 4px 12px;}
.inputformField {height: 36px; font-size: 14px;}
.aboutInner {max-width: 96%;}
.secHead .secTitle {font-size: 32px;}
.inventoryInner .secHead {margin-bottom: 10px;}
.vehbraslide .slick-prev{left: 15px;}
.vehbraslide .slick-next{right: 15px;}
.vehbraimg img{max-width: 80%;max-height: 80%;}

.vehicleInner {margin-left: -5px; margin-right: -5px;}
.vehicleInner li {padding: 0 5px;}
.vehicleImg {margin-bottom: 10px;}

.inventoryInner {padding: 0 15px;}
.aboutCar {margin-top: 30px; padding: 0 10px;}

.carleftImg {padding-bottom: 260px;}
.carrightImg {padding-bottom: 380px;}

.about_Desc {font-size: 18px; margin-left: 0; margin-top: 40px;}

.footerMain {padding: 20px;}
.footerLogo {margin-top: 0;}
.footerLogo img {max-width: 200px;}
.footInfo {padding-left: 0; margin-top: 0;}
.copyright {font-size: 14px; margin-top: 20px;}
.footerDesc {font-size: 14px;}
.socialMeadia.footerMedia a {font-size: 20px; margin: 0 6px;}

.faqsmain {max-width: 94%;}

.purchasedSec  .SecondTitle{text-align: center;}
.purchase-list {margin: 0; padding: 0;}
.purchase-list li {margin-bottom: 10px; padding: 0 5px;}

.purchaseBox {padding-bottom: 212px; max-width: 100%;}

.callSec {height: 400px;}

.callSec .callInner {width: 55rem;}

.callnow {font-size: 18px;}

.faqsmain .accordion-item .accordion-header .accordion-button {font-size: 16px;}

.faqsmain .accordion-button::after {background-size: 15px; width: 15px; height: 15px;}

.faqsmain .accordion-item .accordion-header .accordion-button {padding-left: 25px;}

.faqsmain .accordion-button:not(.collapsed)::after {bottom: 13px;}

.vehicle-brands .logo-wrapper {padding: 26px 15px;}

.secHead .SecondTitle {font-size: 28px;} 

.testimonialSec, .processSec {padding: 5rem 15px;}

.vehicle-brands .row {padding-top: 0;}


/* Thankyou page  */
.thankyouSec .bannertitle {margin-bottom: 2rem;}
.bannerbtn {padding-top: 5px;}
/* Thankyou page  */

/*---vehicle-request---*/
.vehicle-requestSec .secHead .secTitle{font-size: 32px;}
.requestformTitle{font-size: 16px;}
.requestformTitle{margin-left: 15px;}
.requestform .fieldbox{padding: 9px 15px;}
.requestform .selectField{padding: 9px 15px;}
.vehicle-requestSec .secHead{margin-bottom: 30px;}
.requestformMian .btn{margin-top: 0;}
.vehicle-requestSec{padding-bottom: 30px;padding-top: 30px;}
.headlogo{margin-bottom: 35px;max-width: 180px;}
footer li a{font-size: 14px;}
.footInfo .foot-phone{font-size: 14px;margin-bottom: 10px;}
.footInfo{margin-top: 15px;}
/*---vehicle-request---*/

}


@media only screen and (max-width: 568px) {
.thankyouSec .bannerCaption {
    top: 25%;
}
.bannerCaption {padding-left: 2.8rem; max-width: 55.6rem;}

.trust-factors li {vertical-align: middle;}

.white-box {padding: 20px;}

.logo-col {width: 33.3%;}
.thankyouSec .bannerCaption {padding: 30px;}
/*---vehicle-request---*/
/*---vehicle-request---*/

}


/* common css for below screen 479 */

@media only screen and (max-width: 479px) {

/*.headerMain {padding: 4rem 2rem 0 2rem;}*/
.bannerSec { height:calc(100vh - 200px); background: url(../img/m-banner-img.jpg) no-repeat center; background-size: contain; background-position: bottom;}
.arrowSection{display: block;}
.bannerCaption {padding-top: 30px;}
.bannerBot {padding-left: 10px; bottom: 15px;}
.address_sl {margin-left: 15px;}
.btn {font-size: 12px; padding: 12px 12px;}
.pickupinner {padding: 10px 0;}
.pickupinner ul li {width: 100%;}
.pickupinner ul li p {padding: 3px 10px;}
.vehicleInfoImg {padding-bottom: 74.8rem;}
.formTitle {font-size: 16px;}
.formInfo {max-width: 100%;}
.inputformField {height: 46px;}
.step-btn {padding: 4px 12px;}


.bannerCaption{max-width: 100%;text-align: center;padding: 30px 30px;position: absolute;top: 50%;transform: translateY(-50%);margin-top: -60px;}
.bannertitle {font-size: 50px; margin-bottom: 20px;}
.bannerDesc{font-size: 28px;}
.thankyouSec .bannerDesc{font-size: 22px;}
.secHead .SecondTitle {font-size: 26px; line-height: 1.2;}
.secHead .secTitle {font-size: 28px;}

.vehicleInner li {width: 50%;}
.vehicleImg {padding-bottom: 21.6rem;}

.about_right {display: none;}
.about_left {width: 100%;}
.about_Desc {margin-top: 20px;}

.footerMain {padding: 20px 0px;}
.footerLogo {margin-bottom: 15px;}
.footInfo p {font-size: 15px;}

.about_Desc br{display: none;}

.vehicleInfo {position: static; width: 100%;}

.trustSec {margin-top:0;}

.trust-factors li {width: 100%; margin-top: 15px; padding-top: 15px; border-top: 1px solid #252525;}

.trust-factors li:first-child{border:0; margin-top: 0; padding-top: 0;}

.videoSec {padding-top: 0;}
.videoBox {max-width: 100%; padding-bottom: 41.6rem;}
.videoclick {right: 63px;}

.purchase-list {white-space: normal;}

.purchase-list li {width: 50%; margin-bottom: 8px;}

.purchaseBox {padding-bottom: 240px; max-width: 100%;}

.testimonialSec {padding: 20px 15px;}

.vehicle-brands .logo-wrapper {padding: 10px;}

.logo-col {width: 50%;}

.vehicle-brands .logo-wrapper img {max-width: 136px;}


.testimonial_box {padding: 25px;}

.callSec .callInner {padding: 24px 0; bottom: 50px;}

.formbtn {text-align: center; width: 100%;}

.processSec {padding: 5rem 15px;}

.whyInner {padding: 40px 20px;}

}



@media only screen and (max-width: 380px) {

}


@media only screen and (max-width: 350px) {

.headerMain {padding:10px 0;}
.siteLogo img {max-width: 29rem;}
.topCall {margin-right: 2rem;}
.pageHead {margin-top: 7rem;}

}


/* common css for screen size between 480 to 767 */

@media only screen and (min-width: 480px) and (max-width: 767px) {

}


/* common css for screen size between 568 to 767 */

@media only screen and (min-width: 568px) and (max-width: 767px) {

}


/* common css for screen size between 600 to 767 */

@media only screen and (min-width: 600px) and (max-width: 767px) {

	
}



/* common css for screen size between 768 to 1199 */

@media only screen and (min-width: 768px) and (max-width: 1199px) {


}


/* common css for screen size between 768 to 1023 */

@media only screen and (min-width: 768px) and (max-width: 991px) {


}

/* common css for screen size between 1024 to 1199 */

@media only screen and (min-width: 1200px) and (max-width: 1366px) {

}