@media only screen and (max-width: 1320px) {
	.contact-f img {
		width: 100%;
	}
	.images-banner {
		position: absolute;
		right: 0;
		z-index: 1;
		top: -50px;
		width: 45%;
	}
	.images-banner img {
		width: 100%;
	}
}
@media only screen and (max-width: 1170px) {
	.images-banner {
		display: none;
	}
	header .menu ul li {
		margin-left: 50px;
	}
}

@media only screen and (max-width: 996px) {
	header .flex-header .logo {
		width: 13%;
	}
	header.sticky .flex-header .logo {
		width: 11%;
	}
	header section.section-header .menu {
        left: inherit;
        position: fixed;
        display: flex;
        flex-wrap: wrap;
        align-content: baseline;
        margin: 0;
        transition: .5s;
        top: 0;
        bottom: 0;
        transform: perspective(1000px) translateX(100%);
        transform-origin: right center 0cm;
        width: 300px;
        right: 0;
        background-color: #fff;
        z-index: 100000;
        overflow-x: scroll;
        height: 100%;
        padding: 80px 0 0 0;
    }
    header section.section-header .menu.active {
        transform: none;
    }
    .mobile-burger {
        display: flex;
    }
	.toggle-nav {
		display: block;
	}
    button.toggle-nav.active {
        margin: 0;
        top: -30px;
        right: 5px;
        z-index: 111111111111;
    }
	header .menu ul {
		flex-wrap: wrap;
		padding-left: 30px;
	}
	.phone-number {
		display: none;
	}
	.sochial-media {
		padding-right: 0;
		margin-right: 50px;
	}
	header .menu ul li {
		width: 100%;
		margin: 10px 0 0 0;
	}
	.section-banner::after {
		content: none;
	}
	.banner-heading {
		width: 100%;
	}
	.section-banner {
		padding: 200px 0 0;
	}
	.about_us {
		padding: 60px 0;
	}
	.about_us_flex {
		flex-wrap: wrap;
		column-gap:0px
	}
	.about_us::after {
		content: none;
	}
	.about_us_info {
		max-width: 100%;
		width: 100%;
		margin: 40px 0;
	}
	.images-about {
		position: static;
	}
	.section {
		padding: 60px 0;
	}
	.advantages_flex .col-lg-3 {
		margin-bottom: 30px;
	}
	section.section-price {
		padding-bottom: 60px;
	}
	.contact-f img {
		display: none;
	}
	.form-contact {
		width: 100%;
		position: static;
		left: 0;
	}
	.contacts_body {
		background-size: cover;
	}
	.footer::after {
		content: none;
	}
	body::after {
		content: none;
	}
	.footer_card.logo-foa {
		display: none;
	}
	.footer_card_middle {
		margin: 0;
	}
	.footer_flex {
		gap: 0;
		justify-content: space-between;
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 768px) {
	.section-work .item {
		height: 400px;
	}
	.contacts_body {
		padding: 30px;
	}
	.price-block .item {
        margin-top: 40px;
    }
    .footer_card.logo-footer img {
        width: 100px;
    }
}
@media only screen and (max-width: 560px) {
    .contacts_mt .col-lg-3.col-md-4.col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contacts_card img {
        margin: 10px 0;
    }
    .contacts_card img {
        margin: 0;
        width: 20px;
    }
    .contacts_card p {
        margin: 0 0 0 5px;
    }
    .contacts_card div {
        display: flex;
        align-items: center;
        margin-top: 15px;
    }
    .contacts_card {
        margin-bottom: 25px;
    }
    .contacts_mt .col-lg-3.col-md-4.col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .form-contact {
        padding: 30px;
    }
    .section {
        padding: 40px 0;
    }
    .heading-h h2 {
        font-size: 35px;
        line-height: 100%;
    }
    .images-about.aos-init.aos-animate img {
        width: 100%;
        height: 350px;
        object-fit: cover;
    }
    .about_us_banner img {
        border-radius: 26px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .about_us_banner.aos-init.aos-animate {
        width: 100%;
        height: 400px;
    }
    .banner-heading h2 {
        font-size: 30px;
        text-align: center;
    }
    .section-banner {
        padding: 120px 0 0;
    }
    .banner-heading p {
        text-align: center;
        margin: 20px 0;
    }
    .banner-heading a {
        margin: 0 auto;
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .about_us {
        padding: 40px 0;
    }
        header.sticky .flex-header .logo {
        width: 18%;
    }
        header .flex-header .logo {
        width: 20%;
    }
    .section-banner .container {
        display: flex
;
    flex-wrap: wrap;
    }
    .images-banner {
    position: static;
        width: 100%;
        order: -2;
        display: flex
    ;
        margin: 20px 0;
    }
}
@media only screen and (max-width: 460px) {
    .heading-contact h2 {
        font-size: 35px;
    }
    .section-work .item {
        height: 300px;
    }
    .price-block {
        padding-bottom: 40px;
    }
    .footer_card_middle span {
            text-align: right;
    }
    footer .sochial-media {
        margin: 0;
    }
    .footer_card.footer_card_middle {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .after-img {
        width: 400px;
    }
    .about_us_info_title {
    text-align: center;
}
.about_us_info_span {
    text-align: center;
}
.about_us_info_txt {
    text-align: center;
}
}