/*==============================================================================
# RECOMMENDATIONS - by Bold Brain
# WARNING: This file is auto-generated and any changes that are made may be lost.
==============================================================================*/

.bold-recommend{
    margin-bottom: 30px;
}

.bold-recommend__wrap{
    max-width: 1280px;
    width: 100%;
    padding: 20px 0px;
    margin: 0 auto;
}

.bold-recommend__grid{
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -20px;
}

.bold-recommend__title{
    margin-bottom: 20px;
}

.bold-recommend__product{
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    width: 25%;
    box-sizing: border-box;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 0 0 20px;
    color: currentColor;
    transition: opacity .3s ease-in-out !important;
    opacity: 1;
    margin-bottom: 40px;
}

.bold-recommend__product_3{
    -webkit-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    max-width: 33%;
    width: 33%;
}

.bold-recommend__product_4{
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    width: 25%;
}


.bold-recommend__product_5{
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
    width: 20%;
}

.bold-recommend__product_6{
    -webkit-flex-basis: 16%;
    -ms-flex-preferred-size: 16%;
    flex-basis: 16%;
    max-width: 16%;
    width: 16%;
}

.bold-recommend__product:hover {
    opacity: .75;
    cursor: pointer;
}

.bold-recommend__product.bold-recommend__updated:hover {
    opacity: initial;
    cursor: initial;
}

.bold-recommend__product-content:hover {
    opacity: .75;
    cursor: pointer;
}

.bold-recommend__product *{
    transition: opacity .3s ease-in-out !important;
}


.bold-recommend__product h4{
    margin: 0 0 8px !important;
    opacity: .9;
}

.bold-recommend__product h5{
    margin: 0 0 10px 0 !important;
    opacity: .65;
}

.bold-recommend__img{
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.bold-recommend__updated .bold-recommend__img {
    width: auto;
    padding-bottom: unset;
    max-width: 100%;
    max-height: 100%;
}

.bold-recommend__img-container {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 16px;
}


@media screen and (max-width: 1300px){
    .bold-recommend__wrap{
        padding: 20px 15px !important;
    }
}

@media screen and (max-width: 1024px){
    .bold-recommend__product{
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        width: 50%;
    }
}

@media screen and (max-width: 767px){
    .bold-recommend__wrap{

    }
}

@media screen and (max-width: 500px){
    .bold-recommend__product{
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
    }

    .bold-recommend__product img{
        margin: 0 auto;
        display: block;
        width: 100%;
    }

    .bold-recommend__img-container {
        height: auto;
    }
}