#other-blogs-wrapper
{
    background-color: #fff;
    height: 25vw;
    padding-bottom: 5vw;
}

#other-blogs > .section-heading
{
    height: auto;
    font-size: 2.06vw;
}

#current-blog
{
    background-color: #fff;
}

.blog-main-img
{
    height: 39.6vw;
    background-size: cover;
    background-position: center;
}

.blog-main-img .caption
{
    height: 20%;
    padding: 0 6.5vw;
    background-color: #BE0227;
    color: #fff;
    font-family: 'Product-Sans-Bold', sans-serif;
}

.blog-main-img .caption h2,
.blog-main-img .caption h4
{
    margin: 0.4vw 0;
    letter-spacing: 0.1vw;
}

.blog-main-img .caption h2
{
    font-size: 1.3vw;
}

.blog-main-img .caption h4
{
    font-weight: normal;
    font-size: 1vw;
    font-family: 'Product-Sans-Thin', sans-serif;
}

.blog-main-img .caption span
{
    font-size: 1.3vw;
}

.blog-text
{
    padding: 3.9vw 14.5vw;
}

.blog-text p,
.blog-text ul
{
    font-size: 1.3vw;
    line-height: 2.6vw;
    margin: 0;
    text-align: justify;
    font-family: 'Product-Sans', sans-serif;
}

.blog-slider
{
    height: 40vw;
}

.blog-slider > *
{
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.slider-wrapper
{
    border: 4px #BE0227 solid;
    height: 26vw;
    width: 18vw;
}

.slide
{
    top: 1.5vw;
    right: 1.5vw;
    height: 22vw;
    -ms-flex-preferred-size: 15vw;
    flex-basis: 15vw;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 2.9vw;
    opacity: 0.63;
    -webkit-transition: .5s all;
    transition: .5s all;
    background-position: center;
    background-size: cover;
}

.slide.active
{
    height: inherit;
    -ms-flex-preferred-size: 18vw;
    flex-basis: 18vw;
    opacity: 1;
}

.slider-controls
{
    -ms-flex-item-align: end;
    align-self: flex-end;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 4vw;
}

.slider-indicators
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.slider-indicators > li
{

    border-radius: 100%;
    width: 0.8vw;
    height: 0.8vw;
    background-color: #737373;
    margin: 0 0.52vw;
    cursor: pointer;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
}

.slider-indicators > li.active
{
    width: 1.1vw;
    height: 1.1vw;
    background-color: #BE0227;
}

.slide-preanimation
{
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.slide-animation
{
    -webkit-transform: translate(10vw, 0);
    transform: translate(10vw, 0);
}

/* MOBILE */
@media (max-width: 1023px)
{
    #other-blogs-wrapper
    {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
    }
    
    .blog-text
    {
        overflow-y: scroll;
        padding: 4vw 12vw;
        height: 100vw;
    }
    
    
    .blog-text > p,
    .blog-text ul
    {
        font-size: 4vw;
        line-height: 6vw;
    }
    
    .blog-text::-webkit-scrollbar-thumb
    {
        background-color: #BE0227;
    }
    
    .blog-slider
    {
        height: 110vw;
    }
    
    .slider-wrapper    
    {
        -ms-flex-preferred-size: 50vw;
        flex-basis: 50vw;  
        height: 80vw;
    }
    
    .blog-main-img
    {
        height: 60vw;
    }
    
    .slide.active
    {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    
    .slider-indicators > li
    {
        -ms-flex-preferred-size: 1.8vw;
        flex-basis: 1.8vw;
        height: 1.8vw;
    }
    
    .slider-indicators > li.active
    {
        -ms-flex-preferred-size: 2vw;
        flex-basis: 2.2vw;
        height: 2.2vw;
    }
    
    
    .blog-main-img  .caption
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .blog-main-img  .caption > div
    {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    
    .blog-main-img .caption *
    {
        text-align: center;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    
    .blog-main-img .caption h2,
    .blog-main-img .caption h4
    {
        white-space: nowrap;
    }
    
    .blog-main-img .caption h4,
    .blog-main-img .caption span
    {
        font-size: 1.8vw;
    }
    
    .blog-main-img .caption h2
    {
        font-size: 3vw;
    }
    
    .blog-main-img .caption h4
    {
        padding-left: 3.2vw;
    }
    
    
}