@media screen and (max-width: 1920px) {
	.hero .layout {
		width: 1200px;
	}

	.hero__inner {
		height: 70vh;
	}
}

@media screen and (max-width: 1536px) {
	.hero__inner {
		padding-top: 0;
		padding-bottom: 0;
		height: 78%;
	}

	.hero__right {
		padding-top: 32px;
		width: 52%;
	}

	.hero .layout {
		width: 1044px;
	}

	.hero {
		background-position: right;
	}
}

@media screen and (max-width: 1440px) {
	/* .hero__inner {
        height: 90%;
    } */

	.hero__right {
		gap: 15px;
	}

	.hero__title {
		font-size: 24px;
	}

	.hero__text {
		font-size: 14px;
	}

	.hero__social {
		gap: 10px;
	}
}

@media screen and (max-width: 1240px) {
	.hero .layout {
		width: 1024px;
	}

	.main-form .vrc-showprc-prices-wrap .vrc-showprc-pricename {
		font-size: 18px;
	}

	.main-form .vrc-showprc-prices-wrap .vrc-showprc-pricecost span {
		font-size: 18px;
	}

	.main-form
		.vrc-showprc-options-wrap
		.vrc-showprc-option-row
		.vrc-showprc-option-name
		span {
		font-size: 16px;
	}

	.main-form
		.vrc-showprc-options-wrap
		.vrc-showprc-option-row
		.vrc-showprc-option-cell-info {
		gap: 16px;
	}

	.main-form .vrc-showprc-options-wrap .vrc-showprc-title,
	.main-form .vrc-showprc-prices-wrap h4.vrc-showprc-title {
		padding-bottom: 20px;
		font-size: 20px;
	}

	.main-form
		.vrc-showprc-options-wrap
		.vrc-showprc-option-cell-price-sel
		input[type="number"] {
		max-width: 150px;
	}
}

@media screen and (max-width: 1044px) {
	.hero .layout {
		width: 800px;
	}
	.discounts__image {
		margin-top: -65px;
	}

	.main-form .vrc-summary-car-img {
		height: auto;
	}

	.hero {
		height: auto;
		background-size: 110% auto;
		background-position: right 0% top;
	}

	.hero__inner {
		height: auto;
		gap: 15vw;
		margin-top: 70px;
	}

	.footer__item:has(.footer-mark) {
		padding-left: 0px;
	}

	.hero__title {
		font-size: 20px;
	}
	.hero__right {
		gap: 8px;
		padding-top: 10px;
	}

	.hero__text {
		font-size: 14px;
		width: 335px;
	}

	.hero .main-form .vrcdivsearch {
		border-radius: 10px;
		background: rgba(0, 0, 0, 0.2);
		backdrop-filter: blur(10px);
	}

	.main-form .vrc-showprc-options-wrap .vrc-showprc-options-inner {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.main-form .car_buttons_box {
		margin: 30px auto;
	}
}

@media screen and (max-width: 800px) {
	.popup2__inner {
		padding: 85px 50px;
	}

	.popup2__links-wrap {
		gap: 10px;
	}

	.popup2__link {
		width: 115px;
	}

	.popup2__title {
		font-size: 16px;
	}

	.popup2__content {
		gap: 15px;
	}

	.hero .layout {
		width: 100%;
		padding: 0 20px;
	}

	.hero__right {
		width: 335px;
		padding-top: 0;
	}

	.hero__title {
		font-size: 18px;
	}

	.hero {
		height: auto;
		background-repeat: no-repeat;
		background-size: 120%;
		background-position: right 0% top;
	}

	.hero__inner {
		height: auto;
		margin-top: 70px;
		gap: 12vw;
	}

	.hero__social {
		gap: 10px;
	}

	.hero__social li {
		width: 24px;
		height: 24px;
	}
}

@media screen and (max-width: 650px) {
	.hero__right {
		padding-top: 0;
		margin-top: 94vw;
		width: 380px;
	}

	.hero {
		background-image: url(../images/hero-bg-mobile.png);
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center -15%;
	}

	.hero__title {
		font-size: 22px;
	}

	.hero__text {
		font-size: 16px;
		width: 100%;
	}
}

@media screen and (max-width: 450px) {
	.hero__title {
		font-size: 18px;
	}

	.hero__text {
		font-size: 14px;
	}

	.hero__right {
		margin-top: 87vw;
		width: 335px;
	}
}

@media screen and (max-width: 1220px) {
	.insurance__inner {
		gap: 30px;
	}

	.insurance__l {
		gap: 18px;
	}

	.insurance__included {
		gap: 10px;
	}

	.insurance__l {
		width: 60%;
	}

	.insurance__price-text {
		font-size: 16px;
	}

	.insurance__price-block .mk-p {
		font-size: 24px;
	}

	.insurance__price-block .mk-pd {
		font-size: 14px;
	}

	.insurance__included > p {
		font-size: 16px;
	}
}

@media screen and (max-width: 1200px) {
	.main-form .vrcdivsearch {
		padding: 20px;
	}

	.main-form .vrcdivsearch > .vrcdivsearch-inner form {
		gap: 10px;
	}

	.main-form .vrcsfentrycont #vrccomselph select,
	.main-form .vrcsfentrycont #vrccomselpm select,
	.main-form .vrcsfentrycont #vrccomseldh select,
	.main-form .vrcsfentrycont #vrccomseldm select {
		width: 67px;
	}

	.main-form div.vrc-searchf-section-datetimes,
	.main-form div.vrc-searchf-section-locations {
		gap: 10px;
	}

	.main-form .vrc-car-result-rightinner-deep {
		gap: 30px;
	}
	.main-form .car_result {
		padding: 15px 20px;
	}

	.main-form .vrc-car-bookingbtn a,
	.main-form .booknow {
		width: fit-content;
	}

	.main-form .car_buttons_box .booknow {
		width: unset;
	}

	.main-form .car_cost {
		font-size: 24px;
	}

	.main-form .vrc-car-name > a,
	.main-form .vrc-car-name {
		font-size: 22px;
	}

	.main-form .vrc-showprc-left .car_title {
		margin-bottom: 10px;
		font-size: 24px;
	}

	.main-form .vrc-showprc-container {
		gap: 40px;
	}

	.mkey-carats {
		margin: 10px 0;
	}

	.mkey-price {
		margin-top: 15px;
	}
}

