.wrapper-flex{	
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
	-ms-flex-wrap:wrap;
}

.flex{
	display: -ms-flexbox;
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: none;
	flex-wrap: wrap;
	-ms-flex-wrap:wrap;
}

.flex p{
	width:100%;
	text-align:center;
}

.no-margin{ margin:0 !important;}
.to-left{justify-content:flex-start !important;}
ul li.flex.to-left{margin-bottom:0 !important;}

@media(max-width: 767px) {
		
	.flex-s-1 {
		width: 8.33333333%;
	}
	
	.flex-s-2 {
		width: 16.66666667%;
	}
	
	.flex-s-3 {
		width: 25%;
	}
	
	.flex-s-4 {
		width: 33.33333333%;
	}
	
	.flex-s-5 {
		width: 41.66666667%
	}

	.flex-s-6 {
		width: 50%;
	}

	.flex-s-7 {
		width: 58.33333333%;
	}

	.flex-s-8 {
		width: 66.66666667%;
	}

	.flex-s-9 {
		width: 75%;
	}
	
	.flex-s-10 {
		width: 83.33333333%;
	}
	
	.flex-s-11 {
		width: 91.66666667%;
	}

	.flex-s-12 {
		width: 100%;
	}							
}

@media (min-width: 768px) and ( max-width: 1920px){
	.flex-m-1 {
		width: 8.33333333%;
	}
	
	.flex-m-2 {
		width: 16.66666667%;
	}
	
	.flex-m-3 {
		width: 25%;
	}
	
	.flex-m-4 {
		width: 33.33333333%;
	}
	
	.flex-m-5 {
		width: 41.66666667%
	}

	.flex-m-6 {
		width: 50%;
	}

	.flex-m-7 {
		width: 58.33333333%;
	}

	.flex-m-8 {
		width: 66.66666667%;
	}

	.flex-m-9 {
		width: 75%;
	}
	
	.flex-m-10 {
		width: 83.33333333%;
	}
	
	.flex-m-11 {
		width: 91.66666667%;
	}

	.flex-m-12 {
		width: 100%;
	}
	
	.flex-m-2-5 {
		width: 20%;
	}
	
	.flex-m-2-7 {
		width: 14.2857%;
	}	
}