@media only screen and (max-width: 1500px) {
    body {
        background-image: none;
    }
	.banner-car {
		height: 433px;
	}
}

@media only screen and (max-width: 1290px) {
	.banner-car {
		height: 433px;
	}
}

@media only screen and (max-width: 1024px) {
    
	.gallery-banner img {
		width: 80vw;
	}
	.gallery-banner-overlay {
		width: 60vw;
	}
	.services-end-border-image {
		width: 90vw;
	}
	.special-right iframe {
		width: 40vw;
	}
	.special-left-top h2 {
		font-size: 28px;
	}
	.special-left-bottom-header h3 {
		font-size: 19px;
	}
	.special-left-bottom a {
		width: 18vw;
		font-size: 15px;
	}
	
}

@media only screen and (max-width: 820px) {
	.banner-section {
		width: 99vw;
	}
	.banner-top {
		width: inherit;
	}
	.banner-deals {
		margin: auto;
	}
	.banner-car {
		height: 400px;
	}
	.banner-bottom {
		width: 700px;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.special-left-bottom a {
		width: inherit;
	}
	section.special-offer {
		width: 90vw;
	}
	.container{
		width: 720px;
	}
	.spot-section-bottom-top {
		flex-direction: column;
	}
	.spot-section-top {
		flex-direction: column;
		margin-bottom: 21px;
	}
	.spot-body-stars svg:nth-child(3) {
		margin-right: 0px;
	}
	.services-header img {
		width: 251px;
	}
	.spot-header-body {
		width: inherit;
	}
	.spot-end svg {
		left: 40%;
	}
	.spot-header-body {
		width: inherit;
	}
	.contact-body {
		flex-direction: column;
	}
}

@media only screen and (max-width: 768px) {
	body {
		background: none;
	}
	.container {
		width: 620px;
	}
	.banner-top h2 {
		text-align: center;
	}
	.banner-top h1 {
		text-align: center;
	}
	.banner-top h1.never-wanna {
		padding-left: 0px;
	}
	.banner-deals {
		margin: auto;
	}
	.banner-car {
		top: 220px;
		left: 0px;
		height: 350px;
	}
	.banner-bottom {
		flex-direction: column;
		width: 500px;
		align-items: center;
		justify-content: center;
	}
	.gallery-wrapper {
		width: 90vw;
	}
	.gallery-banner img {
		height: 30vw;
	}
	.gallery-banner-overlay {
		position: initial;
		width: 95%;
		height: 100%;
		padding: 10px;
	}
	.gallery-banner-overlay h2 {
		margin-top: 30px;
		font-size: 35px;
		color: hsl(0deg 93% 43%);
	}

	.car-image img {
		height: 30vw;
	}
	.special-left {
		width: 100%;
	}
	section.special-offer {
		flex-direction: column;
	}
	.special-left-bottom a {
		width: inherit;
	}
	.special-right iframe {
		width: 100%;
		height: 300px;
	}
	.services-header img {
		width: 20vw;
	}
	.spot-header-body-text h1 {
		font-size: 50px;
	}
	.spot-end svg {
		left: 40%;
	}
	.spot-body-stars svg {
		height: 30px;
	}
	.spot-header-body {
		width: inherit;
	}
	.spot-top-right {
		width: inherit;
	}
	.spot-top-right-header h3 {
		font-size: 20px;
	}
	.spot-section-bottom-top img {
		height: 181px;
	}
	.hours-slogan h1 {
		font-size: 40px;
	}
	.address-section {
		width: 605px;
		flex-direction: column;
		gap: 20px;
	}
	.contact-body {
		flex-direction: column;
	}
	.contact-body-left img {
		height: 100%;
	}
	.banner-section {
		margin-bottom: 100px;
	}
@media only screen and (max-width: 490px) {
	body {
		background-size: 100%;
	}
	.container {
		width: 400px;
	}
	.navbar ul li {
		display: block;
	}
	.logo-section {
		gap: 20px;
		flex-direction: column;
	}
	.banner-bottom {
		width: 460px;
	}
	.banner-car {
		top: 420px;
		left: -50px;
		height: 250px;
	}
	.banner-section {
		margin-bottom: 100px;
		overflow: hidden;
	}
	.banner-top {
		width: 90vw;
	}
	.join-box {
		width: 385px;
	}
	.banner-deals h2 {
		font-size: 32px;
	}
	.banner-deals img {
		width: 250px;
	}
	.banner-car {
		top: 360px;
		height: 160px;
	}
	.join-right {
		width: 300px;
		height: 227px;
		text-align: center;
		overflow: hidden;
	}
	.join-right img {
		width: 378px;
	}
	.join-right h1 {
		font-size: 44px;
	}
	.join-right a {
		border-top-right-radius: 0px;
	}
	.car-image-row {
		flex-direction: column;
	}
	.car-image img {
		height: 100%;
	}
	.gallery {
		--num-cols: 1;
	}
	.services-section {
		padding: 20px;
		overflow: hidden;
	}
	.services-title-container {
		width: 240px;
	}
	.services-title {
		font-size: 18px;
	}
	.services-end-border-image {
		width: inherit;
		margin-left: -100px !important;
	}
	.services-header img {
		width: 100%;
	}

	.services-body {
		flex-direction: column;
		align-items: center;
	}
	section.special-offer {
		width: 90%;
	}
	.special-left-bottom-header img {
		height: 17px;
	}
	.special-left-bottom a {
		width: inherit;
	}
	.spot-section-bottom-top {
		flex-direction: column;
	}
	.spot-top-left {
		width: 100%;
	}
	.spot-section-top {
		flex-direction: column;
		margin-bottom: 20px;
	}
	.spot-line {
		align-items: center;
	}
	.spot-line img {
		height: 30px;
	}
	.spot-end {
		position: relative;
		display: none;
	}
	.spot-header-body-text-wrapper {
		margin-bottom: 0px;
	}
	.spot-top-left {
		width: inherit;
	}
	.spot-section.container h2:nth-child(1) {
		text-align: center;
	}
	.contact-body-left img {
		height: 160px;
	}
	.address-section {
		width: 300px;
		align-items: flex-start;
	}
	.address-map {
		width: 300px;
	}
	.address-text-wrapper {
		width: 100%;
	}
	.contact-form {
		margin: auto;
		width: 300px;
	}
	.contact-form-top {
		flex-direction: column;
	}
	.join-right h1 {
		font-size: 30px;
	}
}

@media only screen and (max-width: 425px) {
	.banner-top h1 {
		font-size: 40px;
		line-height: 40px;
	}
	.container {
		width: 370px;
	}
	.banner-car {
		top: 308px;
		left: -26px;
		height: 223px;
	}
	.join-box {
		width: 70vw;
	}
	.banner-bottom {
		width: 70vw;
	}
	.join-right img {
		width: 295px;
	}
}