@media screen and (max-width: 1044px) {
	/* .main-page {
        padding-top: 52px;
    } */

	.our-cars {
		padding-top: 60px;
	}

	.form-page {
		padding-top: 0;
	}

	.main-form .vrcdivsearch > .vrcdivsearch-inner form {
		grid-template-columns: repeat(2, 1fr);
	}

	.main-form div.vrc-searchf-section-datetimes,
	.main-form div.vrc-searchf-section-categories,
	.main-form div.vrc-searchf-section-locations {
		grid-column: span 2;
	}

	.main-form div.vrc-searchf-section-sbmt {
		grid-column: span 2;
	}

	.main-form .vrc-itinerary-pickup,
	.main-form .vrc-itinerary-dropoff {
		padding: 20px;
		grid-template-columns: 1fr;
	}

	.main-form .vrc-itinerary-summary > div > h4 {
		grid-row: unset;
		margin-bottom: 15px;
	}

	.main-form .vrc-itinerary-dropoff-date,
	.main-form .vrc-itinerary-pickup-date {
		margin-top: 15px;
	}

	.main-form .vrcstepsbarcont .vrc-stepbar > li > * {
		font-size: 16px;
	}

	.main-form .vrc-searchfilter-characteristics-container {
		margin-bottom: 80px;
	}

	.main-form .vrc-car-result-left {
		min-width: 240px;
		height: 165px;
	}

	.main-form .vrc-car-name {
		font-size: 18px;
	}
	.main-form .vrc-car-result-inner .vrc-car-category {
		font-size: 14px;
	}

	.our-cars .vrc-car-characteristics .vrccaratsdiv,
	.main-form .vrc-car-result-characteristics .vrccaratsdiv {
		column-gap: 20px;
	}

	.main-form .vrc-car-characteristics .vrccarcarat > span,
	.main-form .vrc-car-result-characteristics .vrccarcarat > span {
		gap: 5px;
	}

	.main-form .vrc-carat-cont span.insertedSpan {
		font-size: 14px;
	}

	.main-form .vrc-showprc-container {
		padding: 15px;
	}

	.main-form .vrcrentforlocs h4 {
		grid-row: 1;
	}

	.main-form .vrcrentforlocs .vrc-itinerary-pickup,
	.main-form .vrcrentforlocs .vrc-itinerary-dropoff {
		row-gap: 15px;
	}

	.main-form .vrcrentforlocs .vrc-itinerary-dropoff-date,
	.main-form .vrcrentforlocs .vrc-itinerary-pickup-date {
		margin-top: 0;
	}

	.main-form .vrcrentalfor .vrcrentalforone {
		font-size: 24px;
	}

	.vrc-oconfirm-summary-total-wrapper > div > div {
		width: unset !important;
	}

	.car-item__title {
		font-size: 16px;
	}

	.car-item__price > :last-child,
	.car-item__price > :first-child {
		font-size: 16px;
	}

	.car-item__image {
		height: 275px;
	}

	.single-car {
		padding-top: 30px;
	}

	.single-car__hero .vrccal tr:first-child td {
		font-size: 16px;
	}

	.single-car .vrccal .vrccaldays td {
		font-size: 14px;
	}

	.single-car__hero form .vrcselectm {
		padding: 6px 15px;
		padding-right: 25px;
		font-size: 14px;
	}

	.single-car__hero .mkey-span-desc {
		font-size: 14px;
	}

	.single-car__hero .vrc-cdetails-cardesc p {
		font-size: 14px;
		margin-top: 5px;
	}

	.single-car__hero .single-mkey-price h3 {
		font-size: 16px;
	}

	.s-mkey-per-day {
		font-size: 16px;
	}

	.single-car__hero .vrc-cdetails-cgroup h4 {
		margin-top: 0;
		margin-bottom: 10px;
	}

	.single-car__hero .vrctdfree {
		font-size: 14px;
	}

	.insurance__inner {
		padding-top: 70px;
		padding-bottom: 40px;
	}

	.insurance__title {
		font-size: 24px;
		margin-bottom: 9px;
	}

	.insurance__included > p {
		font-size: 14px;
	}

	.insurance__included > h3 {
		font-size: 16px;
	}

	.main-form .vrc-car-name > a {
		font-size: 18px;
	}
}

