@media screen and (max-width: 1600px) {
	.page.auth .right .content .with_bars {
		margin: 18px;
	}

	.page.auth .right .content .title {
		margin-bottom: 8px;
	}

	.page.auth .right .content .subtitle {
		margin-bottom: 20px;
	}

	.page.auth .right .content form .faint_text {
		margin-top: 10px;
	}

	.page.auth .right .content form .bottom_row {
		margin-top: 10px;
	}

	section.section_steps .pre_heading {
		margin-bottom: 0;
	}

	section.section_steps .wrapper>.title {
		font-size: 45px;
		margin-bottom: 40px;
	}

	section.section_covered .title {
		font-size: 45px;
		margin-bottom: 40px;
	}
}

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

	.page.auth .right .content .with_bars {
		margin: 15px;
	}

	.page.auth .right .content .title {
		margin-bottom: 5px;
	}

	.page.auth .right .content .subtitle {
		margin-bottom: 15px;
	}

	.page.auth .right .content form .faint_text {
		margin-top: 8px;
	}

	.page.auth .right .content form .bottom_row {
		margin-top: 18px;
	}

	section.section_steps {
		margin-top: 100px;
		margin-bottom: 100px;
	}

	section.section_steps .steps .step .icon .circle {
		height: 100px;
		width: 100px;
	}

	section.section_steps .steps .step .title {
		font-size: 28px;
		margin-bottom: 0.5rem;
	}

	section.section_steps .steps .step .text {
		font-size: 16px;
		line-height: 26px;
	}

	section.section_covered .text {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 30px;
	}

	section.section_covered .pre_heading {
		font-size: 18px;
		margin-bottom: 10px;
	}

	section.section_covered .title {
		margin-bottom: 20px;
	}

	section.section_steps .steps .step:not(:last-child)::after {
		top: 7%;
	}

	section.section_how_it_works .left .title {
		margin-bottom: 0;
		font-size: 45px;
	}

	section.section_how_it_works .left .text {
		font-size: 16px;
		line-height: 27px;
		margin-bottom: 26px;
	}

	section.section_how_it_works .right .rows .row .col .text {
		font-size: 16px;
		line-height: 22px;
	}

	section.section_how_it_works .right .rows .row .col .title {
		font-size: 22px;
	}

	section.section_how_it_works .right .rows .row .col.icon svg {
		width: 75px;
	}

	section.section_how_it_works .right .rows .row .col .title {
		font-size: 22px;
	}

	section.section_how_it_works .right .rows .row .col .text {
		font-size: 16px;
		line-height: 24px;
	}

	section.section_how_it_works .right .rows .row:not(:last-child) {
		margin-bottom: 35px;
	}

	section.section_how_it_works .left .text {
		font-size: 16px;
		line-height: 27px;
		margin-bottom: 26px;
	}

	section.section_how_it_works .left .pre_heading {
		margin-bottom: 0px;
	}

	section.section_how_it_works {
		margin-top: 100px;
	}
}

/***********************  <1500px  *************************/
@media screen and (max-width: 1500px) {

	/*  Section Footer */
	section.section_footer .wrapper {
		padding: 130px 2rem 140px;
	}

	section.section_footer .col_1 {
		padding-right: 6%;
	}

	body.page-about section.about_second_section .content {
		padding: 30px 45px;
	}
}

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

	section.section_covered .title {
		font-size: 38px;
		margin-bottom: 15px;
	}

	section.section_steps {
		margin-top: 80px;
		margin-bottom: 80px;
	}

	section.section_covered .text {
		margin-bottom: 24px;
	}

	section.section_covered {
		position: relative;
		padding-top: 80px;
		padding-bottom: 80px;
	}

	section.section_how_it_works .right .rows .row:not(:last-child) {
		margin-bottom: 30px;
	}

	section.section_how_it_works .left .pre_heading {
		font-size: 18px;
	}

	section.section_how_it_works .left .title {
		font-size: 38px;
	}

	section.section_how_it_works .left .text {
		margin-bottom: 16px;
	}

	section.section_how_it_works .right .rows .row:not(:last-child) {
		margin-bottom: 30px;
	}

	section.section_steps .steps .step .title {
		font-size: 22px;
		margin-bottom: 0px;
	}

	section.section_steps .steps .step .icon .circle {
		width: 90px;
		height: 90px;
	}

	section.section_steps .steps {
		grid-gap: 8%;
	}

	section.section_steps .steps .step:not(:last-child)::after {
		top: 6%;
		right: -76%;
	}

	section.section_steps .wrapper>.title {
		font-size: 38px;
		margin-bottom: 30px;
	}

	section.section_steps .pre_heading {
		font-size: 18px;
		font-weight: 500;
		line-height: 120%;
	}
}


