/* From Bootstrap */

/* Extra small devices (phones, less than 768px) 
/* No media query since this is the default in Bootstrap 

/* Small devices (tablets, 768px and up)*/
@media (min-width: @screen-sm-min) {
		
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
}
	

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) {
	
 }


/* We occasionally expand on these media queries to include a max-width to limit CSS to a narrower set of devices. */

@media (max-width: @screen-xs-max) { ... }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }


/* END FROM BOOTSTRAP ////////////////////////////////////////////////////////////////////////////#/


/* Custom Direct Targeting */

/* MIN -> Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.media-object.pull-left{
		margin-right: 0px !important;
		margin-bottom:20px;
	}	

	/*	.this fixed the Edward Sharpe issue below */
	.item{
		min-height: 600px !important;
	}

	.navbar {
		padding-right: 75px;
	}


	
/*	.gallery-item {
		height:600px;
	}

	.item {
		height: 550px;
		margin-bottom: 40px !important;
	}
			
	.item-horizontal {
		padding-top: 60px !important;
		padding-bottom: 75px !important;
	}
		
	.item-img {
		max-height: 322px;
	}
	
	.item-img img {
		max-height: 100%;
	} */
}

/* MAX -> (tablets, up to 992px)*/

@media (max-width: 992px) {
	

/* 	.item-horizontal {
		padding-top: 80px !important;
		padding-bottom: 105px !important;
	}
	
	.item-img {
		height: 421px;
	}
	
	.item-img img {
		max-height: 100%;
	}
	
	.item-img.item-horizontal img {
		max-height: none !important;
	} */
	
}


/* MIN -> Small devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	
	.copy{
		padding-top: 0;
	}	
		
	.award-rezume {
		max-height: 300px !important
		margin-bottom 40px;
	}							
}

/* MAX -> Small devices (tablets, up to 768px)*/
@media (max-width: 768px) {

	.navbar .brand {
		margin-left: 0px;
	}

	.jumbotron {
		padding-top: 80px;
	}
	
	.port{
		margin-right: 0px !important;
		width: 100%;
	}		
			
	.item-img {
		height: auto;
		padding-bottom: 0;
	}

	.item-img a {
		position: relative;
	}
	.item-img a img {
		width: 100%;
		height: auto;
	}
	
	.btn-buy {
		width:100%;
	}

	.btn-sold {
		width:100%;
	}
	
}

/* MAX -> ExtraSmall devices (phones, up to 600px) */

@media (max-width: 600px){

	

	.small-logo{
		margin-top: 20px !important;
	}
}
		
	.form-group {
		margin-bottom: 0px;
		padding-bottom:0px;
	}
	
}