<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.bread-crumcontainer {
    position: relative;
    padding-top: 20px;
}
.bread-crumcontainer:before {
    content: '';
    background: #b5a27a;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
}
h1.borderheading {
    font-size: 35px;
    font-family: 'Spectral';
    font-weight: normal;
    font-style: italic;
    position: relative;
    padding: 0 0 16px;
    margin: 37px 0 59px;
	text-align: center;
}
h1.borderheading:after{
    background: #b5a27a;
    content: "";
    height: 1px;
    width: 17%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.inspiration {
    max-width: 1304px;
    width: 100%;
    margin: 0 auto;
    
}
.imgs{

}
.imgs ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}
.imgs ul li {
    width: 24%;
    height:370px;
    margin-bottom: 1.35%;
    position: relative;
    margin-right: 1.3%;
}
.imgs ul li:nth-child(4n){
    margin-right: 0px;
}
.imgs ul li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.inspiration .imgs &gt; ul &gt; li .glover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(181,162,122,0.6);
    display: none;
}
.inspiration .imgs &gt; ul &gt; li .glover .view {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.inspiration .imgs &gt; ul &gt; li .glover .view button {
    background-color: #b5a27a;
    color: #fff;
    border-radius: 3px;
    font-weight: 400;
    border: none;
    padding: 5px 20px;
}
.inspiration .imgs &gt; ul &gt; li:hover .glover {
    display: block;
}
@media (max-width: 2000px){
    .bread-crumcontainer {
        padding-top: 1.9vw;
    }
    .bread-crumcontainer:before {
        width: 85vw;
        height: 0.1vw;
    }
    .imgs ul li{
        height:15.5vw;
    }
    .inspiration .imgs &gt; ul &gt; li .glover .view button{
        border-radius: 0.15vw;
        padding: 0.25vw 1vw;
    }
    
}
@media (max-width: 1300px){
    .inspiration{ padding:0 60px;}
}
@media (max-width: 767px){
    .bread-crumcontainer{
        display: none;
    }
    .inspirationDiv {
        width: 100%;
        float: left;
    }
    h1.borderheading {
        padding: 0 0 3vw;
        margin: 4.15vw 0 5.7vw;
        font-size: 6.67vw;
    }
    h1.borderheading:after {
        height: 0.3vw;
        width: 24.5vw;
    }
    .imgs ul li {
        height:41.2vw;
        width: 49%;
    }
    .imgs ul li:nth-child(2n){
        margin-right: 0px;
    }
    .inspiration .imgs &gt; ul &gt; li .glover .view button {
        border-radius: 0.4vw;
        padding: 0.6vw 2vw;
        font-size: 2vw;
    }
}
@media (max-width: 560px){
    .inspiration{ padding:0 30px;}
}</pre></body></html>