@media screen and (max-width: 860px) {
	div.vrcinfocarcontainer > .vrc-summary-car-img {
		flex-basis: 50%;
		order: 2;
	}
}

@media screen and (max-width: 800px) {
	.main-form .vrcdivsearch {
		padding: 20px 16px;
	}

	.popular-cars {
		padding-top: 80px;
	}

	.main-form .vrcdivsearch .vrcsfentrycont label {
		font-size: 12px;
	}

	.main-form .vrcdivsearch .vrc-searchf-section-datetimes .vrcsfentrycont {
		gap: 4px;
	}

	.main-form .vrcdivsearch .vrcsfentrycont .vrc-sf-time-container {
		gap: 3px;
	}

	.insurance {
		margin-top: 80px;
	}

	.single-car__car-list {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	/* .form-page {
        padding-top: 80px;
    } */

	.main-form .car_result {
		flex-direction: column;
		padding: 20px;
	}

	.main-form .vrc-car-lastblock {
		width: unset !important;
	}

	div.vrcinfocarcontainer {
		flex-direction: column;
	}

	div.vrc-oconfirm-total-block {
		font-size: 18px;
	}

	.main-form .vrc-oconfirm-summary-car-cell-tot span {
		font-size: 22px;
	}

	.main-form .vrcrentalfor .vrcrentalforone {
		font-size: 18px;
	}

	h2.vrc-rental-summary-title {
		padding: 15px 0;
		font-size: 18px;
	}
}

@media screen and (max-width: 768px) {
	.custom-carlist-controllers h2 {
		font-size: 18px;
	}
	.car-item__image {
		height: 400px;
	}

	.car-item__image img {
		/* width: 70%; */
		height: 100%;
		object-fit: cover;
	}

	.main-form .vrcdivsearch > .vrcdivsearch-inner form {
		display: flex;
		flex-direction: column;
	}

	.main-form div.vrc-searchf-section-datetimes,
	.main-form div.vrc-searchf-section-locations {
		display: contents;
	}

	.vrc-searchf-section-locations > :first-child {
		order: 1;
	}

	.vrc-searchf-section-locations > :last-child {
		order: 3;
	}

	.vrc-searchf-section-datetimes > :first-child {
		order: 2;
	}

	.vrc-searchf-section-datetimes > :last-child {
		order: 4;
	}

	.main-form div.vrc-searchf-section-categories {
		order: 5;
	}

	.main-form div.vrc-searchf-section-sbmt {
		order: 6;
	}

	.main-form
		.vrcdivsearch
		.vrc-searchf-section-datetimes
		.vrcsfentrycont
		.vrcsfentrytime {
		flex-basis: unset;
	}

	.main-form .vrc-itinerary-summary {
		flex-direction: column;
		gap: 10px;
	}

	.main-form .vrc-itinerary-pickup,
	.main-form .vrc-itinerary-dropoff {
		width: 100%;
	}

	.main-form .vrc-itinerary-summary > div > h4 {
		font-size: 16px;
	}

	.main-form .vrc-itinerary-pickup-date span,
	.main-form .vrc-itinerary-dropoff-date span,
	.main-form .vrc-itinerary-summary .vrc-itinerary-pickup-locdet span,
	.main-form .vrc-itinerary-summary .vrc-itinerary-dropfff-locdet span {
		font-size: 14px;
	}

	.vrc-itinerary-summary > div > div .vrc-itinerary-pickup-date-time,
	.vrc-itinerary-summary > div > div .vrc-itinerary-dropoff-date-time {
		margin-left: 30px;
	}

	.main-form .vrc-itinerary-duration {
		display: none;
	}

	.main-form .vrcstepsbarcont .vrc-stepbar > li > * {
		visibility: hidden;
	}

	.main-form .vrcstepsbarcont .vrc-stepbar > li > *:before {
		visibility: visible;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	.main-form .vrcstepsbarcont .vrc-stepbar {
		flex-wrap: nowrap;
		margin-top: 30px;
		margin-bottom: 20px;
	}

	.main-form .vrcstepsbarcont .vrc-stepbar li {
		padding: 0px;
	}

	/* .main-form .car_result {
        flex-direction: column;
        padding: 20px;
    }

    .main-form .vrc-car-lastblock {
        width: unset !important;
    }

    div.vrcinfocarcontainer {
        flex-direction: column;
    }

    div.vrc-oconfirm-total-block {
        font-size: 18px;
    }

    .main-form .vrc-oconfirm-summary-car-cell-tot span {
        font-size: 22px;
    }

    .main-form .vrcrentalfor .vrcrentalforone {
        font-size: 18px;
    }

    h2.vrc-rental-summary-title {
        padding: 15px 0;
        font-size: 18px;
    } */

	.insurance-bg__desktop {
		display: none;
	}

	.insurance-bg__mobile {
		display: block;
	}

	.insurance__inner {
		flex-direction: column;
		gap: 40px;
	}

	.insurance__r {
		width: 60%;
		margin: 0px auto;
	}

	.insurance__l {
		width: 100%;
	}

	.insurance__title {
		font-size: 18px;
	}

	.insurance__included > h3 {
		font-size: 14px;
	}

	.insurance__price-text {
		font-size: 14px;
	}

	.insurance__price-block .mk-p {
		font-size: 20px;
	}

	.main-form .vrc-showprc-options-wrap .vrc-showprc-title,
	.main-form .vrc-showprc-prices-wrap h4.vrc-showprc-title {
		font-size: 18px;
	}
}

@media screen and (max-width: 660px) {
	div.vrcinfocarcontainer > .vrc-summary-car-img {
		margin-bottom: 0px;
	}

	.single-car__hero .vrc-cardetails-legend {
		flex-direction: column;
		align-items: flex-start;
	}

	.single-car__hero .single-mkey-price {
		flex-direction: column;
		gap: 5px;
		align-items: flex-start;
	}

	.s-mkey-per-day,
	.single-car__hero .single-mkey-price h3 {
		font-size: 14px;
	}

	.single-car__hero .vrclegendediv {
		flex-direction: column;
		align-items: flex-start;
		gap: 18px;
	}

	.single-car__hero .vrc-leg-text {
		font-size: 14px;
	}

	.main-page {
		margin-top: 55px;
	}
}

@media screen and (max-width: 580px) {
	.main-form .vrc-searchfilter-characteristics-list {
		padding: 25px 0;
		justify-content: flex-start;
	}

	div.vrcstepsbarcont .vrc-stepbar > li:last-child {
		border-bottom: 10px solid;
	}

	div.vrc-showprc-option-row .vrc-showprc-option-cell-price,
	div.vrc-showprc-option-row .vrc-showprc-option-img,
	div.vrc-showprc-prices-inner .vrc-showprc-priceinfo .vrc-showprc-pricename,
	div.vrc-showprc-prices-inner .vrc-showprc-price-row-cell-first,
	div.vrc-showprc-prices-inner .vrc-showprc-priceinfo .vrc-showprc-pricecost,
	div.vrc-showprc-prices-inner .vrc-showprc-price-row-cell-last {
		flex-basis: unset !important;
		margin: 0;
	}

	.vrc-showprc-prices-inner .vrc-showprc-priceinfo {
		align-items: center;
		justify-content: space-between;
		gap: 10px;
	}

	div.vrc-showprc-prices-inner .vrc-showprc-priceinfo .vrc-showprc-pricecost,
	.main-form .vrc-showprc-prices-wrap .vrc-showprc-pricecost span,
	.main-form .vrc-showprc-prices-wrap .vrc-showprc-pricename {
		font-size: 14px;
		font-weight: 600;
	}

	.vrc-showprc-prices-inner .vrc-showprc-priceinfo,
	.vrc-showprc-prices-inner .vrc-showprc-price-row {
		flex-wrap: nowrap !important;
	}

	.main-form
		.vrc-showprc-prices-wrap
		.vrc-showprc-prices-inner
		.vrc-showprc-price-row-cell-last
		input {
		width: 15px;
		height: 15px;
	}

	.vrc-showprc-prices-inner .vrc-showprc-price-row-cell-first label {
		margin-right: 10px;
	}

	.main-form
		.vrc-showprc-options-wrap
		.vrc-showprc-option-cell-price-sel
		input[type="number"] {
		max-width: 81px;
	}
	.main-form .vrc-showprc-options-wrap .vrc-showprc-option-row {
		padding: 20px;
	}

	.main-form
		.vrc-showprc-options-wrap
		.vrc-showprc-option-row
		.vrc-showprc-option-cell-info {
		gap: 10px;
	}

	.vrc-showprc-option-row .vrc-showprc-option-cell-info {
		text-align: unset !important;
	}

	.main-form
		.vrc-showprc-options-wrap
		.vrc-showprc-option-row
		.vrc-showprc-option-name
		span {
		font-size: 14px;
	}
}

@media screen and (max-width: 550px) {
	.main-form .vrc-car-result-rightinner-deep {
		flex-direction: column;
		gap: 20px;
	}

	.our-cars .vrc-car-characteristics .vrccaratsdiv,
	.main-form .vrc-car-result-characteristics .vrccaratsdiv {
		grid-template-columns: 1fr;
		row-gap: 10px;
	}

	.main-form .vrc-car-result-inner {
		gap: 15px;
	}

	.main-form .car_cost {
		font-size: 28px;
	}

	.main-form .vrc-car-result-description {
		font-size: 14px;
	}

	.main-form .vrc-car-lastblock {
		gap: 30px;
	}

	.car-item__image {
		height: 280px;
	}

	.car-item__category {
		padding: 4px 18px;
		font-size: 14px;
	}

	.car-item__bt,
	.car-item__bb {
		display: contents;
	}

	.car-item__bottom {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin-top: 20px;
		gap: 15px;
	}

	.car-item__carats {
		order: 2;
	}

	.car-item__price {
		order: 3;
	}

	.car-item__title {
		order: 1;
		font-size: 18px;
	}

	.car-item__btn {
		order: 4;
	}

	.car-item__price > :last-child,
	.car-item__price > :first-child {
		font-size: 18px;
	}

	.insurance__r {
		width: 100%;
	}

	.insurance__r img {
		aspect-ratio: 1 / 1;
	}

	.discounts__image {
		margin-top: -10px;
	}
}