/*
 * CSS for Project
 *
 * Added by Elvin
 */

.project-grid-section { 
    overflow: auto; margin-left: -10px; margin-right: -10px;}
.project-grid-list { float: left; }
.single-project-grid-inner { padding: 10px; position: relative; }
.single-project-grid-inner img {
    border-radius: 25px; margin-bottom: 10px; }
.project-grid-title {
    color: #38250a; text-align: center;  }
img.top-viewed-badge {
    position: absolute; margin-bottom: 0; width: 50px; top: 25px; right: 25px; }

@media (min-width: 500px) { 
    .project-grid-list { width: 50%; }
}

@media (min-width: 768px) { 
    .project-grid-list { width: 33.33%; }
}