/*.flb { padding: 10px; }*/

.flb:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
} /* clearfix */

.bs/*,
.bs1,
.bs2*/ {
    float: left;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.bs {
    padding: 10px;
}

/*.bs1 {
    padding: 10px;
}

.bs2 {
    padding: 20px 10px;
}
*/
.fl1 {
    padding: 10px;
}

.fl2 { width: 50%; }
.fl3 { width: 33.333%; }
.fl4 { width: 25%; }
.fl5 { width: 20%; }
.fl6 { width: 16.666%; }

.fl-3 { width: 66.667%; }
.fl-4 { width: 75%; }
.fl-6 { width: 83.334%; }

.c2, .c4 {
    display: inline-block;
    vertical-align: top;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.c2 {width: 50%; }
.c4 {width: 25%; }

.p2 { padding: 20px; }

@media all and (max-width: 1160px) {
	.fl5 { width: 33.333%; }

}

@media all and (max-width: 959px) {
    .fl6 { width: 33.333%; }
    .fl4 { width: 50%; }
    .fl-6 { width: 66.667%; }
    .fl-4 { width: 50%; }

    .c2 { width: 100%; }
}

@media all and (max-width: 799px) {
    .fl2 { width: 100%; }
    .fl3 { width: 100%; }
    .fl-2 { width: 100%; }
    .fl-3 { width: 100%; }

    .c4 { width: 50%; }
}

@media all and (max-width: 639px) {
    .fl6 { width: 50%; }
    .fl-6 { width: 50%; }
}

@media all and (max-width: 479px) {
    .fl2,
    .fl3,
    .fl4,
    .fl6 { width: 100%; }

    .fl-3,
    .fl-4,
    .fl-6 { width: 100%; }

	.fl5 { width: 100%; }

    .c4 { width: 100%; }
}