@media only screen and (max-width: 1920px) and (min-width: 1600px) {
	.container {
		max-width: 1450px;
	}
}

@media only screen and (max-width: 1600px) {
	.banner {
		height: 820px;
	}
	.bannerContent {
		margin-top: 9rem;
	}
	.about-slider-card {
		gap: 1rem;		
	}
	.about-slider-card p{
		font-size: 1rem;
	}
	.stepsWrap {
		top: 15%;
	}
	.stepSection {
		padding-bottom: 36rem;
	}
	
}

@media only screen and (max-width: 1445px) {
	html {
		font-size: 15px;
	}
	.banner {
		height: 770px;
	}
	.packagesSec {
		padding-bottom: 1rem;
	}
	.stepIcon {
		width: 25%;
	}
	.stepTop {
		left: 42%;
		top: 43%;
	}
	.stepBottom {
		left: 47%;
		bottom: 44%;
	}
	.about-content p {
		font-size: 1rem;
	}
}

@media only screen and (max-width: 1366px) {
	html {
		font-size: 14px;
	}
	.banner {
		height: 670px;
	}
	.hexa img:nth-child(1) {
		max-width: fit-content;
	}
	.stepTop {
		left: 55%;
		top: 39%;
	}
	.stepsWrap {
		right: -19%;
		/* left: 0; */
		/* max-width: 200px; */
	}
	.stepBottom {
		left: 55%;
		bottom: 39%;
	}
}

@media (max-width: 1199.98px) {
	html {
		font-size: 13px;
	}
	.banner>video {
		height: 100%;
	}
	.cardBox {
		width: 100%;
	}
	#exampleModal .d-flex,
	div#exampleModal img {
		display: none !important;
	}
	#exampleModal .modal-content{
		width: fit-content;
	}
	.banner {
		height: 558px;
		padding-bottom: 3rem;
	}
	.stepsWrap{
		display: none;
	}
	.stepSlider{
		display: block;
		margin-top: 3rem;
	}
	.stepSection {
		padding-bottom: 6rem;
	}
}
@media (max-width: 991.98px) {
	html {
		font-size: 12px;
	}
	.banner {
		height: 610px;
		padding-bottom: 3rem;
	}
	.banner>video {
		width: unset;
	}
	.banner p {
		font-size: 14px;
	}
}
@media (max-width: 767.98px) {
	html {
		font-size: 11px;
	}
	.banner {
		height: 840px;
	}
	.banner-contact {
		margin-top: 4rem;
	}
	figure.banner-contact-img-bg{
		display: none;
	}
	.banner-contact-img img:nth-child(1) {
		width: 85px;
		top: -3.6rem;
		left: -4rem;
	}
	figure.brand-slider-img {
		display: flex;
		justify-content: center;
		margin-top: 2rem;
	}
	.brand h3 {

		font-size: 2.25rem;
		text-align: center;
	}
	.brand h3 span{
		display: inline !important;
	}
	.about-slider-card p {
		font-size: 1.75rem;
	}
	.cardBox {
		width: 75%;
		margin: auto;
		margin-top: 2rem;
	}
	.cardHeader h4 {
		font-size: 2rem;
	}
	figure.contact-img {
		max-width: 50%;
		margin: auto;
		margin-bottom: 1rem;
	}
}
@media (max-width: 575.98px) {
	.banner {
		height: 935px;
	}
	.banner-contact-img img:nth-child(2) {
		display: none;
	}
	.cardBox {
		width: 100%;
	}
	.our-story p {
		width: 100%;
	}
}
@media (max-width: 320.98px) {
}