@media screen and (min-width: 768px) and (max-width: 1100px) {
	.nav_left ul li a {font-size: 11px;padding: 17px 10px;}
	.nav_right ul li a {padding: 7px 0px;}
	.logo img {width: 40px;}
	.nav_left ul li {padding: 16px 0px;}
	header {height: 70px;}
}

@media screen and (min-width: 1001px) and (max-width: 1399px) {
	.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;}
}


/*MOBILE*/

@media screen and (max-width: 767px) {
	#formMaster .container{width: 100%; margin: 0px;}
	.errormess{position: relative;}
	.errormess span{bottom: unset; position: relative;}
	.thanks_message p{font-size: 15px; line-height: 21px;}
    .mobilet10{margin-top: 20px;}
    .formArea h1{font-size: 22px;}
	.formArea h2{font-size: 22px;}
    .submitBtn{margin-top: 20px;}
	.borderBottom{border-bottom:0px !important}
	.form20{width:100%;margin-top: 15px;}
	.form25{width:100%; margin-top: 15px;}
	.marginR{margin-right: 0px;}
	.form30{width: 100%;margin-top: 15px;}
	.formArea{padding-top: 0px;}
	.formArea h3{font-size: 13px; padding-bottom: 10px;}
	.formP{margin: 0px 0px;}
	.marginL{margin-left: 0px;}
	.m-4 {margin: 10px 0px !important;}
	.desktop {display: none;}
	.mobile {display: block;}
	.logo img {width: 35px;}
	.nav_left {display: none;}
	.navArea{height: 52px; border-bottom: 0px;}
	.logo {float: left;margin-right: 0px;margin-top: 8px;}
	.nav_right ul li {margin-right: 0px;}
	form {width: 100%;margin-left: 0%; margin-bottom: 20px;}
	.m-5 {margin: 0px !important}
.terms h4{padding-top: 30px;}
	#accordion1 button::after,
	#accordion2 button::after,
	#accordion3 button::after {
		right: 10px;
	}

	

	#accordion1 div.head .btn {
		font-size: 13px;
	}

	#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;}
	.icon-test-drive-appointment,
	.icon-dealer-locator {display: block !important;}
	.container {width: 90%;margin: 0px 5%;padding: 0px !important;}
	header {height: 50px;}
	.selectdropdown::after {
		top: 14px;
		right: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/selectarrow.svg) no-repeat;
		background-size: contain;
	}

	.ownerCalsel {
		width: 300px;
	}

	.ownerCalsel select {
		width: 100%;
		margin-right: 0px;
	}

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

	.modelTxt {
		font-size: 13px;
		width: 90%;
		margin: 0px 5%;
	}

	.modelImg img {
		width: 100%;
	}

	.ownerCalsel .form-group {
		width: 200px;
	}

	.selectdropdown {
		width: 100%;
	}




	/*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: 0px;
		display: none;
		top: 0px;
		left: 0px;
		background: #1d69d4;
		background-size: cover;
		z-index: 3;
		width: 100%;
		height: 100%;
		padding-top: 50px;
	}
	#mobile-hamburger{z-index: 4;}

	.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: #fff;
	}

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

	.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 {
		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%;
	}


	/*FOOTER*/

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

	.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;}
	.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; float: unset;}
	.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;
	}
}