
.rdo-list, .cbx-list {display: flex; align-items: center; flex-wrap: wrap;}
.rdo-list label, .cbx-list label {width: calc(25% - 20px); margin: 10px; display: block;}
.rdo-list > div, .cbx-list > div, .rdo-list > div > div, .cbx-list > div > div {width: 100%;}
.rdo-list > div, .cbx-list > div {display: flex; flex-wrap: wrap;}

.fieldset-list {display: flex; align-items: center; flex-wrap: wrap; margin: 10px -10px 20px;}
.fieldset-list > .fieldset {--50: 50%; width: calc(var(--50) - 20px); margin: 20px 10px 0;}
.fieldset > div {height: 100%; border: solid 1px rgba(255,54,68, 0.1); border-radius: 3px;}

/************* max 1200 **************/ @media screen and (max-width:1200px){
.rdo-list label, .cbx-list label {width: calc(33.33% - 20px);}

}
/************* max 900 **************/ @media screen and (max-width:900px){
    .rdo-list label, .cbx-list label {width: calc(50% - 20px);}
}
/************* max 500 **************/ @media screen and (max-width:500px){
    .fieldset-list > .fieldset {--50: 100%;}
    .rdo-list label, .cbx-list label {width: calc(100% - 20px);}
}