@charset "utf-8";
/* CSS Document */
body{font-family: 'Roboto-Regular';}
a:hover{text-decoration: none !important; outline: none !important;}
.wrapper{width: 1178px; margin: 0 auto;}
.pr-0{padding-right: 0}
.pl-0{padding-left: 0}
.pb-0{padding-bottom: 0;}
header{background: #000000;}
.header-block{background: #000000; max-width: 1132px; padding:0; margin: 0 auto; position: relative;}
.border-t{border-top: 1px solid #181818;}
.fixed-logo{margin-right: 10px; display: none;}
.fixed-top{background: #000000; top: -40px; transform: translateY(40px); transition: transform .3s;}
.fixed-top .header-section{display: none;}
.fixed-top .fixed-logo{display: block;}
.logo img{/*width: 100%;*/}
.mobile-logo{display: none;}
.container{width: 100%; max-width:1178px; }
.full-width{width: 100%; max-width: 100%; padding-left: 0; padding-right: 0;}
.lodrclass{position: absolute;margin: 0 auto;inset: 0px;top: 600px;}

.right-top-block{text-align: right; display: inline-flex; float: right;}
.right-top-block ul{margin: 0; padding: 0; display: inline-flex;}
.right-top-block ul li{ list-style: none; position: relative; padding: 0px 57px 0 0; margin-top: 10px;}
.right-top-block ul li.tool-free{margin-left: 57px;}
.right-top-block ul li.contact-us{padding-right: 0; color: #ffffff; text-decoration: none; font-family: 'Roboto-Medium'; font-size: 15px; text-transform: inherit; padding-top: 2px;}
.right-top-block ul li.contact-us .pop-up{}
.right-top-block ul li.contact-us:hover .tooltip-block{display: block;}
.right-top-block ul li a{ color: #ffffff; text-decoration: none; font-family: 'Roboto-Medium'; font-size: 11px; text-transform: uppercase;}
.right-top-block ul li a:hover{color:#cf2230;}
.right-top-block ul li.active a{color:#cf2230; }
.right-top-block ul li.tool-free a::before{content:''; background: url(../images/glob-spanner.svg) no-repeat; width: 15px; height: 15px; display: inline-block; position: absolute; left: -26px; top: 6px;}
.right-top-block ul li.contact-us::before{content:''; background: url(../images/glob-contact.svg) no-repeat; width: 15px; height: 15px; display: inline-block; position: absolute; left: -26px; top: 5px;}
.search{margin-top: 0px; margin-left: 60px;}
.search-box{display: flex; /*width: 13rem;*/ height: 1.8rem; background: transparent; align-items: stretch; position: relative; background: url(../images/input-box-border.svg) no-repeat center;
    background-size: contain; padding-left: .5rem; padding-right: 1rem;}
.search-box-middle-div{display: flex; height: 100%; flex-grow: 10;}
.search input{/* width: 100%;*/ height: 100%; border: 0; outline: 0; background-color: transparent; padding-right: 0%; padding-left:3%; font-family: 'Roboto-Medium'; font-weight: normal; font-size: 14px; color: #ffffff;}
.search-icon{position: absolute; width: 1.1rem; height: 86%; right: -0.2rem; align-self: center; cursor: pointer; background: #000000; top: 2px;}

.tooltip-block{position: absolute; width: 200px; left: -77px; top: 32px; display: none;}
.tool-tip{background-color: rgba(255, 255, 255, 0.98); padding: 8px; position: relative; font-size: 13px; width: 100%; display: block; color: #555555; font-weight: 500; -webkit-box-shadow: 1px 1px 4px 1px #DBDBDB; box-shadow: 1px 1px 4px 1px #DBDBDB; z-index: 9; font-family: 'Roboto-Regular'; text-align: left;}
.tool-tip::before{content: ''; background: url(../images/arrow-tooltip.png) no-repeat; background-size: 20px; width: 36px; height: 25px; position: absolute; top: -12px; left: 20px; right: 0; margin: auto;}
.tool-tip strong{font-weight: normal;}

.mg-navbar .bg-dark{background: none !important; padding: 12px 0;}
.mg-navbar .navbar-collapse{justify-content: flex-start;}
.mg-navbar .navbar-nav{flex-direction:inherit;}
.mg-navbar .navbar-nav li{width: inherit !important;}
.mg-navbar .navbar-nav li a{font-family: 'Roboto-Bold'; font-size: 11px; color: #ffffff !important; text-transform: uppercase; margin-right: 32px; padding-left: 0 !important; padding-right: 0 !important; background: none !important; height: inherit !important; line-height: inherit !important;}
.mg-navbar .navbar-nav li a:hover{color: #cf2230 !important;}
.fixed-top .mg-navbar .navbar-nav li a{margin-right: 30px;}
.mg-navbar .navbar-nav li.active a{color: #cf2230 !important;}
.mg-navbar .navbar-nav li.nav-item:hover ul.dropdown-menu{ display: block; }
.mg-navbar .navbar-nav .dropdown-menu{position: absolute; width: auto !important;}
.mg-navbar .navbar-nav li.nav-item:hover ul.dropdown-menu::before{background: url(../images/btn-down-arrow-red.svg) no-repeat; content: ''; display: inline-block; position: absolute; top: -12px; left: 0; right: 0; margin: auto; width: 20px; height: 12px; transform: rotate(180deg);}
.mg-navbar .navbar-nav li.dropdown a.nav-link::after{background: url(../images/btn-down-arrow-red.svg) no-repeat; content: ''; display: inline-block; width: 12px; height: 8px; border: 0; position: absolute; top: 11px; margin-left: 6px;}
.mg-navbar .navbar-nav li.dropdown:hover a.nav-link::after {background: url(../images/btn-down-arrow-red.svg) no-repeat; content: ''; display: inline-block; width: 12px; height: 8px; border: 0; position: absolute; top: 11px; margin-left: 6px; transform: rotate(180deg);}
.mg-navbar .navbar-nav li ul.dropdown-menu{ background: rgba(0,0,0,0.7); border: 1px solid #cf242f;}
.mg-navbar .navbar-nav li ul.dropdown-menu li{margin-bottom: 1rem;}
.mg-navbar .navbar-nav li ul.dropdown-menu li a{margin-left: 0 !important; padding-left: 15px !important; padding-right: 15px !important; }
.mg-navbar .navbar-nav li ul.dropdown-menu li a:hover{background: none; color: #cf242f;}
.navbar-nav li ul.dropdown-menu li a.in-drop-icon::after{background: url(../images/btn-down-arrow-red.svg) no-repeat; content: ''; display: inline-block; width: 12px; height: 8px; border: 0; position: absolute; top: 17px; margin-left: 6px;}
.inner-dropdown{ display: none; margin: 0; padding: 0 0 0 10px; }
.inner-dropdown li{margin-bottom: 0px !important; list-style: none;}
.navbar-nav li ul.dropdown-menu li:hover .inner-dropdown{display: block;}
.mg-navbar .navbar-nav li.home-icon a{padding: 8px 0 0 0; margin-right: 32px;}


.h2{color: #cf2230; font-size: 30px; font-family: 'Gill-Sans-SemiBold'; text-align: center; text-transform: uppercase;}
.slider-bg{background: url(../images/slider-img.jpg) no-repeat center center; height: 600px; width: 100%; background-size: cover; position: relative; display: none;}
.banner-text{margin: 15% 0;}
.banner-text h2{font-family: 'Roboto-Bold'; font-size: 56px; color: #cf2230; margin: 0; padding: 0 5px;}
.banner-text h3{text-transform: uppercase; font-size: 30px; padding: 0 5px;}
.quick-search-bg{position: relative; bottom: 58px; left: 0; right: 0; margin: 0 auto; width: 1000px; margin-top: 41%;}
.quick-search{background:rgba(255,255,255,0.8); padding: 15px 25px 20px 25px; margin: 0 auto; position: relative; z-index: 9;}
.quick-search span{font-size: 14px;}
.quick-search-bg h4{font-size: 16px; text-transform: uppercase; font-family: 'Roboto-Bold'; text-align: center; color: #ffffff; background: #000000; margin: 0; padding: 15px 15px; display: block; width: 18%; margin-left: 0px; }
.quick-search .form-group{display: inline-block; flex-flow: column !important; width: 100%;}
.find-cars{background: #cf2230; color: #ffffff; border: none; padding: 13px 45px; text-transform: uppercase; margin: 24px 0 0 0;}
.quick-search .form-group span{font-family: 'Roboto-Bold';}
/*.swiper-slide.slide-one{background: url(../images/slider-img.jpg) no-repeat center center; width: 100% !important; height: 600px !important; background-size: cover; position: relative; }
.swiper-slide.slide-two{background: url(../images/finance-slider.jpg) no-repeat center center; width: 100% !important; height: 600px !important; background-size: cover; position: relative;}*/
.mySwiper{position: relative;}
.banner-block-content{position: absolute; z-index: 9; top: 0; left: 0; right: 0;}
.mySwiperBanner{position: relative;}
.mySwiperBanner .swiper-container{height: 100% !important;}
.mg-reassure .reassure-block{background: #fbfbfb; padding: 20px; border-radius: 6px; border: 1px solid #f9f9f9; box-shadow: 0px 0px 0px 1px #fafafa;}
.reassure-block h3{font-size: 20px; color: #00000; font-family: 'Roboto-Bold'; text-align: center; margin: 0;}
.reassure-block p{font-size: 16px; text-align: center; margin: 0;}
.about-block p{font-size: 16px; font-family: 'Roboto-Regular'; color: #000000;}
.youtube-block{padding-top: 5px;}
.mg-family{background: #fafafa;}
.mg-family p{font-size: 16px; font-family: 'Roboto-Regular'; color: #000000;}
.mg-fam img{background: #f3f3f3; padding: 5px; width: 100%;}
.mg-fam h4{font-size: 18px; padding: 15px 0; font-family: 'Roboto-Bold';}
.carousel-video-play-overlay{width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.mg-pre-owned{background: #fafafa; border: 1px solid #f5f5f5; padding: 10px 15px;}
.mg-pre-owned h3{font-size: 18px; font-family: 'Roboto-Bold'; margin: 0;}
.mg-pre-owned .form-control{font-size: 12px; height: 36px !important; line-height: 22px !important; padding-left: 18px !important; padding-right: 40px;}
.mg-pre-owned .nice-select:after{width: 16px; height: 10px; top: 12px; right: 14px;}
.mg-pre-owned .nice-select .option{font-size: 12px; line-height: 30px; min-height: 30px; padding-left: 18px;}
/*.sortby{direction: rtl;}*/
.sortby select option{text-align: left; padding: 5px;}
.sortby .nice-select.wide{width: 70%; max-width: 100%; padding-right: 40px !important;}
.uc-left-block{width: 32%; padding-right: 30px;}
.uc-left-block article{background: #fbfbfb; padding: 20px 20px 50px 20px; border: 1px solid #f0f0f0;}
.uc-right-block{width: 68%;}
.uc-right-block .used-car-block{overflow: hidden; width: 49.8%;}
.used-car-block img{width: 100%; height: auto;}
.used-car-block article{border-radius: 0px; position: relative; background: #fbfbfb; border: 1px solid #f5f5f5; border-top: 0;}
.used-car-block .swiper-slide{border: 1px solid #e1e1e1;}
.car-details{padding: 0 10px 15px 10px;}
.car-name{font-size: 16px; font-family: 'Roboto-Bold'; padding: 10px  0 10px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.car-name a{color: #212529; text-decoration: none;}
.car-name a:hover{color: #cf2230;}
.car-price{font-size: 16px; color: #cf2230; font-family: 'Roboto-Bold'; padding: 0px 0 15px 0;}
.car-spec span{width: 124px; text-align: center; background: #fbfbfb; border: 1px solid #e1e1e1; font-size: 12px; padding: 3px 5px; display: table-cell;}
.car-spec span i{padding-right: 5px;}
.car-loation{width: 100%; display: block !important; text-align: center; background: #fbfbfb; border: 1px solid #e1e1e1; font-size: 12px; padding: 4px 5px; display: table-cell;}
.car-loation .fa-map-marker{margin-right: 5px;}
.btn-details{background: #000000; padding: 6px 20px; color: #ffffff; text-align: center; text-decoration: none; font-size: 12px; text-transform: uppercase; font-family: 'Roboto-Medium'; display: inline-block;}
.btn-details:hover{background: #cf2230; color: #fff; text-decoration: none;}
.btn-chat{background: #cf2230; padding: 6px 20px; color: #ffffff; text-align: center; text-decoration: none; font-size: 12px; text-transform: uppercase; font-family: 'Roboto-Medium'; border: none; margin: 0;}
.btn-chat i{font-size: 15px; padding-right: 5px;}
.btn-chat:hover{background: #000000; color: #ffffff; text-decoration: none;}
.btn-enquiry{margin-left: 10px;}
.mg-certified{position: absolute; background: #000000; color: #ffffff; font-size: 12px; padding: 2px 8px; right: 0; top: 0;padding-left: 13px; z-index: 2;}
.mg-certified::before{background: url(../images/glob-logo.svg) no-repeat; content: ''; width: 14px; height: 14px; display: inline-block; position: relative; top: 2px; right: 4px;}
.mg-certified::after{background: url(../images/steps-tick-icon.svg) no-repeat; content: ''; width: 14px; height: 14px; display: inline-block; position: relative; top: 2px; left: 4px; background-size: 14px;}
.fuel-icon{position: relative;}
.fuel-icon::before{background: url(../images/fuel-icon.svg) no-repeat; position: relative; width: 17px; height: 17px; content: ''; right: 2px; top: 4px; display: inline-block;}
.view-all{color: #cf2230; font-size: 14px; font-family: 'Roboto-Medium'; text-decoration: none;}
.view-all:hover{color: #000000;}
.position-r{position: relative;}
.hdng h2{float: left;}
.hdng .view-all{float: right;}
.modal{background: rgba(0,0,0,0.5);}
.modal-dialog{max-width: 400px;}
.modal-content .modal-title{ font-size: 20px; line-height: 20px; font-family: 'Roboto-Medium'; color: #000000;}
.modal-content .modal-title small{font-size: 14px; font-family: 'Roboto-Regular';}
.modal-content .modal-header{background: #f2f2f2; padding: 0.8rem 1rem;}
.modal-content .modal-body{padding: 20px;}
.service-record-popup .modal-dialog{max-width: 600px;}
.service-record-popup .modal-content .modal-body .table-hd{max-height: 165px; overflow-y: scroll; border-top:1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; position: relative;}
.service-record-popup .modal-content .modal-body .table-hd table tr th{border-bottom: 1px solid #f0f0f0; background: #ffffff}
.service-record-popup .modal-content .modal-body .table-hd table thead tr th{position: sticky; top: 0; background: #fafafa;}
.close {float: right;width: 26px;height: 26px;padding: 0;border: none; background: url(../images/mg-close.svg) no-repeat; background-size: 26px;}
.close:hover,.close:focus { background: url(../images/mg-close-h.svg) no-repeat; background-size: 26px;}
.chat-popup .btn-chat{padding: 10px 20px; font-size: 14px;}
.chat-popup .btn-chat i{font-size: 18px; padding-right: 5px;}
.input-checkbox .form-check-input[type=checkbox]{background: url(../images/mg-checkbox.svg) no-repeat; border: none; border-radius: 0;}
.input-checkbox .form-check .form-check-input:checked{background: url(../images/mg-checkbox-tick.svg) no-repeat; border: none; margin-right: 5px; margin-top: 3px;}
.input-checkbox .form-check .form-check-input:focus{box-shadow: none;}
.uc-left-block .form-control{height: 50px !important; line-height: 35px !important; font-size: 13px; padding-left: 10px !important;}
.uc-left-block .form-group label{font-size: 14px}
.uc-left-block .nice-select .option{min-height: 50px; line-height: 50px; font-size: 14px; font-family: 'Roboto-Regular'; font-weight: 600; padding-left: 18px; padding-right: 18px;}
.uc-left-block .nice-select:after{width: 14px; height: 9px; top: 20px; right: 14px;}
.uc-left-block p{font-size: 15px;}
.mob-search, .mb-menu{display: none;}
.about-mg-block{background: #fbfbfb; border-bottom: 1px solid #f7f7f7; border-top:1px solid #f7f7f7;}
.mg-family h4{text-align: center; font-family: 'Roboto-Medium'; font-size: 16px; margin: 15px 0 20px 0;}
.video-block{height: 230px;}
.video-block iframe, .video-block video{ width: 100%; height: 100%;}
.view-360{background: #fafafa;}
.myVideoSwiper.swiper-container{height: 600px !important;}
.myVideoSwiper .swiper-wrapper iframe{width: 100%; height: 100%;}
.mg-reassure-benefits .listing li{background: none;}
.list-hdng{margin-bottom: 10px;}
.list-hdng h4{padding-top: 15px; padding-left: 15px; font-family: 'Roboto-Medium';}
.myVideoSwiper .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ color: #ffffff; }
.myVideoSwiper .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{color: #ffffff;}
.line-20{line-height: 20px;}
.clear-search{background: #000000; color: #ffffff; border: none; padding: 10px 15px; font-family: 'Roboto-Medium'; text-transform: uppercase; font-size: 14px;}
.found-cars{border: 1px solid #f0f0f0; padding: 10px 15px; display: inline-block; text-align: left; font-size: 14px; margin: 3px 0;}
.home-swiper-container {
  width: 100%;
  height: 100%;
  height: 600px;
}

.home-swiper-slide {
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.home-1 {
  background: url(../images/home-banner1.jpg) no-repeat center center !important; background-size: cover !important; 
}

.home-2 {
  background: url(../images/home-banner2.jpg) no-repeat center center !important; background-size: cover !important;
}

.home-3 {
  background: url(../images/home-banner3.jpg) no-repeat center center !important; background-size: cover !important;
}


.myGallerySwiper.swiper-container{height: 100%;}
.myGallerySwiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev{color: #ffffff; pointer-events: inherit !important; cursor: pointer !important;}
.myGallerySwiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next{color: #ffffff; pointer-events: inherit !important; cursor: pointer !important;}
.myGallerySwiper .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size: 24px;}
.myGallerySwiper .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{font-size: 24px;}

.note{font-size: 12px; font-family: 'Roboto-Regular';}
/* --- material floating label --- */
.form-group { display: flex; margin: 0 auto; position: relative;}
.input-note{font-size: 12px; color: #757575; text-align: left; font-family: 'Roboto-Bold'; display: block; margin-top: 5px;}
.control-label { font-size: 17px; font-weight: bold; opacity: 1 !important; pointer-events: none; position: absolute; transform: translate3d(15px, 12px, 0) scale(1); transform-origin: left top;   transition: 240ms; /*line-height: 29px;*/padding-left:10px; color: #57565a; background: #ffffff;}
.form-fields .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown){padding-top: 0.625rem; padding-bottom: .625rem;}
.form-fields .form-floating>.form-control:focus~label, .form-fields .form-floating>.form-control:not(:placeholder-shown)~label, .form-fields .form-floating>.form-select~label{transform: scale(1) translateY(-1.5rem) translateX(2rem); opacity: 1; background: #fff; height: 39px; padding: 10px 15px !important}
.form-fields .form-floating>.form-control:focus, .form-fields .form-floating>.form-control:not(:placeholder-shown){padding-top: 0.625rem; padding-bottom: .625rem; border-color: #808080 !important;/*border-bottom:3px solid #42a600 !important;*/  box-shadow: none !important;}
.arrow{position: absolute; right: 2px; top: 14px; z-index: -1; width: 42px; height: auto; background: #ffffff; padding-right: 21px;}
.form-fields select.form-select{font-size: 16px !important; line-height: 66px !important; font-weight: bold !important; font-family: 'Roboto-Regular';}
.form-fields select.form-select option{font-size: 16px !important; padding: 10px !important;}
.form-group.focused .control-label { opacity: 1; transform: translate3d(15px, -17px, 0) scale(1); color: #57565a; background: #ffffff; padding: 3px 10px;}
.form-control { align-self: flex-end; height: 50px !important; line-height: 36px !important; padding-left: 22px !important; border-radius: 0; border: 1px solid #808080; font-weight: 500; font-size: 16px; color: #000000; background: none; font-family: 'Roboto-Medium'; font-size: 15px;}
textarea.form-control{line-height: inherit !important; resize: none; padding-top: 12px; padding-bottom: 12px;}
.form-control::-webkit-input-placeholder { color: transparent; transition: 240ms;}
.form-control:focus::-webkit-input-placeholder {transition: none;}
.form-group.focused .form-control::-webkit-input-placeholder {color: #bbb;}
.form-control:focus{box-shadow: none; border-color:#808080; background: none; }
.no-bg{background: none; text-align: left; font: normal normal normal 12px Roboto; font-size: 12px; letter-spacing: 0px; color: #929292; opacity: 1; padding: 16px 23px;}
.form-group p{font-size: 16px; font-family: 'Roboto-Bold'; color: #545554;}
.input-radio p{font-size: 17px;}
.form-group label{font-size: 15px; font-family: 'Roboto-Medium'; color: #57565a; padding-right: 10px;}
.form-group .nice-select:focus ~ label {transform: translate3d(18px, -17px, 0) scale(1) !important; opacity: 1!important; padding: 3px 10px;}
.following-details .expected-vp{position: relative;}
.following-details .expected-vp .form-control{padding-left: 36px !important;}
.following-details .expected-vp .control-label{z-index: 2;}
.following-details .expected-vp .inr-symbol{position: absolute; left: 20px; top: 10px; font-size: 20px; font-weight: 500;}
.h-100{height: 100%;}


.tooltip{position: relative;}
.tooltip .tooltip-inner{background: #ffffff !important; opacity: 1; color: #545554; box-shadow: 1px 0 2px #cccccc; border-radius: 0 !important}
.tooltip .tooltip-inner ul{margin: 0; padding-left: 20px;}
.tooltip .tooltip-inner ul li {text-align: left; color: #111111;}
.tooltip .tooltip-arrow{color: #fff; border-color: #ffffff;}
.border-radious-none{border-radius: 0;}
.bt-0{border-top:0;}

.nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 0px; border: solid 1px #808080; box-sizing: border-box; clear: both; cursor: pointer; display: block; line-height: 36px !important; float: left; font-family: inherit; font-size: 16px; font-weight: bold; color: #545554; height: 42px; outline: none; padding-left: 18px; padding-right: 30px;  position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none;
      -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; }
  .nice-select:hover { border-color: #808080; }
  .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #808080; } 
  .nice-select:after {background: url(../images/btn-down-arrow-red.svg); content: ''; width: 20px; height: 13px; display: inline-block; border: none; position: absolute; right: 18px; top: 19px;}
  .nice-select.open:after {}
  .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0);transform: scale(1) translateY(0); }
  .nice-select.disabled {border-color: #e7ecf2; color: #90a1b5; pointer-events: none; }
  .nice-select.disabled:after {border-color: #cdd5de; }
  .nice-select.wide {width: 100%; background:#ffffff; }
  .nice-select.wide .list { left: 0 !important; right: 0 !important; margin-top: 0; z-index: 99; }
  .custom-select .nice-select.wide .list{height: 200px; overflow-y: scroll;}
  .nice-select.wide .list li:first-child {display: none;}
  .nice-select.right {float: right; }
  .nice-select.right .list {left: auto;right: 0; }
  .nice-select.small {font-size: 12px;height: 36px;line-height: 34px; }
  .nice-select.small:after {height: 4px; width: 4px; }
  .nice-select.small .option { line-height: 34px; min-height: 34px; }
  .nice-select .list {background-color: #fff; border-radius: 0px;border: 1px solid #808080; box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0;
    overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
     }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {cursor: pointer; font-weight: bold; font-size: 14px; line-height: 50px;list-style: none; min-height: 50px; outline: none; padding-left: 18px; padding-right: 18px;
    text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; }
  .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f2f2f2; }  
  .nice-select .option.selected {font-weight: bold; }
  .nice-select .option.disabled { background-color: transparent; color: #90a1b5; cursor: default; }
  .no-csspointerevents .nice-select .list {display: none; }
  .no-csspointerevents .nice-select.open .list { display: block; }

/*==========Nice Select End==============*/

.rangeslider,.rangeslider__fill {display:block;border-radius:10px;}

.rangeslider {position:relative;}
.rangeslider:after{top:50%; left:0; right:0; content:''; width:100%; height:4px; margin-top:-2.5px; border-radius:5px; position:absolute; background:#d8d8d8;}
.rangeslider--horizontal{ width:100%; height:28px;}
.rangeslider--vertical{ width:5px; min-height:150px; max-height:100%;}
.rangeslider--disabled{ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity:0.4;}
.rangeslider__fill{ position:absolute; background:#00afa0;}
.rangeslider--horizontal .rangeslider__fill{top:0; height:100%;}
.rangeslider--vertical .rangeslider__fill{bottom:0; width:100%;}
.rangeslider__handle{top:53%;width:16px; height:16px; cursor:pointer; margin-top:-10px; background:white; position:absolute; background: url(../images/ranger.svg) no-repeat;  display:inline-block;}
.rangeslider__handle:active{ background:#00afa0;}
.rangeslider__fill,.rangeslider__handle{ z-index:1;}
.rangeslider--horizontal .rangeslider__fill{top:50%; height:4px; margin-top:-2.5px;}
.red-ranger .rangeslider__handle{background: url(../images/ranger.svg) no-repeat; background-size: 16px;}
.red-ranger .rangeslider__fill{background: #cf2230;}
.gray-ranger .rangeslider__handle{background: #545554;}
.gray-ranger .rangeslider__fill{background: #545554;}
.black-ranger .rangeslider__handle{background: #181818;}
.black-ranger .rangeslider__fill{background: #181818;}


footer{background: #000000}
.footer-top-block{background: #181818;}
.footer-top{max-width: 1132px; margin: 0 auto; background: #181818; padding-left: 0rem; padding-right: 0rem; padding-top: 3rem; padding-bottom: 3rem;}
.newsletter-block h4{font-family: 'Roboto-Medium'; font-size: 17px; color: #ffffff; margin-top: 0px;}
.newsletter-block span{color: #ffffff; margin-left: 5px; font-size: 12px;}
.newsletter-block span a{font-size: 12px; color: #ffffff;}
.newsletter-block span a:hover{text-decoration: underline !important;}
.email-box{width: 100%; height: 2.9rem; background: transparent; display: flex; align-items: stretch; position: relative;  background: url(../images/input-box-bg-gray.svg) no-repeat center;
    background-size: contain;}
.email-box-middle-div{height: 100%; flex-grow: 10;}
.emial-input{width: 100%; height: 100%; border: 0; outline: 0; padding-left: .8rem; background-color: transparent; padding-right: 7%; font-family: 'Roboto-Medium'; font-weight: normal;
    font-size: 14px; color: #757575;}
.email-box-right-div {height: 100%; width: auto; position: relative; display: flex; align-items: center; padding-right: .5rem;}
.email-arrow{width: 1.2rem; height: 1rem; cursor: pointer; z-index: 0;}

.close-btn{display: none;}

.social-media{display: flex; justify-content: flex-end;}
.social-media article span{font-size: 20px; color: #ffffff; font-family: 'Roboto-Medium';}
.social-media article a {margin-left: 40px;}
.social-media article a img{width: 34px; height: 34px;}
.footer-middle-block{background: #000000;}
.footer-middle{background: #000000; max-width: 1132px; margin: 0 auto; padding-left: 0rem; padding-right: 0rem; padding-top: 30px; padding-bottom: 30px;}
.footer-middle ul{margin: 0; padding: 0; width: 16%; float: left;}
.footer-middle ul li{list-style: none; line-height: 28px;}
.footer-middle ul li a{color: #757575; font-size: 13px; text-decoration: none; font-family: 'Roboto-Medium';}
.footer-middle ul li a.highlight{font-size: 15px; color: #ffffff;}

.footer-bottom-block{background: #000000; border-top: 2px solid #181818;}
.footer-bottom{background: #000000; max-width: 1132px; margin: 0 auto; padding:40px 0px;}
.footer-bottom p{color: #757575; font-family: 'Roboto-Medium'; margin: 0; font-size: 14px;}

.mobile-book-id{font-size: 14px; color: #545554; font-family: 'Roboto-Regular'; text-transform: capitalize; display: none; margin-top: 10px;}
.mob-car-details{display: none;}
.mob-car-details h6{font-size: 14px; color: #000000; font-family: 'Roboto-Bold';}
.mob-car-details span{font-size: 14px; color: #000000; font-family: 'Roboto-Regular'; margin-top: 15px; }
.mobile-home{position: absolute; color: #ffffff; text-decoration: none;right: 50px;top: -46px; text-transform: uppercase; display: none; font-weight: bold; font-size: 14px;}
.mobile-home:hover{color: #cf2230;}

.desk-view{display: block;}
.mobile-view{display: none;}

.mb-filter{position: fixed; width: 150px; background: #ffffff; border: 2px solid #cf2230; height: 48px; transition: transform .4s ease-out; bottom: 0; transform: translate(0, 100px); left: 0; right: 0; margin: auto; padding: 0; text-align: center; display: none; z-index: 3; box-shadow: 0px 0px 15px 0px #555555;}
.mb-filter::before{background: url(../images/mg-btn-left.svg) no-repeat; content: ''; width: 28px; height: 48px; left: -16px; top: -2px; position: absolute; background-size: 24px;}
.mb-filter::after{background: url(../images/mg-btn-right.svg) no-repeat; content: ''; width: 28px; height: 48px; top: -2px; right: -20px; position: absolute; background-size: 24px;}
.filter-active{transform: translate(0, -20px); transition: transform .4s ease-out;}
.mb-filter .btn-filter{background: #cf2230; border:none; margin: 0; font-size: 15px; position: relative; padding: 11px 5px 11px 19px; color: #ffffff; float: right; position: relative; z-index: 1;}
.mb-filter .btn-sort{background: #000000 !important; padding: 11px 19px 11px 5px; float: left;}
.filter-popup .clear-search{background: none; border: none; color:#cf2230; text-transform: inherit; padding: 3px 15px;}
.filter-popup button.close{position: absolute; left: 8px; background: none; background-size: 8px;}
.filter-popup .modal-content{border: 0px; border-radius: 0;}
.filter-popup .modal-content .modal-body{padding: 0px;}
.filter-popup .modal-content .modal-title{margin-left: 40px; font-size: 18px; font-family: 'Roboto-Medium';}
.filter-popup .modal-content .modal-header{padding: 0; border-bottom: 0;}
.filter-popup .uc-left-block{padding-right: 0;}
.filter-popup .modal-dialog{margin: 0;}
.filter-popup.modal.fade .modal-dialog {transition: transform .4s ease-out; transform: translate(0, 200px);}
.filter-popup.modal.show .modal-dialog{transform:none;}
.filter-popup .modal-content .form-control{height: 44px !important;}
.apply-filter{background: #cf2230; font-size: 15px; color: #ffffff; border: none; padding: 10px 10px; width: 100%;}
.apply-filter-bg{position: fixed; left: 0; right: 0; margin: 0 auto; bottom: 0px; background: #ffffff; width: 99%; padding: 0 18px 20px 18px;}
.input-radio .form-check-input[type=radio]{background: url(../images/input-bg.svg) no-repeat; background-size: 20px; border: none; margin-right: 5px; margin-top: 3px; width: 1.2rem; height: 1.2rem}
.input-radio .form-check-input:checked{background: url(../images/input-dot-bg.svg) no-repeat !important; background-size: 22px; border: none;}
.input-radio .form-check-input:checked[type=radio]{background: url(../images/input-bg.svg) no-repeat; background-size: 22px; border: none; margin-right: 5px; margin-top: 3px;}
.input-radio .form-check-input:focus{box-shadow: none;}
.sort-popup .input-radio .form-check-input:checked[type=radio]{margin-top: 5px;}
.sort-popup .modal-header{padding: 0.5rem 1rem}
.sort-popup .modal-content .modal-title{font-size: 18px;}
.sort-popup .input-radio .form-check{margin-bottom: 10px;}
.sort-popup .input-radio label{font-size: 14px; font-family: 'Roboto-Medium'; font-weight: normal; margin-left: 5px;}
.sort-popup .modal-dialog{border-radius:0; padding: 0; margin: 0;}
.sort-popup .modal-content{border: none; border-radius: 0;}
.sort-popup.modal.fade .modal-dialog {transition: transform .3s ease-out; transform: translate(0, 50px);}
.sort-popup.modal.show .modal-dialog{transform:none;}
.sort-popup.modal{height: auto; bottom: 0; top: inherit;}
.sort-popup .input-radio{margin-bottom: 0px !important;}
.sort-popup .input-radio .form-check-input[type=radio]{margin-top: 5px;}
.sort-popup .input-radio .form-check-input[type=radio]{background-size: 16px;}
.sort-popup .input-radio .form-check-input:checked{background-size: 16px !important;}
.sort-popup .close{background-size: 22px; width: 22px; height: 22px;}

/*Vehcile Details*/
.vehicle-details{}
.vehicle-details-gallery .swiper-slide{border: 1px solid #e1e1e1;}
.vehicle-details-gallery .car-price{font-size: 18px;}
.vehicle-details .swiper-gallery .car-price{color: #000000;}
.vehicle-title{font-size: 30px; color: #cf2230; padding: 25px 0 0 0px; margin: 0; font-family: 'Gill-Sans-SemiBold';}
.swiper-container {width: 100%; height: 100%;}
.swiper-slide {text-align: center; font-size: 18px; background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}
.swiper-container {width: 100%;height: 300px;margin-left: auto; margin-right: auto;}
.swiper-slide {background-size: cover; background-position: center;}
.mySwiper2 {height: 80%; width: 100%;}
.mySwiper {height: 20%; box-sizing: border-box; padding: 10px 0;}
.mySwiper .swiper-slide {width: 25%; height: 100%; opacity: 0.4;}
.mySwiper .swiper-slide-thumb-active { opacity: 1; }
.swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.swiper-gallery{position: relative;}
.swiper-gallery .swiper-container-thumbs{margin-top: 10px;}
.v-left-block{width: 50%;}
.v-left-block .car-price{font-size: 18px; color: #000000; padding: 10px 0 15px 0;}
.v-right-block{padding-top: 7px;}
.car-price span{font-size: 18px; color: #cf2230;}
.service-record{font-size: 16px; text-transform: inherit; margin: 0; border: 0px; padding: 15px 15px; background: #545554; text-decoration: none; color: #ffffff; display: inline-block; width:100%; margin-right: 5px; font-family: 'Roboto-Medium'; margin-bottom: 20px;}
.service-record:hover{background: #000000;}
.virtual-demo{background: #cf2230; color: #ffffff; position: relative; text-decoration: none; padding: 15px 15px; text-transform: inherit; font-size: 16px; width: 100%; text-align: center; border: none; font-family: 'Roboto-Medium';}
/*.virtual-demo::before{content: '\f1b9'; position: relative; font-family:'FontAwesome'; padding-right: 3px;}*/
.virtual-demo:hover{background: #000000; color: #ffffff;}
.virtual-popup .modal-dialog{max-width: 900px;}
.virtual-popup .modal-content .modal-body{padding: 1rem; height: 500px;}
.virtual-popup .modal-content .modal-body iframe{width: 100%; height: 100%;}
.virtual-popup .close{position: absolute; right: -6px; top: -12px; z-index: 1;}
.dealer-address{background: #fbfbfb; border: 1px solid #f0f0f0; padding: 25px 20px; font-size: 14px; margin: 10px 0 15px 0;}
.fl{float: left;}
.fr{float: right;}
.highlight-block article{background: #ffffff; border: 1px solid #f0f0f0; padding: 0 0px;}
.title-hd{font-size: 18px; font-family: 'Roboto-Medium'; color: #000000; text-transform: capitalize; text-align: center; background: #f0f0f0; padding: 18px 20px; margin: 0; margin-top: 30px; border-radius: 4px 4px 0 0;}
.highlight-block table{font-size: 14px; line-height: 20px; margin-bottom: 0px;}
.highlight-block table tr td{padding: 20px 15px; vertical-align: middle;}
.highlight-block table tr td:nth-child(even){background: #fafafa; border-left: 1px dotted #f1f1f1;}
.highlight-block table tr td:last-child{font-family: 'Roboto-Bold';}
.highlight-block table tr:last-child td{border: none; border-left: 1px dotted #f1f1f1;}
.emi-calculater{border: 1px solid #f0f0f0; margin: 10px 0 0 0; border-radius: 2px 2px 0 0;}
.emi-section{padding: 10px 15px; border-radius: 2px 2px 0 0;}
.emi-calculater h4{font-size: 18px; border-bottom: 1px solid #e1e1e1; border-radius: 2px 2px 0 0; margin: 0;}
.rupee{position: absolute;  font-size: 18px; top: 14px; left: 8px; font-weight: 500;}
.emi-section .form-control{height: 40px !important; line-height: 40px !important; font-weight: normal; font-size: 14px; padding-left: 18px !important;}
.range-block{display: block; overflow: hidden;}
.down-payment{font-size: 14px;}
.red-ranger p{font-size: 16px; margin-top: 10px;}
.red-ranger p strong{color: #cf2230; font-size: 20px; float: right;}
.bg-gray{background: #fbfbfb;}

.following-details h2{font-size: 30px; font-family: 'Gill-Sans-SemiBold'; color: #000000; margin: 15px 0; padding-bottom: 10px; text-align: center;}
.following-details h5{font-size: 18px; font-family: 'Roboto-Medium'; color: #cf2230; }
.following-details-blcok{border: 1px solid #f1f1f1; padding: 10px 20px; background: #fbfbfb;}
.input-file {overflow: hidden;}
.input-file label {background: #545554; border: none; padding: 25px 36px;font-size: 15px !important;border-radius: 0; color: #ffffff; position: absolute; right: 1px;top: 0px; cursor: pointer; line-height: 0;}
.following-details .nice-select .option{min-height: 50px !important; line-height: 50px !important; font-size:14px; font-weight: 500; font-family: 'Roboto-Medium';}
.following-details .nice-select{font-size: 14px; padding-left: 18px !important; height: 40px !important; line-height: 25px !important;}
.following-details .nice-select:after{width: 17px; height: 11px; top: 18px;}
.following-details .control-label{transform: translate3d(8px, 13px, 0) scale(1); font-weight: normal; background: #fbfbfb;}
.following-details .form-group .nice-select:focus ~ label{transform: translate3d(8px, -15px, 0) scale(1) !important;}
.following-details .form-group.focused .control-label{background: #fbfbfb; transform: translate3d(8px, -15px, 0) scale(1);}
.following-details .form-control{font-size: 14px; padding-left: 18px !important; height: 50px !important; line-height: 35px !important; /*background: #fbfbfb;*/ padding-right: 44px;}
/*.following-details .input-file{border-left: 1px solid #545554;}*/
.sell-usedcar .following-details .input-file {
    border: 1px solid rgba(0,0,0,.125);
    width: auto;
    max-width: 233px;
    width: 100%;
    height: 170px;
    margin: 0 auto 0 0;
}
.sell-usedcar .following-details .input-file .card {
    width: 100%;
    height: 100%;
    border: none;
}
.sell-usedcar .following-details .input-file .card .card-img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
}
.sell-usedcar .following-details .input-file input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100% !important;
    width: 100% !important;
    margin: auto;
    padding: 0 !important;
    opacity: 0;
    cursor: pointer;
  }
  .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(.25rem - 1px);
}
.sell-usedcar .following-details .input-file .card {
    width: 100%;
    height: 100%;
    border: none;
}
.sell-usedcar .following-details .input-file .card .card-img-overlay .cls-img-btn {
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 50%;
    padding: 0;
    line-height: normal;
    width: 24px;
    height: 24px;
    top: 5px;
    left: auto;
    right: 5px;
    position: absolute;
}
.following-details .input-file input{margin-left: -106px; line-height: 35px !important; font-weight: normal; height: 50px !important; color: #545554;}
.hr{width: 100%; border-bottom: 1px dashed #eaeaea; padding: 5px 0;}
.sell-now{background: #cf2230; color: #ffffff; border: none; padding: 15px 20px; font-size: 15px; font-family: 'Roboto-Medium'; width: 30%; text-transform: uppercase;}
.sell-now:hover{background: #000000;}
.go-home{background: #cf2230; color: #ffffff; border: none; padding: 10px 20px; font-size: 15px; font-family: 'Roboto-Medium'; display: inline-block; width: 30%; margin: 0 auto; text-decoration: none;}
.go-home:hover{background: #000000; color: #ffffff;}
.sell-now-popup {font-family: 'Roboto-Medium'; font-size: 16px;}
.faq-block h2{text-transform: uppercase;}
.sell-usedcar-banner{}
.sell-usedcar h6{ font-family: 'Roboto-Medium'; margin: 0;}
.sell-car{background:url(../images/inner-page-banner.jpg) no-repeat center center; background-size: cover; width: 100%; height: 370px; text-align: center; border-bottom: 1px solid #f0f0f0;}
.exchange-car{background:url(../images/inner-page-banner.jpg) no-repeat center center; background-size: cover; width: 100%; height: 370px; text-align: center; border-bottom: 1px solid #f0f0f0;}
.sell-car h2{color: #ffffff; font-family: 'Roboto-Bold'; font-size: 34px; text-transform: uppercase; padding: 40px 0;}
.emi-block{background: #fafafa; margin-top: 20px;}
.finance-bg{background: url(../images/finance-banner.jpg) no-repeat center center; height: 400px; width: 100%; background-size: cover; position: relative;}
.listing{padding: 0;}
.listing li{list-style: none; background: #f9f9f9; padding: 8px 10px; margin-bottom: 5px; font-size: 15px; padding-left: 35px; position: relative;}
.listing li::before{background: url(../images/steps-tick-icon.svg) no-repeat; position: absolute; width: 16px; height: 16px; left: 10px; top: 11px; content: ''; background-size: 16px;}
.our-leading-partners{/*border:1px solid #d5d5d5;*/ border-radius: 2px; padding-top: 50px;}
.finance-partners h2{}
.finance-partners nav{background: #f2f2f2; margin: 0 12px 15px 12px;}
.finance-partners .nav-tabs .nav-item.show .nav-link, .finance-partners .nav-tabs .nav-link.active{background: none; border: none; color: #cf2230; border-bottom: 4px solid #cf2230; outline: none;}
.finance-partners .nav-tabs{justify-content: center; min-height: 60px;}
.finance-partners .nav-tabs .nav-link{ font-size: 14px; color: #000000; font-family: 'Roboto-Medium'; margin: 0 66px; padding: 0; outline: none; border: none; border-bottom: 4px solid #f2f2f2;}
.finance-partners .tab-content{height: 130px;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{box-shadow: none; border:none; border-bottom: 4px solid #f2f2f2;}
.finance-partners .swiper-container .swiper-slide{border: 1px solid #dddddd; padding: 0 10px;}
.finance-partners .leading-slider{overflow: hidden; max-width: 1190px;}
.finance-partners .swiper-container { width: 100%; height: 100%;}
.finance-partners .swiper-slider{overflow: hidden;}
.finance-partners .swiper-slide { text-align: center; font-size: 18px; padding: 26px 0 !important; background: #fff; display: block; text-align: center; width: 178px !important; height: auto !important; margin-right: 12px !important;}
.finance-partners .swiper-slide img{width: auto; height: auto; margin: 0 auto;}
.finance-partners .swiper-slide h5{font-size: 16px;}
.finance-partners .swiper-button-next, .finance-partners .swiper-container-rtl .swiper-button-prev{right: 0 !important;}
.finance-partners .swiper-button-next:after, .finance-partners .swiper-button-prev:after{background: url(../images/mg-arrow.svg) no-repeat !important; width: 26px !important; height: 42px !important; transform: rotate(180deg);} 
.finance-partners .swiper-button-prev:after{transform: rotate(0deg)!important; margin-left: -20px !important;}
.finance-partners .swiper-button-next, .finance-partners .swiper-button-prev{ width: 38px !important; height: 38px !important;}
.finance-partners .swiper-button-next:after, .finance-partners .swiper-container-rtl .swiper-button-prev:after, .finance-partners .swiper-button-prev:after, .finance-partners .swiper-container-rtl .swiper-button-next:after{font-size: 0px !important;}
.finance-partners .swiper-pagination{display: none;}
.about-us .nav-tabs .nav-item.show .nav-link, .about-us .nav-tabs .nav-link.active{background: none; border: none; color: #cf2230; border-bottom: 4px solid #cf2230; outline: none;}
.about-us nav{background: #f2f2f2; margin: 0 12px 15px 12px;}
.about-us .nav-tabs{justify-content: center; min-height: 60px;}
.about-us .nav-tabs .nav-link{ font-size: 14px; color: #000000; font-family: 'Roboto-Medium'; margin: 0 66px; padding: 0; outline: none; border: none; border-bottom: 4px solid #f2f2f2;}
.about-us .nav-tabs .nav-link:focus, .about-us .nav-tabs .nav-link:hover{box-shadow: none; border:none; border-bottom: 4px solid #cf2230;}
.highlights{margin: 0; padding: 0;}
.highlights li{list-style: none; background: #f9f9f9; padding: 8px 10px; margin-bottom: 8px; font-size: 15px;  position: relative; width: 70%;}
.about-us .input-radio .form-check-input[type=radio]{background-size: 18px;}
.about-us .input-radio .form-check-input:checked[type=radio]{background-size: 18px !important;}
.about-us h4{font-family: 'Roboto-Medium'; font-size: 22px; margin: 10px 0;}
.about-us .video-block{padding-top: 15px;}
.star{color: #cf2230;}
.star_super{color: #cf2230;vertical-align: super;}
.service-record-popup .table{padding: 0; margin: 0;}

.about-banner{background: url(../images/home-banner1.jpg) no-repeat center center; background-size: cover; height: 400px; width: 100%; border-top: 1px solid #181818;}
.about-banner .col-sm-6{display: flex; align-items: center; height: 500px;}
.about-banner h2{color: #ffffff; font-size: 40px; font-family: 'Roboto-Regular';}
.aboutus-block h2{font-size: 30px;}
.about-in-block{display: flex; align-items: center; min-height: 380px;}
.img-block{display: flex; align-items: center;}
.img-block img{ width: 100%; height: auto; }
.input-checkbox label {font-size: 12px;}
.input-checkbox label a{color: #000000;}
.available-soon{text-align: center;}
.available-soon h4{padding: 20px; display: inline-block; border-radius: 4px; margin: 50px 0; font-size: 30px; color: #cf2230; font-family: 'Roboto-Bold';}

.mg-pagination{text-align: center; justify-content: center; display: flex; margin: 20px 0 25px 0;}
.mg-pagination .page-link{color: #000000;}
.mg-pagination .page-link:hover{color: #cf2230;}
.mg-pagination .page-item .page-link{padding: 5px 15px; font-size: 14px;}
.mg-pagination .page-item.active .page-link{background: #cf2230; border:1px solid #cf2230;}

/*Share Plugin*/
.socialPlugin {
  text-align: center;
  width: 24px;
  margin: 0;
  height: 30px;
  display: block;
  position: absolute;
  right: 0px;
  top: 26px;
  z-index: 2;
}

.socialPlugin .showSocialButtons {
  font-size:20px;
  cursor:pointer;
  padding:0.333em 0;
  color: #cf2230;
}

.socialPlugin .socials {
  width: 260px;
  color: white;
  line-height: 10px;
  text-align: center;
  margin-top: -16px;
  margin-left: -35px;
  display:block;
  transform-origin:50% 0%;
  -webkit-transform: scale(0) translateY(-150px);
  -moz-transform:scale(0) translateY(-150px);
  -o-transform:scale(0) translateY(-150px);
  transform:scale(0) translateY(-150px);
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -o-transition:.5s;
  transition:.5s;
  opacity:0;
  top: 32px;
}

.socialPlugin .socials:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 27px;
  margin: 4px auto;
  height: 0;
  width: 0;
  border-left: 15px solid rgba(0, 0, 0, 0);
  border-right: 15px solid rgba(0, 0, 0, 0);
  border-top: 15px solid #becade;
}
/*
@media all and (max-width: 992px) {
  .socialPlugin .socials {
    margin-top: -90px;
  }
}
*/

/* Toggled State */

.socialPlugin .socials.opened {
  opacity:1;
  -webkit-transform: scale(1) translateY(-60px);
  -moz-transform:scale(1) translateY(-60px);
  -o-transform:scale(1) translateY(-60px);
  transform:scale(1) translateY(-60px);
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -o-transition:.5s;
  transition:.5s;
}


/* Share buttons */

.socialPlugin .socials .fa {
  height: 2em;
  font-size: 1em;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  width: 2em;
  -webkit-backface-visibility: hidden;
  border: 1px solid #ffffff;
}

.socialPlugin .socials .fa:before, .socialPlugin .socials .fa:after {
  left: 0;
  position: absolute;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  top: 50%;
  width: 100%;
}

.socialPlugin .socials .fa:before {
  color: white;
  -webkit-transform: translate3D(0, -50%, 0);
  -ms-transform: translate3D(0, -50%, 0);
  transform: translate3D(0, -50%, 0);
  z-index: 2;
}

.socialPlugin .socials .fa:after {
  padding-bottom: 25%;
  padding-top: 300%;
  top: 0;
}

.socialPlugin .socials .fa:hover:after {
  -webkit-transform: translate3D(0, -73%, 0);
  -ms-transform: translate3D(0, -73%, 0);
  transform: translate3D(0, -73%, 0);
}

.socialPlugin .socials .fa:hover:before {
  -webkit-transform: translate3D(0, -250%, 0);
  -ms-transform: translate3D(0, -250%, 0);
  transform: translate3D(0, -250%, 0);
}

/* The social icons */

.socialPlugin .socials .fa-twitter:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #00acee), color-stop(75%, #ffffff));
  background-image: -webkit-linear-gradient(#00acee 25%, #ffffff 75%);
  background-image: linear-gradient(#00acee 25%, #ffffff 75%);
  content: "\f099";
  color: #00acee;
}

.socialPlugin .socials .fa-facebook:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3b5998), color-stop(75%, #ffffff));
  background-image: -webkit-linear-gradient(#3b5998 25%, #ffffff 75%);
  background-image: linear-gradient(#3b5998 25%, #ffffff 75%);
  content: "\f09a";
  color: #3b5998;
}

.socialPlugin .socials .fa-whatsapp:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #bb0000), color-stop(75%, #ffffff));
  background-image: -webkit-linear-gradient(#00a859 25%, #ffffff 75%);
  background-image: linear-gradient(#00a859 25%, #ffffff 75%);
  content: "\f232";
  color: #00a859;
}

.socialPlugin .socials .fa-instagram:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #cb2027), color-stop(75%, #ffffff));
  background-image: -webkit-linear-gradient(#d8015e 25%, #ffffff 75%);
  background-image: linear-gradient(#d8015e 25%, #ffffff 75%);
  content: "\f16d";
  color: #d8015e;
}

.socialPlugin .socials .fa-linkedin:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #cb2027), color-stop(75%, #ffffff));
  background-image: -webkit-linear-gradient(#0077b5 25%, #ffffff 75%);
  background-image: linear-gradient(#0077b5 25%, #ffffff 75%);
  content: "\f0e1";
  color: #0077b5;
}

.socialPlugin .socials .fa-tumblr:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #2C4762), color-stop(75%, #ffffff));
  background-image: -webkit-linear-gradient(#2C4762 25%, #ffffff 75%);
  background-image: linear-gradient(#2C4762 25%, #ffffff 75%);
  content: "\f173";
  color: #2C4762;
}

.accordion-block .accordion-btn {
  color: #545554;
  background: #ffffff;
  cursor: pointer;
  padding: 12px 18px;
  width: 100%;
  border: 1px solid #e1e1e1;
  text-align: left;
  outline: none;
  font-size: 16px;
  font-weight: 500;
  transition: 0.4s;
  border-radius: 0px;
  float: right;
  margin: 20px 0 0 0;
  font-family: 'Roboto-Medium';
  padding-left: 44px;
  position: relative;
  min-height: 70px;
}

.accordion-block .active{
  background-color: #fbfbfb;
  border-color: #f0f0f0;
  color: #000000;
}
.summry-block.accordion-block .active{
  background: #ffffff;
  border: none;
  color: #545554;
}
.accordion-block .accordion-btn:after {
  content: '+';
 /* background: url(../images/plus-icon.svg) no-repeat;*/
  float: right;
  /*width: 20px;
  height: 20px;*/
  margin-top: 0px;
  position: absolute;
  top: 10px;
  left: 14px;
  font-weight: bold;
  color: red;
  font-size: 32px;
  font-family: 'Gill-Sans-SemiBold';
}

.accordion-block .active:after{
  content: "-";
  top: 0px;
  font-size: 38px;
  /*background: url(../images/minus-icon.svg) no-repeat;*/
}

.accordion-block .panel{
  transition: max-height 0.2s ease-out;
  clear: both;
  max-height: 0;
  overflow: hidden;
}
.accordion-block .panel .accordion-inner{
  padding: 10px 15px;
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
  margin-top: 0px;
}
.accordion-block .panel .accordion-inner ol li{text-align: left; list-style-type: lower-alpha;}
.accordion-inner p{
  text-align: left;
  font-size: 16px;
  font-family: 'Roboto-Regular';

}
.breadcrumb{background: none; padding: 0 0 0 10px; font-size: 14px; font-family: 'Roboto-Regular'; margin: 0;}
.breadcrumb li a{color: #000000; text-decoration: none; font-weight: 600;}
.breadcrumb li a:hover{color: #cf2230;}

.testimonial-block .col-sm-12 article{background: #f6f6f6; overflow: hidden;}
.testimonial-block .left-block{width: 50%; float: left;}
.testimonial-block .left-block img{padding: 10px 0px 10px 10px;}
.testimonial-block .right-block{width: 50%; float: right; padding:10px;}
.testimonial-block .right-block h5{text-align: left; font-size: 18px; margin: 0px 0 5px 0; font-family: 'Roboto-Medium';}
.testimonial-block .right-block h5 span{font-size: 15px;}
.testimonial-block .right-block p{font-size: 15px; text-align: left; margin-bottom: 0px;}
.myTestimonialSwiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev{color: #cf2230;}
.myTestimonialSwiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next{color: #cf2230;}
.myTestimonialSwiper .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{font-size: 28px;}
.myTestimonialSwiper .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size: 28px;}

.solution-block{}
.solution-block article{border:1px solid #f0f0f0; padding: 15px;}
.solution-block h3{color: #cf2230; font-size: 24px; font-family: 'Gill-Sans-SemiBold';  text-align: center; text-transform: uppercase; margin-bottom: 20px;}
.solution-block h4{font-family: 'Roboto-Medium'; font-size: 22px;}
.solution-block .highlights li{width: 100%; background: #f0f0f0;}
.solution-block .highlights li::before{background: url(../images/down-arrow-black.svg) no-repeat; content: ''; transform: rotate(-90deg); display: inline-block; width: 16px; height: 12px; background-size: 13px;}
.testimonial-block h3{color: #cf2230; font-size: 24px; font-family: 'Gill-Sans-SemiBold';  text-align: center; text-transform: uppercase; margin-bottom: 0px;}
#demo {height:380px;}
.cv-carousel .item {padding: 1rem;}
.cv-item {background: #fafafa; margin-bottom: 12px !important;}
.cv-item h5{color: #000}
.cv-carousel {
  display: block;
  height: 100%;
  z-index: 1;
}
.cv-carousel.cv-grab {
  cursor: move;
  cursor: grab;
}
.cv-carousel .cv-stage-outer {
  position: relative;
  overflow: hidden;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  margin-top: 40px;
}
.cv-carousel .cv-stage {
  transition: all 0.25s ease;
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
}
.cv-carousel,
.cv-carousel .cv-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.cv-carousel .cv-item,
.cv-carousel .cv-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.cv-carousel .cv-item {
  min-height: 1px;
  width: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}
.cv-carousel.cv-drag .cv-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cv-carousel.cv-drag .cv-item .item {
  height: 100%;
}
.cv-nav {
  width: 100%;
  position: absolute !important;
  clear: left;
  margin-right: 10px;
  position: relative;
  height: 100%;  
}
.cv-nav .cv-prev{
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: none;
  cursor: pointer;
  border-radius: 3px;
    position: absolute;
  z-index: 9;
  top: -5%;
  left: 50%;
}
.cv-nav .cv-prev::before{background: url(../images/mg-arrow.svg) no-repeat; width: 26px; height: 26px; display: inline-block; content: ''; transform: rotate(90deg); background-size: 16px;}
.cv-nav .cv-next {
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: none;
  cursor: pointer;
  border-radius: 3px;
    position: absolute;
  z-index: 9;
  bottom: -8%;
  left: 50%;
}
.cv-nav .cv-next::before{background: url(../images/mg-arrow.svg) no-repeat; width: 26px; height: 26px; display: inline-block; content: ''; transform: rotate(-90deg); background-size: 16px;}


.contat-slider-bg{background: url(../images/contact-us.jpg) no-repeat center center; height: 600px; width: 100%; background-size: cover; position: relative;}
.contact-banner-text{position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto;}
.contact-banner-text h2{color:#ffffff; text-transform:uppercase; font-family: 'Gill-Sans-Bold'; font-size: 3rem;}
.contact-banner-text span{text-transform: uppercase;}
.office-block h2{color: #cf2230; font-family: 'Gill-Sans-SemiBold'; margin-bottom: 50px; text-align: center; text-transform: uppercase; font-size: 30px;}
.office-block .phone{font-size: 26px; font-family: 'Roboto-Medium';}
.boder-red{width: 8.125rem; margin-bottom: 1.875rem; margin-top: 0; border-top: .125rem solid #cf242f; margin: 0 auto;}
.office-block p{font-size: 15px; font-family: 'Roboto-Regular'; color: #757575; font-weight: normal;}
.office-block p strong{color:#181818; font-weight: normal;}
.office-block .map{ height: 190px; margin-top: 48px; padding: 0 20px;}
.get-in-touch { max-width: 892px; margin: 0 auto; margin-top: 30px;}
.get-in-touch h2{font-size: 30px;}
.textarea{height: 130px !important; resize: vertical !important;}
.max-characters{font-size: 12px; text-align: right;}
.get-in-touch .step-btn { width: 100%; background: #000000;font-weight: bold;font-size: 12px; color: white; border: 1px solid #000000; border-radius: 0px; cursor: pointer; padding: 18px 24px; margin: 10px 0px 10px 5px; float: right; text-align: left; position: relative; text-transform: uppercase;}
.get-in-touch .step-btn span { background: url(../images/btn-arrow-submit.svg) no-repeat; display: inline-block; width: 28px;}
.get-in-touch .form-group label{font-size: 14px; font-weight: normal; color: #545554;}
.get-in-touch .nice-select{font-size: 14px;}
.get-in-touch .nice-select:after{height: 10px; width: 16px;}
.get-in-touch .control-label{transform: translate3d(15px, 14px, 0) scale(1);}
.get-in-touch .form-group.focused .control-label{transform: translate3d(15px, -14px, 0) scale(1)}
.get-in-touch .form-group .nice-select:focus ~ label{transform: translate3d(15px, -14px, 0) scale(1) !important;}
.get-in-touch .nice-select .option{font-size: 14px;}
.cr-loation{align-self: flex-end; height: 50px !important; line-height: 50px !important; padding-left: 22px !important; border-radius: 0; border: 1px solid #808080; font-weight: bold;
    font-size: 16px; color: #000000; background: none; font-family: 'Roboto-Medium'; font-size: 15px; width: 100%;}
.location-find{position: relative;}
.current-location{width: 46.5%; float: left;}
.enter-location{width: 45%; float: right;}
.or{font-size: 16px; font-weight: bold; line-height: 46px;}
.current-location .form-control{line-height: 34px !important; cursor: pointer;}
.btn-go{border:none; color: #ffffff; font-size: 18px; text-transform: uppercase; background: url(../images/go-bg.svg) no-repeat; width: 40px; height: 40px; font-family: 'Roboto-Bold'; text-align: center; position: absolute; right: -50px; top: 4px; padding: 0; line-height: 40px;}
.location-map{height: 570px;}
.address-block-outer{ height: 570px; overflow-y: scroll; }
.address-block{margin-bottom: 30px;}
.address-block h4{font-size: 13px; color: #000000; font-family: 'Roboto-Medium'; margin: 0;}
.dlr-adrs{font-size: 12px; color: #666;}
.dlr-adrs a{text-decoration: none;}
.direction-website-wrapper{display: table; width: 100%; padding-top: 10px;}
.direction-wrapper {display: table-cell; width: 50%; vertical-align: middle;}
.direction-wrapper a{ display: block; width: 100%; text-decoration: none; cursor: pointer;}
.direction-icon{display: table-cell; vertical-align: middle; padding-right: 10px;}
.direction-details{display: table-cell; vertical-align: middle; font-family: "RobotoBold",sans-serif; color: #000; font-size: 14px;}
.direction-details p{color: #d02630; font-size: 12px; margin-bottom: 0}
.website-wrapper{display: table-cell; padding-left: 10px; width: 50%; vertical-align: middle;}
.website-wrapper a{text-decoration: none;}
.website-icon{display: table-cell; vertical-align: middle; padding-right: 10px;}
.website-details{display: table-cell; vertical-align: middle; font-family: "RobotoBold",sans-serif; color: #000;}
.address-block-outer.custom-scrollbar-css { overflow-y: auto;}
.custom-scrollbar-js,
.address-block-outer.custom-scrollbar-css {
  *height: 200px;
}
.mb-menu .mb-contact{color: #cf2230; font-size: 22px; font-family: 'Roboto-Medium'; padding-left: 20px;}
.mb-menu .mb-contact::before{content: ''; background: url(../images/glob-contact.svg) no-repeat; width: 18px; height: 18px; display: inline-block; padding-right: 24px;}

/* Custom Scrollbar using CSS */
.address-block-outer.custom-scrollbar-css {
  overflow-y: auto;
}

/* scrollbar width */
.address-block-outer.custom-scrollbar-css::-webkit-scrollbar {
  width: 5px;
}

/* scrollbar track */
.address-block-outer.custom-scrollbar-css::-webkit-scrollbar-track {
  background: #eee;
}

/* scrollbar handle */
.address-block-outer.custom-scrollbar-css::-webkit-scrollbar-thumb {
  border-radius: 2rem;
  background-color: #ff0000;
  /*background-image: linear-gradient(to top, #00d2ff 0%, #3a7bd5 100%);*/
}

select.form-control, select.form-control:focus {
  background-image:
    linear-gradient(45deg, transparent 50%, #cf2230 50%),
    linear-gradient(135deg, #cf2230 50%, transparent 50%),
    linear-gradient(to right, #cf2230, #cf2230);
  background-position:
    calc(100% - 27px) calc(1em + 5px),
    calc(100% - 15px) calc(1em + 5px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    10px 10px,
    12px 12px,
    0px 1.5em;
  background-repeat: no-repeat;
}
select.form-control:focus option:first-child{display: none;}
/*select.form-control:focus {
  background-image:
    linear-gradient(45deg, #cf2230 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #cf2230 50%),
    linear-gradient(to right, #cf2230, #cf2230);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 27px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    12px 12px,
    12px 12px,
    0px 1.5em;
  background-repeat: no-repeat;
  outline: 0;
}*/
.mg-pre-owned select.form-control{
  background-image:
    linear-gradient(45deg, transparent 50%, #cf2230 50%),
    linear-gradient(135deg, #cf2230 50%, transparent 50%),
    linear-gradient(to right, #cf2230, #cf2230);
  background-position:
    calc(100% - 27px) calc(1em + 0px),
    calc(100% - 15px) calc(1em + 0px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    8px 8px,
    12px 9px,
    0px 1.5em;
  background-repeat: no-repeat;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

 /*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #545554;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  width: 176px;
  max-height: 250px;
  overflow-y: auto;
}

.autocomplete-items div {
  padding: 5px 10px;
  cursor: pointer;
  background-color: #181818; 
  border-bottom: 1px solid #333333;
  font-size: 14px;
  color: #ffffff;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #000000; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

.privacy-policy-popup{}
.privacy-policy-popup .modal-dialog{max-width: 70%;}
.privacy-policy-popup .modal-content .modal-header{margin-bottom: 15px;}
.privacy-policy-popup .modal-body h4{color: #cf2230; font-weight: bold; font-size: 20px;}
.privacy-policy-popup .modal-content .modal-body {height: 700px; overflow-y: scroll; overflow-x: hidden; margin-bottom: 10px; padding-top: 0px;}

#check_vali{color: #cf2230; white-space: nowrap; margin-left: 0px;}
#news_letter_vali{color: #cf2230; margin-left: 15px; font-size: 12px; display: block; margin-top: 10px;}
#news_letter_success{color: #24a944; margin-left: 15px; font-size: 12px; display: block; margin-top: 10px;}

.loading-cls{z-index: 99999999; display: block; text-align: center;top: 0; bottom: 0; position: fixed; margin: auto; height: 80px; align-self: center; justify-items: center; text-align: center; left: 0;  right: 0;}
.loading-cls img{width: 80px;}

.modal-backdrop.fade.show{display: none;}



@media(min-width: 1401px) and (max-width: 1600px){
  .home-swiper-container{height: 520px;}
  .quick-search-bg{margin-top: 34%;}
  .exchange-car,.sell-car{height: 350px;}
  .about-banner{height: 350px;}
  .finance-bg{height: 350px;}
  .img-block{display: inline;}
  .privacy-policy-popup .modal-content .modal-body {height: 500px;}
}

@media(min-width: 1201px) and (max-width: 1400px){

  .home-swiper-container{height: 520px;}
  .quick-search-bg{margin-top: 34%;}
  .exchange-car,.sell-car{height: 340px;}
  .about-banner{height: 340px;}
  .finance-bg{height: 340px;}
  .modal-content .modal-title{font-size: 20px;}
  .close{width: 24px; height: 24px; font-size: 24px; background-size: 22px !important;}
  .modal-content .emi-amout{font-size: 24px;}
  .uc-left-block article{overflow-y: scroll; height: 500px;}
  .contact-banner-text h2{font-size: 2.5rem;}
  .img-block{display: inline;}
  .privacy-policy-popup .modal-content .modal-body {height: 500px;}

}

@media(min-width: 1024px) and (max-width: 1440px){
  .uc-left-block article{overflow-y: scroll; height: 500px;}
   .custom-scrollbar-js,
.custom-scrollbar-css {
  *height: 200px;
}


/* Custom Scrollbar using CSS */
.custom-scrollbar-css {
  overflow-y: auto;
}

/* scrollbar width */
.custom-scrollbar-css::-webkit-scrollbar {
  width: 7px;
}

/* scrollbar track */
.custom-scrollbar-css::-webkit-scrollbar-track {
  background: #eee;
}

/* scrollbar handle */
.custom-scrollbar-css::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background-color: #c1c1c1;
  /*background-image: linear-gradient(to top, #00d2ff 0%, #3a7bd5 100%);*/
}
}
@media(max-width: 1024px){
  .logo img{width: 100%; height: 100%;}
  .header-block{padding-left: 2.625rem; padding-right: 2.625rem; padding: 10px;}
  .header-block .col-sm-9{padding-bottom: 0px;}
  .right-top-block ul li{margin-top: 8px; padding: 0px 42px 0 0;}
  .right-top-block ul li a{font-size: 9px;}
  .right-top-block ul li.tool-free a::before, .right-top-block ul li.media a::before, .right-top-block ul li.contact-us a::before{width: 14px; height: 14px; left: -22px; top: 8px;}
  .right-top-block ul li.tool-free{margin-left: 46px;}
  .mg-navbar .navbar{ padding-top: 0px; padding-bottom: 0px; }
  .mg-navbar .navbar-nav li.dropdown a.nav-link::after{top: 12px;}
  .mg-navbar .navbar-nav li a{font-size: 11px; margin-left: 0px; margin-right: 20px;}
  .footer-top{padding-left: 2.625rem; padding-right: 2.625rem;}
  .footer-top .col-sm-5{width: 50%; padding: 0;}
  .footer-top .col-sm-7{width: 50%;}
  .social-media article a img{width: 30px; height: 30px;}
  .social-media article a{margin-left: 30px;}
  .footer-top .col-sm-5 .col-sm-4{width: 45%; padding-right: 0; }
  .footer-top .col-sm-5 .col-sm-8{width: 55%;}
  .footer-middle{padding-left: 2.625rem; padding-right: 2.625rem;}
  .footer-middle ul li{line-height: 30px;}
  .footer-bottom{padding-left: 2.625rem; padding-right: 2.625rem;}
  .footer-top .col-sm-6 .col-sm-4{width: 40%;}
  .footer-top .col-sm-6 .col-sm-8{width: 60%;}
  .reassure-block img{width: 100%; height: auto;}
  .slider-bg{height: auto;}
  .banner-text { margin: 10% 0 25% 0;}  
  .car-spec .col-sm-8{width: 100%; margin-bottom:15px;}
  .car-spec .col-sm-4{width: 100%}
  .car-spec .col-sm-8 span{width: 30%;}
  .btn-chat{padding: 6px 16px;}
  .uc-left-block article{overflow-y: scroll; height: 450px;}
  .finance-bg{height: 300px;}
  .accordion-block .accordion-btn:after{font-size: 32px;}
  .accordion-block .active:after{top: -3px;}
  .about-banner,.sell-car{height: 280px;}
  .home-swiper-container{height: 400px;}
  .quick-search-bg{margin-top: 28%;}
  .youtube-block iframe{width: 100%;}
  .privacy-policy-popup .modal-content .modal-body {height: 600px;}

}
@media(max-width: 823px){
  .right-top-block{display: none; }
  .mg-navbar .navbar-toggler{ position: absolute; right: 0; top: 20px; padding: 0;}
  .mg-navbar .navbar-toggler:focus{outline: none; box-shadow: none;}
  .navbar-dark .navbar-toggler-icon { background: url(../images/glob-hamburger.svg) no-repeat !important;}
  .mg-navbar .navbar-nav { flex-direction: column;}
  .navbar-collapse{width: 100%; height: 100%; top: 0; left: 0; background: #000000; z-index: 99; position: fixed; overflow-y: scroll;}
  .mb-menu{display: block;}
  .mob-search{display: block; padding-left: 30px;}
  .close-btn{display: block; color: #d02630; font-size: 36px; padding-right:20px; text-align: right; font-family: 'Gill-Sans-SemiBold'; font-weight: normal;}
  .quick-search-bg{width: 100%; padding: 0 10px;}
  .slider-bg h4{width: 22%;}
  .mg-reassure .col-sm-3{width: 50%; margin-bottom: 15px;}
  .m-search{display: none;}
  .mg-navbar .navbar-toggler{right: 0; top: -31px;}
  .banner-text h2{font-size: 40px;}
  .banner-text h3{font-size: 22px;}
  .banner-text {margin: 10% 0 30% 0;}
  .search-box{width: 16.4rem; height: 3rem;}
  .search input{width: 234px;}
  .autocomplete-items{width: 100%;}
  .search{margin-left: 20px;}
  .search-icon{right: -0.4rem;}
}
@media(max-width: 768px){
  .mg-navbar .navbar-nav li.home-icon{display: none;}
  .right-top-block{display: none;}
  .order-summary .car-detials{padding: 20px 0;}
  .order-summary .car-detials h4 strong{width: 80%;}
  .footer-top{padding-left: 1.625rem; padding-right: 1.625rem;}
  .social-media article a{margin-left: 20px;}
  .social-media article a img{width: 24px; height: 24px;}
  .footer-top .col-sm-5{width: 50%; padding: 0;}
  .footer-top .col-sm-7{width: 50%;}
  .email-box{height: 2.8rem;}
  .footer-top .col-sm-5 .col-sm-4{width: 45%; padding-right: 0; }
  .footer-top .col-sm-5 .col-sm-8{width: 55%;}
  .newsletter-block h4{font-size: 16px;}
  .social-media article span{font-size: 16px;}
  .footer-middle{padding-left: 1.625rem; padding-right: 1.625rem;}
  .footer-middle ul li{line-height: 24px;}
  .footer-middle ul li a{font-size: 14px;}
  .footer-middle ul li a.highlight{font-size: 15px;}

  .back-btn{padding-left: 0px; margin-top: 20px;}
  .back-btn a h4{padding-top: 5px; font-size: 1rem;}
  .back-btn a span{width: 30px;}
  .mg-navbar .navbar-toggler{position: absolute; right: 12px; top: -44px; border: none;}
  .mg-navbar .navbar-toggler:focus{outline: none; box-shadow: none;}
  .mg-navbar .navbar-nav{flex-direction: column;}
  .mg-navbar .navbar-nav .dropdown-menu{position: relative;}
  .mg-navbar .navbar-nav li.dropdown a.nav-link::after{transform: rotate(-90deg); width: 15px; height: 10px; top: 18px;}
  .mg-navbar .navbar-nav li.dropdown:hover a.nav-link::after{transform: rotate(90deg);}
  .mg-navbar .navbar-nav li ul.dropdown-menu{margin-left: 40px; border: none;}
  .mg-navbar .navbar-nav li ul.dropdown-menu::before{display: none !important;}
  .mg-navbar .navbar-nav li ul.dropdown-menu li a.dropdown-item{position: relative;}
  .mg-navbar .navbar-nav li ul.dropdown-menu li a.dropdown-item::before{content: ''; background: url(../images/btn-right-arrow-dark.svg) no-repeat; width: 20px; height: 15px; position: absolute; left: -2px; top: 12px; }
  .navbar-nav li ul.dropdown-menu li a.in-drop-icon::after{transform: rotate(90deg); position: absolute; top: 12px; height: 15px; width: 16px;}
  .navbar-collapse{width: 100%; height: 100%; top: 0; left: 0; background: #000000; z-index: 99; position: fixed; overflow-y: scroll;}
  .close-btn{display: block; color: #d02630; font-size: 36px; padding-right:20px; text-align: right; font-family: 'Gill-Sans-SemiBold'; font-weight: normal;}
  .mg-navbar .navbar-nav li a{font-size: 20px; font-family: 'Roboto-Medium';}
  .inner-dropdown li a.dropdown-item::before{content: ''; background: url(../images/btn-right-arrow-dark.svg) no-repeat; width: 20px; height: 15px; position: absolute; left: -2px; top: 20px;}
  .mb-menu{display: block;}
  .mob-search{display: block; padding-left: 30px;}
  .navbar-dark .navbar-toggler-icon{background: url(../images/glob-hamburger.svg) no-repeat !important;}
  .mobile-home{ display: block; top: -43px; right: 70px;}
  .footer-top .col-sm-6 .row .col-sm-4{width: 50%;}
  .footer-top .col-sm-6 .row .col-sm-8{width: 50%;}
  .footer-top .col-sm-6{width: 60%;}
  .footer-top .col-sm-6.social-media{width: 37%;}
  .close-btn { display: block; color: #d02630; font-size: 36px; padding-right: 20px; text-align: right; font-family: 'Gill-Sans-SemiBold'; font-weight: normal;}
  .car-spec .col-sm-8 span{display: inline-block; width: 32%; margin-bottom: 5px; text-align: center;}
  .fuel-icon::before{background-size: 16px; height: 14px;}
  .car-spec .col-sm-8{margin-bottom: 0px !important;}
  .car-spec span{text-align: center;}
  .btm-btns .col-sm-4{ width: 100%;}
  .btn-details{width: 100%;}
  .btm-btns .col-sm-8{ width: 100%;}
  .btn-chat {padding: 6px 16px; width: 47.5%; margin-top: 10px;}
  .uc-right-block .btn-chat {width: 47.8%;}
  .chat-popup .btn-chat{width: 100%;}
  .sell-car{height: 280px;}
  .accordion-block .accordion-btn:after{top: 10px;}
  .accordion-block .accordion-btn.active:after{top: 6px;}
  .colum-reverse img{width: 100%;}
  .finance-bg{height: 250px;}
  .mb-none { display: none;}
  .mb-filter { display: block;}
  .uc-right-block { width: 100%;}
  .uc-left-block { width: 100%;}
  .uc-left-block article { overflow-y: scroll; height: 100%;}
  .filter-popup .modal-dialog{max-width: 100%;}
  .sort-popup .modal-dialog{max-width: 100%;}
  .sort-popup .input-radio{display: block;}
  .border-t .header-block { padding: 0;}

  .home-swiper-container{ height: 320px;}
.home-1 {background: url(../images/home-banner1.jpg) no-repeat center center !important; background-size: cover !important; }

.home-2 { background: url(../images/home-banner2.jpg) no-repeat center center !important; background-size: cover !important;}

.home-3 {background: url(../images/mob-banner3.jpg) no-repeat center center !important; background-size: cover !important;}
.about-banner{background: url(../images/home-banner1.jpg) no-repeat center center; background-size: cover;}
.exchange-car, .sell-car{background: url(../images/home-banner1.jpg) no-repeat center center; background-size: cover; height: 280px;}
.finance-bg{background: url(../images/home-banner1.jpg) no-repeat center center; background-size: cover;}
.home-swiper-container{height: 400px;}
.quick-search-bg h4{width: 22%;}
.mg-reassure .col-sm-6{width: 100%;}
.find-cars{padding: 13px 22px;}
.quick-search-bg{margin-top: 38%;}
.youtube-block{text-align: center;}
/*.testimonial-block .swiper-slide{width: 100% !important;}*/

.privacy-policy-popup .modal-dialog{max-width: 100%;}

.vehicle-details .vehicle-details-gallery{width: 100%;}
.vehicle-details .highlight-block{width: 100%;}
.mg-navbar .navbar-nav li{padding-left: 20px;}
.mg-navbar .navbar-nav li a{padding-left: 20px !important;}
/*.car-details .row .col-sm-5{width: 100%}
.car-details .row .col-sm-7{width: 100%; margin-bottom: 10px;}*/
.car-details .row .col-sm-5 .car-price{ padding-bottom: 10px;}
.following-details-blcok .row .col-sm-3{width: 33%;}
.following-details-blcok .row .col-sm-3:first-child{width: 100%; margin-bottom: 10px;}
.apply-filter-bg{position: relative;}
.modal-backdrop.fade.show{display: none;}
.recent-additons .used-car-block{width: 50%;}


}

@media(max-width: 767px){
  .search{margin-left: 0px; margin-top: 20px;}
  .search input{width: 270px;}
  .search-icon{right: .2rem;}
  .fixed-top .header-section{display: block;}
  .fixed-top .fixed-logo{display: none;}
  .overflow-h .fixed-top{height: 100%;}
  /*.fixed-top{transform: inherit; top: 0; transition-delay: 2s;}*/
  .mg-navbar .navbar-nav li.home-icon{display: none;}
  .border-t{border: none;}
  .desktop-logo{display: none;}
  .mobile-logo{display: block;}
  .logo{padding-top: 10px;}
  .logo img { width: 48%;}
  .form-control{ height: 40px !important; line-height: 40px !important;  padding-left: 28px !important; font-weight: 500; font-size: 14px;}
  .form-group label{font-size: 14px; font-weight: 500;}
  .control-label{transform: translate3d(10px, 10px, 0) scale(1);}
  .form-group.focused .control-label{transform: translate3d(10px, -17px, 0) scale(1);}
  .form-fields .row.mb-5{margin-bottom: 48px !important;}
  .form-fields .col-sm-6{padding-left: 12px; padding-right: 12px; margin-bottom: 0px;}
  .form-fields .pr-0{padding-right: 0 !important;}
  .form-fields .pl-0{padding-left: 0 !important;}
  .nice-select .option{font-size: 14px; font-weight: 600; line-height: 40px; min-height: 40px;}
  
  .footer-top .col-sm-5 .col-sm-4, .footer-top .col-sm-5 .col-sm-8{width: 100%;}
  .footer-top .col-sm-5, .footer-top .col-sm-7{width: 50%; text-align: center;}
  .social-media article{ text-align: center; }
  .social-media article a:nth-child(1){margin-left: 0px !important;}
  .social-media article span{display: block; margin-bottom: 16px;}
  .mg-navbar .navbar-toggler{position: absolute; right: 16px; top: -56px; border: none; padding: 0;}
  .mg-navbar .navbar-toggler:focus{outline: none; box-shadow: none;}
  .back-btn{margin-left: 0px; padding-left: 0px; margin-top: 15px;}
  .mg-navbar .navbar-nav{ flex-direction: column;}
  .mg-navbar .navbar-nav .dropdown-menu{position: relative;}
  .mg-navbar .navbar-nav li.dropdown a.nav-link::after{transform: rotate(-90deg); width: 15px; height: 10px; top: 18px; padding-left: 16px;}
  .mg-navbar .navbar-nav li.dropdown:hover a.nav-link::after{transform: rotate(90deg);}
  .mg-navbar .navbar-nav li ul.dropdown-menu{margin-left: 40px; border: none;}
  .mg-navbar .navbar-nav li ul.dropdown-menu::before{display: none !important;}
  .mg-navbar .navbar-nav li ul.dropdown-menu li a.dropdown-item{position: relative;}
  .mg-navbar .navbar-nav li ul.dropdown-menu li a.dropdown-item::before{content: ''; background: url(../images/btn-right-arrow-dark.svg) no-repeat; width: 20px; height: 15px; position: absolute; left: -2px; top: 12px; }
  .navbar-nav li ul.dropdown-menu li a.in-drop-icon::after{transform: rotate(90deg); position: absolute; top: 12px; height: 15px; width: 16px;}
  .navbar-collapse{width: 100%; height: 100%; top: 0px; left: 0; background: #000000; z-index: 999; position: fixed; overflow-y: scroll;}
  .close-btn{display: block; color: #d02630; font-size: 36px; padding-right:20px; text-align: right; font-family: 'Gill-Sans-SemiBold'; font-weight: normal;}
  .mg-navbar .navbar-nav li a{font-size: 16px; font-family: 'Roboto-Medium'; border-bottom: 1px solid #181818; margin-right: 20px; margin-left: 20px;}
  .inner-dropdown li a.dropdown-item::before{content: ''; background: url(../images/btn-right-arrow-dark.svg) no-repeat; width: 20px; height: 15px; position: absolute; left: -2px; top: 20px;}
  .mb-menu{display: block;}
  .mob-search{display: block; padding-left: 20px; margin-top: 16px;}
  .navbar-dark .navbar-toggler-icon{background: url(../images/glob-hamburger.svg) no-repeat !important;}
  .newsletter-block{text-align: center; margin-bottom: 5px;}
  .input-radio .form-check{width: 100% !important;}
  .input-radio{width: 100% !important; display: inline-block; text-align: left; float: left;}
  .input-note{font-size: 12px;}
  .input-radio .form-check{margin-left: 0px;}
  .input-radio .form-check-1{margin-bottom: 24px; margin-left: 0px;}
  .input-radio p{margin-bottom:5px; font-size: 15px; }
  .input-radio .form-check-input[type=radio]{margin-top: 0px;}
  .input-radio .form-check-input:checked[type=radio]{margin-top: 2px;}
  .footer-middle {padding-left: 8.625rem; padding-right: 8.625rem;}
  .footer-top{background: #000000;}
  .footer-middle ul{width: 50%; min-height: 130px;}
  .footer-top .col-sm-6{width: 100%;}
  .social-media{display: block;}
  .footer-top .col-sm-6.social-media{width: 100%; margin-top: 30px; margin-bottom: 0;}
  .m-search{display: none;}
  .mg-reassure .col-sm-3{width: 100%; margin-bottom: 15px;}
  .mg-family .col-sm-6{width: 100%;}
  .mg-family .col-sm-3{width: 100%;}
  .view-360{ padding-top: 5px !important;}
  .mg-family{padding-bottom: 0 !important;}
  .mg-fam{padding-bottom: 0 !important;}
  .mg-pre-owned{ padding-bottom: 20px; }
  .about-mg-block .col-sm-6{width: 100%;}
  .about-block iframe{width: 100%; height: 250px;}
  .mg-reassure-benefits .col-sm-6{width: 100%; margin-bottom: 20px;}
  .mg-family .col-sm-4{width: 100%;}
  .myVideoSwiper.swiper-container { height: 450px !important;}
  .recent-additons .used-car-block{width: 100%;}
  .cv-carousel.cv-drag .cv-item{height: 180px !important;}
  .cv-nav .cv-prev, .cv-nav .cv-next{left: 42%;}

  .slider-bg{height: auto;}
  .quick-search-bg .col-sm-3{width: 100%; padding-left: 0px;}
  .quick-search-bg h4{width: 100%; font-size: 16px;}
  .banner-text{margin: 8% 0; text-align: left;}
  .quick-search-bg{width: 100%; position: relative; margin-top: 5%;}
  .quick-search-bg .form-control{line-height: 30px !important; height: 45px !important; padding-left: 14px !important;}
  .quick-search-bg .form-group{margin-bottom: 10px !important}
  .banner-text{width: 100%; text-align: center;}
  .banner-text h2{font-size: 34px;}
  .banner-text h3{font-size: 20px;}
  .find-cars{padding: 10px 9px;}
  .h2{padding: 25px 0 !important; font-size: 26px;}
  .mg-reassure .reassure-block{text-align: center;}
  .mg-family p{text-align: center;}
  .car-spec .col-sm-8{margin-bottom: 5px !important;}
  .car-spec .col-sm-8 span{width:23%; text-align: center; display: table-cell;}
  .car-spec span {text-align: center;}
  .btm-btns .col-sm-4{max-width:36%;}
  .btm-btns .col-sm-8{max-width:64%; width: 100%;}
  .btn-chat{margin-top: 0px; margin-left: 0px;}
  .hdng h2{padding: 0 !important;}
  .hdng .view-all{padding: 0 !important;}
  .modal-content .form-control{ height: 50px !important; line-height: 30px !important; }
  .close-btn { display: block; color: #d02630; font-size: 36px;  padding-right: 20px; text-align: right;  font-family: 'Gill-Sans-SemiBold'; font-weight: normal;}
  .header-block .col-sm-9{display: none;}
  .nice-select:after{width: 16px; height: 10px; top: 17px;}
  .header-block{padding-top: inherit; *padding-bottom: inherit;}
  .desk-view{display: none;}
  .mobile-view{display: block}

  .mob-container{max-width: 440px;}
  .used-cars{max-width: 440px;}
  .mg-pre-owned .col-sm-9, .mg-pre-owned .col-sm-3{width: 100%;}
  .sortby .nice-select.wide{width: 100%;}
  .uc-left-block .sticky-top{position: relative; z-index: 0;}
  .uc-left-block{width: 100%; padding-right: 12px;}
  .uc-right-block{width: 100%;}
  .uc-right-block .used-car-block{width: 100%;}
  .singleclass{margin-bottom: 50px;}
  .found-cars{width: 100%; margin-top: 15px;}
  .mb-none{display: none;}
  .mb-filter{display: block;}
  .filter-popup .modal-dialog, .sort-popup .modal-dialog{max-width: 100%;}
  .v-left-block{width: 100%; margin-bottom: 20px;}
  .view-similar h2{padding: 20px 0 10px 0!important;}
  .vehicle-details .col-sm-8{width: 100%;}
  .highlight-block{width: 100%;}
  .v-right-block{width: 100%;}
  .v-left-block{width: 100%;}
  .emi-section .col-sm-8{width: 65%;}
  .emi-section .col-sm-4{width: 34%;}
  .service-record{margin-right: 8px;}
  .mobile-home{top: -55px;}
  .ad img{width: 100%; height: auto;}
  .following-details-blcok{padding-bottom: 0px;}
  .following-details-blcok .col-sm-4{width: 100%;}
  .following-details-blcok .col-sm-6{width: 100%;}
  .following-details .col-sm-3, .following-details .w-75{width: 100% !important}
  .following-details-blcok .row{margin-bottom: 0px !important; margin-top: 0px !important;}
  .following-details-blcok .row .form-group{margin-bottom: 40px !important;}  
  .upload-car-documents .form-group.input-file{margin-bottom: 10px !important;}
  .faq-block h2{padding: 0px !important;}
  .faq-block .col-sm-6{width: 100%;}
  .accordion-block .accordion-btn{padding-left: 44px; line-height: 20px; min-height: 70px; height: auto;}
  .accordion-block .accordion-btn:after{top: 22px;}
  .accordion-block .accordion-btn.active:after{top: 18px;}
  .vehicle-title{font-size: 22px; padding: 10px 24px 5px 0px;}
  .socialPlugin{top: 8px;}
  .uc-left-block article{height: auto;}
  .sell-car h2{font-size: 20px; padding: 10px 0 110px 0;}
  .emi-block{padding: 0 0 20px 0 !important;}
  .emi-block .row.colum-reverse{flex-direction: column-reverse;}
  .emi-block img{width: 100%; height: auto;}
  .emi-block .emi-section{margin-bottom: 20px;}
  .finance-partners .nav-tabs .nav-link{margin: 0 25px;}
  .following-details h2{font-size: 22px;}
  .note{margin-bottom: 30px;}
  .sell-now{width: 100%; margin-bottom: 30px;}
  .form-group label {font-size: 14x; font-family: 'Roboto-Medium';}
  .highlights{margin-bottom: 20px;}
  .highlights li{width: 100%; overflow-y: hidden;}
  .highlights .input-radio label{font-size: 15px;}
  .highlights .input-radio{margin-bottom: 0px !important;}
  .highlights .input-radio .form-check-input[type=radio]{margin-top: 3px;}
  .about-us .nav-tabs .nav-link{margin: 0 22px;}
  .about-us h4{font-size: 20px;}
  .mg-reassure .col-sm-8{width: 100%;}
  .mg-reassure .col-sm-4{width: 100%;}
  .emi-block .col-sm-7{width: 100%;}
  .emi-block .col-sm-5{width: 100%;}
  .about-us .col-sm-6{width: 100%;}
  .socialPlugin .socials{margin-left: -263px !important;}
  .socialPlugin .socials:after{left: 2px;}
  .emi-block{margin-top: 0px;}
  .border-t .header-block { padding: 0;}
  .email-box { background: url(../images/input-box-bg-black.svg) no-repeat;}
  .following-details .control-label {transform: translate3d(6px, 14px, 0) scale(1);}
  .following-details .form-group.focused .control-label { background: #fbfbfb; transform: translate3d(6px, -13px, 0) scale(1);}
.following-details .form-group .nice-select:focus ~ label{transform: translate3d(6px, -13px, 0) scale(1) !important;}
.following-details .form-control{padding-left: 15px !important;}
.following-details .input-file input{margin-left: -103px;}

.solution-block{width: 100%;}
.testimonial-block{width: 100%; padding: 20px 15px;}
.following-details h5{font-size: 18px;}

.office-block .ofce-img{width: 100%; height: auto;}
.get-in-touch{padding: 0 30px;}
.get-in-touch .control-label { transform: translate3d(15px, 10px, 0) scale(1);}
.get-in-touch .nice-select:after {top: 14px;}
.textarea {height: 130px !important;}
.get-in-touch .nice-select { font-size: 13px; font-weight: normal; line-height: 28px !important; padding-left: 22px !important;}
.office-block .map{padding: 0;}
.office-block h2{font-size: 30px;}
.contact-banner-text h2{font-size: 2rem;}
.contat-slider-bg{height: 350px;}
.find-dealer h2{margin: 0 0 20px 0 !important;}
.current-location .form-control {line-height: 23px !important;}
.adrs-block-bg{width: 40%;}
.location-map-bg{width: 60%;}
.enter-location{width: 40%;}
.btn-go{top: 0; right: 0;}
.find-dealer .arrow{right: 0; top: 7px; width: 38px;}
.cr-loation{height: 40px !important; line-height: 40px !important;}
.uc-left-block .nice-select:after{top: 17px;}
.myVideoSwiper .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size: 24px;}
.myVideoSwiper .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{font-size: 24px;}

.virtual-popup .modal-content .modal-body{height: 310px;}
.about-banner .col-sm-6{height: auto; margin: 30px 0 0 0; text-align: center; width: 100%; display: inline-block;}
.about-banner h2{font-size: 36px;}
.about-bnner-img{margin: 0;}
.about-bnner-img img{width: 100%;}
.aboutus-block h2{font-size: 28px;}
.about-in-block{min-height: inherit;}
.aboutus-block .col-sm-5{width: 100%;}
.aboutus-block .col-sm-7{width: 100%;}
.column-reverse{flex-flow: column-reverse; margin-bottom: 15px !important;}
.overflow-h{overflow-y: hidden; position: fixed;}
.banner-block-content{position: relative;}
.home-swiper-container{height: 320px;}
.quick-search-bg{margin-top: 22%;}
.quick-search{background: #fafafa;}
.quick-search-bg .col-sm-3{padding-left: 0px;}
.autocomplete-items{width: 100%; max-height: 160px;}
.car-loation{margin-bottom: 8px;}
.privacy-policy-popup .modal-dialog{max-width: 100%;}
.privacy-policy-popup .modal-content .modal-body{height: 500px;}
.socialPlugin .socials{width: 260px !important;}

.no-cars-found {
  height: 65vh;
  width: 100%;
  display: table;
}
.inner-div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.service-record-popup .modal-content .modal-body .table-hd{border: 1px solid #f0f0f0;}
.service-record-popup .table{width: 536px; overflow-x: scroll;}
.youtube-block video{width: 100%;}
.mg-navbar .navbar-nav li{padding-left: 0px;}
.mg-navbar .navbar-nav li a{padding-left: 0px !important;}
.modal-backdrop.fade.show{display: none;}
.apply-filter-bg{position: fixed;}


}
@media(max-width: 640px){
  .mobile-home{top: -55px; right: 62px;}
  .footer-top .col-sm-6 .row .col-sm-4{width: 50%;}
  .footer-top .col-sm-6 .row .col-sm-8{width: 50%;}
  .step-footer.row{flex-direction:inherit !important;}
  .details-check ul li{width: 50%;}
  .input-radio{width: 100% !important; margin-bottom: 26px !important;}

}
@media(max-width: 568px){
  .logo img {width:15%;}
  .mobile-home{top: -48px;}
  .form-control{ height: 40px !important; line-height: 28px !important;  padding-left: 18px !important; font-weight: 500; font-size: 14px;}
  .form-group{margin-bottom: 30px;}
  .form-group label{font-size: 13px; font-weight: 500;}
  .control-label{transform: translate3d(11px, 10px, 0) scale(1);}
  .form-group.focused .control-label{transform: translate3d(11px, -15px, 0) scale(1);}
  .form-group .nice-select:focus ~ label{transform: translate3d(11px, -15px, 0) scale(1) !important; z-index: 1;}
  .form-fields .row.mb-5{margin-bottom: 18px !important;}
  .form-fields .col-sm-6{padding-left: 12px; padding-right: 12px; margin-bottom: 0px; width: 50%}
  .form-fields .pr-0{padding-right: 0px !important;}
  .form-fields .pl-0{padding-left: 0px !important;}
  .arrow{right: 2px;top: 5px; width: 28px; height: auto; background: #ffffff; padding-right: 12px;}
  .nice-select .option{font-size: 14px; font-weight: 500; line-height: 40px; min-height: 40px;}
  .input-checkbox input{}
  .mg-navbar .navbar-toggler{top:-50px;}
  .header-block{padding-left: 1rem; padding-right: 1rem;}
  .footer-middle {padding-left: 6.625rem; padding-right: 6.625rem;}

  .reassure-block img{width: auto;}
  .three-select .col-sm-5{ width: 46%;}
  .three-select .col-sm-2{ width: 8%; padding: 0; }
  .office-block .ofce-img{width: 100%; height: auto;}
  .get-in-touch{padding: 0 30px;}
  .get-in-touch .control-label { transform: translate3d(15px, 10px, 0) scale(1);}
  .get-in-touch .nice-select:after {top: 14px;}
  .textarea {height: 130px !important;}
  .get-in-touch .nice-select { font-size: 13px; font-weight: normal; line-height: 28px !important; padding-left: 22px !important;}
  .office-block .map{padding: 0;}
  .office-block h2{font-size: 30px;}
  .adrs-block-bg { width: 100%;}
  .location-map-bg {width: 100%;}
  .or{width: auto;}
  .current-location{width: 45% !important;}
  .enter-location{width: 44% !important; padding-right: 0 !important;}
  .btn-go {right: 0; position: relative; left: 0; margin: 0 auto;}
  .find-dealer .arrow{width: 30px;}
  .socialPlugin .socials{margin-left: -120px !important}
}
@media(max-width: 425px){
  .logo{padding-top: 12px;}
  .mobile-home { top: -40px; right: 60px;}
  .header-block{padding-left: 0rem; padding-right: 0.5rem;}
  .border-t .header-block{padding: 0;}
  .logo img{width: 60%; height: auto;}
  .mg-navbar .navbar-toggler{ top: -42px; right: 10px;}
  .navbar-dark .navbar-toggler-icon{height: 17px;}
  .form-control{height: 72px !important; line-height: 72px !important; padding-left: 20px !important; font-size: 15px; font-family: 'Roboto-Bold';}
  .control-label { transform: translate3d(10px, 14px, 0) scale(1);}
  .arrow{top: 22px; right: 11px;}
  .form-group label {font-size: 14x; font-family: 'Roboto-Bold';}
  .nice-select{font-weight: 500; line-height: 52px !important;}
  .nice-select .option{font-weight: 500 !important;}
  .step-footer .col-sm-6{padding-left: 12px !important; padding-right: 12px !important; width: 100%;}
  .form-fields .col-sm-6{width: 100%;}
  .form-group{margin-bottom: 0px;}
  .input-radio{display: inline-block; text-align: left; margin-bottom: 30px !important; width: 100% !important;}
  .input-radio label{font-weight: bold; font-size: 17px;}
  .input-radio .px-4{padding: 0 !important; padding-left: 10px !important;}
  .form-fields .pr-0{padding-right: 12px !important;}
  .form-fields .pl-0{padding-left: 12px !important;}
  .form-fields .row.mb-5{margin-bottom: 0px !important;}

  .modal-content .form-control{ height: 50px !important; line-height: 30px !important; }
  .chat-popup .btn-chat{width: 100%; margin-top: 12px;}
  .find-cars{width: 100%; padding: 10px 20px;}
  .slider-bg h4{width: 100%; font-size: 14px;}
  .mg-reassure .col-sm-3{width: 100%;}
  .car-spec .col-sm-7 span{width: 25%;}
  .reassure-block img{width:auto; }
  .search-box{width: 18rem; height: 2rem; margin: 0 auto;}
  .quick-search-bg{margin-top: 24%;}
  .used-cars {max-width: 100%;}
  .sortby .nice-select.wide{width: 100%;}
  .uc-left-block{width: 100%; padding-right: 12px;}
  .uc-right-block{width: 100%;}
  .uc-left-block .sticky-top{position: relative; z-index: 0;}
  .three-select .col-sm-5{ width: 46%;}
  .three-select .col-sm-2{ width: 8%; padding: 0; }
  .btm-btns {width: 106%;}
  .banner-text{text-align: center;}
  .v-left-block{width: 100%;}
  .v-right-block{width: 100%;}
  .emi-section .col-sm-8 { width: 65%;}
  .emi-section .col-sm-4 { width: 34%;}
  .cv-item h5{font-size: 18px;}
  .cv-item p{font-size: 14px;}
  .myVideoSwiper.swiper-container {
    height: 260px !important;
  }
  .h2{font-size: 22px;}
  .about-mg-block{padding-bottom: 0 !important;}



  .footer-top .col-sm-5, .footer-top .col-sm-7{width: 100%;}
  .footer-top{padding: 2rem 2rem 3rem 2rem; }
  .newsletter-block h4{text-align: center; margin-bottom:8px; font-size: 20px;}
  .newsletter-block span{font-weight: normal; font-size: 10px; position: relative; top: -3px;}
  .social-media{margin: 30px 0; display: initial;}
  .social-media article span{display: block; text-align: center; margin-bottom: 20px;}
  .social-media article a{margin-left: 30px;}
  .email-box{height: 2.5rem;}
  .footer-middle{padding-left: 2rem; padding-right: 2rem;}
  .footer-middle .col-sm-12{}
  .footer-middle ul{width: 50%; min-height: 130px;}
  .footer-middle ul li{line-height: 24px;}
  .social-media article a img{width: 38px; height: 30px;}
  .footer-bottom{padding: 30px 20px; text-align: center;}
  .footer-top .col-sm-6 .row .col-sm-4{width: 100%;}
  .footer-top .col-sm-6 .row .col-sm-8{width: 100%;}
  .footer-top .col-sm-6.social-media{width: 100%;}
  .finance-bg .banner-text h3{font-size: 20px; color: #fff; background: rgba(0,0,0,0.6); display: inline-block; padding: 3px 8px;}
  .about-us .nav-tabs .nav-link{margin: 0 15px;}
  .finance-partners .swiper-slide{width: 174px !important; padding: 16px 0 !important;}

  .office-plant{margin: 0 !important;}
  .office-block{margin-bottom: 40px;}
  .office-block .ofce-img{width: 100%; height: auto;}
  .office-block .map{padding: 0;}
  .contact-banner-text h2{font-size: 2rem;}
  .get-in-touch { padding: 0 15px;}
  .get-in-touch h2{margin-top: 0 !important; padding-top: 0 !important; font-size: 34px;}
  .get-in-touch .control-label { transform: translate3d(15px, 26px, 0) scale(1);}
  .get-in-touch .nice-select:after{top: 30px; right: 20px;}
  .get-in-touch .form-group{margin-bottom: 50px;}
  .get-in-touch .col-sm-12{padding: 0 15px !important;}
  .get-in-touch .col-sm-6{padding: 0 15px !important;}
  .textarea {height: 130px !important;}
  .text-area{margin-bottom: 0px !important;}
  .get-in-touch .form-check{margin:0px 0 10px 0 !important;}
  .get-in-touch .step-btn{font-size: 16px; font-weight: normal; padding: 24px 24px; margin-top: 25px;}
  .adrs-block-bg{width: 100%;}
  .location-map-bg{width: 100%; margin-top: 30px;}
  .btn-go {right: 0; position: relative; left: 0; margin: 0 auto;}
  .current-location .form-group{margin-bottom: 20px !important;}
  .current-location .form-control {line-height: 56px !important;}
  .or{margin-bottom: 20px;}
  .adrs-block-bg{margin-top: 30px;}
  .find-dealer .arrow { right: 10px; top: 22px;  width: 34px;}
  .current-location{width: 100% !important;}
  .enter-location{width: 100% !important;}
  .or{margin: 0 auto;}
  .cr-loation {height: 72px !important; line-height: 72px !important;}
  .get-in-touch .nice-select{line-height: 60px !important;}

  .virtual-popup .modal-content .modal-body{height: 230px;}
  .about-banner .col-sm-6{height: auto; margin: 30px 0 0 0; text-align: center;}
  .about-banner h2{font-size: 24px;}
  .about-bnner-img{margin: 0;}
  .about-bnner-img img{width: 100%;}
  .aboutus-block h2{font-size: 28px;}
  .about-in-block{min-height: inherit;}
  .socialPlugin .socials{margin-left: -168px !important;}
  .socialPlugin .socials:after{left: 96px;}
  .myTestimonialSwiper.swiper-container{height: 100% !important;}
  .testimonial-block .right-block{width: 100%;}
  .testimonial-block .left-block{width: 100%;}

}
@media(max-width: 375px){
   .social-media article a {margin-left: 20px;}
   .about-us .nav-tabs .nav-link{margin: 0 10px;}
   .finance-partners .swiper-slide{width: 157px !important; padding: 16px 0 !important;}
}
@media(max-width: 360px){
  .social-media article a{margin-left: 18px;}
  .social-media article a:nth-child(1){margin-left: 0 !important;}
  .finance-partners .nav-tabs .nav-link{margin: 0 14px;}
  .finance-partners .swiper-slide{width: 148px !important; padding: 16px 0 !important;}
}
@media(max-width: 320px){
  .social-media article a img{width: 24px; height: 24px;}
  .car-spec .col-sm-8 span{width: 16%;}
  .btn-enquiry{margin-left: 0px;}
  .reassure-block img{width: 100%;}
  .btn-chat{padding: 6px 10px;}
  .btm-btns .col-sm-8{padding-right: 5px;}
  .about-us .nav-tabs .nav-link{margin: 0 5px; font-size: 13px;}
  .service-record, .virtual-demo { padding: 5px 5px; font-size: 11px;}
  .finance-partners .nav-tabs .nav-link{margin: 0 10px;}
  .privacy-policy-popup .modal-content .modal-body{height: 400px;}
}

@media(min-width: 360px) and (max-width: 767px){
  .service-record, .virtual-demo { padding: 15px 15px; font-size: 16px;}
  .service-record{margin-right: 7px;}
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.sell-usedcar {min-height: 68vh;}