/* (c) Copyright HtmlBase by Nik Ahmad 2019 */

._firm{margin:0 auto}

.f12{width:8.3333%}
.f12-2{width:16.6667%}
.f12-3{width:25%}
.f12-4{width:33.3333%}
.f12-5{width:41.6667%}
.f12-6{width:50%}
.f12-7{width:58.3333%}
.f12-8{width:66.6667%}
.f12-9{width:75%}
.f12-10{width:83.3333%}
.f12-11{width:91.6667%}

.f10{width:10%}
.f20{width:20%}
.f30{width:30%}
.f40{width:40%}
.f50{width:50%}
.f60{width:60%}
.f70{width:70%}
.f80{width:80%}
.f90{width:90%}

.f100{width:100%}

@media screen and (min-width:300px){
._firm{width:300px}

.sf12{width:8.3333%}
.sf12-2{width:16.6667%}
.sf12-3{width:25%}
.sf12-4{width:33.3333%}
.sf12-5{width:41.6667%}
.sf12-6{width:50%}
.sf12-7{width:58.3333%}
.sf12-8{width:66.6667%}
.sf12-9{width:75%}
.sf12-10{width:83.3333%}
.sf12-11{width:91.6667%}

.sf10{width:10%}
.sf20{width:20%}
.sf30{width:30%}
.sf40{width:40%}
.sf50{width:50%}
.sf60{width:60%}
.sf70{width:70%}
.sf80{width:80%}
.sf90{width:90%}

.sf100{width:100%}

}
@media screen and (min-width:600px){
._firm{width:600px}

.mf12{width:8.3333%}
.mf12-2{width:16.6667%}
.mf12-3{width:25%}
.mf12-4{width:33.3333%}
.mf12-5{width:41.6667%}
.mf12-6{width:50%}
.mf12-7{width:58.3333%}
.mf12-8{width:66.6667%}
.mf12-9{width:75%}
.mf12-10{width:83.3333%}
.mf12-11{width:91.6667%}

.mf10{width:10%}
.mf20{width:20%}
.mf30{width:30%}
.mf40{width:40%}
.mf50{width:50%}
.mf60{width:60%}
.mf70{width:70%}
.mf80{width:80%}
.mf90{width:90%}

.mf100{width:100%}

}
@media screen and (min-width:900px){
._firm{width:900px}

.mlf12{width:8.3333%}
.mlf12-2{width:16.6667%}
.mlf12-3{width:25%}
.mlf12-4{width:33.3333%}
.mlf12-5{width:41.6667%}
.mlf12-6{width:50%}
.mlf12-7{width:58.3333%}
.mlf12-8{width:66.6667%}
.mlf12-9{width:75%}
.mlf12-10{width:83.3333%}
.mlf12-11{width:91.6667%}

.mlf10{width:10%}
.mlf20{width:20%}
.mlf30{width:30%}
.mlf40{width:40%}
.mlf50{width:50%}
.mlf60{width:60%}
.mlf70{width:70%}
.mlf80{width:80%}
.mlf90{width:90%}

.mlf100{width:100%}

}
@media screen and (min-width:1200px){
._firm{width:1200px}

.bf12{width:8.3333%}
.bf12-2{width:16.6667%}
.bf12-3{width:25%}
.bf12-4{width:33.3333%}
.bf12-5{width:41.6667%}
.bf12-6{width:50%}
.bf12-7{width:58.3333%}
.bf12-8{width:66.6667%}
.bf12-9{width:75%}
.bf12-10{width:83.3333%}
.bf12-11{width:91.6667%}

.bf10{width:10%}
.bf20{width:20%}
.bf30{width:30%}
.bf40{width:40%}
.bf50{width:50%}
.bf60{width:60%}
.bf70{width:70%}
.bf80{width:80%}
.bf90{width:90%}

.bf100{width:100%}

}
@media screen and (min-width:2400px){
._firm{width:2400px}

.lf12{width:8.3333%}
.lf12-2{width:16.6667%}
.lf12-3{width:25%}
.lf12-4{width:33.3333%}
.lf12-5{width:41.6667%}
.lf12-6{width:50%}
.lf12-7{width:58.3333%}
.lf12-8{width:66.6667%}
.lf12-9{width:75%}
.lf12-10{width:83.3333%}
.lf12-11{width:91.6667%}

.lf10{width:10%}
.lf20{width:20%}
.lf30{width:30%}
.lf40{width:40%}
.lf50{width:50%}
.lf60{width:60%}
.lf70{width:70%}
.lf80{width:80%}
.lf90{width:90%}

.lf100{width:100%}

}

/*  */