@media all and (min-width: 1920px){
    .col-fhd-1 {
        flex: 0 0 8.33333%;
        width: 8.33333%;        
    }
    .col-fhd-2 {
        flex: 0 0 16.66667%;
        width: 16.66667%;
    }
    .col-fhd-3 {
        flex: 0 0 25%;
        width: 25%;
    }
    .col-fhd-4 {
        flex: 0 0 33.33333%;
        width: 33.33333%;
    }
    .col-fhd-5 {
        flex: 0 0 41.66667%;
        width: 41.66667%;
    }
    .col-fhd-6 {
        flex: 0 0 50%;
        width: 50%;
    }
    .col-fhd-7 {
        flex: 0 0 58.33333%;
        width: 58.33333%;
    }
    .col-fhd-8 {
        flex: 0 0 66.66667%;
        width: 66.66667%;
    }
    .col-fhd-9 {
        flex: 0 0 75%;
        width: 75%;
    }
    .col-fhd-10 {
        flex: 0 0 83.33333%;
        width: 83.33333%;
    }
    .col-fhd-11 {
        flex: 0 0 91.66667%;
        width: 91.66667%;
    }
    .col-fhd-12 {
        flex: 0 0 100%;
        width: 100%;
    }

}
@media all and (min-width: 3840px){
    .col-uhd-1 {
        flex: 0 0 8.33333%;
        width: 8.33333%;        
    }
    .col-uhd-2 {
        flex: 0 0 16.66667%;
        width: 16.66667%;
    }
    .col-uhd-3 {
        flex: 0 0 25%;
        width: 25%;
    }
    .col-uhd-4 {
        flex: 0 0 33.33333%;
        width: 33.33333%;
    }
    .col-uhd-5 {
        flex: 0 0 41.66667%;
        width: 41.66667%;
    }
    .col-uhd-6 {
        flex: 0 0 50%;
        width: 50%;
    }
    .col-uhd-7 {
        flex: 0 0 58.33333%;
        width: 58.33333%;
    }
    .col-uhd-8 {
        flex: 0 0 66.66667%;
        width: 66.66667%;
    }
    .col-uhd-9 {
        flex: 0 0 75%;
        width: 75%;
    }
}