.cards-list{
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -30px;

    > .item{
        padding: 0 15px;
        margin-bottom: 30px;
    }

    &.columns-5{
        > .item{
            width: 20%;
        }
    }

    &.columns-4{
        > .item{
            width: 25%;

            &.wide{
                width: 50%;
            }
        }
    }

    &.columns-3{
        > .item{
            width: 33.3333%;
        }
    }

    &.columns-2{
        > .item{
            width: 50%;
        }
    }

    @media screen and (max-width: 1199px){
        &.lg-columns-3{
            > .item{
                width: 33.333%;

                &.wide{
                    // width: 66.6667%;
                    display: none;
                }
            }
        }

        &.lg-columns-2{
            > .item{
                width: 50%;
            }
        }

        &.lg-columns-1{
            > .item{
                width: 100%;
            }
        }
    }

    @media screen and (max-width: 991px){
        &.md-columns-3{
            > .item{
                width: 33.333%;

                &.wide{
                    width: 66.6667%;
                    display: none;
                }
            }
        }

        &.md-columns-2{
            > .item{
                width: 50%;
            }
        }

        &.md-columns-1{
            > .item{
                width: 100%;
            }
        }
    }

    @media screen and (max-width: 767px){
        &.sm-columns-2{
            > .item{
                width: 50%;

                &.wide{
                    width: 100%;
                }
            }
        }

        &.sm-columns-1{
            > .item{
                width: 100%;
            }
        }
    }

    @media screen and (max-width: 575px){
        &.xs-columns-2{
            > .item{
                width: 50%;
            }
        }

        &.xs-columns-1{
            > .item{
                width: 100%;

                &.wide{
                    display: none;
                }
            }
        }
    }
}