.burger {
        display: none;
		color: #c72230;
  }
  
  
  .car-column {
    display: inline;
    background-color: #ebebeb;
    padding: 4px 6px;
    border-radius: 50px;
}
  
  .latest-cars-carousel.slick-initialized.slick-slider {
    margin: 0px clamp(2px, 5vw, 24px) 0px clamp(2px, 5vw, 24px) !important;
}
  	.social-icons {
	    align-items: center !important;
	}
	.socials {
	    align-items: center !important;	
	}

.f-contact-info p {
    margin: 6px 0 !important;

}
@media (max-width: 1250px) {
	

	
	#nav-contact:hover {
    background-color: unset !important;
    border: unset !important;
	  transition-duration: 0s !important;
}
	
		nav-contact {
		padding: 9px 30px 9px 30px;
		background-color: unset !important;
		border: 0px solid #c72230;
		border-radius: 50px 50px 50px 50px;
		color: white;
	}
	
	.latest-cars-carousel.slick-initialized.slick-slider {
    margin: 0PX !important;
}
	.about-image {
    float: none !important;
    margin: 0 auto !important;
    display: flex !important;
    width: 100% !important;
    max-width: fit-content !important;
    margin-bottom: 20px !important;
	
	}
	
	.footer-content {
    gap: 5vw !important;




}




}
.container {
    
    margin: 0px 54px;
}
@media (max-width: 1020px) {
.navbar {
    gap: 15px;
}
}

@media (max-width: 1020px) {
    .footer-col.company {
        margin: auto 100%;
    }
	} 
	

@media (max-width: 1023px) {
button.uploader-add-btn {
    width: 90%;
}
		.submit-button-contact {
	align-self: anchor-center;
	 width: 100%;
	       
}
	

.carousel img {
    min-width: 100vw;	
}
	
	.sort-container {
    flex-direction: column !important;
}

	a {	
   text-decoration: none;	
}
	
	h3.car-title {
    font-size: x-large;
    margin: 0px 0px 10px -15px;
    background: linear-gradient(68deg, rgb(187 0 0) 10%, rgb(93 93 93) 40%, rgb(0 0 0) 80%);
    color: white;
    padding: 9px;
    border-radius: 10px;
}
.car-price {
    padding: 10px 22px !important;
    border-radius: 0px 0px 20px 0px !important;
}

#car-createdon {
    justify-self: anchor-center !important;
}
	.car-box {
		    border-radius: 25px !important;
		height: auto !important;
		flex-direction: column !important;
	}
	
		.left-column {
    display: none !important;
}
	
	.car-details-columns {
		justify-content: center !important;
        margin: 0px 0px 31px -20px !important;
        align-items: center !important;
        text-align: center !important;
        display: flex;
	}
	
	
	
		.container {
	margin: 0px;
	}
	.info-columns {

    place-self: anchor-center;
}
	
	p.company-name.centered {
    text-align: left !important;
    margin-left: 7px !important;
}

    #nav-contact {
        display: flex !important;
        text-align: left !important;
        justify-content: center !important;
        padding: 15px 20px !important;
        color: #c72230;
        width: max-content;
		background-color: unset;
    }	

	.left-links {
    color: red;
}

 .nav-item {
    background-color: #ffffff;
   width: 330px;

	transition-duration:0.3s !important;
	
	
	
	
}



a#nav-item-contact:hover {
        background-color: #c72230 !important;
        color: white !important;
}


a#nav-item-contact {
    padding: 15px 20px !important;
    background-color: unset  !important;
    border: unset  !important;
    border-radius: unset  !important;
    color: #c72230  !important;
	    transition: 0.2s !important;
}


 /*
    #nav-contact  {
		   background-color: #ffffff;
		    width: fit-content;

        	transition-duration:2.3s !important;
    }
*/
    .nav-item:hover .nav-link {
        background-color: #c72230 !important;
        color: white !important;
		
    }

    .nav-item:hover .nav-link  {
        background-color: #c72230;
        color: white;
    }
	

	a#button {
		width: -webkit-fill-available;
	}
	.slick-initialized .slick-slide {
		display: block;
		margin: 0px !important;
	}

	.about-text {
		/*font-size: small;*/
		text-align: justify !important;
	}
.container {
        padding: 0px 20px;
		margin-bottom: 15px !important;
}

	.leaflet-popup-content {
		width: 110px !important;
	}
	.about-image {
		max-width: 100% !important;
		margin-left: 0px !important;
		border-radius: 10px;
		overflow: hidden;
		float: none;
		margin-bottom: 20px;
	}
	.footer-content {
	gap:0 !important;
}
	.footer-col {
	    display: inline-table !important;
	}
	.footer-bar {
	align-items: center;
    white-space: nowrap;
    gap: 20vw !important;
}
	.custom-whatsapp-link {
		display:none !important;
	}
	.latest-cars-section {
		        margin: 40px 0px !important;
	}
    html, body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    * {
        box-sizing: border-box;
    }
	header {
			margin-bottom: 0px;
	}
    h2 {
        font-size: 5.5vw !important;
        white-space: normal !important;
    }
	
	.latest-cars-carousel {
		margin: 0px !important;
	}
    header {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 0px 20px;
        width: 100%;
        box-shadow: -1px 3px 9px #a9a9a91f !important;
        z-index: 999;
        border: 10px solid #c72230;
        border-width: 0px 0px 4px 0px;
        min-height: max-content;
    }
    .logo img {
        max-width: 200px;
        height: auto;
        margin-top: 10px;
    }
    .burger {
        display: block;
        font-size: 35px;
        background: none;
        border: none;
        cursor: pointer;
        position: absolute;
        top: 55px;
        right: 20px;
        z-index: 999;
        border: 0;
    }
	.nav-items {
	 height: 100%;	
	}
    .navbar {
        display: none;
        flex-direction: column;
        width: 100%;
        background-color: #fff;
        position: absolute;
        top: 60px;
		
        z-index: 998;
        padding: 10px 0;
    }
    .navbar.active {
        display: flex;
        width: max-content;
        background-color: #ffffff;
        right: 0;
        align-items: flex-start;
        width: auto;
        gap: 0vw;
        padding: 0px;
        border-radius: 20px 0px 0px 20px;
        overflow: auto;
        top: 125px;
        box-shadow: -2px 1px 9px #a9a9a959 !important;
    }
    .navbar a {
        padding: 15px 20px;
        text-align: left;
        display: block;
        width: 100%;
    }
	
.car-box {
    text-decoration: unset !important;
}
    .container, .main, .content {
        display: flex;
        border-radius: 0px;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 100%;
        box-shadow: none !important;
        padding-bottom: 25px;
    }
    img {
        max-width: 100%;
        height: auto;
        display: block;
    }
}


	@media (max-width: 460px) {

		.footer-bar {
		    flex-direction: column !important;
			gap: 5vw !important;	
		}
	}