@import '../../../../assets/scss/variables';
@import '../../../../assets/scss/mixins';

div.ftm-list-icon-wrapper{

    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;

    ul#ftm-list-icon {

        @include media($breakpoint-sm) {

            margin-top: 10px;
            margin-bottom: 10px;

            &.columns-2{
                column-count: 1 !important;
            }
        
            &.columns-3{
                column-count: 1 !important;
            }
        
            &.columns-4{
                column-count: 1 !important;
            }
        }

        list-style: none;
        margin-left: 0px;
        
        li {
        padding-bottom: 5px;

            i[class^="icon-"] {
                padding-right: 10px;
            }

        }

        &.columns-2{
            column-count: 2;
            column-gap: 6rem;
        }

        &.columns-3{
            column-count: 3;
        }

        &.columns-4{
            column-count: 4;
        }

    }

}