/* 
DesignGroop
Lightweight Layout CSS to complement existing CSS
*/

.mbs-row { display: flex; flex-wrap: wrap;}

.mbs, .mbs-1, .mbs-2, .mbs-3, .mbs-4, .mbs-5, .mbs-6, .mbs-7, .mbs-8, .mbs-9, .mbs-10, .mbs-11, .mbs-12 { display: inline-block; }
.mbs-1, .mbs-2, .mbs-3, .mbs-4, .mbs-5, .mbs-6, .mbs-7, .mbs-8, .mbs-9, .mbs-10, .mbs-11, .mbs-12 { padding: 1%; }
.mbs-1 { max-width: 6.33%; width:100%; flex-basis: 7.16%; }
.mbs-2 { max-width: 14.66%; width:100%; flex-basis: 7.16%;}
.mbs-3 { max-width: 23%; width:100%; flex-basis: 7.16%;}
.mbs-4 { max-width: 31.33%; width:100%; flex-basis: 7.16%;}
.mbs-5 { max-width: 39.66%; width:100%; flex-basis: 7.16%;}
.mbs-6 { max-width: 48%; width: 98%; flex-basis: 50%;}
.mbs-7 { max-width: 56.33%; width:100%; flex-basis: 7.16%;}
.mbs-8 { max-width: 64.66%; width:100%; flex-basis: 7.16%;}
.mbs-9 { max-width: 73%; width:100%; flex-basis: 7.16%;}
.mbs-10 { max-width: 81.33%; width:100%; flex-basis: 7.16%;}
.mbs-11 { max-width: 89.66%; width:100%; flex-basis: 7.16%;}
.mbs-12 { max-width: 100%; width:100%; flex-basis: 100%;}

@media screen and (max-width: 480px) { 

	.mbs-1, .mbs-2, .mbs-3, .mbs-4, .mbs-5, .mbs-6, .mbs-7, .mbs-8, .mbs-9, .mbs-10, .mbs-11, .mbs-12 { width: 100% !important; flex-basis: 100%; }


}