.page-banner.project {
    background-image: url(../images/project-banner.jpg);
}
.page-title {
    color: #41651e;
}
.project-box {
    display: inline-block;
    width: 100%;
    padding: 45px 0;
    border-top: 5px solid #41651e;
}
.project-main .project-box:first-child {
    border-top: 0px solid #41651e;
}
.project-box a.thumb {
    float: left;
    width: 35%;
    border: 3px solid #41651e;
}
.project-box a.thumb:hover {
    border: 3px solid #4f7a25;
}
.project-box .info {
    float: left;
    width: 65%;
    padding: 0 0 0 35px;
}
.project-box .project-name a {
    color: #41651e;
}
.project-box .project-name a:hover {
    color: #4f7a25;
}
.project-box a.more {
    color: #fff;
    background-color: #41651e;
    display: inline-block;
    padding: 10px 35px;
    margin: 10px 0 0 0;
}
.project-box a.more:hover {
    background-color: #4f7a25;
}




@media screen and (max-width: 1362px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 479px) {
	.project-box a.thumb, .project-box .info {
	    width: 100%;	
	}
	.project-box .info {
	    padding: 20px 0 0 0;	
	}
	.project-main {
	    padding-bottom: 20px;
	}
}