.wrow{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.wrrow{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}
/* anything smaller than ipad*/
.s0{flex: none;}
.s1{flex: 0 0 8.33%;}
.s2{flex: 0 0 16.66%;}
.s3{flex: 0 0 25%;}
.s4{flex: 0 0 33.33%;}
.s5{flex: 0 0 41.66%;}
.s6{flex: 0 0 50%;}
.s7{flex: 0 0 58.33%;}
.s8{flex: 0 0 66.66%;}
.s9{flex: 0 0 75%;}
.s10{flex: 0 0 83.33%;}
.s11{flex: 0 0 91.66%;}
.s12{flex: 0 0 100%;}


/* if bigger than ipad size and smaller than desktop (1000px)*/
@media screen and (min-width:769px) { 
.m0{display: none;}
.m1{flex: 0 0 8.33%;}
.m2{flex: 0 0 16.66%;}
.m3{flex: 0 0 25%;}
.m4{flex: 0 0 33.33%;}
.m5{flex: 0 0 41.66%;}
.m6{flex: 0 0 50%;}
.m7{flex: 0 0 58.33%;}
.m8{flex: 0 0 66.66%;}
.m9{flex: 0 0 75%;}
.m10{flex: 0 0 83.33%;}
.m11{flex: 0 0 91.66%;}
.m12{flex: 0 0 100%;}


}
/* if bigger than desktop size (1000px)*/
@media screen and (min-width:1000px) { 
.l0{display: none;}
.l1{flex: 0 0 8.33%;}
.l2{flex: 0 0 16.66%;}
.l3{flex: 0 0 25%;}
.l4{flex: 0 0 33.33%;}
.l5{flex: 0 0 41.66%;}
.l6{flex: 0 0 50%;}
.l7{flex: 0 0 58.33%;}
.l8{flex: 0 0 66.66%;}
.l9{flex: 0 0 75%;}
.l10{flex: 0 0 83.33%;}
.l11{flex: 0 0 91.66%;}
.l12{flex: 0 0 100%;}


}