@media only screen and (max-width: 1750px) {
	.logo-area::after {
		left: -50%;
	}

	.footer-contact-map {
		width: 70%;
		margin-right: -90px;
	}


}

@media only screen and (max-width: 1450px) {

	.right-shap-area {
		max-width: 63%;
	}

	.header-area {
		padding-top: 30px;
	}

	.footer-contact-map {
		width: 60%;
		margin-right: 0px;
	}

	.menu-area ul li a {
		font-size: 20px;
	}



}


@media only screen and (max-width: 991px) {

	.right-shap-area {
		max-width: 70%;
		right: -65px;
	}

	.menu-area ul li a {
		font-size: 16px;
	}

	.top-background-area {
		overflow: hidden;
	}

	.logo-area {
		max-width: 180px;
	}

	body {
		font-size: 16px;
	}

	.logo-area::after {
		left: -56%;
		top: -31px;
		width: 206%;
	}

	.top-focus-area h2 {
		font-size: 40px;
	}

	.top-focus-area h3,
	.faq-area h2,
	.review-left-area h3,
	.our-client-left-area h3,
	.footer-contact-area h4 {
		font-size: 30px;
	}

	.single-focus-item h4,
	.accordion-header,
	.review-right-area p,
	.user-details h5,
	.footer-contact-area ul li strong {
		font-size: 25px;
	}

	.user-details p {
		font-size: 16px;
	}

	.our-client-left-area {
		padding: 30px 15px 10px;
	}

	.our-client-left-area input,
	.our-client-left-area button {
		font-size: 16px;
	}

	.footer-bottom-area h5 {
		font-size: 20px;
	}

	.footer-bottom-area p {
		font-size: 12px;
	}

	.menu-area ul {
		gap: 20px;
	}

}




@media only screen and (max-width: 767px) {

	.header-area {
		display: none;
	}

	.right-shap-area {
		display: none;
	}

	.top-focus-area h2 {
		font-size: 34px;
	}

	body {
		font-size: 18px;
	}

	.top-focus-area h3,
	.review-left-area h3,
	.our-client-left-area h3,
	.footer-contact-area h4 {
		font-size: 32px;
	}

	.top-focus-area a::after {
		display: none;
	}

	.top-focus-area a {
		text-align: center;
	}

	.single-focus-item:nth-child(2n+1) {
		width: 100%;
		flex-wrap: wrap;
		text-align: center;
	}

	.single-focus-item:nth-child(2n) {
		width: 100%;
		flex-wrap: wrap;
		text-align: center;
	}

	.single-focus-item {
		margin-bottom: 20px;
	}

	.focus-icon-area,
	.focus-content-area {
		width: 100%;
	}

	.shap-2 {
		display: none;
	}

	.accordion-header,
	.single-item p {
		font-size: 22px;
	}

	.review-left-area {
		width: 100%;
		padding-right: 0px;
		background-image: none;
	}

	.review-right-area {
		width: 100%;
	}

	.review-left-area h3 {
		font-size: 34px;
		text-align: center;
	}

	.who-we-area {
		padding-bottom: 50px;
	}

	.our-client-right-area {
		display: none;
	}

	.our-client-left-area {
		width: 100%;
	}

	.footer-contact-map {
		display: none;
	}

	.footer-contact-area {
		float: none;
		width: 100%;
	}

	.footer-contact-area h4 {
		text-align: center;
	}

	.footer-contact-area p {
		text-align: center;
		margin: 20px 0;
	}

	.footer-bottom-area {
		text-align: center;
		margin-top: 20px;
	}

	.footer-area {
		padding: 30px 0;
	}

	.top-focus-area h3 {
		font-size: 22px;
	}

	.input-dispaly input {
		width: 100%;
	}

	.input-dispaly input:last-child {
		margin-right: 0px;
	}

	.input-dispaly {
		display: inherit;
		gap: 0px;
	}

	.margin-top-30 {
		margin-top: 20px;
		text-align: right;
	}

	.review-area {
		padding-bottom: 20px;
	}

	.footer-contact-area ul {
		max-width: 300px;
		margin: 0 auto;
	}

	.mobile-header-area {
		display: block;
		text-align: center;
		background-image: url(../images/logo-back.png);
		background-repeat: no-repeat;
		background-position: top center;
	}

	.mobile-menu {
		padding: 20px 0;
	}

	.mobile-menu ul {
		display: flex;
		;
		gap: 20px;
		align-items: center;
		justify-content: center;
	}

	.mobile-menu ul li a {
		color: #fff;
		font-size: 18px;
		font-weight: 500;
	}

	.our-focus-area {
		padding-top: 20px;
	}



}