@media (max-width: 768px) {
	
	#map-container {
		margin: 0;
	}
	#map {
		margin: 0 0 60px 0;
		height: 400px;
	}
	#map2 {
		height: 400px;
	}
	.navsbar { display: none; }
	.logo {
		margin: 0 auto 30px auto;
		float: none;
	}
	.contact-bar {
		width: 100%;
		float: left;
		text-align: center;
		margin: 0;
	}
	.contact-bar a:last-child {
		margin: 0;
	}
	.contact-bar a {
		display: block;
		margin: 0 0 10px 0;
	}
	.hero h3 {
		font-size: 22px;
		font-weight: 600;
		line-height: 26px;
	}
	.listing-map {
		display: none;
	}
	.spec {
		margin-bottom: 15px;
	}
	.listing-info p a {
		width: 40%;
		float: left;
		display: block;
	}
	.the-best ul li {
		text-align: center;
	}
	.the-best ul {
		margin: 0;
	}
	.the-best ul li i { display: none; }
	.the-best p a {
		margin-top: 30px;
	}
	.footer h3,
	.footer p,
	.footer ul li {
		text-align: center;
	}
	.footer .col-sm-4 {
		margin: 0 0 30px 0;
	}
	.titlebar h1,
	.titlebar h2,
	.titlebar p {
		text-align: center;
	}
	.bx-pager { display: none; }
	ul.summary li {
		width: 100%;
		float: left;
	}
	#burger {
		position: absolute;
		top: 20px;
		right: 40px;
		display: block;
		color: #fff;
		font-size: 48px;
	}
	.header {
		position: relative;
	}
	.search-apartments-btn {
		width: 100%;
	}
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	
	#map {
		margin: 0 0 60px 0;
		height: 400px;
	}
	#map2 {
		height: 400px;
	}
	.navsbar { display: none; }
	.logo {
		margin: 0 auto 30px auto;
		float: none;
	}
	.contact-bar {
		width: 100%;
		float: left;
		text-align: center;
		margin: 0;
	}
	.contact-bar a:last-child {
		margin: 0;
	}
	.contact-bar a {
		display: block;
		margin: 0 0 10px 0;
	}
	.hero h3 {
		font-size: 22px;
		font-weight: 600;
		line-height: 26px;
	}
	.listing-map {
		display: none;
	}
	.spec {
		margin-bottom: 15px;
	}
	.listing-info p a {
		width: 40%;
		float: left;
		display: block;
	}
	.the-best ul li {
		text-align: center;
	}
	.the-best ul {
		margin: 0;
	}
	.the-best ul li i { display: none; }
	.the-best p a {
		margin-top: 30px;
	}
	.footer h3,
	.footer p,
	.footer ul li {
		text-align: center;
	}
	.footer .col-sm-4 {
		margin: 0 0 30px 0;
	}
	.titlebar h1,
	.titlebar h2,
	.titlebar p {
		text-align: center;
	}
	.bx-pager { display: none; }
	ul.summary li {
		width: 100%;
		float: left;
	}
	#burger {
		position: absolute;
		top: 20px;
		right: 40px;
		display: block;
		color: #fff;
		font-size: 48px;
	}
	.header {
		position: relative;
	}
	.search-apartments-btn {
		width: 100%;
	}
	
	.header .col-sm-3,
	.header .col-sm-9 {
		width: 100%;
	}
	.middle-4 { display: none; }
	.apartment-list .col-sm-4 {
		width: 50%;
	}
	
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 


#map {
		margin: 0 0 60px 0;
		height: 400px;
	}
	#map2 {
		height: 400px;
	}
	.navsbar { display: none; }
	.logo {
		margin: 0 auto 30px auto;
		float: none;
	}
	.contact-bar {
		width: 100%;
		float: left;
		text-align: center;
		margin: 0;
	}
	.contact-bar a:last-child {
		margin: 0;
	}
	.contact-bar a {
		display: block;
		margin: 0 0 10px 0;
	}
	.hero h3 {
		font-size: 22px;
		font-weight: 600;
		line-height: 26px;
	}
	.listing-map {
		display: none;
	}
	.spec {
		margin-bottom: 15px;
	}
	.listing-info p a {
		width: 40%;
		float: left;
		display: block;
	}
	.the-best ul li {
		text-align: center;
	}
	.the-best ul {
		margin: 0;
	}
	.the-best ul li i { display: none; }
	.the-best p a {
		margin-top: 30px;
	}
	.footer h3,
	.footer p,
	.footer ul li {
		text-align: center;
	}
	.footer .col-sm-4 {
		margin: 0 0 30px 0;
	}
	.titlebar h1,
	.titlebar h2,
	.titlebar p {
		text-align: center;
	}
	.bx-pager { display: none; }
	ul.summary li {
		width: 100%;
		float: left;
	}
	#burger {
		position: absolute;
		top: 20px;
		right: 40px;
		display: block;
		color: #fff;
		font-size: 48px;
	}
	.header {
		position: relative;
	}
	.search-apartments-btn {
		width: 100%;
	}
	
	.header .col-sm-3,
	.header .col-sm-9 {
		width: 100%;
	}
	.middle-4 { display: none; }
	.apartment-list .col-sm-4 {
		width: 50%;
	}

}

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 


