@media (min-width: 1200px) {

	.container {
		max-width: 97%;
	}

}

@media (min-width: 2100px) {

	.bg-shattles {
		bottom: -190px;
	}

}

@media (min-width: 1900px) {

	.container {
		max-width: 1500px;
	}

}

@media screen and (max-width: 1824px) {
	.title_wrapper h1 {
		font-size: 84px;
		line-height: 88px;
		margin-bottom: 30px;
		max-width: 100%;
	}

	

	.top-bg-wrapper {
		height: 600px;
	}

	.h2-title-wrapper h2 {
		font-size: 48px;
		line-height: 50px;
		margin: 0 0 20px 0;
	}

	.together-wrapper p {
		font-size: 16px;
		line-height: 26px;
	}

	.fetti-do {
		padding: 50px 0 50px;
	}

	.f-box-wrapper p {
		font-size: 16px;
		line-height: 26px;
	}

	.f-box-wrapper {
		padding: 20px 20px;
	}

	.f-box-wrapper .img-wrap {
		margin: 0 0 20px 0;
	}

	.h3-title-wrapper h3 {
		font-size: 52px;
		line-height: 62px;
	}

	.h3-title-wrapper {
		margin: 0 0 55px 0;
	}

	.remark_title p {
		font-size: 16px;
	}

	.remark_title {
		padding: 0 20px;
	}

	.ready_elite h2 {
		font-size: 50px;
		line-height: 55px;
	}

	.ready_elite {
		padding: 70px 0;
	}

	.r-apply-btn-wrapper {
		padding: 65px 0 15px;
	}

	.ready_elite .btn_new_primary {
		font-size: 30px;
		line-height: 32px;
		max-width: 400px;
		padding: 25px 0;
	}

	
	.form-main-wrapper {
		top: 130px;
	}
	form.slideform-form .slideform-track {
		overflow: scroll;
		overflow-x: hidden;
	}
	/* width */
	form.slideform-form .slideform-track::-webkit-scrollbar {
	width: 15px;
	
  }
  
  /* Track */
  form.slideform-form .slideform-track::-webkit-scrollbar-track {
	box-shadow: inset 0 0 2px grey; 
	border-radius: 10px;
  }
   
  /* Handle */
  form.slideform-form .slideform-track::-webkit-scrollbar-thumb {
	background: #560090; 
	border-radius: 10px;
  }
  
  /* Handle on hover */
  form.slideform-form .slideform-track::-webkit-scrollbar-thumb:hover {
	background: #560090; 
  }
  form.slideform-form {
	height: 480px;
  }
}


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

	.tab-container .nav-tabs .nav-link {
		font-size: 30px;
		line-height: 28px;
		border-bottom: 20px solid transparent;
		padding: 30px 30px;
	}

	.solution-section {
		min-height: 300px;
	}

	h1 {
		font-size: 46px;
		line-height: 56px;
	}

	.section {
		padding: 80px 0;
	}

	h2 {
		font-size: 32px;
		line-height: 42px;
		padding-bottom: 34px;
	}

	h5 {
		font-size: 20px;
	}

	.inner-section h1 {
		font-size: 38px;
		line-height: 36px;
	}

	.testimonial-wrapper .slick-slide p {
		font-size: 14px;
		line-height: 20px;
	}

	.secondary-title h2 {
		font-size: 36px;
		line-height: 46px;
	}

	h6 {
		font-size: 16px;
	}

	.news-info a {
		font-size: 18px;
	}

	.blur-box {
		margin: 100px auto 50px;
	}

	.bg-shattles {
		bottom: -80px;
	}

	.technology-section {
		padding-top: 100px;
	}

}
@media screen and (max-width: 1300px) {
	/***********05-09-2023**********/
	.reservations-sec .reservations-box .formcontent .form-group.form-fullcol .form-radiowrap .form-radio, .reservations-sec .reservations-box .formcontent .form-group.form-fullcol .form-radiowrap .form-checkbox{width: 30%;}

}
@media screen and (max-width: 1199px) {

	/*container*/

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

	.header .navbar-nav .nav-item a {
		font-size: 14px;
	}

	.inner-section h1 span {
		font-size: 20px;
		line-height: 22px;
		margin-top: 10px;
	}

	.contact-section,
	.joint-footer {
		margin-bottom: -25%;
		padding-bottom: 25% !important;
	}

	h1 {
		font-size: 34px;
		line-height: 46px;
	}

	.btn-primary {
		padding: 15px;
		min-width: 220px;
		font-size: 18px;
		line-height: 25px;
	}

	.hero-banner-image {
		margin-bottom: -90px;
	}

	.video-wrapper-main video {
		width: auto;
		height: auto;
	}	

	
	.reservations-sec .reservations-box .formcontent .form-group.form-gcol .form-gleft p{
		    padding-left: 0; padding-right: 0;}
	.section.applydrive-sec{padding-bottom: 25% !important;}
}

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

	/*header*/

	.header .navbar-nav .nav-item {
		margin: 0 15px;
	}

	.secondary-title h2 {
		font-size: 26px;
		line-height: 36px;
	}


	body.homepage {
		background-size: inherit;
		background-attachment: initial;
	}


}

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

	.section {
		padding: 40px 0;
	}

	/*h1 { font-size: 26px; line-height: 38px;}*/

	h2 {
		font-size: 28px;
		line-height: 32px;
		padding-bottom: 24px;
	}

	.banner-section {
		padding-top: 90px;
	}

	p {
		font-size: 16px;
		line-height: 24px;
		padding-bottom: 20px;
	}

	.bg-circle-style::before {
		max-width: 100%;
		width: 100%;
		height: 120%;
	}

	.design-one,
	.design-three {
		max-width: 400px;
		width: 100%;
	}

	.design-two,
	.design-four {
		max-width: 300px;
		width: 100%;
	}

	.car-p-wrapper {
		max-width: 400px;
		width: 100%;
		margin: 0 auto;
	}

	/*header*/

	.header .navbar-nav li {
		padding: 10px 15px 0px;
	}

	.header .navbar-nav .nav-item a {
		font-size: 16px;
		color: #1a1d2e;
		width: 100%;
		padding: 0;
		line-height: 22px;
		text-align: left;
		text-transform: capitalize;
	}

	.header .icon_line {
		transform: rotate(230deg);
		top: 5px;
	}

	.header .icon_cross {
		transform: rotate(130deg);
		bottom: 3px;
	}

	.header .line_hide {
		display: none;
	}

	#collapsibleNavbar {
		position: absolute;
		z-index: 6;
		top: 66px;
		left: 0;
		background-color: #fff;
		margin: 0 -15px;
		right: 0;
	}

	.header .navbar-brand {
		max-width: 80px;
		width: 100%;
	}

	.header .navbar-nav {
		justify-content: flex-start;
		height: calc(100vh - 66px);
		overflow-y: auto;
		padding-bottom: 62px;
	}

	.header .navbar-nav .nav-item::after {
		display: none;
	}

	.header .navbar-nav li a:hover {
		color: #000 !important;
	}

	.navbar-dark .navbar-nav .nav-link:focus,
	.navbar-dark .navbar-nav .nav-link:hover,
	.navbar-dark .navbar-nav .active>.nav-link,
	.navbar-dark .navbar-nav .nav-link.active,
	.navbar-dark .navbar-nav .nav-link.show,
	.navbar-dark .navbar-nav .show>.nav-link {
		color: #42d0e8 !important;
	}

	.header .navbar-nav .nav-item {
		flex-direction: column;
		margin: 0px;
	}

	.navbar-nav .dropdown-menu {
		background: transparent;
		padding: 0;
		box-shadow: none;
		border: 0;
		padding-left: 10px;
	}

	.navbar-nav .dropdown-menu li {
		padding: 10px 0 0;
		border-bottom: 0;
	}

	/*dropdown-item*/

	.header .navbar-nav ul.dropdown-menu .dropdown-item:focus,
	.header .navbar-nav ul.dropdown-menu .dropdown-item:hover,
	.header .navbar-nav ul.dropdown-menu .dropdown-item.active,
	.header .navbar-nav ul.dropdown-menu .dropdown-item:active {
		background-color: transparent !important;
	}

	.dropdown-toggle::after {
		display: none;
	}

	span.submenu-button {
		position: absolute;
		right: 10px;
		height: 35px;
		width: 30px;
		top: 5px;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		line-height: 1;
		font-family: "Font Awesome 5 Pro";
		font-weight: 900;
		color: #1a1d2e;
		font-size: 15px;
		text-align: center;
		padding: 10px 8px;
		cursor: pointer;
	}

	span.submenu-button::after {
		content: "\f107";
	}

	span.submenu-button.submenu-opened::after {
		content: "\f106";
	}

	.header .navbar-nav ul.dropdown-menu li a.dropdown-item {
		padding: 0;
		color: #1a1d2e;
		background: transparent !important;
	}

	.header .navbar-nav ul.dropdown-menu .dropdown-item.active,
	.header .navbar-nav ul.dropdown-menu .dropdown-item:active,
	.header .navbar-nav ul.dropdown-menu .dropdown-item:hover {
		color: #562abe !important;
	}

	/*head-social-mobile*/

	.head-social-mobile-wrap {
		position: absolute;
		top: 9px;
		right: 32px;
		display: block;
		width: auto;
	}

	.btn-outline {
		min-width: 128px;
		padding: 8px 20px;
		font-size: 16px;
		line-height: 20px;
	}

	/*footer*/

	.footer-menu-link ul li a {
		font-size: 15px;
		line-height: 22px;
	}

	.copyright p,
	.copyright p a {
		font-size: 13px;
		line-height: 20px;
		margin: 3px 0px;
	}

	.footer-menu-link ul {
		column-count: 1;
	}

	.testimonial-wrapper .client-wrap {
		padding: 40px 20px;
	}

	.testimonial-wrapper .slick-slide p {
		font-size: 12px;
		line-height: 17px;
	}

	.blur-box {
		margin: 0;
	}

	.solution-section {
		background-position: 27%;
	}


	.header+section.inner-section {
		padding-top: 126px;
	}


	/***********05-09-2023**********/
	.section.applydrive-sec {padding-top: 130px;}
	.reservations-sec .reservations-box .formcontent .form-group.form-gcol .form-gleft{    width: 100%;}
	.reservations-sec .reservations-box .formcontent .form-group.form-gcol .form-gright {width: 100%; padding-left: 0; margin-top: 15px; } 
	.reservations-sec .reservations-box .formcontent .form-group.form-fullcol .form-radiowrap .form-radio, .reservations-sec .reservations-box .formcontent .form-group.form-fullcol .form-radiowrap .form-checkbox { width: 45%;margin: 10px 0;}
	.reservations-sec .reservations-box .formcontent .form-group .row { margin: 0;}
	.reservations-sec .reservations-box .formcontent .form-group .row .form-group { padding: 0;}
	.reservations-sec .reservations-box .formcontent .form-group{margin-bottom: 25px;}
}

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

	.inner-section h1 {
		font-size: 27px;
		line-height: 36px;
		font-weight: 600;
	}

	.reason-list-wrap {
		padding: 15px;
	}

	.hero-banner-image,
	.world-bg {
		display: none;
	}

	.hero-banner-wrapper {
		text-align: center;
	}

	.banner-section {
		padding: 90px 0 50px;
	}

	h1 {
		font-size: 60px;
		line-height: 72px;
		font-weight: 600;
	}

	.secondary-title h2 {
		font-size: 20px;
		line-height: 30px;
	}

	/*footer*/

	ul.footer-b-link li a {
		font-size: 12px;
		line-height: 20px;
		padding: 0 10px;
	}

	.footer {
		padding-top: 7%;
	}

	.hero-banner-wrapper h4 {
		max-width: 380px;
		width: 100%;
		margin: 20px auto 0;
	}

	.shuttles-info-wrapper {
		text-align: center;
	}


	.header+section.inner-section {
		padding-top: 116px;
	}

	/* 28-07-2022 */
	.title_wrapper h1 {
		font-size: 54px;
        line-height: 58px;
	}

	.top-bg-wrapper:before {
		min-height: 90px;
	}

	.h3-title-wrapper h3 {
		font-size: 38px;
		line-height: 46px;
	}

	.h2-title-wrapper h2 {
		font-size: 34px;
		line-height: 48px;
		margin: 0 0 20px 0;
	}

	.ready_elite h2 {
		font-size: 38px;
		line-height: 45px;
	}

	.ready_elite .btn_new_primary {
		font-size: 24px;
		line-height: 22px;
		max-width: 350px;
		padding: 20px 0;
	}

	.r-apply-btn-wrapper {
		padding: 45px 0 15px;
	}

	.img-wrapper {
		margin: 0 0 30px;
	}

	.image-gallery-wrapper {
		padding: 0 0 40px 0;
	}

	.top_header {
		text-align: center;
		padding: 20px 0;
		background-color: #f2f1fa;
	}

	.top_header .btn_wrapper a {
		margin: 0 auto;
		margin-top: 20px;
	}

	.form-main-wrapper {
		position: static;
	}
	.overflow-hide {
		overflow: scroll;
	}
	.reserve_mob .btn-secondary {
		margin-right: 30px;
	}

	/***********05-09-2023**********/
	.section.applydrive-sec {padding-top: 120px;}
	.proofdoc-modal .modal-content .modal-footer{ padding: 0 0px 20px 0;}
	.proofdoc-modal .modal-content .modal-body { padding: 30px 10px 30px;}
	.proofdoc-modal .modal-content .modal-footer button.btn{    margin-top: 0;}

	.reservations-sec .head{font-size: 30px; margin-bottom: 20px;}
	.reservations-sec .reservations-box .formcontent .form-cls { padding: 30px;}
	.reservations-sec .reservations-box .formcontent .form-group{margin-bottom: 20px;}
	.reservations-sec .reservations-box .formcontent .form-group .form-radiowrap .form-radio input.cty, .reservations-sec .reservations-box .formcontent .form-group .form-radiowrap .form-radio input.media{width: 130px;}
    .reservations-sec .reservations-box .formcontent .form-group label{font-size: 15px;
    	margin-right: 0;line-height: normal;    margin-bottom: 0;}
    .reservations-sec .reservations-box .formcontent .form-group p{font-size: 13px;}
}

