.flex-items{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.flex-item{
    padding: 0 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;	
    -webkit-box-flex: 1;	
    -webkit-flex: 1 1 100%;	
    -ms-flex: 1 1 100%;	
    flex: 1 1 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    min-width: 100%;
    float: left;
}

.flex-items.flex-2 .flex-item{		
    -webkit-box-flex: 1;		
    -webkit-flex: 1 1 50%;		
    -ms-flex: 1 1 50%;		
    flex: 1 1 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
}

.flex-items.flex-3 .flex-item{		
    -webkit-box-flex: 1;		
    -webkit-flex: 1 1 33.333334%;		
    -ms-flex: 1 1 33.333334%;		
    flex: 1 1 33.333334%;
    -webkit-flex-basis: 33.333334%;
    -ms-flex-preferred-size: 33.333334%;
    flex-basis: 33.333334%;
    max-width: 33.333334%;
    min-width: 33.333334%;
}

.flex-items.flex-4 .flex-item{		
    -webkit-box-flex: 1;		
    -webkit-flex: 1 1 25%;		
    -ms-flex: 1 1 25%;		
    flex: 1 1 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    min-width: 25%;
}

.flex-items.flex-2 .flex-item:nth-child(n+3),
.flex-items.flex-3 .flex-item:nth-child(n+4),
.flex-items.flex-4 .flex-item:nth-child(n+5){
    margin-top: 30px;
}

.flex-item-inner{
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-item-v-center .flex-item-inner,
.flex-items-v-center{
    align-items: center;
}

.flex-item-h-center .flex-item-inner,
.flex-items-h-center{
    justify-content: center;
}

@media (max-width:767px)
{		
    .flex-items.flex-xs-1 .flex-item{		
        -webkit-box-flex: 1;		
        -webkit-flex: 1 1 100%;		
        -ms-flex: 1 1 100%;		
        flex: 1 1 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .flex-items.flex-xs-2 .flex-item{		
        -webkit-box-flex: 1;		
        -webkit-flex: 1 1 50%;		
        -ms-flex: 1 1 50%;		
        flex: 1 1 50%;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        min-width: 50%;
    }

    .flex-items.flex-xs-3 .flex-item{		
        -webkit-box-flex: 1;		
        -webkit-flex: 1 1 33.333334%;		
        -ms-flex: 1 1 33.333334%;		
        flex: 1 1 33.333334%;
        -webkit-flex-basis: 33.333334%;
        -ms-flex-preferred-size: 33.333334%;
        flex-basis: 33.333334%;
        max-width: 33.333334%;
        min-width: 33.333334%;
    }

    .flex-items.flex-xs-4 .flex-item{		
        -webkit-box-flex: 1;		
        -webkit-flex: 1 1 25%;		
        -ms-flex: 1 1 25%;		
        flex: 1 1 25%;
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        min-width: 25%;
    }

    .flex-items.flex-xs-1 .flex-item:nth-child(n+2),
    .flex-items.flex-xs-2 .flex-item:nth-child(n+3),
    .flex-items.flex-xs-3 .flex-item:nth-child(n+4),
    .flex-items.flex-xs-4 .flex-item:nth-child(n+5){
        margin-top: 30px;
    }
}

@media (min-width:768px) and (max-width:991px)
{
    .flex-items.flex-sm-1 .flex-item{		
        -webkit-box-flex: 1;		
        -webkit-flex: 1 1 100%;		
        -ms-flex: 1 1 100%;		
        flex: 1 1 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .flex-items.flex-sm-2 .flex-item{		
        -webkit-box-flex: 1;		
        -webkit-flex: 1 1 50%;		
        -ms-flex: 1 1 50%;		
        flex: 1 1 50%;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        min-width: 50%;
    }

    .flex-items.flex-sm-3 .flex-item{		
        -webkit-box-flex: 1;		
        -webkit-flex: 1 1 33.333334%;		
        -ms-flex: 1 1 33.333334%;		
        flex: 1 1 33.333334%;
        -webkit-flex-basis: 33.333334%;
        -ms-flex-preferred-size: 33.333334%;
        flex-basis: 33.333334%;
        max-width: 33.333334%;
        min-width: 33.333334%;
    }

    .flex-items.flex-sm-4 .flex-item{		
        -webkit-box-flex: 1;		
        -webkit-flex: 1 1 25%;		
        -ms-flex: 1 1 25%;		
        flex: 1 1 25%;
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        min-width: 25%;
    }

    .flex-items.flex-sm-1 .flex-item:nth-child(n+2),
    .flex-items.flex-sm-2 .flex-item:nth-child(n+3),
    .flex-items.flex-sm-3 .flex-item:nth-child(n+4),
    .flex-items.flex-sm-4 .flex-item:nth-child(n+5){
        margin-top: 30px;
    }
}

@media (min-width:992px) and (max-width:1199px)
{
    .flex-items.flex-md-1 .flex-item{		
        -webkit-box-flex: 1;		
        -webkit-flex: 1 1 100%;		
        -ms-flex: 1 1 100%;		
        flex: 1 1 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .flex-items.flex-md-2 .flex-item{		
        -webkit-box-flex: 1;		
        -webkit-flex: 1 1 50%;		
        -ms-flex: 1 1 50%;		
        flex: 1 1 50%;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        min-width: 50%;
    }

    .flex-items.flex-md-3 .flex-item{		
        -webkit-box-flex: 1;		
        -webkit-flex: 1 1 33.333334%;		
        -ms-flex: 1 1 33.333334%;		
        flex: 1 1 33.333334%;
        -webkit-flex-basis: 33.333334%;
        -ms-flex-preferred-size: 33.333334%;
        flex-basis: 33.333334%;
        max-width: 33.333334%;
        min-width: 33.333334%;
    }

    .flex-items.flex-md-4 .flex-item{		
        -webkit-box-flex: 1;		
        -webkit-flex: 1 1 25%;		
        -ms-flex: 1 1 25%;		
        flex: 1 1 25%;
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        min-width: 25%;
    }

    .flex-items.flex-md-1 .flex-item:nth-child(n+2),
    .flex-items.flex-md-2 .flex-item:nth-child(n+3),
    .flex-items.flex-md-3 .flex-item:nth-child(n+4),
    .flex-items.flex-md-4 .flex-item:nth-child(n+5){
        margin-top: 30px;
    }
}