.single-gallery{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media(min-width:1200px){
.single-gallery{
margin: 0 -115px 30px;
}
}
@media(max-width:1200px) and (min-width:992px){
.single-gallery{
margin: 0 -70px 30px;
}
}
@media(max-width:992px){
.single-gallery{
margin-bottom: 20px;
}
}
.single-gallery img{
width: 100%;
height: 100%;
object-fit: cover;
}
.single-gallery a{
display: inline-block;
}
.single-gallery a:hover{
opacity: 0.9;
transition: 0.3s;
}
@media(min-width:992px){
.single-gallery a{
margin: 0 0 15px;
}
}
@media(min-width:1200px){
.single-gallery a.row-1{
width: 920px;
height: 614px;
}
.single-gallery a.row-2{
width: 452px;
height: 301px;
}
.single-gallery a.row-3{
width: 296px;
height: 197px;
}
.single-gallery a.row-4{
width: 218px;
height: 145px;
}
.single-gallery a.row-5{
width: 172px;
height: 114px;
}
.single-gallery a.row-6{
width: 140px;
height: 92px;
}
.single-gallery a.row-7{
width: 118px;
height: 77px;
}
.single-gallery a.row-8{
width: 101px;
height: 65px;
}
.single-gallery a.row-9{
width: 88px;
height: 56px;
}
.single-gallery a.row-10{
width: 78px;
height: 49px;
}
}
@media(max-width:1200px) and (min-width:992px){
.single-gallery a.row-1{
width: 710px;
height: 474px;
}
.single-gallery a.row-2{
width: 347px;
height: 231px;
}
.single-gallery a.row-3{
width: 226px;
height: 150px;
}
.single-gallery a.row-4{
width: 166px;
height: 110px;
}
.single-gallery a.row-5{
width: 130px;
height: 86px;
}
.single-gallery a.row-6{
width: 105px;
height: 69px;
}
.single-gallery a.row-7{
width: 88px;
height: 57px;
}
.single-gallery a.row-8{
width: 75px;
height: 48px;
}
.single-gallery a.row-9{
width: 65px;
height: 41px;
}
.single-gallery a.row-10{
width: 57px;
height: 35px;
}
}
@media(max-width:992px){
.single-gallery a.row-1, .single-gallery a.row-2, .single-gallery a.row-3, .single-gallery a.row-4, .single-gallery a.row-5, .single-gallery a.row-6, .single-gallery a.row-7, .single-gallery a.row-8, .single-gallery a.row-9, .single-gallery a.row-10{
width: 48%;
height: 140px;
margin-bottom: 2%;
}
.single-gallery a:nth-child(odd){
margin-right: 1%;
}
.single-gallery a:nth-child(even){
margin-left: 1%;
}
}