@media only screen and (max-width:1320px) {
    .wrapper {
	    width: 100%;
		padding: 0 20px;
	}
	.headerInfo .headerInfoItem:first-child h1 {
		font-size: 54px;
	}
	.headerInfo {
		height: auto;
	}
	.headerForm form {
	    margin-top:20px;
	}
}
@media only screen and (max-width:1143px) {
    
    header .social span {
	    display: none;
	}
	header .social a {
		margin-right: 25px;
	}
	header .topButton a {
		font-size: 22px;
	}
	nav {
		width: 50%;
	}
	.bodyBefore i {
		right: 20px;
	}
}
@media only screen and (max-width:991px) {
    .desc{
		display: none;
	}
	header .burger,header .logo,header .social,header .topButton {
		width: 50%;
	}
	header .social {
		justify-content:flex-start;
		margin-top: 10px;
	}
	header .logo {
		justify-content:flex-end;
		margin-top: 10px;
	}
	.headerInfoItem {
		width: 100%;
	}
	.headerInfo .headerInfoItem:first-child {
	    text-align: center;
		margin: 20px 0 30px 0;
	}
	.headerForm form {
		width: 100%;
	}
	.button {
		width: 300px;
	}
	.fotoItem {
		width: 250px;
		height: 250px;
	}
}
@media only screen and (max-width:860px) {
	.map {
		height: auto;
	}
    .leftMap {
		width: 100%;
		height: 300px;
	}
	.rightMap {
		width: 100%;
		height: 300px;
	}
	.footItem {
		width: 100%;
		margin-bottom: 20px;
	}
	footer .footItem:last-child {
		margin-bottom: 0;
	}
	.footBtn {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width:780px) {
    nav {
		width: 80%;
	}
	nav ul {
		margin-left: 0;
	}
}
@media only screen and (max-width:681px) {
    .headerInfoItemCont {
		width: 100%;
	}
	.headerInfoItemContRight h3 {
		font-size: 18px;
	}
	.uslItem {
	    width: 45%;
	}
}
@media only screen and (max-width:580px) {
    .saleItem {
		width: 100%;
	}
	.fotoItem {
		width: 400px;
		height: 400px;
	}
	.uslItem {
	    width: 100%;
	}
	.buttDiv .butoonHead {
	    width: 100%;
	}
}
@media only screen and (max-width:510px) {
	#top .cont {
		justify-content:flex-start;
	}
    header .social {
		width: 50%;
	}
	header .topButton {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 30px;
		justify-content:flex-start;
	}
	header .topButton a {
		font-size: 24px;
	}
	.headerForm1, .headerForm2, .headerForm3 {
		width: 90%;
	}
	.desc {
        display: none !important;
    }
    .mob {
        display: block !important;
    }
}
@media only screen and (max-width:410px) {
	.headerInfo .headerInfoItem:first-child h1 {
		font-size: 46px;
	}
	.headerInfo .headerInfoItem:first-child a {
		font-size: 30px;
	}
   nav ul li a {
		font-size: 24px;
	}
}