﻿/* Ширина до 520px  */
@media screen and (max-width: 520px) {
	.h1-city  h1 {width:280px; font-size:18px;}
	.sf h1 {width:280px;}
	#s3,#s4,#t3,#t2,#t1,#b10,#b4,#b5,#b6,.slide2,.head #l2,.head .s1 .textblock, .add-fav-activ, .add-fav-passiv, .reitingdiv {display:none}
	.head #l1 { display:block; float:right; margin:0; padding-top:0px; background-image:none; width:150px;}
	.head, .spec, .s6 {width:310px; min-width:310px;}
	.head #l1 a { color:#777777; font-size:13px; font-weight:400; text-decoration:underline; } .head #l1 a:hover { color:#d14f00; }
	#b4,#b5,#b6,.map2 {display:block}
	#s1,#mainimg,div#mainimg img,.right, .s8 div:first-child { width:300px; }
	.flat-info .right .ph #other-imgs { width:300px; height:auto; overflow:hidden; padding:2px 0 0 8px; clear:both;}
	#form-price {float:left}
	.flat-info .right .ph #mainimg {height:225px; overflow:hidden; padding-left:10px; clear:both;}
	.-right {height:490px};
	#other-imgs {height:260px; width:300px; padding-top:2px}
	#other-imgs img {padding-left:0; padding-right:2px}
	#logo {padding-right:40px}
	.text-description {float:none}
	.ph {padding-left:10px}
	#videoshow object {height:225px; width:300px}
	.calend {padding:0 0 5px 10px; }
	.calend h2 {padding:0 0 10px 0;}
	.flat-info .text-description { padding-bottom:0px; } 
	.s5 .letter a { display:block; font-size:18px; padding:5px 10px 5px 0; margin:10px 0; }
	.articles, .s10 {width:300px; min-width:300px; padding:0px; overflow:hidden;}
	#vk_group, #ok_group, #fb_group {padding:10px 0; overflow:hidden;}
	.banner-txt { margin:10px 0; box-sizing:border-box;}
	.s5 b {font-size:18px;}
} 


/* Ширина 520px - 750px  */
@media screen and (min-width:520px) and (max-width:750px) {
	.h1-city  h1 {min-width:500px; max-width:700px; font-size:22px;}
	#s3,#s4,#t3,#t2,#t1,#b10,.slide2 {display:none}
	#b4,#b5,#b6,#l2,.s70,.map2 {display:block}
	#form-price {float:left}
	#mainimg,div#mainimg img,.right,#s1 { width:300px;}
	.right, #other-imgs { height:auto;}
	.flat-info .right .ph #other-imgs { width:300px; padding:2px 0 0 0px;}
	#mainimg {height:225px; overflow:hidden;}
	#other-imgs {-height:350px; width:300px; padding-top:2px}
	#other-imgs img {padding-left:0; padding-right:2px}
	#logo {padding-right:50px}
	.flat-info .text-description { width:250px;}
	.ph {padding-left:10px}
	#videoshow object {height:225px; width:300px}
	.flat-load-2 {width:222px !important;}
	.s5 .letter a { font-size:18px; }
	.s5 b {font-size:18px;}

} 

/* Ширина 750px - 1024px  */
@media screen and (min-width:750px) and (max-width:1023px) {
	#s3,#s4,#t3,#t2,#t1,.slide2,.banner-txt {display:none}
	#b4,#b5,#b6,#l2,.head .s2 .lb,.banner,.s70,.map2 {display:block}
	#form-price {float:left}
	#mainimg,div#mainimg img,.right { width:466px}
	.flat-info .right .ph #other-imgs { width:466px; padding:2px 0 0 0;}
	#mainimg {height:350px}
	.right {height:530px}
	#other-imgs {height:175px;width:470px; padding-top:2px}
	#other-imgs img {padding-left:0; padding-right:2px}
	#s1 { width:466px}
	#logo {padding-right:270px}
	.text-description {float:none}
	.ph {padding-left:0}
	#videoshow object {height:375px; width:500px}
	.flat-load-2 {width:300px !important;}
	
	.sf #form-options, .sf #form-type {display:none;}
	.l2 .fd:nth-child(8), .l2 .fd:nth-child(4) {display:none;}
	.l2 .fd:nth-child(7) {padding: 0 15px 15px 0;}
	.l2 { padding:7px 0;}
	.l2 .del { display:none;}
	.sf #form-raion, .sf #form-rooms {font-size: 18px; height:60px; width: 280px; box-sizing:border-box;}
	.sf #form-rooms .actv a, .sf #form-rooms .pasv a {font-size: 18px; margin: 0; padding: 3px 3px 3px 3px;}
	.sf #form-rooms .actv,  .sf #form-rooms .pasv { margin-left:5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
	.sf #form-rooms { padding-left:0px;}
	.sf .knop2 {float:left;}
	.sf .razd { width:auto; margin-right:15px;}
}


