/* Remove for prod */
.rtl-slider-flex {
    /*margin: 10em auto;*/
    /*padding: 0.75em 0.75em 0.5em;*/
    /*background: #fff;*/
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.2);*/
    /*box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);*/
}

.thumb-prev,
.thumb-next {
    bottom: 12px !important;
    right: calc(9% + 0.75em) !important;
}

.thumb-prev {
    right: calc(0% + 0.75em) !important;
}

/* Necessary styles */
.rtl-slider-flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    box-sizing: border-box;
    position: relative;
}

.rtl-slider-flex .rtl-slider {
    width: 76%;
    margin-right: 1%;

}

.rtl-slider-flex .rtl-slider-nav {
    width: 23%;
    margin-top: 40px;
    position: relative;
    top: -20px;
    /*height: calc(100% - 20px);*/
}

.rtl-slider-flex .rtl-slider-nav .rtl-slider-slide {
    /*padding-top: 90%;*/
    /*!*padding-top: 100%;*!*/
    /*margin-bottom: 4px;*/
    /*opacity: 0.75;*/
    /*transition: all 0.3s ease;*/
    /*cursor: pointer;*/
    /*padding-top: 90%;*/
    /* padding-top: 100%; */
    /* margin-bottom: 4px; */
    opacity: 0.75;
    transition: all 0.3s ease;
    cursor: pointer;
    height: 0;
    padding-bottom: 90%;
    width: 100%;
    padding-top: 2%;
    overflow: hidden;
}

.rtl-slider-nav img {
    display: block;
    width: 100%;
    padding:5px;
}

.rtl-slider-flex .rtl-slider-nav .slick-slide.slick-current.slick-active .rtl-slider-slide {
    opacity: 1;
}

.rtl-slider-flex .rtl-slider-slide {
    /*background-repeat: no-repeat;*/
    /*background-position: center center;*/
    /*!*background: #0b69b7  no-repeat center center;*!*/
    /*!*padding-top: 56.25%;*!*/
    padding-top: 90%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.rtl-slider-box{
    padding: 5px;
}
.bg-contain {
    background-size: contain;
}

.rtl-slider-flex .thumb-prev,
.rtl-slider-flex .thumb-next {
    position: absolute;
    bottom: 4px;
    right: 0;
    height: 60px;
    width: 6%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: transparent;
}

.rtl-slider-flex .thumb-prev {
    top: 0;
}

.rtl-slider-flex .thumb-prev,
.rtl-slider-flex .thumb-next {
    color: #1e79bf;
    right: calc(6.2% + 0.75em) !important;
}

.rtl-slider-flex .thumb-prev {
    top: -20px !important;
}

.rtl-slider-flex .thumb-next {
    bottom: -20px !important;
}

@media (max-width: 991px)
{
    .rtl-slider-flex{
        display: block;
    }

    .rtl-slider-flex .rtl-slider{
        width: 100%;
        margin: 0;
    }

    .rtl-slider-flex .rtl-slider-nav {
        margin-top: 20px;
        width: 100%;
    }

    .rtl-slider-flex .thumb-prev, .rtl-slider-flex .thumb-next {
        right: 0!important;
        bottom: 40px!important;
        transform: rotate(-90deg);
        /*width: 30px;*/
        /*background: #fff;*/
    }

    .rtl-slider-flex .thumb-prev, .rtl-slider-flex .thumb-prev {
        left: 0!important;
        bottom: 40px!important;
        transform: rotate(270deg);
        /*width: 30px;*/
        /*background: #fff;*/
        top: auto!important;
    }
}