/***********************  <1200px  *************************/
@media screen and (max-width: 1200px) {
	section.section_steps {
		margin-top: 60px;
		margin-bottom: 60px;
	}

	body.page-contact section.section_touch form .input-group input {
		height: 60px;
	}

	body.page-about section.about_second_section .content {
		padding: 30px 45px;
	}

	/*  NavBar */
	nav.nav .close_button,
	nav.nav .hamburger {
		display: flex;
	}

	nav.nav .links {
		position: fixed;
		z-index: 10;
		right: 0;
		top: 0px;
		transform: translateX(100%);
		margin: 0;
		background: white;
		flex-direction: column;
		justify-content: flex-start;
		padding: 7rem 2rem 3rem;
		height: 100vh;
		width: 50vw;
		min-width: max-content;
		transition: all .5s ease;
	}

	body.nav_open nav.nav .links {
		transform: translateX(0);
	}

	nav.nav .links .link {
		margin-right: 46px;
		font-size: 2rem;
		padding: 1rem;
		text-align: center;
		margin-bottom: 1rem;
		margin-top: 1rem;
		border-bottom: 1px solid #ccc;
		margin-right: 0;
	}

	/* About Section 2 (Mission/vision)	*/
	body.page-about section.about_second_section .img {
		width: 70%;
	}

	body.page-about section.about_second_section .content {
		width: 60%;
	}

	/* About Section Why chose us	*/
	section.section_why_chose_us .left,
	section.section_why_chose_us .right,

	section.section_how_it_works .left,
	section.section_how_it_works .right {
		width: 47%;
	}

	/*  About section testimonials	*/
	section.section_testimonials {
		margin-top: 4rem;
	}

	/*  Homepage Rent a car section */
	section.section_3_rac .main {
		display: flex;
		flex-wrap: wrap;
	}

	section.section_3_rac .main .col {
		width: 50%;
	}

	section.section_3_rac .main .col_5 {
		order: 1;
		width: 100%;
		margin-bottom: 2rem;
	}
}

@media screen and (max-width: 1000px) {
	body.page-contact section.section_touch .title {
		font-size: 40px;
	}

}

/***********************  <950px  *************************/
@media screen and (max-width: 950px) {

	/*  Homepage boxes */
	section.section_2_boxes .boxes {
		flex-direction: column;
	}

	section.section_2_boxes .boxes .box {
		width: 100%;
		margin-bottom: 2rem;
	}

	/* About Section 2 (Mission/vision)	*/
	body.page-about section.about_second_section .img {
		width: 100%;
		order: -1;
	}

	body.page-about section.about_second_section .img img {
		width: 100%;
	}

	body.page-about section.about_second_section .content {
		width: 100%;
		transform: none;
		position: static;
	}

	body.page-about section.section_vision {
		padding-top: 5rem;
		padding-bottom: 2rem;
	}

	/*  About section why chose us	*/
	section.section_why_chose_us,
	section.section_how_it_works {
		margin-top: 40px;
	}

	section.section_why_chose_us .wrapper,
	section.section_how_it_works .wrapper {
		flex-direction: column;
	}

	section.section_why_chose_us .left,
	section.section_how_it_works .left {
		margin-bottom: 5rem;
	}

	section.section_why_chose_us .left,
	section.section_why_chose_us .right,

	section.section_how_it_works .left,
	section.section_how_it_works .right {
		width: 100%;
	}

	/*  Section Contact	*/
	section.section_contact {
		margin-top: 4rem;
	}

	/* Section Footer */
	section.section_footer .wrapper {
		flex-wrap: wrap;
	}

	section.section_footer .col {
		width: 50%;
	}

	section.section_footer .col_1,
	section.section_footer .col_4 {
		order: 1;
		margin-top: 4rem;
	}
}

@media screen and (max-width: 800px) {
	body.page-contact section.section_touch .title br {
		display: none;
	}
}