@media screen and (min-width:1024px) {
		.flat-info .left .mail,.map2, .spec-flat, .spec-flat2,.spec-flat3,.s7 .social,.s7 .page-up,.s70,#s4,#s3,#t1,#t2,#t3,#b4,#b5,#b6,#b10,.slide2,.spec-flat,.spec-flat2,.s8 div:last-child,#l2,.head .s2 .lb,.head .s1 .textblock, .s6 .video,.f1,.l2,.sf2 .search-knop,.banner, .s7 .favorite .favnum,.s70 {display:block}
		.menu, .banner-txt, #map-static {display:none;}
		#lrm, .sf02 #opener-city { display:inline;}
		#ok_group { display:inline-block;}
		.sf h1 {left:-14px;}
		.sf0 {margin:0;} 
		#mainimg,div#mainimg img,.right {width:466px}
		#mainimg {height:350px}
		#form-price {float:right}
		.right { width:750px; height:350px}
		#other-imgs-cont {height:350px}
		#other-imgs {height:auto; width:234px; padding-top:0}
		#other-imgs img.css {padding-left:2px; padding-right:0};
		#c1,#c2 {width:490px};
		#c3,#c4 {width:400px};
		#s1 {width:100%}
		#logo {padding-right:50px}
		.text-description {float:left}
		.ph {padding-left:0}
		#videoshow object {height:375px; width:500px}
		.s8 div:last-child {float:right; } 
		.s4 { overflow: hidden; background-position: center; background-image: url('https://yourenta.ru/main-cities-02-2013.jpg'); width: 100%; background-repeat: no-repeat; border-top-style: solid; border-bottom-style: solid; border-top-width: 1px; border-bottom-width: 1px;  border-top-color: #71aa01; height: 367px; position: relative; top: -1px; z-index: 1; border-bottom-color: #71aa01; padding:0; margin:0; position:relative; }
		.head .s1 .logo { padding: 0 50px 0 0; height: 100px } 
		.head .s1 { min-height: 120px; }
		.s70 { overflow: hidden; position:fixed; bottom:0px; background-image:url('https://yourenta.ru/base-sprite.png'); background-repeat:repeat-x; background-position: 0px -235px; width: 100%; padding:0; margin:0; clear:both; z-index:1000; height:45px; background-color:#ffffff; } 
		.s7 { text-align: left; max-width: 1000px; min-width: 300px; height:50px; margin: 0 auto; padding: 0 0 0 10px; vertical-align: top; background-color:transparent; overflow: hidden; } 
		.s7 .favorite { text-align:left; width:250px; margin: 0 10px 0 0; padding: 0 0 0 10px; vertical-align: top; background-color:transparent; float:left; font-family:Arial; font-weight:bold; font-size:14px; } 
		.s7 .favorite a { display:block; color:#008ad1; padding:15px 30px 0 0; background-color:transparent; float:left; } 
		.s7 .favorite a:hover { color:#d14f00; }
		.s7 .page-up { float:left; margin:16px 10px 0 10px; padding:0; font-family:Arial; font-size:14px; font-weight:bold; color:#7d7d7d; cursor:pointer; } 
		.s7 .page-up span { border-bottom:1px #7d7d7d dashed; }
		.spec .flat { width:200px; float:left; padding:10px 25px 20px 25px; } 
		.spec .flat img { width:200px; height:150px; padding:0px; border-width:0; }
		.spec .flat .rd { margin-top:5px; }
		.flat-info .text-description {clear:none;}
		.flat-info .right .ph #other-imgs-cont { height:350px;}
		.flat-info .left .video { margin:10px 0 0 0; width:220px; overflow:hidden; font-family:Arial; height:24px; font-size:14px; background:url('https://yourenta.ru/video-row.png') 0 0 no-repeat; position:absolute; bottom:10px; } 
		.flat-info .left .first-info { height:350px; position:relative; } 
		.flat-info .left .org { padding:20px 0 10px 0; line-height:150%;  } 
		.flat-info .left .telephone { padding:0 0 10px 0; line-height:150%; } 
		.flat-info .left .mail { line-height:150%; } 
}


/* ФОРМА ПОИСКА */

@media screen and (min-width:300px) and (max-width:579px) {
	.sf #form-options, .sf #form-type, .-razd {display:none;}
	.l2 .fd:nth-child(8), .l2 .fd:nth-child(4) {display:none;}
	.l2 .fd:nth-child(7) {padding: 0 15px 15px 0;}
	.l2 .fd:nth-child(5) {clear:left;}
	.f1, .sf .l2  { padding:7px 0; overflow:hidden;}
	.l2 .del { display:none;}
	.sf .l2 .fd {padding: 0 15px 15px 0;}
	.sf #form-raion, .sf #form-rooms {font-size: 18px; height:50px; width:260px; box-sizing:border-box; clear:both;}
	.sf #form-raion { padding-left:10px;}
	.sf #form-rooms .actv a, .sf #form-rooms .pasv a {font-size: 18px; margin: 0; padding: 3px 3px 3px 3px;}
	.sf #form-rooms .actv,  .sf #form-rooms .pasv { margin-left:5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
	.sf #form-rooms { padding:5px 0 15px 0;}
	.sf .knop2 {float:none; margin:10px auto 5px auto;}
	.sf .razd { width:auto; margin-right:15px;}
	
	.-sf { width:300px; background:#7eb201; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border:2px #357904 solid;}
	.-sf0 {background-color:#ddefb1; padding-top:15px;}
	.-sf2 { width:300px;}
	.sf h1 {
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    top: -29px;
    left: 5px;
    height: 25px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 0;
    padding: 2px 5px 0px 5px;
    letter-spacing: 1px;
    display: inline-block;
    background-image:none;
    background-color:#ddefb1;}
    
    
    /* Форма поиска на главной  */
    
    .ms {width:300px; height:auto; padding:25px 20px; box-sizing: border-box; background: rgba(59, 88, 0, 0.9) !important; position:fixed !important; margin: aoto; }
    .ms .ui-autocomplete-input {width:250px;}
    .ms .ui-menu {width: 250px !important;}
    .ms h2 {display: inline-block !important; width: 250px !important;}
    .ms .hasDatepicker {width: 250px !important; background: url(//yourenta.ru/form-sprite.png) 235px -22px no-repeat !important; background-color: #dde5cc !important;}
    .ms .nomob { display:none !important;}
    .ms .knop {margin: 15px auto !important;}
    .ms #msclose {top: 15px; left: 260px;}
    .ms .l2 lable {padding: 5px 5px 10px 3px !important; font-size: 20px;}
    
        
}

@media screen and (min-width:450px) and (max-width:595px){
	.sf {width:400px; margin:0 auto;}
	.sf .knop2 {float: none; margin: 10px 0 5px auto; float:right;}
}


@media screen and (min-width:300px) and (max-width:340px) {
	.-sf, .-sf2 { width:280px; min-width:0;}
	.-sf0, .-sf02, #searchform, .head {width:300px;}
}


/* Ширина 580px - 749px  */

@media screen and (min-width:580px) and (max-width:749px) {
	.sf #form-options, .sf #form-type {display:none;}
	.l2 .fd:nth-child(8), .l2 .fd:nth-child(4) {display:none;}
	.l2 .fd:nth-child(7) {padding: 0 15px 15px 0;}
	.l2 { padding:7px 0;}
	.l2 .del { display:none;}
	.sf #form-raion, .sf #form-rooms {font-size: 18px; height:60px; width: 280px; box-sizing:border-box;}
	.sf #form-rooms .actv a, .sf #form-rooms .pasv a {font-size: 18px; margin: 0; padding: 3px 3px 3px 3px;}
	.sf #form-rooms .actv,  .sf #form-rooms .pasv { margin-left:5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
	.sf #form-rooms { padding-left:0px;}
	.sf .-knop2 {float:none; margin:10px auto 5px 335px;}
	.sf .razd { width:auto; margin-right:15px;}
}

/* Ширина 750px - 1024px  */
@media screen and (min-width:750px) and (max-width:1023px) {
	.sf #form-options, .sf #form-type {display:none;}
	.l2 .fd:nth-child(8), .l2 .fd:nth-child(4) {display:none;}
	.l2 .fd:nth-child(7) {padding: 0 15px 15px 0;}
	.l2 { padding:7px 0;}
	.l2 .del { display:none;}
	.sf #form-raion, .sf #form-rooms {font-size: 18px; height:60px; width: 280px; box-sizing:border-box;}
	.sf #form-rooms .actv a, .sf #form-rooms .pasv a {font-size: 18px; margin: 0; padding: 3px 3px 3px 3px;}
	.sf #form-rooms .actv,  .sf #form-rooms .pasv { margin-left:5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
	.sf #form-rooms { padding-left:0px;}
	.sf .knop2 {float:left;}
	.sf .razd { width:auto; margin-right:15px;}
}

/* Ширина 750px - 1024px  */
@media screen and (min-width:1000px) {
	.spec {display:inline-block;}
	body {text-align:center;}
}


.f1,.l2 {display:block}
.menu {display:none;}


