.M--products {
    position: relative;
    .products__overlay {
        background-image: linear-gradient(0deg, #B8B75B 0%, #016394 100%);
    }
    .products__wrapper {
        display: block;
        position: relative;
        z-index: 2;
    }
    .products__list {
        display: block;
        position: relative;
        margin: auto;
        max-width: 920px;
        @media (max-width: $screen-sm) {
            margin: 0 -16px;
        }
        .products__grid {
            display: block;
            position: relative;
        }
        .product {
            display: inline-block;
            width: 100%;
            vertical-align: top;
        }
    }
    .products__action {
        display: block;
        margin-top: 16px;
        font-size: 0;
        line-height: 0;
        text-align: center;
        .button--view-all {
            display: inline-block;
            padding: 8px 0;
            color: #fff;
        }
    }
    .owl-dots {
        display: none;
    }
    .C--carousel {
        display: block;
        .carousel__nav {
            display: block;
            position: absolute;
            top: 50%;
            z-index: 4;
            margin-top: -30px;
            height: 0;
            width: 100%;
            @media (max-width: $screen-sm) {
                top: 100%;
                margin-top: -36px;
                text-align: right;
            }
            .nav__button {
                width: 40px;
                height: 40px;
                background-color: initial;
                border: none;
                outline: none;
                cursor: pointer;
                @include border-radius(40px);
                @include box-shadow(0 0 8px rgba(0,0,0,0.4));
                @include opacity(1);
                -webkit-transition: opacity .3s;
                transition: opacity .3s;
                span {
                    display: none;
                }
                &.disabled {
                    @include opacity(0);
                }
                &.nav__left {
                    margin-left: -4px;
                    @media (max-width: $screen-sm) {
                        float: none;
                        margin-left: 0;
                    }
                }
                &.nav__right {
                    margin-right: -4px;
                    float: right;
                    @media (max-width: $screen-sm) {
                        float: none;
                        margin-right: 36px;
                        margin-left: 4px;
                    }
                }
            }
        }
    }
    .C--post.type--1 {
        padding: 0 16px 16px;
        .post__table {
            @media (max-width: 640px) {
                display: block;
            }
            > .table-cell {
                @media (max-width: 640px) {
                    display: block;
                }
            }
            .cell--left {
                @media (max-width: 640px) {
                    width: 100%;
                }
            }
        }
        .post__thumbnail-cloning {
            @media (max-width: 640px) {
                width: auto;
                padding-top: 50%;
            }
            @media (max-width: 900px) {
                width: 300px;
            }
            @media (max-width: 800px) {
                width: 240px;
            }
        }
        .post__detail {
            height: 303px;
        }
        .post__title {
            @media (max-width: 640px) {
                font-size: 1.6rem;
                line-height: 1.6;
            }
        }
    }
}