.bhoechie-tab .UlEventImage .media-content {
width: auto;
margin-top: 35px;
}
.bhoechie-tab .download-content .left {
width: 100%;
max-width: 230px;
height: auto;
margin-bottom: 10px;
text-align: center;
}
.bhoechie-tab .download-content .left .Prod-Image {
border-radius: 5px;
border: 1px solid #ddd;
width: 100%;
height: 100%;
}
.bhoechie-tab .download-content{
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: 0px 15px;
    margin-bottom: 20px;
}	
.bhoechie-tab .UlEventImage .media-content {
    margin-top: 15px;
    margin-bottom: 0;
    width: calc(26% - 1.70455rem);
    border: 1px solid #f2f2f2;
        padding: 5px 10px 0px;
}
.download-content .left a.buttonncommon:hover .downloadicon{
    background-image: var(--iconwhite);
}

.bhoechie-tab .download-content .left {
    max-width: 100%;
    padding-bottom: 2px;
}	
.bhoechie-tab .download-content .left .btncommon.partII{
    padding: 5px 5px;
    border-radius: 6px;
}	
.bhoechie-tab .download-content .left .btncommon.partII:hover{
    background: #0b62a1;
}		
.bhoechie-tab .download-content .left .Prod-Image{
    border: none;
}	
.cataloguepage div.bhoechie-tab-menu div.list-group > a.active:after, .event-galry div.bhoechie-tab-menu div.list-group>a.active:after {
    top: 0;
    margin-top: 0;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    border-left: 20px solid #063870;
    }

@media screen and (min-width: 1701px) {
    .bhoechie-tab .UlEventImage .media-content {
        width: calc(26% - 1.70455rem);
    }
}
@media only screen and (min-width:1501px) and (max-width: 1700px) {
    .bhoechie-tab .UlEventImage .media-content {
    width: calc(26.3% - 1.70455rem);
}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.bhoechie-tab .UlEventImage .media-content {
    width: calc(50% - 01rem);
}
}