/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.glass{display: none;}
	.flat-img{display: none;}
	.top-flat .flat-img1{display: block;}
	.pen{display: none;}
	.r1{left: 145px;}
	.r2 {left: 377px;}
	.r3 {left: 379px;}
	.r4 {left: 23px;}
	.r5 {left: 79px;}
	.r6 {left: 246px;}
	.gallery-image img{
		height: 293px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.top-right h2{text-align: center;}
	.top-flat .flat-img1{margin: 0 auto;}
	.r1{left: 251px;}
	.r2 {left: 483px;}
	.r3 {left: 483px;}
	.r4 {left: 129px;}
	.r5 {left: 183px;}
	.r6 {left: 350px;}
	.arrow-price{text-align: center;}
	.pencil{display: none;}
	.ipad-layer .ipad-main{
	    display: block;
	    margin: 0 auto;
	}
	.l-1{left: 152px;}
	.stroitel-man{
		display: block;
		margin: 0 auto;
	}
	.stroitel h2 {text-align: center;}
	.compare{text-align: center;}
	.compare li:first-child{margin-top: 0;}
	.compare li{display: inline-block;}
	.intall{
		background-size: cover;
	}
	.testimonials .col-md-3 img{
		display: block;
		margin: 40px auto 0;
	}
	.gallery-image img{
		height: auto;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.top-inf{text-align: center;}
	nav img{float: none; margin: 0 auto; display: block;}
	h1{text-align: center;}
	.screpki{display: none;}
	.top-flat img{width: 100%;}
	.flat-menu, #r1{display: none;}
	.inst-type{width: 100%;}
	.l-1{
		left: 11%;
		width: 76%;
		top: 7%;
	}
	.ipad-main{width: 100%;}
	.box-modal{
		width: auto;
		dib;
	}
	.room-inf img{display: none;}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.ipad-main{width: 100%;}
	.l-1{
		left: 12%;
		width: 74%;
	}
	#inst-type{
		width: 100%;
	}
	.type-info{
		min-height: 350px;
		font-size: .8rem;
	}
	.type-price{
		font-size: .9rem;
	}
	.filter-nav li{
		margin: 0 3px;
	}
	.filter-nav li:not(:last-child)::after{
		right: -5px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
.l-1{
		left: 13%;
		width: 72%;
	}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.gallery-image img{
		height: 293px;
	}
}