/*========== Title Gallery ===========*/
.title_gallery{
    float: left;
    width: 100%;
    position:relative;
    
}
.list_gallery{
    position:relative;
}
.title_gallery h2{
    width: 100%;
    margin: 0;
   
    font-size: 15px;
    padding: 10px 0px;
    font-weight: 600;
    border-bottom:1px dotted #ccc;
    text-transform: uppercase;    
}

/*==============gallery Grid================*/
.cards {

width:100% !important;
min-height:300px;
}

.card {
width: 365px;
overflow: hidden;
opacity:0;
transform-property: opacity, transform;
transform-origin: 50%;
}
.card--loaded {
    opacity: 1;
}
/* change card size for small screens */
@media (max-width: 736px) {
.card { width: 95%; }
}