
@media only screen and (max-width : 1450px) {
	.top .mk {
		padding: 0 50px;
	}
}

@media only screen and (max-width : 1150px) {
	.top .mk {
		padding: 0 15px;
	}
	.fullwrap3 .prdg {
		height: 200px;
	}
	.fullwrap3 .prdg p {
		font-size: 34px;
	}
	.fullwrap3 .prdg p:first-of-type {
		margin-left: 20px;
	}
}

@media only screen and (max-width : 1080px) {
}

@media only screen and (max-width : 1050px) {
}

@media only screen and (max-width : 950px) {
	.top .menu .bub {
		display: block;
		width: 50px;
		fill: #fff;
		margin: 0 auto;
	}
	.top .menu ul {
		position: fixed;
		display: block;
		top: 0;
		bottom: 0;
		width: 190px;
		left: -250px;
		padding: 40px 30px 0 30px;
		z-index: 12;
		background-color: #fff;
		transition: .3s;
	}
	.top .menu ul > img {
		display: block;
		width: 15px;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.top .menu ul li {
		display: block;
		margin-bottom: 5px;
	}
	.top .menu ul li a {
		color: #000;
	}
	.top .menu ul li a[class="active"] {
		color: #00538A;
	}
	.top .mk {
		box-sizing: content-box;
		width: 50px;
	}
}

@media only screen and (max-width : 900px) {
	.fullwrap3 .filtrt {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.fullwrap3 .filtrt .gorod {
		width: 100%;
		margin: 0 15px 15px 15px;
	}
	.fullwrap3 .filtrt .gorod select {
		width: 100%;
	}
	.fullwrap3 .filtrt .data {
		margin: 0 15px;
	}
	.fullwrap3 .filtrt .gosti {
		margin: 0 15px;
	}
	.fullwrap3 .filtrt .end {
		margin: 0 15px;
	}
}

@media only screen and (max-width : 850px) {
	body {
		font-size: 14px;
	}
	.colback {
		flex-wrap: wrap;
	}
	.colback .text {
		margin-bottom: 10px;
	}
	.fullwrap3 .filtrt {
		margin-bottom: 25px;
	}
	.fullwrap3 .prdg {
		height: auto;
		background-image: none;
		text-align: center;
		margin-bottom: 25px;
		flex-direction: column;
	}
	.fullwrap3 .prdg img {
		display: block;
		height: 200px;
		object-fit: contain;
	}
	.fullwrap3 .prdg p {
		margin: 0 15px;
	}
	.fullwrap3 .prdg p br {
		display: none;
	}
	.goroda .gins .item {
		width: 50%;
	}
	.kklins {
		flex-wrap: wrap;
	}
	.kklins img {
		width: 100%;
		margin-bottom: 15px;
	}
	.kklins .text {
		width: 100%;
	}
	.zg {
		display: block;
		background-color: #31a1e1;
		color: #fff;
		padding: 10px 0;
		text-align: center;
		margin: 15px;
		cursor: pointer;
	}
	.lk {
		position: fixed;
		height: 100%;
		top: 0;
		bottom: 0;
		left: -290px;
		z-index: 20;
		background-color: #eee;
		padding-right: 0;
		margin-right: 15px;
	}
	.lk .ins {
		overflow-y: scroll;
		height: 100%;
	}
	.lk .closef {
		display: block;
		position: absolute;
		right: 15px;
		top: 15px;
		width: 20px;
	}
	.lk .show, .lk .clk {
		margin-right: 15px;
	}
	.rk {
		width: 100%;
	}
	.rk .prkv {
		margin-left: 15px;
	}
	.vkv {
		flex-wrap: wrap;
	}
	.vkv .rk {
		width: 100%;
		order: 2;
	}
	.srk {
		width: 100%;
		order: 1;
	}
	.articles .item {
		width: 50%;
	}
	.article .topa .left h1 {
		font-size: 24px;
	}
	.fullwrap2 h3 {
		font-size: 22px;
	}
	.article .topa {
		flex-wrap: wrap;
	}
	.article .topa .left {
		width: 100%;
		margin-bottom: 15px;
	}
	.article .topa .img {
		width: 100%;
		margin-left: 35px;
	}
	.article .topa .img img {
		width: 100%;
	}
	.article .kklu .item {
		width: 50%;
	}
}

@media only screen and (max-width : 700px) {
	.fullwrap3 .filtrt .data {
		width: 100%;
		margin-bottom: 15px;
	}
	.fullwrap3 .filtrt input[type="date"] {
		width: 100%;
		box-sizing: border-box;
	}
	.fullwrap3 .filtrt .data .ins:first-of-type {
		margin-left: 0;
	}
	.fullwrap3 .filtrt .data .ins:last-of-type {
		margin-right: 0;
	}
	.fullwrap3 .filtrt .end {
		width: 100%;
	}
	.fullwrap3 .filtrt .end input {
		width: 100%;
		box-sizing: border-box;
	}
	.nklins img {
		max-height: 40px;
	}
}

@media only screen and (max-width : 650px) {
	.rk .prkv .item {
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
	.rk .prkv .item .thumbfoto {
		width: 100%;
		height: 250px;
	}
	.rk .prkv .item .telo {
		width: 100%;
	}
	.rk .prkv .item .telo .text {
		display: none;
	}
	.f-carousel__slide {
		height: 300px;
	}
}

@media only screen and (max-width : 600px) {
	.articles .item {
		width: 100%;
	}
}

@media only screen and (max-width : 550px) {
	.fullwrap3 .prdg {
		margin-left: 15px;
		margin-right: 15px;
	}
	.fullwrap3 .prdg p {
		font-size: 28px;
	}
	.fullwrap3 .prdg p:last-of-type br {
		display: block;
	}
	.kklins .text {
		margin-left: 0;
	}
	.text h4 {
		font-size: 24px;
	}
	.article .kklu .item {
		width: 100%;
	}
	.article .rukov .item {
		width: 100%;
	}
}

@media only screen and (max-width : 500px) {
	.goroda .gins .item {
		width: 100%;
	}
	.futer .cnt .item {
		width: 100%;
	}
	.srk .cena {
		font-size: 26px;
	}
	.tkv .szg {
		font-size: 26px;
	}
}

@media only screen and (max-width : 370px) {
	.fullwrap3 .kor a {
		font-size: 12px;
	}
}


/*==========  Mobile First Method  ==========*/

@media only screen and (min-width : 600px) {

}

@media only screen and (min-width : 900px) {

}

@media only screen and (min-width : 1200px) {

}

@media only screen and (min-width : 1800px) {

}