

@media screen and (min-width: 768px) and (max-width: 1100px) {
	.section-text h1 {font-size:25px;}
	.formMaster{padding-left: 10%;}
	.fancybox-slide{left: 3%;}
	.f_txt{bottom: 20px; font-size: 15px;}
	.nav_left ul li a {font-size: 11px;padding: 17px 10px;}
	.col-form-label{width: 40%;}
	.col-md-6{width:100%;}
	.owl-nav .owl-next {right: 0px;}
	.owl-nav .owl-prev {left: 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: 22px;}
	.logo img {width: 40px;}
	.nav_left ul li {padding: 16px 0px;}
	header {height: 70px; min-height: 70px;}
	form {width: 80%;margin-left: 20%;}
	.master_banner{width: 100%; float: left;  height: 70vh; min-height: 600px; position: relative; background: url(../images/2gc-desktop-banner1.jpg) no-repeat; background-position: left bottom; background-size: cover;}
	.heading{font-size: 22px;line-height: 28px;margin-bottom: 10px;}
	.subheading{font-size: 14px;}
	.banner_content{left: 4%;}
		.swiper-container{margin: 0px 0 0px;padding: 45px 0 0px;}
.terms h4{margin-top: 30px;}
	
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
.section-text h1{font-size: 21px; margin-bottom: 10px;}
.formMaster{padding-left: 0px;}
.section-text p{font-size: 14px;}
.swiper-nav{display: none;}
.banner_content h2{font-size: 25px;}
.master_banner{width: 100%; float: left;  height: 50vh; min-height: 500px; position: relative; background: url(../images/2gc-desktop-banner1.jpg) no-repeat; background-position:50% bottom; background-size: cover;}
.banner_content a{padding: 6px 10px; font-size: 11px; margin-top: 10px;}
.banner_content{left: 2%;}
.section-video video{height: 200px;}
.swiper-container{margin:0px; padding: 40px 0px 0px;}
.terms h4{margin-top: 30px;}
.swiper-nav {display: none;}
}


@media screen and (min-width: 1024px) and (max-height: 768px) {
	.sliderBox{width: 80%;}
	.swiper-container{margin: 0px 0 0px;padding: 45px 0 0px;}
	.terms h4{margin-top: 30px;}

}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
.section-text h1{font-size: 25px;}
.section-video video{height: 200px;}
.sliderBox{width: 86%;}
.swiper-container{margin: 0px 0 0px;padding: 45px 0 0px;}
.master_banner{width: 100%; float: left;  height: 70vh; min-height: 500px; position: relative; background: url(../images/2gc-desktop-banner1.jpg) no-repeat; background-position:50% bottom; background-size: cover;}

}

