@media (max-width: 425px) {

	.marquee-content img {
		max-width: 250px;}

	.marquee-content {
			padding-top: 20px;
			animation: marquee 20s linear infinite;
			gap: 20px;
		  }	
	.marquee-content p{font-size: 14px;} 	

	.main-navigation li {
		display: block;
	}

	.container {
		max-width: 100%;
	}

	.feature-row {
		margin: 10px 0;
		display: flex;
		flex-direction: column;
	}

	.client-logos {
		display: flex;
		flex-direction: column;
	}

	header.site-header .col,
	.banner-sec .col {
		width: 135px;
	}

	.mean-container .mean-push {
		display: none;
	}

	.progress {
		display: none;
	}

	.slider {
		height: 575px;
		font-size: 14px;
	}

	header.site-header {
		z-index: 3;
		width: 100%;
	}


	.booking-wrap iframe {
		height: 748px;
	}

	.main-navigation li:last-child {
		margin-right: 0;
	}

	.site-header img {
		max-width: 80%;
	}

	header.site-header {
		padding: 10px 0;
	}

	.nav-col {
		flex-basis: min-content;
	}

	h2 {
		font-size: 26px;
	}

	.feature-box {
		width: 100%;
		padding: 14px;
	}

	.booking-widget {
		width: 100%;
		margin: auto;
		padding: 10px;
	}

	.booking-widget iframe {
		height: 750px;
	}


	.footer {
		padding: 600px 15px 50px;
	}


	.progress {
		margin: 10px 0;
		font-size: 14px !important;
	}

	.case-studies {
		padding: 40px 10px;
	}

	.case-studies-box {
		width: 100%;
		margin: auto;
		padding: 10px;
		margin-bottom: 20px;
	}


	.top-header {
		margin-top: 105px;
	}

	.booking-wrap {
		margin: 20px 0;
	}

	h4 {
		font-size: 24px;
	}

	.slider__contents {
		height: 100%;
		padding: 1rem;
	}

	.slider__nav {
		margin: 1rem 12px;
	}

	.feature-padding {
		padding-top: 60px;
	}

	.feature-img {
		width: 100%;
		margin: 0;
	}

	.feature-container {
		width: 100%;
	}

	.feature-item2 {
		padding-bottom: 60px;
	}

	.uzeli-features {
		position: relative;
		padding: 30px 10px;
	}

	.testimonial {
		padding: 40px 10px;
		margin-bottom: 40px;
	}


	.testimonial-box {
		width: 100%;
		margin-bottom: 20px;
	}

	.f-100 {
		width: 100%;
		margin-top: 50px;
	}

	.cta-sec {
		background-position: center;
		height: 350px;
		background-size: cover;
	}

	.cta-headline h2 {
		font-size: 30px;
	}

	.cta-container {

		padding-top: 50px;
	}

	.cta-btn {
		display: flex;
		flex-direction: column;
		width: 70%;
		margin: auto;
	}

	a.btn {
		padding: 10px;
		font-size: 14px;

	}

	a.btn2 {
		padding: 12px;
		font-size: 18px;
		margin-bottom: 10px;
	}

	footer::before {
		top: -2px;
	}

	.contact-sec a.phone-num {
		font-size: 24px;
		padding-left: 5px;
	}

	.contact-sec .landing-sec-img h5 {
		font-size: 14px;
	}

	.contact-sec .landing-sec-img img {
		margin-bottom: 30px;
	}

	#scroll-top {
		left: 15px;
	}

}

@media (min-width: 500px) and (max-width: 768px) {

	.client-logos {
		margin: auto;
	}

	.client-logos img {
		max-width: 80px;
	}

	h2 {
		font-size: 30px;
	}

	.footer {
		padding: 100px 15px 50px;
	}


	.progress {
		margin: 10px 0;
		font-size: 14px !important;
	}

	.case-studies {
		padding: 10px;
	}

	.case-studies-box {
		width: 32%;
		margin: auto;
		padding: 10px;
	}

	.marquee-content img {
		max-width: 350px;}

    .marquee-content {
			padding-top: 20px;
			animation: marquee 50s linear infinite;
			gap: 40px;
		  }	
	.marquee-content p{font-size: 16px;} 

}

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

	.case-studies {
		padding: 10px;
	}

	.case-studies-box {
		height: 480px;
	}

	.feature-box {
		padding: 10px;
	}

	.uzeli-features {
		padding: 20px;
	}

	header.site-header .col {
		width: 156px;
	}

	.site-header img {
		width: 90%;
	}

	a.btn {
		padding: 4px 10px;
		font-size: 18px;
	}
}


@media (min-width: 1025px) {
	.client-logos img {
		max-width: 110px;
	}

}