@media screen and (min-width: 768px) and (max-width: 1100px) {
	.cal-container{padding: 20px 20px;}
	.cal-header h2{width: 100%;}
	.largetxt {font-size: 30px;}
	.cal-header h2{font-size: 22px;}
	.cal-header h3{font-size: 13px;}
	.cal-result{width: 90%;float: left;margin: 0px 5%;padding: 20px 40px;}
	.cal-gap{width: 2px;height: 100px;}
	.cal-buback{min-height: 120px;}
	.cal-header .cal-header-txt{width: 100%;}
	.right-logo{padding-top: 5px;}


	#mileage-slider .noUi-value{font-size: 12px;}
	#temperature-slider .noUi-value{font-size: 12px;}
	.bariocn .bar_ic:nth-child(2){background-position: 50%;}
	.bariocn .bar_ic:nth-child(3){background-position: 70%;}
	.streetlamp .lamp:nth-child(3) {background-position: 100%;}
	.streetlamp .lamp:nth-child(2) {background-position: 80%;}
	.cal-mileage-slide .bariocn .bar_ic:nth-child(1) {background-position: 50%;}
	.cal-mileage-slide .bariocn .bar_ic:nth-child(2) {background-position: 62%;}


	.nav_left ul li a {font-size: 11px;padding: 17px 10px;}
	.col-form-label{width: 40%;}
	.col-md-6{width:100%;}


	.discover_boxs > div{min-height: 300px;}
	.discover_boxs{column-gap: 20px;}
	.discover_bot span{font-size: 50px;}
	.discover_bot p{font-size: 13px;}


	.mainTitle{padding:0px 0px;}
	.nav_right ul li a {padding: 7px 0px;}
	.formContainer {padding: 50px 0px;margin-top: 0px;height: auto;}
	.col-form-label {font-size: 12px;}
	.mainTitle {font-size: 1em;}
	.logo img {width: 40px;}
	.nav_left ul li {padding: 16px 0px;}
	header {height: 70px; min-height: 70px;}
	.chargingStation ul li span {font-size: 11px;}
	.chargingTitle {font-size: 13px;}
	#direction-form input {font-size: 11px;}
	.chargingSearchList ul li {font-size: 11px;}
	form {
		width: 100%;
		margin-left: 0%;
	}
	.m_banner_content{width: 100%;}
	.m_banner_content h2{font-size: 30px;}
	.m_banner_content h3{font-size: 14px;}
	.calculator_box p{font-size: 15px;}
	.price_box span{font-size: 50px;}
	.price_box{padding: 20px 10px;}
	.journey_area h2{font-size: 25px;}
	.price_box_area{margin:20px 0px}
	.icon_box{height: 220px; padding: 20px 10px; margin: 10px 10px;}
	.icon_box img{height: 60px;}
	.car_details{padding: 20px 0px;}
	.tabs-nav a{font-size: 15px;}
	.top_content h1{font-size: 25px;}
	.top_content p{font-size: 15px;}
	.heading{font-size: 25px; line-height: 32px; margin-bottom: 10px;}
	.subheading{font-size: 14px;}
	.tab_content .tab_txt p{font-size: 15px;}
	.tab_txt h2{font-size: 25px;}
	.calculator_sp{width: 30%;}
	.joydriving_area .joyBox .joy_img{height: 270px;}
	.joydriving_area .joyBox .joy_txt{padding: 2%;}
	.joydriving_area .joyBox .joy_txt p{font-size: 14px;}
	.joydriving_area .joyBox .joy_txt h3{font-size: 21px;}

}

@media (min-width: 1200px) and (max-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 90%;
}
}
@media screen and (min-width: 1001px) and (max-width: 1399px) {

	.m_banner_content h2{font-size: 35px;}
	.m_banner_content h3{font-size: 16px;}
	.menu li a {
		font-size: 13px;
		padding: 21px 7px;
	}
	.nav_left ul li a {
		font-size: 14px;
		padding: 27px 15px;
	}
	.menu li {
		margin-right: 20px;
	}


	.cal-container{ padding:30px 0px;}
	.cal-header h2{width: 100%; font-size: 30px;}
	.cal-header h3{font-size: 17px;}
}


