@media screen and (max-width: 1024px) {
	/* * {
		max-width: 100%;
	} */
	.review-form, .review-form form {
		max-width: 100%;
	}
	header {
		height: 210px;
		overflow-x: hidden;
	}
	
	.header-purple, .header-orange {
		height: inherit;
		max-width: initial;
		background-size: contain;
	}
	
	header .logo {
		width: 34vw;
		height: 17vw;
		padding-top: 0;
		left: 440px;
		color: rgba(255, 255, 255, 0);
		text-shadow: none;
	}
	
	.header-purple {
		margin-left: -420px;
	}
	
	.header-orange {
		background-size: contain;
		height: 180px;
		margin-left: 40vw;
	}
	
	.content {
		/* margin-top: 140px; */
	}
	
	nav {
		/* display: none; */
	}
	
	.flower {
		height: 150px;
		background-size: inherit;
		margin-top: -8px;
	}
	
	header .contact {
		position: absolute;
		left: 40px;
		top: 20px;
	}
	
	header .contact + .contact {
		top: 40px;
	}
	
	header .address {
		display: none;
	}
	
	.callback {
		top: 10px;
		left: 7vw;
		width: 45vw;
		font-size: 4vw;
	}
	
	header .phone {
		font-size: 4vw;
	}
	
	header .container {
		width: 100%;
    	max-width: initial !important;
		height: 143px;
		overflow: hidden;
	}
	.content {
	    min-height: inherit;
	}

	.content-inner {
		padding-left: 0 !important;
	}

	.contacts {
		width: auto;
	    padding-bottom: 30px;
	}

	.main-service .col-md-6 {
		margin-bottom: 20px;
	}
	
	.slider {
		display: none;
	}
	
	.main-service {
		margin-top: 10px;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
	}
	
	.main-service__item {
		margin: 10px;
	}
	
	.bottom-form.form {
		display: none;
	}
	
	footer .logo {
		display: none;
	}
	
	footer {
		overflow-x: hidden;
	}

	footer .phone {
	    font-size: 18px;
	}

	.tags-box {
		padding: 0 15px;
	}

	.tags-box > ul, .tags-box > ul li {
		display: block;
	}

	.bottom-contact {
		padding-left: 0;
	}
	
	menu.bottom {
		padding: 0;
	}
	
	footer .contact {
		padding-left: 0;
		text-align: center;
		/* width: 62vw; */
		width: 100%;
	}
	
	.content-picture {
		float: none;
		margin: auto;
		text-align: center;
		width: 90%;
	}
	
	.content-picture * {
		margin: auto;
		text-align: center;
		max-height: 60vh;
	}
	
	.service-table table {
		width: 90vw;
	}
	
	.service-table h2 {
		width: 90vw;
		margin: 10px auto;
		text-align: center;
	}
	
	.content.pictured {
		display: flex;
		flex-direction: column;
	}

	.mobPhone {
		position: fixed;
	    right: 0;
	    top: 0;
	    width: calc(100% - 50px);
	    height: 50px;
	    background: #9552a8;
	    z-index: 10;
	    transition: 0.3s all;
	    display: block !important;
	    text-align: right;
	    padding: 5px 10px 0 0;
	}

	.mobPhone a:first-child {
		padding-bottom: 5px;
	}

	.mobPhone a {
		display: inline-block;
	    color: #ffffff;
	}

	/* .map {
		display: none;
	} */

	.mapMobile {
		display: block;
		height: 300px;
	}
	
	nav {
		position: fixed;
		top: 0;
		box-shadow: none;
		left: -250px;
		transition: 0.3s all;
		width: 250px;
	}
	
	ul.B_crumbBox {
		display: none;
	}
	
	nav ul {
		flex-direction: column;
		display: flex;
		padding: 50px 0 0 0;
	}
	
	header menu {
		display: block;
		background: #9552a8;
		height: 100vh;
		margin: 0;
		padding: 0;
		margin-left: 0px;
	}
	
	.menued nav {
		left: 0;
		box-shadow: 0 0 20px black;
		z-index: 100;
	}
	
	.pizza {
		position: fixed;
		left: 0;
		top: 0;
		width: 50px;
		height: 50px;
		background: #9552a8;
		/* border-bottom: 1px solid white; */
		z-index: 123;
		transition: 0.3s all;
		display: flex;
	}
	
	.menued .pizza {
		left: 200px;
	}
	
	header menu > ul > li:after {
		display: none;
	}
	
	.pizza:before, .pizza:after {
		content: "";
		width: 40px;
		position: absolute;
		border-bottom: 4px solid white;
		transition: .3s all;
	}
	
	.pizza i {
		width: 40px;
		margin: auto;
		height: 0;
		border-bottom: 4px solid white;
	}
	
	.pizza:before {
		top: 11px;
		left: 5px;
	}
	
	.pizza:after {
		top: 35px;
		left: 5px;
	}
	
	.menued .pizza:before {
		transform: rotate(-35deg);
		top: 18px;
	}
	
	.menued .pizza:after {
		transform: rotate(35deg);
		top: 28px;
	}
	
	.menued .pizza:before, .menued .pizza:after {
		width: 21px;
		left: 0px;
	}
	
	
	menu > ul > li:hover > ul
	{
		height         : 0
	}
	
	header menu > ul > li:hover > a {
		background: initial;
		padding: 15px;
	}
	
	menu > ul > li.opened > ul {
		height: initial;
		display: table-cell;
		flex-direction: column;
		background: #ffffff;
		/* background-image: -webkit-linear-gradient(0deg,#fff 0%,#b277c3 19%,#88429c 50%,#b277c3 83%,#fff 100%); */
		box-shadow: 0px 6px 9px -2px;
		top: 30px;
		opacity: 1;
		z-index: 8000;
	}
	
	header menu > ul > li.opened > a {
		display: block;
		background: white;
		padding: 5px 40px;
	}
	
	header menu > ul > li > a {
		margin: 0;
		padding: 15px;
	}
	
	menu > ul > li > ul {
		left: 0;
		position: initial;
	}
	.contacts__column {
		width: 100%;
		display: block;
	}
}

@media screen and (max-width: 1024px) and (min-width: 500px) {
	.bottom-form.form {
		display: block;
		flex-grow: 2;
		margin-left: 0;
	}
	
	.bottom-contact {
		flex-grow: 2;
	}
	
	menu.bottom {
		flex-grow: 0;
	}
	
	header .phone {
		font-size: 20px;
	}
	
	header .contact + .contact {
		left: 230px;
		top: 20px;
	}
	
	.callback {
		font-size: 20px;
		width: 210px;
		left: 16vw;
		top: -10px;
	}
	
	.header-purple {
		height: 170px;
	}
	
	header .logo {
		width: 230px;
		height: 270px;
		left: 442px;
	}
	
	footer > .container > div {
		width: initial;
	}
	
	header .container {
		height: 179px;
	}
}
@media (max-width: 1024px) {
	.main-service .levelClass1 {
		width: 50%;
	}
}
@media (max-width: 576px) {
	div.our-services a {
		font-size: 12px;
	}
	.about-block {
		width: auto;
	}
	.main-service .levelClass1 {
		width: 100%;
	}
	.h1, h1 {
	    font-size: 2rem !important;
	}
}