.H-60 {
    height: 60px !important;
}

.H-80 {
    height: 80px !important;
}

.H-90 {
    height: 90px !important;
}

.H-100 {
    height: 100px !important;
}

.H-120 {
    height: 180px !important;
}

.H-180 {
    height: 180px !important;
}

.row-1 {
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap !important;
    white-space: normal !important;
}

.row-2 {
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap !important;
    white-space: normal !important;
}

.row-3 {
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap !important;
    white-space: normal !important;
}

.row-4 {
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.row-5 {
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*-----------------------------------------*/

.my-image-index img {
    width: 100% !important;
    height: 350px !important;
    object-fit: cover !important;
    color: white;
}

/*-----------------------------------------*/
.my-image-big img {
    width: 100% !important;
    height: 252px !important;
    object-fit: cover !important;
   
}

.my-image-small img {
    width: 100% !important;
    height: 75px !important;
    object-fit: cover !important;
   
}
/*-----------------------------------------*/