@media (max-width: 1399px) {
	.banner__title {
		font-size: 42px;
	}

	.callback:after {
		left: calc(50% + 70px);
	}

	.tabs__btn {
		padding: 15px;
	}
}

@media (max-width: 1199px) {
	.banner__title {
		font-size: 2.375rem;
	}

	.section-title {
		font-size: 2rem;
	}

	.project-item__wrapper {
		margin: 0 auto;
	}

	.project-item__wrapper {
		width: 100%;
	}
	.portfolio__video-wrap {
		height: 500px;
	}
}

@media (max-width: 991px) {
	.section {
		padding: 35px 0;
	}

	.banner {
		padding-top: 150px;
		margin-bottom: 35px;
	}

	.banner__info {
		transform: unset;
		width: 400px;
		left: calc(50% - 200px);
		bottom: 50px;
	}

	.advantage-item.has-image {
		min-height: 300px;
	}

	.section-title {
		margin-bottom: 1.5rem;
	}

	.advantage-item,
	.solution-item {
		padding: var(--bs-gutter-x);
	}

	.advantage-item__icon {
		margin-bottom: 20px;
	}

}

@media (max-width: 767px) {
	.header__callback {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.banner__title {
		font-size: 2rem;
	}

	.banner__text p {
		font-size: 1rem !important;
	}

	.callback:after,
	.offer:after {
		display: none;
	}

	.portfolio__current-nav {
		bottom: 1rem;
		left: 1rem;
	}

	.calculate__btn .btn {
		width: 100%;
	}

	.projects__sidebar {
		max-height: unset;
	}
	.banner {
		background-image: url(../images/bg-mobile.webp);
		min-height: 780px;
		padding-top: 300px;
		color: white;
	}
	.banner:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.2);
	}
	.banner .container-fluid {
		position: relative;
	}
	.banner__title {
		text-align: center;
	}
}

@media (max-width: 575px) {
	.header .logo img {
		max-width: 90px;
	}

	.banner {
		padding-top: 220px;
	}

	.header__callback {
		border-radius: 50%;
		padding: 7px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
	}

	.header__callback:hover {
		background-color: var(--green);
	}
	.banner .btn-outline-green {
		color: var(--white);
	}

	.banner__info {
		position: unset;
		margin: 1rem 1rem 0;
		width: auto;
		max-width: none;
	}

	.advantage-item.has-image {
		min-height: 220px;
	}

	.section-title,
	.banner__title {
		font-size: calc(1.3rem + 1.5vw);
	}

	#map {
		height: 250px;
	}
	.col-order {
		order: 1;
	}
	input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([class*=ymaps]), textarea, select, .form-select {
		padding: 12px 15px;
	}
	.btn {
		padding: 14px;
	}
	.solution-item {
		min-height: 280px;
	}
	.modal-content {
		padding: 30px;
	}
	.section-text {
		font-size: 16px;
	}
	.portfolio__list .slick-list {
		padding-bottom: 30px;
	}
	#scroll_up {
		bottom: 20px;
		right: 20px;
	}
	.banner__info{
		width: fit-content;
	}
	.banner__info-text{
		display: none;
	}
	.text-open .banner__info-text{
		display: block;
	}
	.banner__info:not(.text-open) img.me-2{
		margin-right: 0px !important;
	}
	.portfolio__list .slick-arrow {
		bottom: -10px;
		height: 30px;
	}
	.portfolio__video-wrap {
		height: 550px;
	}
	.advantage .advantage-item .advantage-item__icon img {
		max-width: 26px;
		max-height: 26px;
	}
	.advantage .advantage-item .advantage-item__icon {
		width: 40px;
    	height: 40px;
		margin-bottom: 0px;
		margin-right: 10px;
	}
	.advantage .advantage-item{
		display:  grid;
		grid-template-columns:  auto 1fr;
		padding: 10px;
	}
	.advantage .advantage-item .advantage-item__title{
		display: flex;
		font-size: 16px !important;
		line-height: 110%;
		align-self: center;
	}
	.advantage .advantage-item .advantage-item__text{
		grid-column: span 2;
		padding-top: 10px;
		margin-top: 10px;
		font-size: 14px;
		line-height: 120%;
	}
	
}

@media (max-width: 330px) {
	.header__phone {
		display: none;
	}
}

@media (min-width: 576px) {
	#showReview .modal-dialog {
	  max-width: 760px;
	}
}