/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media screen and (max-width: 500px) and (orientation:portrait) {
	
	a.menu-icon { 
		bottom: 20px;
	}
	
	#main-content {
		min-height: 0px;
	}

	#main-content h3.section-header { 
		font-size: 18px;
		width: 170px;
		border: 0px dotted red;
	}
	
	#main-content #featured {
		border: 0px dotted red;
		margin-top: -69px;
		margin-left: -15px;
		margin-right: -15px;
		padding-top: 15px;
		overflow: hidden;
	}
	
	#main-content ul.featured {
		width: auto;
		min-width: 400px;
		height: 397px;
		margin: 0px;
		background-color: #EEE;
		border: 0px dotted red;
	}
	
	#main-content ul.featured li {
		width: 150px;
  		height: 90px;
  		margin-bottom: 20px;
  		margin-right: 0px;
  		margin-left: 20px;
	}
	
	#main-content ul.featured li a span.title {
		margin-top: 60px;
		font-size: 15px;
	}
	
	#main-content ul.featured li a span.title span {
		/* background-color: red; */
    	background-image: url('http://www.newyorkofficespace.com/images/design/black-bg-55.png');
    	padding: 4px 10px 0px 5px;
	}

	
	#main-content ul.featured li.item-1 {
		margin-top: 17px;
		margin-left: 10px;
		margin-left: -10px;
		height: 250px;
	}
	
	#main-content ul.featured li.item-1  a span.title {
		margin-top: 20px;
	}
	
	#main-content ul.featured li.item-2 {
		margin-top: -68px;
	}
	
	#main-content ul.featured li.item-3 span.title {
		float: left;
	}
	
	#main-content ul.featured li.item-4 {
		position: relative;
		top: auto;
		left: auto;
		z-index: 2;
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	
	#main-content ul.featured li.item-4 span.title {
		text-align: left;
		float: left;
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
		padding-right: 0px;
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	
	#main-content ul.featured li.item-5 {
		width: 210px;
		margin-left: -20px;
	}
	
	#main-content ul.featured li.item-5 span.title {
		float: right;
		margin-top: 60px;
	}
	
	#main-content ul.featured li.item-6 {
		margin-top: 0px;
	}
	
	#main-content ul.featured li.item-6 span.title {
		border: 0px dotted red;
		float: left;
	}
	
	.word-group {border: 0px dotted yellow; margin: 0px; float: none; }
	
	.word-group span.word {display: inline; margin: 0px; padding:0px; }
	
	html>body #main-content ul.featured li.item-financial-district span.title {
 		margin-top: 60px;
		text-align: left;
	}
	
	#main-content ul.featured li.item-financial-district span.title span {
		padding-right:0px;  
		padding: 0px;
		margin: 0px;  
		padding: 4px 0px 0px 5px;
	}
	
	#main-content ul.featured li.item-financial-district span.title span.district {
		margin-left: -6px;
	}

	#main-content .body {
		clear: left;
		padding-top: 5px;
	}
	
	#main-content .body .extra {
		display: none;
	}
	
	/* SIDEBAR
 	 * * * * * * * * * * * * * * * * */
	
	.sidebar.broker-db a {
		color: #FFF;
		text-decoration: none;
	}
	
	.sidebar#neighborhood {
		margin-top: -1px;
	}
	
	.sidebar#neighborhood h3 {
		padding-bottom: 8px;
		background-color: #BBB;
		border-top: 1px solid #AAA;
		color: #FFF;
		font-size: 17px;
		text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
	}
	
	.sidebar#neighborhood ul {
		list-style: none;
		background-color: #EEE;
	}
	
	.sidebar#neighborhood ul li a {
		padding-top: 12px;
		background-position: 16px 5px;
	}
	
	.sidebar#neighborhood ul li a .title {
		min-width: 150px;
	}
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media screen and (max-width: 375px) and (orientation:portrait) {
	
	#main-content h3.section-header { 
		letter-spacing: 0px;
	}
	
	#main-content ul.featured {
		margin-left: -30px;
	}
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media screen and (max-width: 320px) and (orientation:portrait) {
	
	#main-content h3.section-header { 
		letter-spacing: 0px;
		font-size: 15px;
	}
	
	#main-content ul.featured {
		margin-left: -70px;
	}
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media screen and (max-width: 320px) and (max-height: 480px) and (orientation:portrait) {

	#main-content h3.section-header { 
		display: none;
	}
	
	#main-content #featured {
		display: none;
	}
}