body{
	overflow-x: hidden !important; 
	overflow-y: visible !important;
	padding-top: 0;
}
/*.img-responsive{
	width: 100%;
}*/
.detailProjectBox1 {
	position: relative;
	border-bottom: 35px solid #fe5000;
	margin: 0;
	padding: 0;
	width: 100%;
    height: auto;
}
.detailProjectBox1 .backroundDetailProject {
	padding: 0;
}
.detailProjectBox1 .backroundDetailProject img{
    width: 100%;
    height: auto;
}
.textProjectDetail{
	position: absolute;
    width: 40%;
    bottom: 15%;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding-left: 60px;
    padding-right: 80px;
    padding-top: 60px;
    padding-bottom: 60px; 
}
.textProjectDetail .titleOrange {
	color: #fe5000;
	font-weight: bold;
	font-size: 44px;
	display: inline-block;
}
.textProjectDetail .titlegri {
	color: #fff;
	font-weight: bold;
	font-size: 44px;
	display: inline-block;
}
.textProjectDetail p{
	color: #fff;
	font-weight: lighter;
}

/*  #################################   MOBILE CSS   ##########################  */


/*  Landscape tablets 1024px */
@media (max-width: 1024px) {
	body{
		background: #fff;
		overflow-x: hidden; 
	}
	.textProjectDetail {
	    position: absolute;
	    width: 50%;
	    bottom: 10%;
	    right: 0;
	    background: rgba(0, 0, 0, 0.6);
	    color: #fff;
	    padding-left: 20px;
	    padding-right: 20px;
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	
}	
/*  Landscape phones and portrait tablets */
@media (max-width: 768px) {
	body{
		background: #fff;
		overflow-x: hidden; 
	}
	.row{
		margin: 0;
	}
	.textProjectDetail {
	    position: relative;
	    width: 100%;
	    bottom: 0;
	    right: 0;
	    background: rgba(0, 0, 0, 0.8);
	    color: #fff;
	    padding-left: 20px;
	    padding-right: 20px;
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
}


@media screen and (min-width: 2200px) {
	.img-responsive{
		width: 100%;
	}
}