@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: 1201) and (max-width: 1440px) {
	.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;}
	.master_banner{width: 100%; float: left;  height: 100vh; min-height: 600px; position: relative; background: url(../images/2gc-desktop-banner1.jpg) no-repeat; background-position: left bottom; background-size: cover;}
	.sliderBox{width: 80%;}
	.swiper-container{margin: 0px 0 0px;padding: 45px 0 0px;}
}
/*MOBILE*/
@media screen and (max-width: 767px) {
.sculped-button-next, .drive-button-next{right:-40px}
.sculped-button-prev, .drive-button-prev{left:-40px;}
	.fancybox-caption__body{padding-bottom: 30%;}
	.banner_content h2{font-size: 20px;}
	.banner_content{width: 80%; bottom: 20px;}
	.banner_content a{margin-top: 0px; font-size: 11px; padding:5px 10px;}
	footer{margin-top:30px;}
	.section-video video {width: 100%;  height: auto;  height: 200px; object-fit: cover; display: block; }
	.errormess{position: relative;}
	.errormess span{bottom: unset; position: relative;}
	.section{    padding: 30px 0px;}

	.swiper-button-next, .swiper-button-prev{display: none !important;}
	.formContainer{padding: 20px 0px;}
	.heading{font-size: 20px;line-height: 30px;margin: 0px 0 10px;}
	.formContainer::after{background: rgba(0, 0, 0, 0);}
	.footer_down p{width: 100%;}
	.fancybox-caption__body h4 {text-align: center;color: #fff;font-size: 16px; margin:10px 0px;font-family: 'BMWTypeNextTT-Bold';}
    .fancybox-caption__body p {text-align: center;color: #fff; font-size: 13px;}
	.navArea{border-bottom: 0px;}
	.owl-nav .owl-next {right: 0px;}
	.owl-nav .owl-prev {left: 0px;}
	.terms p {width: 100%;}
	.formMaster{max-width: 100%; padding-left: 0px;}
	.master_banner{width: 100%; float: left;  height: 47vh; min-height: 400px; position: relative; background: url(../images/2gc-mobile.jpg) no-repeat; background-size: cover; background-position: left bottom;}
	.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 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;}
	#accordion1 div.head div{font-size: 11px;width: 28%;}
	.boldTable td:first-child{width: 33.3% !important;}
	.fixecMenufooter {position: fixed !important;bottom: 30px;}
	.fixeddirectionform {position: fixed !important;top: 58px !important;width: 100%;}
	.ownerCalsel{text-align: center;}
	.m-4 {margin: 10px 0px !important;}
	.desktop {display: none;}
	.mobile {display: block;}
	.logo img {width: 35px;}
	.nav_left {display: none;}
	.logo {float: right;margin-right: 0px;margin-top: 12px;}
	.nav_right ul li {margin-right: 0px;}
	form {width: 100%;margin-left: 0%;}
	.m-5 {margin:0px !important}
	.col-form-label {text-align: center;font-size: 12px;}
	#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: 0px;
		display: none;
		top: 62px;
		left: 0px;
		background: #fff;
		background-size: cover;
		z-index: 20;
		width: 100%;
		height: 100%;
	}

	.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(--grey);
		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: 18px;
		line-height: 1.6rem;
        width: 100%;
		float: left;
		padding: 20px 0px;
		}
	.sliderBox {width:80%;padding: 0px 0px;box-sizing: border-box;}
	.section {flex-direction: column-reverse;}
	.section-text h1 {font-size: 20px;text-align: center;}
	.section-text p {text-align: center; font-size: 16px;}
	.swiper-slide img {width: 100%;}
	.sliderWrapper{width: 100%;margin: 0px 0%;}
	.swiper-button-next,
	.swiper-rtl .swiper-button-prev {right: -20px !important;}
	.swiper-button-prev,
	.swiper-rtl .swiper-button-next {left: -20px !important;}
	.f_txt{font-size: 13px; bottom: 10px; left: 10px; padding:0px 5px;}
.swiper-container{margin: 0px; padding: 0px 0px 40px;}
    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{font-size: 30px !important;}
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{font-size: 30px !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: 100%;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;}
	.footer_down ul {text-align: center;padding: 0px; float: unset;}
	.footer_down li a {font-size: .65rem;}
	.footer_down ul li {margin-right: 10px;}
}


@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: 1200px;
	}
	}



@media (min-width: 1900px) {
	.banner_content h2{font-size: 60px;}
	.banner_content a{font-size: 14px;}
.f_txt{font-size: 20px;}
	.section-video video{height: 400px;}
	.section-text h1{font-size: 40px;}
	.section-text p{font-size: 16px; max-width: 70%;}
	.sliderBox{max-width: 1500px;}
	.mainTitle{font-size: 40px;padding: 50px 0px 0px;}
	.tab_content .tab_txt{max-width: 700px;}
	.heading{font-size: 40px;}
	.subheading{font-size: 14px;}
	.owl-carousel-gallery{margin-top:22%;}
	.formMaster{width: 100%;}
	.formContainer{max-height: 700px;}

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

}



	@media screen and (min-width: 1600px) and (max-width: 800px) {
	.owl-carousel-gallery{margin-top: 10%;}
	}
	@media screen and (min-width: 468px) and (max-width: 767px) {
.master_banner{height: 47vh;}
}


  @media screen and (min-width: 360px) and (height: 740px) {
        .master_banner{height: 30vh;min-height: 370px;}
		.section-video video{height: 150px;}
		.section{padding: 10px 0px; gap: 20px;}
		.section-text h1{margin-bottom: 10px;}
		.section-text p{font-size: 14px;}
    }


    @media screen and (min-width: 375px) and (height: 667px) {
        .master_banner{height: 30vh;min-height: 320px;}
		.section-video video{height: 150px;}
		.section{padding: 10px 0px; gap: 20px;}
		.section-text h1{margin-bottom: 10px;}
		.section-text p{font-size: 14px;}
    }



    @media screen and (min-width: 414px) and (height: 896px) {
.master_banner{height: 47vh;}
.section-text h1{margin-bottom: 0px;}
    }

    @media screen and (min-width: 390px) and (height: 844px) {
.master_banner{height: 47vh;}
.section-video video{height: 150px;}
    }

    @media screen and (min-width: 430px) and (height: 932px) {
.master_banner{height: 48vh;}
    }
