ul.gallery{
    float: left;
    width: 100%;
    height: auto;
    padding: 0px;
}
ul.gallery li{
    float: right;
    width: 33.3333%;
    height: auto;
    list-style: none;
}
ul.gallery li a{
    float: right;
    width: 100%;
    height: 250px;
    position: relative;
}
ul.gallery li a img{
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
ul.gallery li a .photo_info{
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    transition: all 0.5s;
    text-align: right;
    padding: 10px;
    color: #ffffff;
    background-color: rgba(21, 64, 109,0.9);
}
ul.gallery li a:hover .photo_info{
    opacity: 1;
    transition: all 0.5s;
}
ul.gallery li a .photo_info h3{
    font-size: 20px;
    color: #b39648;
}
ul.gallery li a .photo_info h3 p{
    font-size: 15px;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


@media (max-width: 1750px){

}
@media (max-width: 1650px){

}
@media (max-width: 1550px){

}
@media (max-width: 1450px){

}
@media (max-width: 1350px){

}
@media (max-width: 1300px){

}
@media (max-width: 1260px){

}
@media (max-width: 1050px){



}
@media (max-width: 768px){

}
@media (max-width: 600px){

}

@media (max-width: 812px){

}