/*MOBILE*/

@media screen and (max-width: 767px) {
	#mobile-hamburger{z-index: 4;}


	.bariocn .bar_ic:nth-child(2) {background-position: center;}
	.bariocn .bar_ic:nth-child(3) {background-position: 90%;}
	.cal-mileage-slide .bariocn .bar_ic:nth-child(1) {background-position: 50%;}
	.streetlamp .lamp:nth-child(2) {background-position: 75%;}
	.streetlamp .lamp:nth-child(3) {background-position: 100%;}
	#mileage-slider .noUi-value{font-size: 11px;}
	.cal-mileage-slide .bariocn .bar_ic:nth-child(2) {background-position: 65%;}
	.cal-mileage-slide .bariocn .bar_ic:nth-child(3) {background-position: 77%;}
	#temperature-slider .noUi-value{font-size: 12px;}

	.cal-subcontainer{    padding: 50px 10px 10px 10px;}
	.cal-container{ padding:0px 0px;}
	.cal-header{width: 100%; margin: 0px 0px; float: left;padding: 10px 0px 0px;display: flex;align-items: end;justify-content: flex-end;flex-flow: column-reverse;}
	.cal-header h2{font-size: 15px;float: left;padding: 20px 0px;}
	.right-logo{float: right;display: flex;gap: 10px;align-items: center;padding: 15px 0px 0px 0px;}
	.logo_a img {width: 25px;}
	.logo_b img {width: 30px;}
	.logo_c img {width: 80px;}

	.carSelection{width: 100%;max-width: 300px;float: left;margin: 20px 0px 20px;}
	.carSelection span{font-size: 15px;}
	.cal-result span:first-child{font-size: 15px;}
	.cal-result{width: 100%;margin: 0px 0%; gap: 20px; flex-flow: column;}

	.cal-buback{flex-flow: column;width: 100%;margin: 20px 0%;}
	.largetxt {font-size: 30px;}
	.cal-gap{width: 90%;height: 4px;margin: 20px 0px;}

	.cal-header .cal-header-txt{width: 100%; margin: 20px 0px;}
	.cal-header h2{font-size: 18px; padding: 0px; margin: 0px;}
	.cal-header h3{font-size: 13px;
        margin-top: 5px;
        line-height: 20px;}
	.heading{    margin: 0px 0 10px;}
	.cal-slider-grp{width: 100%;margin: 20px 0px;flex-flow: column;gap: 20px;}
	.cal-tenure-slide{width: 100%;}
	.cal-mileage-slide{width: 100%;}
	.temperatureArea{margin: 50px 0px;}
	.cal-mileage-slide .bariocn{bottom: 10px;}
	.cal-tenure-slide-head{text-align: center;}
	.cal-tenure-slide-head.textright{text-align: center;}













	.terms p {width: 100%;}
	.discover_bot span{font-size: 50px;}
	.discover_bot p{font-size: 16px;}
	.discover_sec {margin-bottom: 30px;}
	.routeMap{position: absolute;top: 0px;left: 0px;width: 100%;background: #fff;z-index: 3;}
	.formMaster{max-width: 100%; padding-left: 0px;}

	.tabs-nav ul{padding: 0px;}
	.tabs-nav li.active{border-bottom: 5px solid #1C69D4;}
	.tabs-nav a{font-size: 11px;padding: 10px 2px;}
	.errormess span{position: relative;bottom: unset;}

	.tab_content{flex-direction: column-reverse;}
	.tab_content .tab_txt{width: 100%; text-align: center;}
	.tab_content .tab_img {width: 100%;margin-bottom: 30px;}
	.tab_content .tab_txt .blue_cta{float: none;}

	.icon_box_area{flex-flow: column;}
	.price_box_area{flex-flow: column; margin: 20px 0px;}
	.price_box{width: 100%; margin:10px 0px;}
	.flexrev{flex-flow: column;}
	.journey_area h2{font-size: 25px;}
	.price_box span{font-size: 45px;}
	.calculator_box{margin: 20px 0px 0px;}

.icongrp{flex-wrap: wrap;}
.icongrp > div{flex: 50%; margin:10px 0px;}
.discover_boxs{    flex-wrap: wrap;}
.discover_boxs > div{width: 100%; height: 400px; margin-bottom: 20px;}

	.m_banner_content{width: 100%; left: 0px;}
	.m_banner_content h2{font-size: 20px;}
	.m_banner_content h3{font-size: 16px;}
	.top_content h1{font-size: 24px;}
	.top_content p{font-size: 15px; width: 100%; margin: 10px 0px;}

	.calculator_sp{width: 100%; border-right: 0px; }
	.calculator_MD{width: 100%;}

	button.accordion span {padding-left: 20px;line-height: 20px;font-size: 14px;}
	.faq h2{font-size: 20px;}

	.joydriving_area .joyBox .joy_txt{width: 100%;}
	.joydriving_area .joyBox .joy_img1{width: 100%;}
	.joydriving_area .joyBox .joy_txt p{max-width: 100%;text-align: justify; font-size: 14px;}
	.joydriving_area .joyBox .joy_img2{width: 100%;}
	.joydriving_area .joyBox .joy_txt h3{font-size: 20px;}
	.flex_column{flex-flow: column;}
	.flex_columnreverse{flex-flow: column-reverse;}
	.mainTitle.m40{margin-top:20px;}
	.confirm button{font-size: .7rem;}

	.calculator_box p{font-size: 15px; text-align: justify;}
	.journey_area p{font-size: 15px; text-align: justify;}
	.car_details{padding:20px 0px 0px;}
	.formContainer{background-position: center;padding: 50px 0px 10px 0px;height: auto;}
	.heading{font-size: 25px; line-height: 32px;}
	.subheading{font-size: 15px;}
	.top_content{padding: 30px 0px 10px;}

	.accordion-content p{max-width: 100%; font-size: 13px; text-align: justify;}
	.accordion-content img{width: 100%;max-width: 300px;}


	.form50, .w50,.form70{width:100%;margin: 5px 0px;}
	.marginL{margin-left:0px;}
	.formP{margin: 0px 0px;}
	.form30{width: 100%;margin: 5px 0px;}
	.marginR{margin-right: 0px;}

	.selectionNav ul li a{font-size: 11px;
		line-height: 15px;}
	
	.i-popup-parent{
		left: -200px;
		bottom: 20px;
		width: 300px;
	}
	.galleryArea{
		margin-top:0px;
	}
	#accordion1 div.head div{
		font-size: 11px;
		width: 28%;
	}
	.boldTable td:first-child{
		width: 33.3% !important;
	}
	.range-labels li{
		width: 12.5%;
	}
	#direction-form{
		width: 90%;
	}
	.emissionContainer .mb-4{
		margin-bottom:0px !important
	}
	.range-labels{
		margin: -28px -25px 0 0px;
	}
	.fixecMenufooter {
		position: fixed !important;
		bottom: 30px;
	}
	.fixeddirectionform {
		position: fixed !important;
		top: 58px !important;
		width: 100%;
	}
	.ownerCalsel{
		text-align: center;
	}
	.boldTable tr td:first-child span{
		font-size: 11px;
	}
	.searchCity .frominput{
		width: 80%;
    margin: 0px 10%;
	}
	#direction-form{
		background: #fff;
        z-index: 3;
        padding: 10px 0px;
        float: left;
        width: 90%;
        margin: 0px 5%;
	}
	#map{
		height: 400px !important;
    	margin:0px 0px 20px;
	}
	.m-4 {
		margin: 10px 0px !important;
	}
	#googleMap {
		height: 400px;
		margin: 0px 0px 20px 0px;
	}
	.desktop {
		display: none;
	}
	.mobile {
		display: block;
	}

	.logo img {
		width: 35px;
	}
	.borderBottom{border: 0px;}
	.nav_left {
		display: none;
	}

	.logo {
		float: left;
		margin-right: 0px;
		margin-top: 12px;
	}
	.nav_right ul li {
		margin-right: 0px;
	}
	form {
		width: 100%;
		margin-left: 0%;
	}
	.climateControl {
		width: 100%;
		margin-top:10px;
		margin-right: 0px !important;
	}
	.climateControl .control {
		width:130px;
		height:50px;
		position: relative;
		left: 50%;
		margin-left:-65px;
	}
	.climateControl .control img {
		height:21px;
	}
	.m-5 {
		margin:0px !important
	}
	.smtxt{
		bottom:-13px;
	}
	.ran{    
		padding:20px 20px 30px 20px;
	}
	.col-form-label {
		text-align: center;
		font-size: 12px;
	}

	.chargingStation ul li {
		text-align: center;
	}

	.chargingTitle {
		text-align: center;
	}

	#accordion1 button::after,
	#accordion2 button::after,
	#accordion3 button::after {
		right: 10px;
	}

	.table-striped tbody tr td {
		max-width: 100%;
	}

	.table-striped tbody tr td:nth-child(4) {
		display: none;
	}

	.table-striped tbody tr td:first-child {
		width: 100% !important;
		text-align: center !important;
	}
	.boldTable tbody tr td:first-child {
		width: 33.3% !important;
		text-align: left !important;
		padding-bottom: 0px !important;
	}
	.boldTable{border-bottom:1px solid #ddd;}
	.boldTable tr td:nth-child(1)::after, .boldTable tbody tr td:nth-child(2)::after, .boldTable tbody tr td:nth-child(3)::after, .boldTable tbody tr td:nth-child(4)::after{
		background:#fff !important
	}
	.table-striped tbody tr td {
		float: left;
		width: 50% !important;
		min-height: 50px;
		padding-top: 10px;
	}
	.boldTable tbody tr td{
		width: 28% !important;
		min-height: 62px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0px !important;
	}
	.boldTable{margin-bottom: 0px !important;}
	#accordion1 div.head .btn {
		font-size: 11px;
		padding-top: 5px;
	}

	#accordion1 div.head,
	#accordion2 div.head,
	#accordion3 div.head {
		text-align: center;
	}

	#accordion1 button.collapsed::after,
	#accordion2 button.collapsed::after,
	#accordion3 button.collapsed::after {
		right: 10px;
	}

	.modelCont {
		width: 100%;
		margin-left: 0px;
	}

	.swiper-slide {
		-webkit-transform: translateZ(0);
		-webkit-backface-visibility: hidden;
	}

	.icon-test-drive-appointment,
	.icon-dealer-locator {
		display: block !important;
	}

	.container {
		width: 90%;
		margin: 0px 5%;
		padding: 0px !important;
	}

	header {
		height: 60px;
		min-height: 60px;
	}
	

	.selectdropdown::after {
		top: 14px;
		right: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/selectarrow.svg) no-repeat;
		background-size: contain;
	}

	.table-striped tbody tr td span{
		font-size: 11px;
	}



	
	.selectdropdown {
		width: 100%;
		margin-left: 0px;
	}



	/*NAVIGATION*/
	ul.menu a.is-active {
		color: #fff !important;
	}

	.mobile_ham {
		font-size: 60px;
		color: #1c69d5 !important;
		margin-top: 5px;
	}

	.mobile_close {
		font-size: 60px;
		color: #1c69d5 !important;
		margin-top: 5px;
	}

	.nav_right ul li a {
		padding: 0px;
	}

	.menu {
		position: fixed;
        padding: 0;
        display: none;
        top: 0;
        left: 0;
        background: #1d69d4;
        background-size: cover;
        z-index: 3;
        width: 100%;
        height: 100%;
        padding-top: 50px;
	}

	.menu li {
		width: 100%;
		padding: 0px 5%;
		border-bottom: 0px;
		line-height: 32px;
	}

	.menu li:hover {
		border-bottom: 0px;
	}

	.menu li a:hover {
		border-bottom: 1px solid #fff !important;
		color: var(--grey);
	}

	.menu li ul li a:hover {
		border-bottom: 0px solid #fff !important;
		color: var(--grey);
	}

	.menu li a {
		font-size: 13px;
		padding: 10px 20px;
		color: var(--white);
		width: 100%;
		float: left;
		font-family: 'BMWTypeNextTT-Bold';
		border-bottom: 1px solid #e3e3e3;
	}

	.menu li a:hover {
		color: var(--white);
		border-bottom: 1px solid #1c69d5;
	}

	.icon-burger-menu::before {
		content: "\e932";
	}

	.nav_right .logo {
		width: 40px;
		height: 40px;
		margin: 10px 0px;
		margin-right: 0px;
	}

	.nav_right ul {
		margin-top: 5px;
	}

	.menu li a.is-active {
		color: #fff;
		border-bottom: 1px solid #fff;
	}

	.mainTitle {
		font-size: 1em;
		line-height: 1.6rem;
        width: 80%;
        margin: 0px 10%;
	}

	.temperatureArea {
		width: 100%;
		padding: 10px 0px;
	}
	.drivingT{margin-bottom: 0px;}
	.swiper-slide img {
		width: 80%;
		margin: 0px 7%;
	}

	.swiper-button-next,
	.swiper-rtl .swiper-button-prev {
		right: 0px !important;
	}

	.swiper-button-prev,
	.swiper-rtl .swiper-button-next {
		left: 0px !important;
	}

	/*FOOTER*/

	.footer_up #footerAcc div.head .btn {
		color: #4d4d4d !important;
		font-size: 13px;
	}

	.footer_up #footerAcc div.head {
		padding: 10px 0px;
		position: relative;
		border-bottom: 0px;
		text-align: left;
	}

	.footer_up {
		width: 80%;
		margin: 0px 10%;
		float: left;
	}

	.footer_up #footerAcc div.head {
		padding-top: 0px !important
	}

	.footer_nav {
		display: none;
	}

	.footer_nav_box ul li {
		text-align: left;
	}

	.social {
		width: 80%;
		padding: 0px 10%;
	}

	.social ul li {
		margin-right: 7px
	}

	.social h4 {
		text-align: center;
		margin: 20px 0px;
	}

	.social ul {
		margin: 30px auto;
	}

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

	.footer_line {
		display: none;
	}

	.footer_nav_box {
		padding-top: 0px;
		border-top: 0px solid #bbb;
	}

	.footer_nav_box ul {
		padding: 0px 0px 0px 20px;
		float: left;
	}

	.footer_nav_box ul li a {
		font-size: 13px;
		line-height: 20px;
	}

	.footer_nav_box h4 {
		font-size: 12px;
		text-align: center;
	}

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

	footer {
		padding: 3em 0px 0px;
		margin-top: 0px;
	}

	.footer_down ul {
		text-align: center;
		padding: 0px;
		width: 100%;
	}

	.footer_down li a {
		font-size: .65rem;
	}

	.footer_down ul li {
		margin-right: 10px;
	}


	.content {
		margin-bottom: 20px;
	}

}