#map {
		margin: 0 0 60px 0;
		height: 400px;
	}
	#map2 {
		height: 400px;
	}
	.navsbar { display: none; }
	.logo {
		margin: 0 auto 30px auto;
		float: none;
	}
	.contact-bar {
		width: 100%;
		float: left;
		text-align: center;
		margin: 0;
	}
	.contact-bar a:last-child {
		margin: 0;
	}
	.contact-bar a {
		display: block;
		margin: 0 0 10px 0;
	}
	.hero h3 {
		font-size: 22px;
		font-weight: 600;
		line-height: 26px;
	}
	.listing-map {
		display: none;
	}
	.spec {
		margin-bottom: 15px;
	}
	.listing-info p a {
		width: 40%;
		float: left;
		display: block;
	}
	.the-best ul li {
		text-align: center;
	}
	.the-best ul {
		margin: 0;
	}
	.the-best ul li i { display: none; }
	.the-best p a {
		margin-top: 30px;
	}
	.footer h3,
	.footer p,
	.footer ul li {
		text-align: center;
	}
	.footer .col-sm-4 {
		margin: 0 0 30px 0;
	}
	.titlebar h1,
	.titlebar h2,
	.titlebar p {
		text-align: center;
	}
	.bx-pager { display: none; }
	ul.summary li {
		width: 100%;
		float: left;
	}
	#burger {
		position: absolute;
		top: 20px;
		right: 40px;
		display: block;
		color: #fff;
		font-size: 48px;
	}
	.header {
		position: relative;
	}
	.search-apartments-btn {
		width: 100%;
	}
	
	.header .col-sm-3,
	.header .col-sm-9 {
		width: 100%;
	}
	.middle-4 { display: none; }
	.apartment-list .col-sm-4 {
		width: 50%;
	}

}


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

	  #map {
		margin: 0 0 60px 0;
		height: 400px;
	}
	#map2 {
		height: 400px;
	}
	.navsbar { display: none; }
	.logo {
		margin: 0 auto 30px auto;
		float: none;
	}
	.contact-bar {
		width: 100%;
		float: left;
		text-align: center;
		margin: 0;
	}
	.contact-bar a:last-child {
		margin: 0;
	}
	.contact-bar a {
		display: block;
		margin: 0 0 10px 0;
	}
	.hero h3 {
		font-size: 22px;
		font-weight: 600;
		line-height: 26px;
	}
	.listing-map {
		display: none;
	}
	.spec {
		margin-bottom: 15px;
	}
	.listing-info p a {
		width: 40%;
		float: left;
		display: block;
	}
	.the-best ul li {
		text-align: center;
	}
	.the-best ul {
		margin: 0;
	}
	.the-best ul li i { display: none; }
	.the-best p a {
		margin-top: 30px;
	}
	.footer h3,
	.footer p,
	.footer ul li {
		text-align: center;
	}
	.footer .col-sm-4 {
		margin: 0 0 30px 0;
	}
	.titlebar h1,
	.titlebar h2,
	.titlebar p {
		text-align: center;
	}
	.bx-pager { display: none; }
	ul.summary li {
		width: 100%;
		float: left;
	}
	#burger {
		position: absolute;
		top: 20px;
		right: 40px;
		display: block;
		color: #fff;
		font-size: 48px;
	}
	.header {
		position: relative;
	}
	.search-apartments-btn {
		width: 100%;
	}
	
	.header .col-sm-3,
	.header .col-sm-9 {
		width: 100%;
	}
	.middle-4 { display: none; }
	.apartment-list .col-sm-4 {
		width: 50%;
	}

}