.home-carousel {
	width:100%;
	height: auto;	
	overflow: hidden;
	margin: 0 auto;
}


.carousel .item {
    width: 100%; /*slider width*/
  /*  height: 450px; slider height*/
}



.carousel .item img {
	width:100%;
	min-height:500px;
/*height: 60vh;*/
	overflow: hidden;
	margin: 0 auto;
}

.carousel .item .vertical{
	width:auto;
height: 100%;
	overflow: hidden;
	margin: 0 auto;
}





/*add some makeup*/
.carousel .carousel-control {
    background: none;
    border: none;
}
/*full width container*/


/* iPad Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
.carousel .item img {
	width:100%;
	min-height:500px;
	height: 700px;
	overflow: hidden;
	margin: 0 auto;
}

}



@media (max-width: 767px) {
    .block {
        margin-left: -20px;
        margin-right: -20px;
    }
}

@media (min-width: 1250px){
	
.carousel .item img {
	 width: 100%; /*slider width*/
    height: auto; /*slider height*/
	/*margin-top:-15%;*/
}
	
	
}


@media (max-width: 667px){
	
.carousel .item img {
	width:auto;
	height: 500px;
	overflow: hidden;
	margin: 0 auto;
	margin-left:0;
}
	
	.home-carousel {
	width:auto;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
}

	
	
}

@media (max-width: 450px){
	

.carousel .item {
    width: 100%; /*slider width*/
    height: 500px;
}
	
.carousel .item img {
	width:auto;
	height: 500px;
	overflow: hidden;
	margin: 0 auto;
	margin-left:-20%;
}

		.home-carousel {
	width:auto;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
			margin-left: -50%;
}
	
			.feature-project {
	    display: block;
    position: relative;
		float:none;
    width: 95%;
	max-width: 1140px;
    margin: 0 auto;
    height: 70vh;
}
	

	.feature-project-col {
	width:100%;
	height:60%;
	display:block;
	position:relative;
	float:left;
	margin-bottom: 20px;
}
	
	

	
	
}