@media screen and (max-width: 360px) {
	.container {
		width: 90%;
		float: left;
	}
}

@media (max-width: 991px) {

	.container,
	.container-sm {
		max-width: 100% !important;
	}
}

@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1300px;
	}
	}

@media (min-width: 1900px) {


	.cal-header h2{font-size: 37px;}
	.logo_a img {width: 60px;}
	.logo_b img {width: 60px;}
	.logo_c img {width: 200px;}





.formMaster{width: 100%;}
	.m_banner_content h2{font-size: 70px; margin-bottom: 20px;}
	.m_banner_content h3{font-size: 35px;margin-bottom: 20px;}
	.m_banner_content .book_t_d_cta{padding: 10px 40px;}
	.top_content{padding: 90px 0px;}
	.top_content h1{font-size: 50px;}
	.top_content p{font-size: 25px;}
	.tab_content .tab_txt p{font-size: 25px;}
	.tab_txt h2{font-size: 42px;}
	.blue_cta{padding:10px 40px;}
	.tab_content .tab_txt{width: 45%;}
	.icon_box p{font-size: 22px;}
	.icon_box{height: 350px; max-width: 400px;}
	.journey_area h2{font-size: 50px;}
	.journey_area p{font-size: 20px;}
	.formContainer{max-height: 700px;}

	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1600px;
	}
	.terms p{font-size: 15px;}

	.discover_bot span{font-size: 100px;}
	.discover_bot p{font-size: 30px;}

}