.flex-gallery{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -1px;
margin-right: -1px;
}
.image-rate{
position: relative;
overflow: hidden;
height: 460px;
margin: 1px;
flex-grow: 1;
}
.image-rate img{
width: auto;
height: 100%;
min-width: 100%;
max-width: 100%;
object-fit: cover;
cursor: pointer;
} @media (max-width: 1900px){
.image-rate{
height: 350px;
}
.client-films-full .contain.flex-gallery figure figcaption .img-caption {
margin: 90px auto 0 auto;
}
}
@media (max-width: 1500px){
.image-rate{
height: 280px;
}
.client-films-full .contain.flex-gallery figure figcaption .img-caption {
margin: 60px auto 0 auto;
}
.client-films-full .contain.flex-gallery figure figcaption .img-btn .button {
padding: 15px;
font-size: 18px;
}
.client-films-full .contain.flex-gallery figure figcaption .img-btn .button:hover {
padding: 15px;
font-size: 18px;
}
}
@media (max-width: 1200px){
.image-rate{
height: 260px;
}
.client-films-full .contain.flex-gallery figure figcaption .img-caption {
margin: 60px auto 0 auto;
}
}
@media (max-width: 1200px){
.image-rate{
height: 230px;
}
.client-films-full .contain.flex-gallery figure figcaption .img-caption {
margin: 30px auto 0 auto;
}
.client-films-full .contain.flex-gallery .img-caption {
font-size: 30px;
}
.client-films-full .contain.flex-gallery .img-caption strong {
font-size: 30px;
}
}
@media (max-width: 992px){
.image-rate{
height: 185px;
}
.client-films-full .contain.flex-gallery figure figcaption .img-caption {
margin: 40px auto 0 auto;
}
.client-films-full .contain.flex-gallery .img-caption {
font-size: 20px;
height: 55px;
}
.client-films-full .contain.flex-gallery .img-caption strong {
font-size: 20px;
}
.client-films-full .contain.flex-gallery figure figcaption .img-btn .button {
padding: 10px;
font-size: 14px;
width: 130px; 
}
.client-films-full .contain.flex-gallery figure figcaption .img-btn .button:hover {
padding: 10px;
font-size: 14px;
width: 130px;
}
}
@media (max-width: 767px){
.image-rate{
height: 300px;
}
.client-films-full .contain.flex-gallery figure figcaption .img-caption {
margin: 90px auto 0 auto;
}
}
@media (max-width: 480px){
.image-rate{
height: 240px;
}
.client-films-full .contain.flex-gallery figure figcaption .img-caption {
margin: 65px auto 0 auto;
} }