@media screen and (max-width: 1200px) {
	.container {
		max-width: 970px;
	}

	.nav-logo {
		margin-right: 3vh;
	}

	.nav-com {
		margin-left: 3vh;
	}

	.l-title::after {
		left: 35%;
	}

}

@media screen and (max-width: 992px) {
	.container {
		max-width: 750px;
	}

	.nav-menu {
		display: none;
	}

	.l-title::after {
		left: 30%;
	}

	.main-head {
		padding-bottom: 100px;
	}

	.hero-banner {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.hero-banner-title {
		font-size: 30px;
	}

	.cont-services-list {
		display: grid;
		grid-template-columns: 50vw 50vw;
		justify-content: space-between;
		align-items: center;
	}

	.cont-why-we-list {
		display: grid;
		grid-template-columns: 50vw 50vw;
		justify-content: space-between;
		align-items: center;
	}

	.our-services {
		width: 75%;
		margin-bottom: 20px;
	}

	.cont-advice-list {
		display: flex;
		flex-direction: column;
		justify-items: center;
		align-items: center;
	}

	.arrow {
		transform: rotate(90deg);
		margin: 15px 0;
	}
}

@media screen and (max-width: 768px) {
	.container {
		max-width: 470px;
	}

	.main-head {
		min-height: 800px;
	}

	.nav-logo {
		font-size: 25px;
	}

	.hero-banner {
		padding-top: 5px;
		padding-bottom: 50px;
		display: flex;
		flex-direction: column;
	}

	.hero-banner-title {
		font-size: 30px;
		padding: 50px 30px 30px 30px;
	}

	.hero-banner-title span {
		font-size: 45px;
	}

	.hero-banner-stitle {
		font-size: 25px;
	}

	.callback {
		margin-top: 25px;
		margin-bottom: 50px;
	}

	.l-title::after {
		left: 18%;
	}

	.l-title {
		font-size: 40px;
	}

	.cont-about-items {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.cont-services-list {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.our-services {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.cont-why-we-list {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.meet-us-card {
		margin-bottom: 30px;
	}

	#lower_nav {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.lower-menu-link {
		padding-left: 0;
	}

	.lower-cont {
		text-align: left;
		margin-top: 40px;
		margin-left: -50px;
	}
}

@media screen and (max-width: 480px) {
	.container {
		max-width: 370px;
	}

	.l-title::after {
		left: 10%;
	}

	.main-head {
		min-height: 850px;
	}

	.hero-banner-title {
		padding-top: 20px;
	}

	.nav-logo {
		font-size: 25px;
		margin-right: 50px;
	}

	.nav-com {
		margin-left: 0;
	}

	.nav-cont {
		display: flex;
		justify-content: center;
	}

	.nav-tel {
		font-size: 18px;
	}

	.nav-text {
		font-size: 11px;
	}

	.callback {
		padding: 15px;
		max-width: 290px;
	}
}