.project_top { position: relative;float: left;display:inline-block;width: 100%;margin-bottom: 100px; }
.project_container { position: relative;float: left;display:inline-block;width: 100%;margin: 0 auto; }
.project_container div { position: relative;float: left;width: 25%;margin: 50px 0% 30px 0; }
.projectImg { display: block;width: 60%;max-width: 250px;margin: 0 auto;border-radius: 3%;box-shadow: 4px 4px 15px #888888;object-fit: cover;overflow: hidden; }

@media screen and (max-width: 1200px) {
   .projectImg { width: 65%; }
}
@media screen and (max-width: 992px) { /*991.98px*/
   .project_container div { width: 33.3%; }
   .projectImg { width: 70%; }
}

@media screen and (max-width: 768px) { /* 767.98px */
   .projectImg { width: 73%; }
}

@media screen and (max-width: 576px) { /* 575.98 */
   .project_container div { width: 50%; }
   .projectImg { width: 75%; }
}

@media screen and (max-width: 360px) {
   .project_container div { width: 100%; }
   .projectImg { width: 80%; }
}