@media only screen and (max-width: 1920px) and (min-width: 1445px) {
	.container {
		max-width: 1200px;
	}
}

@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1445px) {
	html {
		font-size: 15px;
	}
}

@media only screen and (max-width: 1366px) {
	html {
		font-size: 14px;
	}
}

@media (max-width: 1199.98px) {
	html {
		font-size: 13px;
	}

	.banner-videos {
		flex-direction: column;
	}

	.banner-videos video {
		height: calc(100% - 66%);
	}

	.services-card {
		height: 400px;
	}

	.cases-card {
		text-align: center;
	}

	.cases-card__content .title::before {
		left: 50%;
		transform: translateX(-50%);
	}

	.cases-card__content .themeBtn {
		margin: 0 auto;
	}

	.gallery-bg {
		height: 550px;
	}

	.footer-content {
		flex-direction: column;
	}

	.portfolio-img {
		height: 400px;
	}
}

@media (max-width: 991.98px) {
	html {
		font-size: 12px;
	}

	.header {
		padding: 1rem 1rem 0;
	}

	.float-left {
		left: 1rem;
	}

	.float-right {
		right: 1rem;
	}

	.faq .accordion-button {
		padding: 2rem;
	}

	.faq .accordion-body {
		padding: 0 2rem 2rem;
	}

	.see-more__box {
		text-align: center;
		flex-direction: column;
		padding: 3rem 1rem;
	}

	.see-more__box::before {
		width: 100%;
	}

	.see-more__box .heading {
		font-size: 2rem;
		padding: 0;
		background: transparent;
		margin-bottom: 2rem;
	}

	:is(.contact-img img:nth-child(2), .contact-img img:nth-child(3)) {
		width: 100px;
	}

	.contact-img img:nth-child(1) {
		margin: 3rem 0 5rem;
	}

	.process-card {
		padding: 2rem 1.5rem;
	}

	.process-heading {
		font-size: 2.5rem;
	}

	.process-intro-text {
		font-size: 1.1rem;
	}
}

@media (max-width: 767.98px) {
	html {
		font-size: 11px;
	}

	.cases-card__img {
		width: 400px;
		height: auto;
		aspect-ratio: 1;
		margin: 0 auto 1rem;
		display: block;
	}

	.choose-card__img {
		position: unset;
	}

	.clients-logo {
		height: auto;
	}

	.gallery-bg {
		height: 400px;
	}

	.gallery-bg__content {
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);
		text-align: center;
		padding: 0;
	}

	.gallery-bg__content h4::before {
		left: 50%;
		transform: translateX(-50%);
	}

	.gallery-bg__content .themeBtn {
		margin: 0 auto;
	}

	.footer-contentWrapper {
		flex-direction: column;
	}

	.footer-links {
		justify-content: center;
	}

	.footer-copyright {
		flex-direction: column;
		gap: 1rem 0;
		padding: 1.5rem 0;
	}

	.team-card__img {
		width: 300px;
		margin: 0 auto;
	}

	.blogs-card {
		text-align: center;
	}

	:is(.contact-img img:nth-child(2), .contact-img img:nth-child(3)) {
		width: 150px;
	}

	.process-section {
		padding: 3rem 0 4rem;
	}

	.process-heading {
		font-size: 2rem;
	}

	.process-card__number {
		font-size: 2.75rem;
	}

	.process-card__title {
		font-size: 1.25rem;
	}
}

@media (max-width: 575.98px) {
	:is(.header-main__logo, .menu-content__topLogo) {
		width: 80px !important;
	}

	.header-main__btn {
		width: 70px !important;
	}

	.menu-content__list {
		text-align: center;
	}

	.menu-content__social {
		justify-content: center;
	}

	.choose-card {
		text-align: center;
		flex-direction: column-reverse;
		margin: 0;
	}

	.choose-card__content {
		width: auto;
		height: auto;
	}

	.choose-card__img {
		width: 150px;
		margin-bottom: 2rem;
		transform: unset;
	}

	.choose-card__content h4::before {
		left: 50%;
		transform: translateX(-50%);
	}

	:is(.float-left, .float-right) {
		display: none;
	}

	.banner-arrowDown {
		right: 4rem;
	}

	.banner-arrowDown__link {
		width: 50px;
	}

	.cases-card__img {
		width: 200px;
	}

	.services-card {
		height: 350px;
	}

	.portfolio-img {
		height: 300px;
	}

	.gallery-bg__videos {
		flex-direction: column;
	}

	.gallery-bg__videos video {
		width: 100%;
		height: 50%;
	}

	:is(.caseSlider-next, .caseSlider-prev, .teamSlider-next, .teamSlider-prev) {
		width: 50px;
		height: 50px;
	}

	.process-card {
		padding: 1.5rem 1.25rem;
	}

	.process-heading {
		font-size: 1.75rem;
	}

	.process-intro-text {
		font-size: 1rem;
	}

	.process-card__number {
		font-size: 2.25rem;
	}
}

@media (max-width: 420.98px) {
	.heading {
		font-size: 3rem;
	}
}

@media (max-width: 320.98px) {}