@media (min-width: 1200px) {
    .container, 
	.container-lg, 
	.container-md, 
	.container-sm, 
	.container-xl {
        max-width: 1194px !important;
    }
}

@media (max-width: 1400px) {
	.hero-title {
		font-size: 50px;
	}

	.hero-desc {
		font-size: 15px;
	}

	.g-40 {
		gap: 35px !important;
	}
	
	.py-40 {
		padding-top: 35px !important;
		padding-bottom: 35px !important;
	}
	
	.p-40 {
		padding: 35px !important;
	}
	
	.px-40 {
		padding-left: 35px !important;
		padding-right: 35px !important;
	}
	
	.pt-40 {
		padding-top: 35px !important;
	}
	
	.pb-40 {
		padding-bottom: 35px !important;
	}
	
	.pl-40 {
		padding-left: 35px !important;
	}
	
	.pr-40 {
		padding-right: 35px !important;
	}
	
	.py-80 {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	
	.pb-80 {
		padding-bottom: 50px !important;
	}
	
	.pt-80 {
		padding-top: 50px !important;
	}
	
	.m-40 {
		margin: 35px !important;
	}
	
	.mt-40 {
		margin-top: 35px !important;
	}
	
	.mr-40 {
		margin-right: 35px !important;
	}
	
	.ml-40 {
		margin-left: 35px !important;
	}
	
	.mb-40 {
		margin-bottom: 35px !important;
	}
	
	.mx-40 {
		margin-left: 35px !important;
		margin-right: 35px !important;
	}
	
	.my-40 {
		margin-top: 35px !important;
		margin-bottom: 35px !important;
	}

	.section-title {
		font-size: 28px;
	}

	.inner-hero-title {
		font-size: 40px;
		margin-bottom: 20px;
	}

	.inner-hero-desc p, .section-desc p {
		font-size: 15px;
	}
}

@media (max-width: 1199px) {
	header .navbar-nav .nav-link {
		padding-left: 7px !important;
		padding-right: 7px !important;
	}
}

@media (max-width: 991px) {
	header .navbar-nav .nav-link {
		display: block;
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}

	.hero-image {
		margin-right: -7%;
	}

	.hero-title {
        font-size: 40px;
    }
	
	.g-32 {
		gap: 25px !important;
	}
	
	.g-40 {
		gap: 30px !important;
	}
	
	.py-40 {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	
	.p-40 {
		padding: 30px !important;
	}
	
	.px-40 {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	
	.pt-40 {
		padding-top: 30px !important;
	}
	
	.pb-40 {
		padding-bottom: 30px !important;
	}
	
	.pl-40 {
		padding-left: 30px !important;
	}
	
	.pr-40 {
		padding-right: 30px !important;
	}
	
	.p-32 {
		padding: 25px !important;
	}
	
	.px-32 {
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
	
	.py-32 {
		padding-top: 25px !important;
		padding-bottom: 25px !important;
	}
	
	.pb-32 {
		padding-bottom: 25px !important;
	}
	
	.pt-32 {
		padding-top: 25px !important;
	}
	
	.pl-32 {
		padding-left: 25px !important;
	}
	
	.pr-32 {
		padding-right: 25px !important;
	}
	
	.py-80 {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}
	
	.pb-80 {
		padding-bottom: 60px !important;
	}
	
	.pt-80 {
		padding-top: 60px !important;
	}
	
	.m-40 {
		margin: 30px !important;
	}
	
	.mt-40 {
		margin-top: 30px !important;
	}
	
	.mr-40 {
		margin-right: 30px !important;
	}
	
	.ml-40 {
		margin-left: 30px !important;
	}
	
	.mb-40 {
		margin-bottom: 30px !important;
	}
	
	.mx-40 {
		margin-left: 30px !important;
		margin-right: 30px !important;
	}
	
	.my-40 {
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	
	.mb-32 {
		margin-bottom: 25px !important;
	}
	
	.gt-40, .gtx-40 {
		--bs-gutter-x: 24px;
	}
	
	.gt-40, .gty-40 {
		--bs-gutter-y: 24px;
	}

	.g-20 {
		gap: 15px !important;
	}

	.mb-20 {
		margin-bottom: 15px !important;
	}

	.section-title {
		font-size: 25px;
	}

	.block-title {
		font-size: 18px;
	}

	.result-card-title, .result-highlight {
		font-size: 17px;
	}

	.footer-desc h6 {
		font-size: 15px;
		margin-bottom: 14px;
	}

	.footer-title {
		margin-bottom: 20px;
		font-size: 18px;
	}

	.footer-list li a {
		font-size: 15px;
	}

	.footer-contact p {
		font-size: 15px;
		margin-bottom: 8px;
	}

	.footer-social h6 {
		font-size: 15px;
		margin-bottom: 8px;
	}

	.inner-hero-title {
        font-size: 35px;
        margin-bottom: 15px;
    }

	.solution-card-image {
		height: 180px;
	}

	.case-card label,
	.case-highlight {
		font-size: 15px;
	}

	.item-case:not(:last-child) {
		margin-bottom: 15px;
	}
}

@media (max-width: 575px) {
	.hero-title {
		font-size: 25px;
	}

	.py-80 {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	
	.pb-80 {
		padding-bottom: 40px !important;
	}
	
	.pt-80 {
		padding-top: 40px !important;
	}
}