@media (max-width: 575px) {
	.header+section.inner-section {
		padding-top: 106px;
	}
	.title_wrapper {
		transform: none;
	}
	.title_wrapper h1 {
		font-size: 44px;
		line-height: 54px;
	}
}

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

	.header .navbar-brand {
		margin-left: 0px;
	}

	.f-menu-wrapper {
		flex-direction: column;
	}

	.contact-section,
	.joint-footer {
		margin-bottom: -30%;
		padding-bottom: 30% !important;
	}

	h2 {
		font-size: 25px;
	}

	.btn-primary {
		display: block;
		margin: 20px auto;
		max-width: 220px;
	}

	blockquote.blockquote span {
		width: 20px;
	}

	.blockquote {
		padding: 20px 10px 20px 40px;
	}

	/*footer*/

	.footer-contact-info a {
		font-size: 13px;
		line-height: 24px;
		display: block;
	}

	.copyright p span {
		display: block;
	}

	.footer {
		padding-top: 20%;
	}

	.footer-menu-link ul li {
		margin-bottom: 10px;
	}

	.footer-menu-link h4 {
		line-height: 20px;
		padding-bottom: 10px;
	}

	label {
		font-size: 16px;
		line-height: 26px;
	}

	.form-control {
		height: 40px;
		border-radius: 10px;
		padding: 5px 20px;
	}

	/***********05-09-2023**********/

	.reservations-sec .head{font-size: 25px; line-height: normal;}
	.reservations-sec .reservations-box .btn-wrap{flex-wrap: wrap;    padding: 30px 30px;}
	.reservations-sec .reservations-box .btn-wrap button.back i {
    margin-right: 10px;}
    .reservations-sec .reservations-box .btn-wrap button{    max-width: initial;    min-width: 95px;font-size: 12px;line-height: normal;    padding: 10px 10px;}
    .reservations-sec .reservations-box .btn-wrap button.back{    padding: 11px 15px;}
    .reservations-sec .reservations-box .formcontent .form-group.form-fullcol .form-radiowrap .form-radio, .reservations-sec .reservations-box .formcontent .form-group.form-fullcol .form-radiowrap .form-checkbox{    width: 100%;}
    .form-cls .form-group .file-upload-image{height: 130px; width: 130px;}
    .form-cls .form-group .image-title-wrap{width: 100%;    padding: 0;    margin-top: 15px;}
    .form-cls .form-group .file-upload-content{    flex-wrap: wrap;}
    .reservations-sec .reservations-box .formcontent .form-group .form-radiowrap .form-radio{    min-width: auto;margin: 8px 20px 8px 0;}
    .form-cls .form-group .file-upload-btn{padding: 11px 25px;font-size: 13px;}
    .reservations-sec .reservations-box .custom-button img {
    width: 22px; margin-right: 12px;}
    .reservations-sec .reservations-box .custom-text{ margin-left: 8px; font-size: 14px;}
    .reservations-sec .reservations-box .formcontent .form-cls{padding: 25px;}
}

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

	h1 {
		font-size: 43px;
		line-height: 50px;
	}

	.hero-banner-wrapper h4 {
		font-size: 22px;
	}

}