/* medium screen */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.fr h3{
		font-size: 2.2rem;
	}
	.fr{
		font-size: 1.6rem;
	}
	.header .navbar-default .navbar-nav > li > a{
		padding: 4rem 1.5rem;
	}
	.fr .header .navbar-default .navbar-nav > li > a{
		padding: 4rem 1rem;
	}
	.fr .banner-wrap .box-wrap .heading{
		font-size: 2.3rem;
	}
	.fr .three-wrap h2{
		font-size: 2rem;
	}
	.banner-wrap.inner img{
		height: 15em;
	}
	.apply-wrap .content-wrap .btn{
		font-size: 2.2rem;
	}
	.properties .img-responsive{
		height: calc(18em);
	}
}
@media only screen and (max-width: 1024px) and (orientation: portrait){
	
}

/* tablet screen */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	/* general */
		.pad8{
			padding: 5rem 0;
		}
		.fr h2{
			font-size: 3rem;
		}
		.fr h3{
			font-size: 2rem;
		}
		.fr{
			font-size: 1.5rem;
		}
	/* header */
		.fr .navbar-header{
			width: 22%;
		}
		.navbar-header{
			width: 25%;
		}
		.header .navbar-default .navbar-nav > li > a{
			padding: 3rem 1rem;
			font-size: 1.15rem;
		}
		.fr .header .navbar-default .navbar-nav > li > a{
			font-size: 1.1rem;
			padding: 2.7rem 0.75rem;
		}
	/* banner wrap */
		.banner-wrap .carousel img{
			height: 25em;
		}
		.banner-wrap .box-wrap .heading{
			font-size: 2rem;
		}
		.fr .banner-wrap .box-wrap .heading{
			font-size: 1.8rem;
		}
		.banner-wrap .box-wrap p{
			margin: 0;
		}
		.fr .banner-wrap .box-wrap{
			padding: 1.5em;
		}
	/* three columns */
		.three-wrap .fa{
			font-size: 1.8em;
		}
		.three-wrap h2{
			font-size: 2rem;
		}
		.fr .three-wrap h2{
			font-size: 1.5rem;
		}
	/* footer */
		.footer-wrap{
			font-size: 1.5rem;
		}
		.fr .footer-wrap .footer-top h4{
			font-size: 1.8rem;
		}
	/* rosemont */
		.banner-wrap.inner img{
			height: 13em;
		}
		.table-wrap{
			font-size: 1.4rem;
		}
		.apply-wrap .content-wrap .btn{
			font-size: 2.2rem;
		}
}

/* all mobile screen */
@media only screen and (max-width: 767px) {
	/* general */
		body{
			font-size: 1.4rem;
		}
		.pad8{
			padding: 5rem 0;
		}
		h2{
			font-size: 2.3rem;
		}
		h3{
			font-size: 2rem;
		}
		.container > .row{
			margin: 0;
		}
		.navbar-default > .container > .row,
		.row.photo-wrap,
		.table-hold > .container > .row,
		.footer-top > .container > .row,
		.property-hold > .container > h2 + .row,
		.form-wrap > .container > h2 + .row{
			margin: 0 -1.5rem;
		}
	/* header */
		.header .navbar-brand{
			padding-top: 15px;
		}
		.navbar-default .navbar-toggle{
			margin-top: 1.8em;
			border-color: #333;
			background-color: #333;
		}
		.navbar-default .navbar-toggle:focus{
			border-color: #333;
			background-color: #333;
		}
		.navbar-default .navbar-collapse{
			border: none;
		}
		.header .navbar-default .navbar-nav > li > a{
			padding: 1rem 2rem;
		}
	/* banner */
		.banner-wrap .box-wrap{
			width: 80%;
			padding: 1em;
		}
		.banner-wrap .carousel img{
			height: 25em;
		}
		.banner-wrap .box-wrap .heading{
			font-size: 1.8rem;
		}
		.banner-wrap .carousel-control-wrap{
			width: 100px;
			z-index: 1;
		}
		.banner-wrap .carousel-control{
			width: 50px;
			height: 50px;
		}
		.three-wrap .box{
			padding: 2em 1em 1em;
		}
	/* content */
		.heading1 h3{
			padding-top: 0.5em;
			padding-bottom: 0.5em;
		}
		.property-wrap .heading h2{
			padding: 1.3em 0;
		}
		.about-wrap{
			background-position: center bottom;
		    background-attachment: inherit;
		    background-size: contain;
		    background-repeat: no-repeat;
		    padding-bottom: 18em;
		}
	/* footer */
		.footer-wrap .footer-btm .copyright,
		.footer-wrap .footer-btm .footer-link{
			float: none;
		}
	/* three-columns-wrap */
		.three-wrap h2{
			font-size: 1.6rem;
		}
		.three-columns-wrap .photo-wrap > div{
			margin: 0.5em 0;
		}
		.list-wrap ul{
			columns: 1;
		}
	/* rosemont */
		.table-wrap{
			font-size: 1.2rem;
			padding: 0;
		}
		.table-wrap thead th{
			font-size: 1.2rem;
			vertical-align: top !important;
		}
		.apply-wrap .content-wrap .btn{
			font-size: 2rem;
		}
		.apartments-txt .heading-wrap h2{
			font-size: 2.5rem;
		}
	/* map */
		.map-wrap iframe{
			height: 400px;
		}
}
/* landscape scren */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* banner */
		.banner-wrap .box-wrap{
			width: 55%;
		}
	/* property */
		.photo-wrap .image-hold,
		.photo-wrap .image-hold2{
			float: left;
		}
		.photo-wrap .image-hold{
			width: 60%;
		}
		.photo-wrap .image-hold2{
			width: 40%;
		}
	/* rosemont */
		.table-wrap{
			padding: 1em;
		}
		.three-wrap .box{
			width: 33.33%;
			float: left;
		}
		.three-wrap h2{
			font-size: 1.6rem;
		}
	/* property */
		.tile{
			width: 50%;
			display: inline-block;
			margin-left: -1.5px;
			margin-right: -1.5px;
			vertical-align: top;
		}
	/* contact */
		.banner-wrap.inner img{
			height: 15em;
		}
}
