@media all and (max-width:1500px){
	#topSection .framedImage{margin-left: 40px;}
}

@media all and (max-width:1280px){
	#mapInfo{height: calc(100% - 96px);width: calc(100% - 730px);}
	#mapScroller{transform:scale(0.8);top: -80px;right: -80px;}
	.aKn, .aSqr{margin-bottom: 5px;}
	.aSqr{margin-bottom: 5px;}
	#selectPart{height: 600px;}
}

@media all and (max-width:1149px){
	#toMap{width: 200px;height: 200px;left: 20px;}
	#toMap img {width: 90px;margin-left: -45px;}
	#toMap span {font-size: 26px;top: 116px;}
	#topSpecial{font-size: 32px;height: 65px;width: 225px;}
	#topSpecial::before{border-width: 0 20px 85px 0;}
	#topSpecial::after{border-width: 85px 0 0 20px;}
	#topSpecialSh::before{border-width: 0 20px 85px 0;}
	#topSpecialSh::after{border-width: 85px 0 0 20px;}
	#topSpecialSh{height: 85px;width: 235px;}
}
@media all and (max-width:1100px){
	#mapInfo{width: calc(100% - 650px);}
	.aKn, .aSqr{font-size: 25px;}
	.aTop{font-size: 30px;}
	#mapInfo span{font-size:15px;}
	#menu span{margin: 0 5px;}
	#textAbout p{font-size: 17px;margin-bottom: 15px;}
	.photo{width: 230px;height: 140px;margin: 0 10px;margin-bottom: 30px;}
}

@media all and (max-width:1023px){
	#mapControl{display: block;}
	#specJune{font-size: 21px;}
	#specPay{top: 10px;left:-5px;font-size: 17px;}
	#sectionText p{font-size: 15px;margin-bottom: 15px;}
	#footer{background:#218a4a;}
	#fCSocials{width: 100%;text-align: center;top: 50px;}
	#menu{position: fixed;top: 0;left: 0;background:#fff;z-index: 99;width: 100%;height: 100%;overflow-y: scroll;margin: 0;display: none;}
	#menu a{display: block;	width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 15px;border-top: 1px solid #eee;}
	#menu span{display: none;}
	#mClose{display: block;}
	.cBtn{width: 40px;height: 40px;background-size: 20px;}
	#viewport img{height: auto;max-width: 100vw;}
	#fClose{top: 0;right: 0;width: 50px;height: 50px;background-size: 20px;}
	.submit{width: 230px;}
	input{width:100%;box-sizing: border-box;}
	.dynForm, .staticForm{width: 100%;box-sizing: border-box;margin-top: 10px;}
	#sectionMap{padding: 10px 0;}
	#sectionMap h1{margin-bottom: 5px;}
	#mapLegend{margin-bottom: 5px;}
	#mapInfo{width: 100%;border-radius: 4px;background: none;height: 100px;margin-bottom: 5px;position: relative;}
	#mapInfo span{top: 50%;transform:translateY(-50%);display: inline-block;	width: 100%;	text-align: center;}
	.aStatus{position: absolute;top: 0;	right: 0;height: 30px;width: 100px;}
	.aStatus div{height: 30px;	line-height: 30px;font-size: 15px;width: 100px;margin: 0;border-radius: 4px;}
	.aTop{height: 30px;	line-height: 30px;font-size: 15px;text-align: left;box-sizing: border-box;padding-left: 10px;margin-bottom: 5px;}
	.aLabel{font-size: 10px;margin-bottom: 0;text-align: left;box-sizing: border-box;padding-left: 10px;}
	.aKn, .aSqr{font-size: 15px;text-align: left;box-sizing: border-box;padding-left: 10px;}
	.ordLabel{opacity: 0;}
	.aOrder{position: absolute;	top: 45px;right:5px;width: 100px;font-size: 12px;height: 40px;line-height: 40px;outline: 4px solid rgba(33,138,74,0.3);}
	#selectPart{height: 538px;}
	.lValue{display: inline-block;}
	/*#mapScroller{transform:scale(1);top: 0;right: 0;width: 100%;height: 300px;overflow-y: scroll;overflow-x: scroll;position: relative;}*/
	#mapScroller{transform:scale(1);top: 185px;right: 0;width: 100%;height: 400px;overflow-y: scroll;overflow-x: scroll;}
	#mapWrapper{width: 100%;max-width: 800px;margin: 0 auto;}
	
	.photo{width: 90px;	height: 50px;	margin: 0 3px;	margin-bottom: 15px;border-radius: 8px;box-shadow: 2px 2px 0 #bb4f89;}
	.photo span{background-size: 35px;}
	#yMap{height: 300px;}
	#sectionWhere {height: 335px;}
	#textAbout p{width: 100%;font-size: 15px;}
	#malinkova{display: none;}
	#topRight{width: 100%;}
	#toMap{left: 50%;margin-left: -50px;top: 125px;width: 100px;	height: 100px;z-index: 7;}
	#sectionAbout .polytop{height: 30px;clip-path: polygon(0 30px, 0 30px, 100% 30px, 100% 0);top: -30px;}
	#toMap img {width: 60px;margin-left: -30px;top: 15px;}
	#toMap span {font-size: 13px;top: 60px;}
	#sectionAbout{margin-top: 40px;padding-top: 0;}
	.feature{width: 106px;margin: 0 10px;margin-bottom: 30px;}
	.fTitle{font-size: 11px;}
	.feature img{width: 50px;top: 18px;	left: 28px;}
	#features span{display: none;}
	.fFrame{width: 80px;	height: 80px;margin-bottom: 15px;}
	#features{padding-top: 24px;}
	#topSpecial{font-size: 15px;height: 30px;width: 125px;}
	#topSpecial::before{border-width: 0 20px 50px 0;}
	#topSpecial::after{border-width: 50px 0 0 20px;}
	#topSpecialSh::before{border-width: 0 20px 50px 0;}
	#topSpecialSh::after{border-width: 50px 0 0 20px;}
	#topSpecialSh{height: 50px;width: 136px;top: 2px;left: 2px;}
	#topSpecialWrap{bottom: 0;left: -10px;}
	#hContacts{top: 78px;background:#fff;padding: 5px;padding-right: 30px;box-sizing: border-box;border-radius: 6px;}
	#hContacts img{top: 9px;right: 5px;}
	
	#hLogo{width: 200px;top: 5px;}
	#hSpace{height: 190px;}
	#topSocials{width: 100%;text-align: center;top: -135px;}
	#tCallOrder{width: 75px;	height: 75px;}
	#tCallOrder img{height: 20px;margin-left: -10px;}
	#tCallOrder span{top: 36px;font-size: 12px;}
	#topSocials a{top: 15px;}
	#mobMenu{display: block;}
	#topSection .framedImage{margin-left: 0;}
	#topSection .framedImage{width: 100%;}
	.fiCaption{display: none;}
	h2.fiHeader{top: -42px;	left: 0;width: 100%;box-sizing: border-box;padding: 0 15px;text-align: center;font-size: 16px;height: 40px;	line-height: 40px;}
	.imgFrame{}
}

@media all and (max-width:405px){
	#mapScroller{height: 300px;}
	#selectPart{height: 438px;}
}
