@media screen and (max-width:768px) {

.container {
	width: 100%;
}
.header {
	border-radius: 0 0 8px 8px;
	z-index: 2;
    position: relative;
}
.logo img {
	height: 45px;
	margin: 5px 0 0 5px;
}

.header .header-up {
	margin: 0 12px 0 0;
}
.header .search {
	visibility: hidden; /* вместо display: none, т.к. анимацию можно поставить только на visibility и opacity */
    opacity: 0;
	height: 0;
	transition: 0.6s;
	z-index: 0;
}
.header .search.show-mobile {
	display: flex;
	visibility: visible;
	opacity: 1;
	height: auto;
}
.header .search .search-bar {
	padding: 5px 10px 5px 10px;
}
.header .search .search-bar .box {
	margin: 5px 5px 3px 0;
}
.header .search .search-bar .box.last {
	/*margin: 0 0 -5px 0;*/
}

.catalog-main {
	flex-direction: column;
	margin: 5px auto -5px;
    width: calc(100% - 6px);
}	
.catalog-main .info {
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 5px 0;
}
.catalog-main .info .info-data {
	margin: 0 10px 0 10px;
}	
.banner-up-main {
	width: 97%;
	margin: 10px auto 10px;
}
.main {
	margin: 5px auto 5px;
    width: calc(100% - 6px);
	padding: 5px 0 5px 0;
	flex-direction: column;
}
.main .content {
	margin: 0 5px 0 5px; /* 0 10px 0 10px */
	width: auto;
}
.main .content h1 {
	font-size: 20px;
}
.main .content ul {
	margin: 0 0 5px 0;
}
.main .content .dom-adres {
	font-size: 12px;
}
.main .content .dom-photo {
	width: 100%;
}

.main .sidebar .related-posts .related-info {
	margin: 0 0 10px 0;
}
.main .sidebar .related-info .img {
	width: auto;
	height: auto;
}

.main.search {
	margin: 5px auto 5px;
    width: calc(100% - 6px);
    padding: 5px 0 5px 0;
    flex-direction: column;
}
.main.search .content {
	margin: 0 5px 0 5px;
	width: auto;
}

.main.search .content .search-result {
	font-size: 15px;
}
.catalog-search {
	width: calc(100% - 6px);
	flex-direction: column;
	margin: 5px auto;
}
.catalog-search .space-zastr {
	height: 5px;
}
.catalog-search .info {
	box-sizing: border-box;
	display: block;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0 0 10px 0;
}
.catalog-search .info img {
	border-radius: 6px 6px 0 0;
	width: 100%;
}
.catalog-search .info .info-data {
	margin: 0 10px 0 10px;
	width: auto;
}
.catalog-search .info .date {
	margin: 5px 0 5px 0;
}
.catalog-search .info .address {
	margin: 5px 0 10px 0;
}
.catalog-search .info .table-price {
	justify-content: space-between;
	align-items: center;
}
.catalog-search .info .table-price .data {
	width: auto;
	flex-basis: 40%;
}
.catalog-search .info .table-price .data.first {
	width: auto;
	flex-basis: 20%;
}
.catalog-search .info .table-price .data.last {
	width: auto;
	flex-basis: 40%;
}
.catalog-search .info .builder {
	margin: 10px 0 0 0;
}

.slick-slide {
	padding: 0 3px 0 3px;
}
.slider-nav {
	padding: 0 3px 0 3px;
	margin: 7px 0 -3px 0;
}
a.arrow-left {
	left: 5px;
}
a.arrow-right {
	right: 5px;
}
.slider-for .full-screen {
	top: 3px;
	right: 5px;
}

.resp-tab {
	margin: 0;
}
.resp-tab thead {
	display: none;
}
.resp-tab tr {
	border: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.resp-tab td {
	border: 1px solid #e0e0e0;
	margin: 0 -1px -1px 0;
	padding: 22px 0 5px 0;
	position: relative;
	width: 49%;
	/*display: block;*/
	justify-content: center;
	flex-basis: auto;
	text-align: center;
    font-size: 14px;
	line-height: 125%;
}
.resp-tab td span {
	display: block;
    color: black;
	font-size: 11px;
    font-weight: 600;   
    padding: 2px 5px;
    position: absolute;
    top: 0;
    left: 0;  
	height: 17px;
    line-height: 125%;
}
.resp-tab.ipoteka td {
	flex-basis: auto;
	border: 1px solid #e0e0e0;
}
.resp-tab.ipoteka .bank-name {
	padding: 5px 0 5px 0;
}
.kv-s-box {
	display: none;
}
.kv-1-box {
	display: none;
}
.kv-2-box {
	display: none;
}
.kv-3-box {
	display: none;
}
.kv-4-box {
	display: none;
}
.resp-tab .color-kv-s span {
	background-color: #EAE8DC;
}
.resp-tab .color-kv-1 span {
	background-color: #D7C2A2;
}
.resp-tab .color-kv-2 span {
	background-color: #8E8D89;
}
.resp-tab .color-kv-3 span {
	background-color: #E88073;
}
.resp-tab .color-kv-4 span {
	background-color: #E75A4F;
}

.main .content .table-param {
	margin: 0 0 10px 0;
}
.main .content .table-param .table-name {
	flex-basis: 65%;
}
.main .content .table-param .table-data {
	flex-basis: 35%;
}

.main .content .map-map {
	height: 360px;
}
.main .content .map-nav p {
	width: auto;
	margin: 0 10px 0 0;
}
.main .content .map-nav .map-filter {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 5px 0 0 0;
}
.main .content .map-nav .map-filter.circle {
	flex-direction: row;
}
.main .content .map-nav .circle p {
	margin: -1px 15px 0 0;
}
.box-check {
	height: auto;
}
.box-check label {
	font-size: 14px;
	padding: 8px 4px 8px 4px;
}

.main .content .del-all-favorites {
	margin: 10px 0 0 0;
}

.main .content .photo-gal .photo-one img {
	height: auto;
	width: 160px;
}
.main .content .show-more-photo img {
	width: 160px;
}

.main .content .banner-down-content {
	margin: 10px auto 0;
	width: 100%;
	display: none;
}
.banner-in-content {
	width: 100%;
}
.main .sidebar {
	margin: 0 5px 0 5px;
}
.main .sidebar .share {
	margin: 20px 0 15px 0;
}
.banner-sidebar {
	display: none;
}

.footer {
	flex-direction: column;
	padding: 15px 15px 5px 15px;
}
.footer .stolbec {
	font-size: 14px;
	line-height: 155%;
	width: 100%;
	margin: 0 0 10px 0;
}
.footer .oferta {
	font-size: 10px;
	text-align: justify;
	margin: 5px 0 0 0;
}

.menu {
	line-height: 0;
	margin: 5px 0 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.menu ul {
	position: absolute;
	visibility: hidden;
	top: 46px;
	left: -1px;
	background: #e0e0e0;
	width: 100%;
	z-index: 2;
	border-radius: 0 0 8px 8px;
}
.menu li {
	float: none;
	margin: 20px 0 15px 0;
	line-height: 20px;
	text-align: center;
	display: flex;
	justify-content: center;
	font-size: 18px;
}
.menu li .up {
	line-height: 8px;
}
.menu .menu-search {
	display: flex;
	align-items: center;
	justify-content: center;
    width: 35px;
    height: 35px;
	cursor: pointer;
	margin: 0 20px 0 0;
	background-image: url("../images/search-button.png");
    background-size: 33px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #e0e0e0;
    border: 0;
}
.menu .menu-search.click {
	background-image: url("../images/search-button-close.png");
	background-size: 28px;
}
/* 🔍 🔎 × ✖ ✕ ☰ ⚒ 🛠 ♡ ♥ https://ru.piliapp.com/symbol/ */
/*
.menu .menu-search span::after {
	content: "🔍︎";
	font-size: 35px;
	color: black;
}
.menu .menu-search.click span::after {
	content: "✕";
}
.menu .menu-search span:hover {
	opacity: 0.7;
}
*/
.menu .menu-burger {
	display: flex;
	align-items: center;
	justify-content: center;
    width: 35px;
    height: 35px;
	cursor: pointer;
	background-image: url("../images/search-button-menu.png");
    background-size: 33px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #e0e0e0;
    border: 0;
	/*transform: scaleX(1.3);  растягиваем значок "бургер" по горизонтали */
}
.menu .menu-burger.click {
	background-image: url("../images/search-button-close.png");
	background-size: 28px;
}
/*
.menu .menu-burger span::after {
	content: "☰";
	font-size: 35px;
	color: black;
}
.menu .menu-burger.click span::after {
	content: "✕";
}
.menu .menu-burger.click {
	transform: scaleX(1); /* возвращаем нормальный размер для крестика
}
.menu .menu-burger span:hover {
	opacity: 0.7;
}
*/

/*
.menu .menu-burger span, .menu-burger:after, .menu-burger:before{
    height: 4px;
    width: 100%;
    position: absolute;
    background: #000000;
    margin: 0 auto;
}
.menu .menu-burger span{
    top: 11px;
	opacity: 1; 
    transition: 0.5s; 
}
.menu .menu-burger:after, .menu-burger:before{
    content: '';
}
.menu .menu-burger:after{
    bottom: 0;
	transition: 0.4s;
}
.menu .menu-burger:before{
    top: 0;
	transition: 0.4s;
}
.menu .menu-burger.click span {
    opacity: 0; 
    transition: 0.5s; 
}
.menu .menu-burger.click:before {
    transform: rotate(38deg);
    top: 11px;
    transition: 0.4s;
}
.menu .menu-burger.click:after {
	transform: rotate(-38deg);
	bottom: 10px;
	transition: 0.4s;
}
*/
.menu .menu-links {
	visibility: hidden; /* вместо display: none, т.к. анимацию можно поставить только на visibility и opacity */
    opacity: 0;
	transition: 0.6s;
}
.menu .menu-links.open {
    visibility: visible;
	opacity: 1;
}

.overlay {
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
	opacity: 0.7;
    z-index: 1;
	display: none;
	overflow: visible;
}
.overlay.show {
	display: block;
}

#lightbox .lb-dataContainer .lb-close {
	margin: 0;
}



}