﻿.img_container {
    min-height: 155px;
    position: relative;
    line-height: 135px;
    cursor: pointer;
}

.img_container img {
    max-width: 100%;
    vertical-align: middle;
    width: 100%;
    display: inline
}

.related {
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 12px;
    line-height: 1.3;
    min-height: 295px;
    position: relative;
}

@media(max-width: 600px) {
    .related {
        min-height: 340px
    }
}

@media(max-width: 400px) {
    .img_container {
        min-height: 215px;
        line-height: 205px;
    }
}

.related-row {
    margin-top: 20px;
}

.hideCarousel.categoriesCarousel {
    visibility: hidden;
}

.related-row .slick-next {
    right: -27px;
}

#catsContent a:hover {
    color: inherit;
    text-decoration: none;
}

.related > .related-desc {
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.img-highlight {
    border-radius: 10px;
    box-shadow: 5px 5px 5px #666;
}

.img-col-small {
    max-height: 125px;
    min-height: 125px;
    width: 100% !important;
}

.img-col-big {
    min-height: 265px;
    max-height: 265px;
    height: auto;
    width: 100%
}
.div-con__wrapper {
    display: flex;
}
.div-con__wrapper-list {
    display: flex;
    padding: 0px 0px 10px;
}
.h-100p {
    height: 100%;
}
.youtube-link-wrapper {
    padding: 0px 0px 15px;
}
@media(max-width: 992px) {
    .img-col-small {
        max-height: 125px;
        min-height: 90px;
    }

    .img-col-big {
        min-height: 196px;
        max-height: 265px;
    }
}

@media(max-width: 992px) {
    .img-col-small {
        min-height: 90px;
    }

    .img-col-big {
        min-height: 196px;
    }
}

@media(max-width: 772px) {
    .div-con {
        padding: 40px;
    }
}

@media(max-width: 600px) {
    .img-col-small {
        min-height: 65px;
    }

    .img-col-big {
        min-height: 147px;
    }
}

@media(max-width: 470px) {
    .div-col-big {
        padding: 0px 5px;
    }
    .img-col-small {
        min-height: 48px;
    }

    .img-col-big {
        margin-left: 0px;
        min-height: 112px;
    }

    .col-two-col {
        padding: 0px 5px;
    }
}

.img-highlight:hover {
    transform: scale(1.05);
    transition: all 0.6s;
    filter: brightness(70%);
}