/* float grid */

/* .l_wrap { } */
.l_row {
    margin: 0 -10px;
}
.l_row::after {
    content: ' ';
    display: block;
    clear: both;
}
.l_col {
    float: left;
    width: 33.333333%;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.l_col_12 { width: 100%; }
.l_col_11 { width: 91.66666667%; }
.l_col_10 { width: 83.33333333%; }
.l_col_9  { width: 75%; }
.l_col_8  { width: 66.66666667%; }
.l_col_7 { width: 58.33333333%; }
.l_col_6  { width: 50%; }
.l_col_5  { width: 41.66666667%; }
.l_col_4 { width: 33.33333333%; }
.l_col_3  { width: 25%; }
.l_col_2  { width: 16.66666667%; }
.l_col_1 { width: 8.33333333%; }

/* 991 */
@media screen and (max-width: 1480px) { 
    .l_col_md_12 { width: 100%; }
    .l_col_md_11 { width: 91.66666667%; }
    .l_col_md_10 { width: 83.33333333%; }
    .l_col_md_9  { width: 75%; }
    .l_col_md_8  { width: 66.66666667%; }
    .l_col_md_7 { width: 58.33333333%; }
    .l_col_md_6  { width: 50%; }
    .l_col_md_5  { width: 41.66666667%; }
    .l_col_md_4 { width: 33.33333333%; }
    .l_col_md_3  { width: 25%; }
    .l_col_md_2  { width: 16.66666667%; }
    .l_col_md_1 { width: 8.33333333%; } 
}
@media screen and (max-width:767px) { 
    .l_row{ padding: 0 -5px;}
    .l_col{ padding: 0 10px; margin-bottom:10px;}
    .l_col_sm_12 { width: 100%; }
    .l_col_sm_11 { width: 91.66666667%; }
    .l_col_sm_10 { width: 83.33333333%; }
    .l_col_sm_9  { width: 75%; }
    .l_col_sm_8  { width: 66.66666667%; }
    .l_col_sm_7 { width: 58.33333333%; }
    .l_col_sm_6  { width: 50%; }
    .l_col_sm_5  { width: 41.66666667%; }
    .l_col_sm_4 { width: 33.33333333%; }
    .l_col_sm_3  { width: 25%; }
    .l_col_sm_2  { width: 16.66666667%; }
    .l_col_sm_1 { width: 8.33333333%; } 
    .l_col_sm_0 { display: none; }
}


/* flex */

.f_row { 
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.f_item {
    display: flex; 
    align-items: center;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0px; 
    gap: 4px;
}

.f_item > * { margin-left: 4px;}

.f_item > input ,
.f_item > select {
    flex-grow: 1;
    flex-shrink: 1; 
    flex-basis: auto;
}

.f_item > .w_sm { max-width: 120px;}

.f_col_12 { width: 100% !important; }
.f_col_11 { width: 91.66666667% !important; }
.f_col_10 { width: 83.33333333% !important; }
.f_col_9  { width: 75% !important; }
.f_col_8  { width: 66.66666667% !important; }
.f_col_7 { width: 58.33333333% !important; }
.f_col_6  { width: 50% !important; }
.f_col_5  { width: 41.66666667% !important; }
.f_col_4 { width: 33.33333333% !important; }
.f_col_3  { width: 25% !important; }
.f_col_2  { width: 16.66666667% !important; }
.f_col_1 { width: 8.33333333% !important; }

/* md */
@media screen and ( max-width: 1024px) {
    .md_full { 
        flex-basis: 100%; 
    }
    .md_half { 
        background-color: black !important;
        flex-grow: 0 !important;
        flex-basis: 50%; 
    }
    
}   
/* sm */
@media screen and ( max-width: 767px) {
    .sm_full { 
        flex-basis: 100%; 
    }
    .sm_half { 
        background-color: black !important;
        flex-grow: 0 !important;
        flex-basis: 50%; 
    }
    
}