@media (min-width: 1100px) {
	.headerMobile {
		display: none;
	}

	.arrowBackMobileContainer {
		display: none;
	}
}

@media (max-width: 1099px) {
	.banner {
		height: 578px;
	}
	.dotsIcon {
		display: none;
	}

	.fluid {
		width: 100%;
		padding: 40px 16px;
	}

	.headerMobile {
		position: fixed;
		width: 100%;
		z-index: 10;
	}

	header {
		padding: 0 0 72px 0;
	}

	.headerTopMobile {
		padding: 10px 4px 10px 16px;
	}

	.headerDestope {
		display: none;
	}

	.bannerTitle_1 {
		font-family: Ubt-regular;
		font-size: 40px;
	}

	.banner {
		margin: 0px;
	}

	.banner .fluid {
		padding: 40px 6px;
	}

	.bannerTitle_2 {
		max-width: 240px;
		font-size: 20px;
	}

	.bannerTitle_3 {
		font-size: 36px;
	}

	.bannerBrownContainer {
		padding: 15px 10px;
	}

	.bannerBrownContainer_2 {
		margin: 14px 0 170px 0;
	}

	.bannerBrownContainer .bannerTitle_1 {
		font-size: 34px;
	}

	.title {
		font-size: 36px;
	}

	.titlePortfolio {
		font-size: 28px;
	}

	.whiteTitle {
		font-size: 36px;
	}

	.postTitle {
		font-size: 18px;
	}

	.blockIndividualOrderItem {
		width: 48%;
		margin-bottom: 16px;
	}

	.blockIndividualOrderItem img {
		width: 100%;
	}

	.blockIndividualOrderItem div p {
		font-size: 16px;
		line-height: 18px;
	}

	.blockIndividualOrderItemFullWidth {
		width: 80%;
	}

	.blockIndividualOrderItemFullWidth img {
		height: 100px;
	}

	.blockIndividualOrderItemFullWidth div p {
		font-size: 16px;
		line-height: 18px;
	}

	.blockServices {
		flex-wrap: wrap;
		justify-content: center;
	}

	.blockServicesIconsContainerItem {
		margin: 32px;
	}

	.blockServicesIconsContainerItem p {
		font-size: 20px;
	}

	.blockServicesIconsContainerDesctope {
		justify-content: center;
	}

	.textPreFooter {
		font-size: 16px;
	}

	.textPreFooterNumber {
		font-size: 18px;
	}

	.contactsPreFooter {
		font-size: 24px;
	}

	.tabs {
		justify-content: space-between;
		margin: 20px 0 0;
	}

	.tabs label {
		width: 45%;
		margin: 20px 0 0 0;
		font-size: 16px;
	}

	.pertfolioItemCard {
		width: 48%;
		margin: 0;
	}

	.pertfolioItemCardImg {
		width: 100%;
		height: 100px;
		object-fit: cover;
	}

	.pertfolioItemCard p {
		font-size: 14px;
	}

	.tabConentContainert {
		margin: 40px 0 0;
	}

	input:nth-of-type(1):checked ~ .tabConentContainert .tabConent:nth-of-type(1),
	input:nth-of-type(2):checked ~ .tabConentContainert .tabConent:nth-of-type(2),
	input:nth-of-type(3):checked ~ .tabConentContainert .tabConent:nth-of-type(3),
	input:nth-of-type(4):checked
	~ .tabConentContainert
	.tabConent:nth-of-type(4) {
		padding: 0px;
	}

	button.beigeButton {
		width: 100%;
	}

	.tabButtonContainer {
		margin: 3px 0 0 0;
	}

	.pechnikPhoto img {
		width: 100%;
	}

	.profytablyCard {
		padding: 23px 21px 21px 10px;
	}

	.profytablyCardBody {
		width: 100%;
		font-size: 14px;
	}

	.profytablyCardTitle {
		font-size: 16px;
		margin: 0 0 30px 0;
	}

	.pertfolioItemCard:hover .lupa {
		display: none;
	}

	.workStagesItem {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

	.workStagesContainer {
		flex-direction: column;
	}

	.workStagesNumber {
		margin-right: 10px;
	}

	.workStagesContainer {
		margin: 0px 0 0;
	}

	.workStagesBlock {
		width: 80%;
	}

	.workStagesItem {
		margin: 40px 0 0;
	}

	.workStagesItem:not(:last-child):after {
		content: "";
		position: absolute;
		top: 60px;
		left: 28px;
		height: 150px;
		width: 4px;
		background: #3f3f3f;
	}

	.workStagesTitle {
		font-size: 20px;
	}

	.workStagesBody {
		font-size: 14px;
	}

	.FAQContainer {
		margin: 22px 0 0;
	}

	.titleFAQ {
		font-size: 16px;
		width: 85%;
	}

	.FAQContainerItemMore {
		font-size: 14px;
		padding-right: 20px;
	}

	.footerContainer {
		flex-direction: column;
	}

	.footerMobile {
		flex-direction: column;
		align-items: center;
		margin: 50px 0 35px;
	}

	.footerMobile a {
		padding: 15px 0;
		margin: 5px 0 0 0;
		font-family: Ubt-regular;
		font-size: 18px;
		text-transform: none;
	}

	.copirite {
		order: 1;
		margin: 25px 0 0;
	}

	.breadcrumb {
		display: none;
	}

	#upbutton {
		right: 28px;
		bottom: 90px;
	}
}
@media (max-width: 500px) {
	.banner {
		background: url(../images/mobileBackground.jpg) 100% 100% no-repeat;
		background-size: cover;
	}

	.bannerBrownContainer {
		background: none;
	}

	.blockIndividualOrderItemFullWidth {
		width: 100%;
	}
}

@media (max-width: 340px) {
	.title {
		font-size: 32px;
	}

	.contactsPreFooter {
		font-size: 20px;
	}
	.bannerTitle_3 {
		font-size: 30px;
	}