.gallaryComponentFive{margin-top:60px;max-width:1200px;margin:0 auto;margin-bottom:80px}
.gallaryComponentFive .container{margin-bottom:-80px}
.gallaryComponentFive #floors{height:275px}
.gallaryComponentFive #bathroom{height:180px}
.gallaryComponentFive #kitchen{height:180px}
.gallaryComponentFive h1{text-align:start;margin-bottom:30px;color:#333;font-family:'ut-medium';font-weight:400;font-size:20px;line-height:26px;letter-spacing:-0.18%}
.gallaryComponentFive .grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:15px;margin-top:20px}
.gallaryComponentFive .grid-item{position:relative;background:linear-gradient(to top,rgba(0,0,0,0.6),transparent);overflow:hidden;transition:transform .3s ease;cursor:pointer}
.grid-item img{width:100%;height:100%;object-fit:cover;display:block}
.grid-item img:hover{scale:1.1;transition:all .5s ease-in-out}
#walls{height:350px}
#exterior{top:-70px;height:250px}
.item-large{grid-column:span 6;grid-row:span 2;height:250px}
.item-medium{grid-column:span 6;grid-row:span 2;height:180px}
.item-small{grid-column:span 3;grid-row:span 2}
#balcony{height:275px;grid-column:span 6;position:relative;top:-95px}
.item-caption{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,0.6),transparent);color:white;padding:10px 15px;display:flex;justify-content:space-between;align-items:center}
.item-caption h3{font-size:16px;width:100%;font-weight:500;margin:0;line-height:23px}
.gallaryComponentFive .arrow{background-image:url(https://cdn-icons-png.flaticon.com/512/664/664866.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";cursor:pointer;display:block;height:30px;filter:invert(1);width:30px}
@media(max-width:768px){.gallaryComponentFive{background-color:#fff;margin:0}
.gallaryComponentFive .container{margin-bottom:0}
#exterior{grid-column:span 2;height:160px}
.gallaryComponentFive #bathroom{height:150px}
.gallaryComponentFive #kitchen{height:150px}
.gallaryComponentFive #balcony{grid-column:span 2;top:0;height:160px}
.gallaryComponentFive #floors{height:150px}
.gallaryComponentFive #walls{height:150px}
.gallaryComponentFive h1{font-size:18px;line-height:24px;padding-top:20px;margin-bottom:15px}
.gallaryComponentFive .grid{grid-template-columns:1fr 1fr;grid-gap:10px;margin-top:10px}
.item-large,.item-medium,.item-small,#balcony{grid-column:span 1;grid-row:span 1;height:120px;margin-bottom:10px}
#exterior{top:0}
.item-caption{padding:8px 12px}
.item-caption h3{font-size:15px}
}