.portfolio-container > .view-content {
    position :relative;
}

.portfolio-container .view-content .views-field-title {
    cursor: pointer;
}

.portfolio-container > .view-content > .views-row  .category-view-container > .view-content,
.portfolio-container > .view-content > .views-row.unclick  .category-view-container > .view-content
 {
    position: relative;
    /* right : 0px; */
    /* border:1px solid black; */
    max-height: 0;
    /* display : none; */
    transition: max-height 0.25s linear; 
    overflow: hidden;
}
.portfolio-container > .view-content > .views-row.click  .category-view-container > .view-content{
    position: relative;
    max-height : 30vh;
    /* bottom:20%; */
    /* left : 10%; */
    /* display:block; */
    transition: max-height 0.25s linear;
    /* border:1px solid red;
    background-color: #d6d6d6; */
    /* overflow: hidden; */
}

.category-view-container > .view-content{
    position:relative;
    /* border : 1px solid black; */
    padding-left : 15px;
}

.sub-category-view-container > .view-content{
    position:relative;
    /* border : 1px solid black; */
    padding-left : 17px;
}

.category-view-container >.view-content{
    border-bottom: 1px solid #d6d6d6;
}

.category-view-container >.view-content > .views-row {
    /* border : 1px solid red; */
    margin-bottom : 2px;
}

.sub-category-view-container >.view-content{
    padding-top : 2px;
}
.sub-category-view-container >.view-content > .views-row {
    /* border : 1px solid green; */
    margin-bottom : 2px;
}

.portfolio-head {
    /* border: 0.5px solid black !important; */
    border-radius: 5px;
    padding-left : 10px;
    font-size : 15px;
    /* transform: scale(0.5); */
}