/***********************  <850px  *************************/
@media screen and (max-width: 850px) {

	/* About Section 2 (Mission/vision)	*/
	body.page-about section.about_second_section .content {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	/*  Contact page form section */
	body.page-contact section.section_touch {
		margin-top: 4rem;
	}

	body.page-contact section.section_touch form .left,
	body.page-contact section.section_touch form .right {
		width: 100%;
	}

	body.page-contact section.section_touch form .input-group textarea {
		min-height: 12rem;
	}

	/*  Guide steps */
	section.section_steps .steps {
		grid-template-columns: 1fr;
		grid-gap: 3rem;
	}

	section.section_steps .steps .step:not(:last-child)::after {
		display: none;
	}

	/* Homepage top banner */
	section.section_top_banner {
		background-size: 0;
		height: auto;
	}

	section.section_top_banner .content {
		width: 100%;
		margin: 4rem 0;
	}

	section.section_2_boxes .boxes {
		margin-top: 0;
	}

	/* Homepage welcome to rent section */
	section.section_rent .wrapper {
		flex-direction: column;
	}

	section.section_rent .wrapper .left {
		width: 100%;
		margin-right: 0;
	}

	section.section_rent .wrapper .left img {
		width: 100%;
	}

	section.section_rent .wrapper .right {
		width: 100%;
		margin-top: 2rem;
	}

	/* FAQs */
	section.section_faqs {
		margin-top: 4rem;
	}
}


/***********************  <768px  *************************/
@media screen and (max-width: 768px) {
	section.section_steps {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	/* Contact section	*/
	section.section_contact {
		margin-top: 4rem;
	}

	section.section_contact form .input-group {
		width: 100%;
	}

	/* Section Footer */
	section.section_footer .wrapper {
		padding-top: 1rem;
		padding-bottom: 4rem;
	}

	section.section_footer .col {
		width: 100%;
		order: 1;
		margin-top: 2rem;
	}
}



/***********************  <650px  *************************/
@media screen and (max-width: 650px) {
	body.page-contact section.section_touch form .input-group input {
		height: 50px;
	}

	body.page-contact section.section_touch form .input-group label {
		margin-bottom: 15px;
	}

	/*  HOmepage rent a car sec */
	section.section_3_rac .main .col {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	section.section_3_rac .main .col .number {
		margin: 1rem auto 1rem 0;
	}

	section.section_3_rac .main .item .title,
	section.section_3_rac .main .item .text {
		text-align: left;
	}

	section.section_how_it_works .right .rows .row:not(:last-child) {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 470px) {
	section.section_testimonials .slider .t_slide .slide_wrapper {
		padding: 20px 20px;
	}

	section.section_steps {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	section.section_how_it_works .left .title,
	section.section_how_it_works .left .text,
	section.section_how_it_works .left .pre_heading {
		text-align: center;
	}

	section.section_covered .title {
		font-size: 34px;
		line-height: 125%;
		margin-bottom: 10px;
	}

	section.section_covered .pre_heading {
		font-size: 18px;
		margin-bottom: 0;
		line-height: 120%;
	}

	section.section_steps .steps .step .icon .circle {
		margin-bottom: 5px;
	}

	section.section_footer .col_4 .newsletter_form input {
		border-radius: 4px;
	}

	section.section_footer .col_4 .newsletter_form .button.submit {
		border-radius: 4px;
	}

	section.section_covered {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	section.section_footer .wrapper {
		padding-top: 1rem;
		padding-bottom: 4rem;
		padding-left: 15px;
		padding-right: 15px;
	}

	section.section_footer .col {
		padding: 0;
	}

	body.page-about section.section_vision {
		padding-top: 16px;
	}

	section.section_why_chose_us,
	section.section_how_it_works {
		margin-top: 15px;
	}


	section.section_why_chose_us .left,
	section.section_how_it_works .left {
		margin-bottom: 15px;
	}

	section.section_contact {
		padding: 60px 15px;
	}

	section.inner_banner .title {
		font-size: 33px;
		line-height: 120%;
	}

	section.section_nav {
		padding: 15px;
	}

	section.section_how_it_works .left .title {
		font-size: 34px;
		line-height: 125%;
	}

	section.section_steps .wrapper>.title {
		font-size: 34px;
		line-height: 125%;
	}

	section.section_how_it_works .left {
		margin-bottom: 30px;
	}

	section.section_steps .steps {
		gap: 30px;
	}

	section.section_footer .col_1 .logo {
		height: 50px;
	}
}