.bread-crumcontainer {
    position: relative;
    padding-top: 37px;
}
.bread-crumcontainer:before {
    content: '';
    background: #379181;
    position: absolute;
    width: 1698px;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
}
h1.borderheading {
    font-size: 54.96px;
    font-family: Butler;
    font-weight: normal;
    position: relative;
    padding: 0 0 20px;
    margin: 37px 0 59px;
    text-align: center;
}
h1.borderheading:after{
    background: #379181;
    content: "";
    height: 2px;
    width: 23.1%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.inspiration {
    max-width: 1542px;
    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 > ul > li .glover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(181,162,122,0.6);
    display: none;
}
.inspiration .imgs > ul > li .glover .view {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.inspiration .imgs > ul > li .glover .view button {
    background-color: #379181;
    color: #fff;
    border-radius: 3px;
    font-weight: 400;
    border: none;
    padding: 5px 20px;
}
.inspiration .imgs > ul > li:hover .glover {
    display: block;
}
@media (max-width: 2000px){
    .bread-crumcontainer {
        padding-top: 1.9vw;
    }
    .bread-crumcontainer:before {
        width: 85vw;
        height: 0.1vw;
    }
    .inspiration {
        max-width: 1340px !important;
    }
    h1.borderheading{
        font-size: 2vw;
        padding: 0 0 1vw;
        margin: 1.85vw 0 2.95vw;
    }
    h1.borderheading:after{
        height: 0.1vw;
        width: 13vw;
    }
    .imgs ul li{
        height:15.5vw;
    }
    .inspiration .imgs > ul > li .glover .view button{
        border-radius: 0.15vw;
        padding: 0.25vw 1vw;
    }
    
}
@media (max-width: 1350px){
	.inspiration {
        max-width: 1340px !important;
		padding: 0 60px;
    }
	h1.borderheading{
        font-size: 3vw;
    }
}
@media (max-width: 767px){
    .bread-crumcontainer{
        display: none;
    }
    .inspirationDiv {
        width: 100%;
        float: left;
    }
    .inspiration {
        max-width: 84.1%;
    }
    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 > ul > li .glover .view button {
        border-radius: 0.4vw;
        padding: 0.6vw 2vw;
        font-size: 2vw;
    }
}

@media (max-width: 560px){
	.inspiration {
		padding: 0 30px;
	}
}