.element {
    margin-left:-10px;
    margin-right:-10px;
}
.element:after {
    content: "";
    display: block;
    clear: both;
    height:0;
    overflow:hidden;
}

.element [data-cols = '1']{ width:100%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '1']{ width:100% !important;}
.element[max-width~="480px"] [data-small-cols = '1']{ width:100% !important;}
.element [data-cols = '1/2']{ width:50%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '1/2']{ width:50% !important;}
.element[max-width~="480px"] [data-small-cols = '1/2']{ width:50% !important;}
.element [data-cols = '2/2']{ width:100%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '2/2']{ width:100% !important;}
.element[max-width~="480px"] [data-small-cols = '2/2']{ width:100% !important;}
.element [data-cols = '1/3']{ width:33.3333%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '1/3']{ width:33.3333% !important;}
.element[max-width~="480px"] [data-small-cols = '1/3']{ width:33.3333% !important;}
.element [data-cols = '2/3']{ width:66.6667%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '2/3']{ width:66.6667% !important;}
.element[max-width~="480px"] [data-small-cols = '2/3']{ width:66.6667% !important;}
.element [data-cols = '3/3']{ width:100%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '3/3']{ width:100% !important;}
.element[max-width~="480px"] [data-small-cols = '3/3']{ width:100% !important;}
.element [data-cols = '1/4']{ width:25%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '1/4']{ width:25% !important;}
.element[max-width~="480px"] [data-small-cols = '1/4']{ width:25% !important;}
.element [data-cols = '2/4']{ width:50%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '2/4']{ width:50% !important;}
.element[max-width~="480px"] [data-small-cols = '2/4']{ width:50% !important;}
.element [data-cols = '3/4']{ width:75%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '3/4']{ width:75% !important;}
.element[max-width~="480px"] [data-small-cols = '3/4']{ width:75% !important;}
.element [data-cols = '4/4']{ width:100%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '4/4']{ width:100% !important;}
.element[max-width~="480px"] [data-small-cols = '4/4']{ width:100% !important;}
.element [data-cols = '1/5']{ width:20%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '1/5']{ width:20% !important;}
.element[max-width~="480px"] [data-small-cols = '1/5']{ width:20% !important;}
.element [data-cols = '2/5']{ width:40%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '2/5']{ width:40% !important;}
.element[max-width~="480px"] [data-small-cols = '2/5']{ width:40% !important;}
.element [data-cols = '3/5']{ width:60%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '3/5']{ width:60% !important;}
.element[max-width~="480px"] [data-small-cols = '3/5']{ width:60% !important;}
.element [data-cols = '4/5']{ width:80%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '4/5']{ width:80% !important;}
.element[max-width~="480px"] [data-small-cols = '4/5']{ width:80% !important;}
.element [data-cols = '5/5']{ width:100%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '5/5']{ width:100% !important;}
.element[max-width~="480px"] [data-small-cols = '5/5']{ width:100% !important;}
.element [data-cols = '1/6']{ width:16.6667%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '1/6']{ width:16.6667% !important;}
.element[max-width~="480px"] [data-small-cols = '1/6']{ width:16.6667% !important;}
.element [data-cols = '2/6']{ width:33.3333%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '2/6']{ width:33.3333% !important;}
.element[max-width~="480px"] [data-small-cols = '2/6']{ width:33.3333% !important;}
.element [data-cols = '3/6']{ width:50%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '3/6']{ width:50% !important;}
.element[max-width~="480px"] [data-small-cols = '3/6']{ width:50% !important;}
.element [data-cols = '4/6']{ width:66.6667%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '4/6']{ width:66.6667% !important;}
.element[max-width~="480px"] [data-small-cols = '4/6']{ width:66.6667% !important;}
.element [data-cols = '5/6']{ width:83.3333%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '5/6']{ width:83.3333% !important;}
.element[max-width~="480px"] [data-small-cols = '5/6']{ width:83.3333% !important;}
.element [data-cols = '6/6']{ width:100%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '6/6']{ width:100% !important;}
.element[max-width~="480px"] [data-small-cols = '6/6']{ width:100% !important;}
.element [data-cols = '1/7']{ width:14.2857%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '1/7']{ width:14.2857% !important;}
.element[max-width~="480px"] [data-small-cols = '1/7']{ width:14.2857% !important;}
.element [data-cols = '2/7']{ width:28.5714%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '2/7']{ width:28.5714% !important;}
.element[max-width~="480px"] [data-small-cols = '2/7']{ width:28.5714% !important;}
.element [data-cols = '3/7']{ width:42.8571%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '3/7']{ width:42.8571% !important;}
.element[max-width~="480px"] [data-small-cols = '3/7']{ width:42.8571% !important;}
.element [data-cols = '4/7']{ width:57.1429%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '4/7']{ width:57.1429% !important;}
.element[max-width~="480px"] [data-small-cols = '4/7']{ width:57.1429% !important;}
.element [data-cols = '5/7']{ width:71.4286%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '5/7']{ width:71.4286% !important;}
.element[max-width~="480px"] [data-small-cols = '5/7']{ width:71.4286% !important;}
.element [data-cols = '6/7']{ width:85.7143%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '6/7']{ width:85.7143% !important;}
.element[max-width~="480px"] [data-small-cols = '6/7']{ width:85.7143% !important;}
.element [data-cols = '7/7']{ width:100%;}
.element[max-width~="769px"][min-width~="481px"] [data-medium-cols = '7/7']{ width:100% !important;}
.element[max-width~="480px"] [data-small-cols = '7/7']{ width:100% !important;}