*{box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}

.hc-flex-row{display: flex; display: -webkit-flex; width: 100%; flex-flow: row wrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.hc-flex-margin-row-01{display: flex; display: -webkit-flex; flex-flow: row wrap; margin: -1px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.hc-flex-margin-row-02{display: flex; display: -webkit-flex; flex-flow: row wrap; margin: -2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.hc-flex-margin-row-03{display: flex; display: -webkit-flex; flex-flow: row wrap; margin: -3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.hc-flex-margin-row-04{display: flex; display: -webkit-flex; flex-flow: row wrap; margin: -4px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.hc-flex-margin-row-05{display: flex; display: -webkit-flex; flex-flow: row wrap; margin: -5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}


.hc-flex-column{display: inline-flex; flex-flow: row wrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .xs-01{width: 8.33333333%;}
    .xs-02{width: 16.66666666%;}
    .xs-03{width: 25%;}
    .xs-04{width: 33.33333333%;}
    .xs-05{width: 41.66666666%;}
    .xs-06, .xs-percent-50{width: 50%;}
    .xs-07{width: 58.33333333%;}
    .xs-08{width: 66.66666666%;}
    .xs-09{width: 75%;}
    .xs-10{width: 83.33333333%;}
    .xs-11{width: 91.66666666%;}
    .xs-12, .xs-percent-100{width: 100%;}
    
    .xs-auto{width: auto;}
    .xs-percent-10{width: 10%;}
    .xs-percent-20{width: 20%;}
    .xs-percent-30{width: 30%;}
    .xs-percent-40{width: 40%;}
    .xs-percent-60{width: 60%;}
    .xs-percent-70{width: 70%;}
    .xs-percent-80{width: 80%;}
    .xs-percent-90{width: 90%;}
    
    .xs-order-01{order: 1;}
    .xs-order-02{order: 2;}
    .xs-order-03{order: 3;}
    .xs-order-04{order: 4;}
    .xs-order-05{order: 5;}
    .xs-order-06{order: 6;}
    .xs-order-07{order: 7;}
    .xs-order-08{order: 8;}
    .xs-order-09{order: 9;}
    .xs-order-10{order: 10;}
    .xs-order-11{order: 11;}
    .xs-order-12{order: 12;}
    
    .hc-flex-margin-row-05 .xs-01{width: calc(8.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xs-02{width: calc(16.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xs-03{width: calc(25% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xs-04{width: calc(33.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xs-05{width: calc(41.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xs-06, .hc-flex-margin-row-05 .xs-percent-50{width: calc(50% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xs-07{width: calc(58.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xs-08{width: calc(66.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xs-09{width: calc(75% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xs-10{width: calc(83.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xs-11{width: calc(91.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xs-12, .hc-flex-margin-row-05 .xs-percent-100{width: calc(100% - 10px); margin: 5px;}
    
    .hc-flex-margin-row-05 .xs-auto{width: auto; margin: 5px;}
    .hc-flex-margin-row-05 .xs-percent-10{width: calc(10% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xs-percent-20{width: calc(20% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xs-percent-30{width: calc(30% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xs-percent-40{width: calc(40% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xs-percent-60{width: calc(60% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xs-percent-70{width: calc(70% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xs-percent-80{width: calc(80% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xs-percent-90{width: calc(90% - 10px); margin: 5px;}
    
    .hc-flex-margin-row-04 .xs-01{width: calc(8.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xs-02{width: calc(16.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xs-03{width: calc(25% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xs-04{width: calc(33.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xs-05{width: calc(41.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xs-06, .hc-flex-margin-row-04 .xs-percent-50{width: calc(50% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xs-07{width: calc(58.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xs-08{width: calc(66.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xs-09{width: calc(75% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xs-10{width: calc(83.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xs-11{width: calc(91.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xs-12, .hc-flex-margin-row-04 .xs-percent-100{width: calc(100% - 8px); margin: 4px;}
    
    .hc-flex-margin-row-04 .xs-auto{width: auto; margin: 4px;}
    .hc-flex-margin-row-04 .xs-percent-10{width: calc(10% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xs-percent-20{width: calc(20% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xs-percent-30{width: calc(30% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xs-percent-40{width: calc(40% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xs-percent-60{width: calc(60% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xs-percent-70{width: calc(70% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xs-percent-80{width: calc(80% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xs-percent-90{width: calc(90% - 8px); margin: 4px;}
    
    
    .hc-flex-margin-row-03 .xs-01{width: calc(8.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xs-02{width: calc(16.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xs-03{width: calc(25% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xs-04{width: calc(33.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xs-05{width: calc(41.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xs-06, .hc-flex-margin-row-03 .xs-percent-50{width: calc(50% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xs-07{width: calc(58.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xs-08{width: calc(66.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xs-09{width: calc(75% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xs-10{width: calc(83.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xs-11{width: calc(91.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xs-12, .hc-flex-margin-row-03 .xs-percent-100{width: calc(100% - 6px); margin: 3px;}
    
    .hc-flex-margin-row-03 .xs-auto{width: auto; margin: 3px;}
    .hc-flex-margin-row-03 .xs-percent-10{width: calc(10% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xs-percent-20{width: calc(20% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xs-percent-30{width: calc(30% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xs-percent-40{width: calc(40% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xs-percent-60{width: calc(60% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xs-percent-70{width: calc(70% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xs-percent-80{width: calc(80% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xs-percent-90{width: calc(90% - 6px); margin: 3px;}
    
    .hc-flex-margin-row-02 .xs-01{width: calc(8.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xs-02{width: calc(16.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xs-03{width: calc(25% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xs-04{width: calc(33.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xs-05{width: calc(41.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xs-06, .hc-flex-margin-row-02 .xs-percent-50{width: calc(50% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xs-07{width: calc(58.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xs-08{width: calc(66.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xs-09{width: calc(75% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xs-10{width: calc(83.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xs-11{width: calc(91.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xs-12, .hc-flex-margin-row-02 .xs-percent-100{width: calc(100% - 4px); margin: 2px;}
    
    .hc-flex-margin-row-02 .xs-auto{width: auto; margin: 2px;}
    .hc-flex-margin-row-02 .xs-percent-10{width: calc(10% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xs-percent-20{width: calc(20% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xs-percent-30{width: calc(30% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xs-percent-40{width: calc(40% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xs-percent-60{width: calc(60% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xs-percent-70{width: calc(70% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xs-percent-80{width: calc(80% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xs-percent-90{width: calc(90% - 4px); margin: 2px;}
    
    .hc-flex-margin-row-01 .xs-01{width: calc(8.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xs-02{width: calc(16.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xs-03{width: calc(25% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xs-04{width: calc(33.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xs-05{width: calc(41.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xs-06, .hc-flex-margin-row-01 .xs-percent-50{width: calc(50% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xs-07{width: calc(58.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xs-08{width: calc(66.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xs-09{width: calc(75% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xs-10{width: calc(83.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xs-11{width: calc(91.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xs-12, .hc-flex-margin-row-01 .xs-percent-100{width: calc(100% - 2px); margin: 1px;}
    
    .hc-flex-margin-row-01 .xs-auto{width: auto; margin: 1px;}
    .hc-flex-margin-row-01 .xs-percent-10{width: calc(10% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xs-percent-20{width: calc(20% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xs-percent-30{width: calc(30% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xs-percent-40{width: calc(40% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xs-percent-60{width: calc(60% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xs-percent-70{width: calc(70% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xs-percent-80{width: calc(80% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xs-percent-90{width: calc(90% - 2px); margin: 1px;}
    
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .sm-01{width: 8.33333333%;}
    .sm-02{width: 16.66666666%;}
    .sm-03{width: 25%;}
    .sm-04{width: 33.33333333%;}
    .sm-05{width: 41.66666666%;}
    .sm-06, .sm-percent-50{width: 50%;}
    .sm-07{width: 58.33333333%;}
    .sm-08{width: 66.66666666%;}
    .sm-09{width: 75%;}
    .sm-10{width: 83.33333333%;}
    .sm-11{width: 91.66666666%;}
    .sm-12, .sm-percent-100{width: 100%;}
    
    .sm-auto{width: auto;}
    .sm-percent-10{width: 10%;}
    .sm-percent-20{width: 20%;}
    .sm-percent-30{width: 30%;}
    .sm-percent-40{width: 40%;}
    .sm-percent-60{width: 60%;}
    .sm-percent-70{width: 70%;}
    .sm-percent-80{width: 80%;}
    .sm-percent-90{width: 90%;}
    
    .sm-order-01{order: 1;}
    .sm-order-02{order: 2;}
    .sm-order-03{order: 3;}
    .sm-order-04{order: 4;}
    .sm-order-05{order: 5;}
    .sm-order-06{order: 6;}
    .sm-order-07{order: 7;}
    .sm-order-08{order: 8;}
    .sm-order-09{order: 9;}
    .sm-order-10{order: 10;}
    .sm-order-11{order: 11;}
    .sm-order-12{order: 12;}
    
    .hc-flex-margin-row-05 .sm-01{width: calc(8.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .sm-02{width: calc(16.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .sm-03{width: calc(25% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .sm-04{width: calc(33.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .sm-05{width: calc(41.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .sm-06, .hc-flex-margin-row-05 .sm-percent-50{width: calc(50% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .sm-07{width: calc(58.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .sm-08{width: calc(66.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .sm-09{width: calc(75% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .sm-10{width: calc(83.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .sm-11{width: calc(91.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .sm-12, .hc-flex-margin-row-05 .sm-percent-100{width: calc(100% - 10px); margin: 5px;}
    
    .hc-flex-margin-row-05 .sm-auto{width: auto; margin: 5px;}
    .hc-flex-margin-row-05 .sm-percent-10{width: calc(10% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .sm-percent-20{width: calc(20% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .sm-percent-30{width: calc(30% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .sm-percent-40{width: calc(40% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .sm-percent-60{width: calc(60% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .sm-percent-70{width: calc(70% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .sm-percent-80{width: calc(80% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .sm-percent-90{width: calc(90% - 10px); margin: 5px;}
    
    .hc-flex-margin-row-04 .sm-01{width: calc(8.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .sm-02{width: calc(16.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .sm-03{width: calc(25% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .sm-04{width: calc(33.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .sm-05{width: calc(41.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .sm-06, .hc-flex-margin-row-04 .sm-percent-50{width: calc(50% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .sm-07{width: calc(58.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .sm-08{width: calc(66.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .sm-09{width: calc(75% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .sm-10{width: calc(83.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .sm-11{width: calc(91.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .sm-12, .hc-flex-margin-row-04 .sm-percent-100{width: calc(100% - 8px); margin: 4px;}
    
    .hc-flex-margin-row-04 .sm-auto{width: auto; margin: 4px;}
    .hc-flex-margin-row-04 .sm-percent-10{width: calc(10% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .sm-percent-20{width: calc(20% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .sm-percent-30{width: calc(30% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .sm-percent-40{width: calc(40% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .sm-percent-60{width: calc(60% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .sm-percent-70{width: calc(70% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .sm-percent-80{width: calc(80% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .sm-percent-90{width: calc(90% - 8px); margin: 4px;}
    
    .hc-flex-margin-row-03 .sm-01{width: calc(8.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .sm-02{width: calc(16.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .sm-03{width: calc(25% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .sm-04{width: calc(33.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .sm-05{width: calc(41.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .sm-06, .hc-flex-margin-row-03 .sm-percent-50{width: calc(50% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .sm-07{width: calc(58.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .sm-08{width: calc(66.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .sm-09{width: calc(75% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .sm-10{width: calc(83.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .sm-11{width: calc(91.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .sm-12, .hc-flex-margin-row-03 .sm-percent-100{width: calc(100% - 6px); margin: 3px;}
    
    .hc-flex-margin-row-03 .sm-auto{width: auto; margin: 3px;}
    .hc-flex-margin-row-03 .sm-percent-10{width: calc(10% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .sm-percent-20{width: calc(20% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .sm-percent-30{width: calc(30% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .sm-percent-40{width: calc(40% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .sm-percent-60{width: calc(60% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .sm-percent-70{width: calc(70% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .sm-percent-80{width: calc(80% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .sm-percent-90{width: calc(90% - 6px); margin: 3px;}
    
    
    .hc-flex-margin-row-02 .sm-01{width: calc(8.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .sm-02{width: calc(16.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .sm-03{width: calc(25% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .sm-04{width: calc(33.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .sm-05{width: calc(41.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .sm-06, .hc-flex-margin-row-02 .sm-percent-50{width: calc(50% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .sm-07{width: calc(58.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .sm-08{width: calc(66.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .sm-09{width: calc(75% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .sm-10{width: calc(83.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .sm-11{width: calc(91.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .sm-12, .hc-flex-margin-row-02 .sm-percent-100{width: calc(100% - 4px); margin: 2px;}
    
    .hc-flex-margin-row-02 .sm-auto{width: auto; margin: 2px;}
    .hc-flex-margin-row-02 .sm-percent-10{width: calc(10% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .sm-percent-20{width: calc(20% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .sm-percent-30{width: calc(30% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .sm-percent-40{width: calc(40% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .sm-percent-60{width: calc(60% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .sm-percent-70{width: calc(70% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .sm-percent-80{width: calc(80% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .sm-percent-90{width: calc(90% - 4px); margin: 2px;}
    
    .hc-flex-margin-row-01 .sm-01{width: calc(8.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .sm-02{width: calc(16.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .sm-03{width: calc(25% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .sm-04{width: calc(33.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .sm-05{width: calc(41.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .sm-06, .hc-flex-margin-row-01 .sm-percent-50{width: calc(50% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .sm-07{width: calc(58.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .sm-08{width: calc(66.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .sm-09{width: calc(75% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .sm-10{width: calc(83.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .sm-11{width: calc(91.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .sm-12, .hc-flex-margin-row-01 .sm-percent-100{width: calc(100% - 2px); margin: 1px;}
    
    .hc-flex-margin-row-01 .sm-auto{width: auto; margin: 1px;}
    .hc-flex-margin-row-01 .sm-percent-10{width: calc(10% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .sm-percent-20{width: calc(20% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .sm-percent-30{width: calc(30% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .sm-percent-40{width: calc(40% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .sm-percent-60{width: calc(60% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .sm-percent-70{width: calc(70% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .sm-percent-80{width: calc(80% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .sm-percent-90{width: calc(90% - 2px); margin: 1px;}
    
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .me-01{width: 8.33333333%;}
    .me-02{width: 16.66666666%;}
    .me-03{width: 25%;}
    .me-04{width: 33.33333333%;}
    .me-05{width: 41.66666666%;}
    .me-06, .me-percent-50{width: 50%;}
    .me-07{width: 58.33333333%;}
    .me-08{width: 66.66666666%;}
    .me-09{width: 75%;}
    .me-10{width: 83.33333333%;}
    .me-11{width: 91.66666666%;}
    .me-12, .me-percent-100{width: 100%;}
    
    .me-auto{width: auto;}
    .me-percent-10{width: 10%;}
    .me-percent-20{width: 20%;}
    .me-percent-30{width: 30%;}
    .me-percent-40{width: 40%;}
    .me-percent-60{width: 60%;}
    .me-percent-70{width: 70%;}
    .me-percent-80{width: 80%;}
    .me-percent-90{width: 90%;}
    
    .me-order-01{order: 1;}
    .me-order-02{order: 2;}
    .me-order-03{order: 3;}
    .me-order-04{order: 4;}
    .me-order-05{order: 5;}
    .me-order-06{order: 6;}
    .me-order-07{order: 7;}
    .me-order-08{order: 8;}
    .me-order-09{order: 9;}
    .me-order-10{order: 10;}
    .me-order-11{order: 11;}
    .me-order-12{order: 12;}
    
    
    .hc-flex-margin-row-05 .me-01{width: calc(8.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .me-02{width: calc(16.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .me-03{width: calc(25% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .me-04{width: calc(33.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .me-05{width: calc(41.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .me-06, .hc-flex-margin-row-05 .me-percent-50{width: calc(50% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .me-07{width: calc(58.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .me-08{width: calc(66.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .me-09{width: calc(75% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .me-10{width: calc(83.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .me-11{width: calc(91.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .me-12, .hc-flex-margin-row-05 .me-percent-100{width: calc(100% - 10px); margin: 5px;}
    
    .hc-flex-margin-row-05 .me-auto{width: auto; margin: 5px;}
    .hc-flex-margin-row-05 .me-percent-10{width: calc(10% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .me-percent-20{width: calc(20% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .me-percent-30{width: calc(30% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .me-percent-40{width: calc(40% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .me-percent-60{width: calc(60% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .me-percent-70{width: calc(70% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .me-percent-80{width: calc(80% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .me-percent-90{width: calc(90% - 10px); margin: 5px;}
    
    .hc-flex-margin-row-04 .me-01{width: calc(8.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .me-02{width: calc(16.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .me-03{width: calc(25% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .me-04{width: calc(33.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .me-05{width: calc(41.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .me-06, .hc-flex-margin-row-04 .me-percent-50{width: calc(50% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .me-07{width: calc(58.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .me-08{width: calc(66.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .me-09{width: calc(75% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .me-10{width: calc(83.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .me-11{width: calc(91.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .me-12, .hc-flex-margin-row-04 .me-percent-100{width: calc(100% - 8px); margin: 4px;}
    
    .hc-flex-margin-row-04 .me-auto{width: auto; margin: 4px;}
    .hc-flex-margin-row-04 .me-percent-10{width: calc(10% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .me-percent-20{width: calc(20% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .me-percent-30{width: calc(30% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .me-percent-40{width: calc(40% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .me-percent-60{width: calc(60% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .me-percent-70{width: calc(70% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .me-percent-80{width: calc(80% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .me-percent-90{width: calc(90% - 8px); margin: 4px;}
    
    .hc-flex-margin-row-03 .me-01{width: calc(8.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .me-02{width: calc(16.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .me-03{width: calc(25% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .me-04{width: calc(33.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .me-05{width: calc(41.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .me-06, .hc-flex-margin-row-03 .me-percent-50{width: calc(50% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .me-07{width: calc(58.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .me-08{width: calc(66.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .me-09{width: calc(75% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .me-10{width: calc(83.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .me-11{width: calc(91.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .me-12, .hc-flex-margin-row-03 .me-percent-100{width: calc(100% - 6px); margin: 3px;}
    
    .hc-flex-margin-row-03 .me-auto{width: auto; margin: 3px;}
    .hc-flex-margin-row-03 .me-percent-10{width: calc(10% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .me-percent-20{width: calc(20% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .me-percent-30{width: calc(30% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .me-percent-40{width: calc(40% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .me-percent-60{width: calc(60% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .me-percent-70{width: calc(70% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .me-percent-80{width: calc(80% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .me-percent-90{width: calc(90% - 6px); margin: 3px;}
    
    
    .hc-flex-margin-row-02 .me-01{width: calc(8.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .me-02{width: calc(16.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .me-03{width: calc(25% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .me-04{width: calc(33.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .me-05{width: calc(41.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .me-06, .hc-flex-margin-row-02 .me-percent-50{width: calc(50% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .me-07{width: calc(58.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .me-08{width: calc(66.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .me-09{width: calc(75% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .me-10{width: calc(83.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .me-11{width: calc(91.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .me-12, .hc-flex-margin-row-02 .me-percent-100{width: calc(100% - 4px); margin: 2px;}
    
    .hc-flex-margin-row-02 .me-auto{width: auto; margin: 2px;}
    .hc-flex-margin-row-02 .me-percent-10{width: calc(10% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .me-percent-20{width: calc(20% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .me-percent-30{width: calc(30% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .me-percent-40{width: calc(40% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .me-percent-60{width: calc(60% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .me-percent-70{width: calc(70% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .me-percent-80{width: calc(80% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .me-percent-90{width: calc(90% - 4px); margin: 2px;}
    
    .hc-flex-margin-row-01 .me-01{width: calc(8.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .me-02{width: calc(16.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .me-03{width: calc(25% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .me-04{width: calc(33.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .me-05{width: calc(41.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .me-06, .hc-flex-margin-row-01 .me-percent-50{width: calc(50% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .me-07{width: calc(58.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .me-08{width: calc(66.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .me-09{width: calc(75% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .me-10{width: calc(83.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .me-11{width: calc(91.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .me-12, .hc-flex-margin-row-01 .me-percent-100{width: calc(100% - 2px); margin: 1px;}
    
    .hc-flex-margin-row-01 .me-auto{width: auto; margin: 1px;}
    .hc-flex-margin-row-01 .me-percent-10{width: calc(10% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .me-percent-20{width: calc(20% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .me-percent-30{width: calc(30% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .me-percent-40{width: calc(40% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .me-percent-60{width: calc(60% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .me-percent-70{width: calc(70% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .me-percent-80{width: calc(80% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .me-percent-90{width: calc(90% - 2px); margin: 1px;}
    
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .la-01{width: 8.33333333%;}
    .la-02{width: 16.66666666%;}
    .la-03{width: 25%;}
    .la-04{width: 33.33333333%;}
    .la-05{width: 41.66666666%;}
    .la-06, .la-percent-50{width: 50%;}
    .la-07{width: 58.33333333%;}
    .la-08{width: 66.66666666%;}
    .la-09{width: 75%;}
    .la-10{width: 83.33333333%;}
    .la-11{width: 91.66666666%;}
    .la-12, .la-percent-100{width: 100%;}
    
    .la-auto{width: auto;}
    .la-percent-10{width: 10%;}
    .la-percent-20{width: 20%;}
    .la-percent-30{width: 30%;}
    .la-percent-40{width: 40%;}
    .la-percent-60{width: 60%;}
    .la-percent-70{width: 70%;}
    .la-percent-80{width: 80%;}
    .la-percent-90{width: 90%;}
    
    .la-order-01{order: 1;}
    .la-order-02{order: 2;}
    .la-order-03{order: 3;}
    .la-order-04{order: 4;}
    .la-order-05{order: 5;}
    .la-order-06{order: 6;}
    .la-order-07{order: 7;}
    .la-order-08{order: 8;}
    .la-order-09{order: 9;}
    .la-order-10{order: 10;}
    .la-order-11{order: 11;}
    .la-order-12{order: 12;}
   
    .hc-flex-margin-row-05 .la-01{width: calc(8.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .la-02{width: calc(16.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .la-03{width: calc(25% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .la-04{width: calc(33.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .la-05{width: calc(41.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .la-06, .hc-flex-margin-row-05 .la-percent-50{width: calc(50% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .la-07{width: calc(58.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .la-08{width: calc(66.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .la-09{width: calc(75% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .la-10{width: calc(83.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .la-11{width: calc(91.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .la-12, .hc-flex-margin-row-05 .la-percent-100{width: calc(100% - 10px); margin: 5px;}
    
    .hc-flex-margin-row-05 .la-auto{width: auto; margin: 5px;}
    .hc-flex-margin-row-05 .la-percent-10{width: calc(10% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .la-percent-20{width: calc(20% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .la-percent-30{width: calc(30% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .la-percent-40{width: calc(40% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .la-percent-60{width: calc(60% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .la-percent-70{width: calc(70% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .la-percent-80{width: calc(80% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .la-percent-90{width: calc(90% - 10px); margin: 5px;}
    
    .hc-flex-margin-row-04 .la-01{width: calc(8.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .la-02{width: calc(16.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .la-03{width: calc(25% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .la-04{width: calc(33.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .la-05{width: calc(41.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .la-06, .hc-flex-margin-row-04 .la-percent-50{width: calc(50% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .la-07{width: calc(58.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .la-08{width: calc(66.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .la-09{width: calc(75% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .la-10{width: calc(83.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .la-11{width: calc(91.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .la-12, .hc-flex-margin-row-04 .la-percent-100{width: calc(100% - 8px); margin: 4px;}
    
    .hc-flex-margin-row-04 .la-auto{width: auto; margin: 4px;}
    .hc-flex-margin-row-04 .la-percent-10{width: calc(10% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .la-percent-20{width: calc(20% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .la-percent-30{width: calc(30% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .la-percent-40{width: calc(40% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .la-percent-60{width: calc(60% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .la-percent-70{width: calc(70% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .la-percent-80{width: calc(80% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .la-percent-90{width: calc(90% - 8px); margin: 4px;}
    
    .hc-flex-margin-row-03 .la-01{width: calc(8.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .la-02{width: calc(16.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .la-03{width: calc(25% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .la-04{width: calc(33.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .la-05{width: calc(41.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .la-06, .hc-flex-margin-row-03 .la-percent-50{width: calc(50% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .la-07{width: calc(58.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .la-08{width: calc(66.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .la-09{width: calc(75% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .la-10{width: calc(83.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .la-11{width: calc(91.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .la-12, .hc-flex-margin-row-03 .la-percent-100{width: calc(100% - 6px); margin: 3px;}
    
    .hc-flex-margin-row-03 .la-auto{width: auto; margin: 3px;}
    .hc-flex-margin-row-03 .la-percent-10{width: calc(10% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .la-percent-20{width: calc(20% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .la-percent-30{width: calc(30% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .la-percent-40{width: calc(40% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .la-percent-60{width: calc(60% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .la-percent-70{width: calc(70% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .la-percent-80{width: calc(80% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .la-percent-90{width: calc(90% - 6px); margin: 3px;}
    
    .hc-flex-margin-row-02 .la-01{width: calc(8.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .la-02{width: calc(16.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .la-03{width: calc(25% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .la-04{width: calc(33.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .la-05{width: calc(41.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .la-06, .hc-flex-margin-row-02 .la-percent-50{width: calc(50% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .la-07{width: calc(58.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .la-08{width: calc(66.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .la-09{width: calc(75% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .la-10{width: calc(83.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .la-11{width: calc(91.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .la-12, .hc-flex-margin-row-02 .la-percent-100{width: calc(100% - 4px); margin: 2px;}
    
    .hc-flex-margin-row-02 .la-auto{width: auto; margin: 2px;}
    .hc-flex-margin-row-02 .la-percent-10{width: calc(10% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .la-percent-20{width: calc(20% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .la-percent-30{width: calc(30% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .la-percent-40{width: calc(40% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .la-percent-60{width: calc(60% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .la-percent-70{width: calc(70% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .la-percent-80{width: calc(80% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .la-percent-90{width: calc(90% - 4px); margin: 2px;}
    
    .hc-flex-margin-row-01 .la-01{width: calc(8.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .la-02{width: calc(16.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .la-03{width: calc(25% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .la-04{width: calc(33.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .la-05{width: calc(41.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .la-06, .hc-flex-margin-row-01 .la-percent-50{width: calc(50% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .la-07{width: calc(58.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .la-08{width: calc(66.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .la-09{width: calc(75% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .la-10{width: calc(83.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .la-11{width: calc(91.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .la-12, .hc-flex-margin-row-01 .la-percent-100{width: calc(100% - 2px); margin: 1px;}
    
    .hc-flex-margin-row-01 .la-auto{width: auto; margin: 1px;}
    .hc-flex-margin-row-01 .la-percent-10{width: calc(10% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .la-percent-20{width: calc(20% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .la-percent-30{width: calc(30% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .la-percent-40{width: calc(40% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .la-percent-60{width: calc(60% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .la-percent-70{width: calc(70% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .la-percent-80{width: calc(80% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .la-percent-90{width: calc(90% - 2px); margin: 1px;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .xl-01{width: 8.33333333%;}
    .xl-02{width: 16.66666666%;}
    .xl-03{width: 25%;}
    .xl-04{width: 33.33333333%;}
    .xl-05{width: 41.66666666%;}
    .xl-06, .xl-percent-50{width: 50%;}
    .xl-07{width: 58.33333333%;}
    .xl-08{width: 66.66666666%;}
    .xl-09{width: 75%;}
    .xl-10{width: 83.33333333%;}
    .xl-11{width: 91.66666666%;}
    .xl-12, .xl-percent-100{width: 100%;}
    
    .xl-auto{width: auto;}
    .xl-percent-10{width: 10%;}
    .xl-percent-20{width: 20%;}
    .xl-percent-30{width: 30%;}
    .xl-percent-40{width: 40%;}
    .xl-percent-60{width: 60%;}
    .xl-percent-70{width: 70%;}
    .xl-percent-80{width: 80%;}
    .xl-percent-90{width: 90%;}
    
    .xl-order-01{order: 1;}
    .xl-order-02{order: 2;}
    .xl-order-03{order: 3;}
    .xl-order-04{order: 4;}
    .xl-order-05{order: 5;}
    .xl-order-06{order: 6;}
    .xl-order-07{order: 7;}
    .xl-order-08{order: 8;}
    .xl-order-09{order: 9;}
    .xl-order-10{order: 10;}
    .xl-order-11{order: 11;}
    .xl-order-12{order: 12;}
    
    .hc-flex-margin-row-05 .xl-01{width: calc(8.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xl-02{width: calc(16.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xl-03{width: calc(25% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xl-04{width: calc(33.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xl-05{width: calc(41.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xl-06, .hc-flex-margin-row-05 .xl-percent-50{width: calc(50% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xl-07{width: calc(58.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xl-08{width: calc(66.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xl-09{width: calc(75% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xl-10{width: calc(83.33333333% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xl-11{width: calc(91.66666666% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xl-12, .hc-flex-margin-row-05 .xl-percent-100{width: calc(100% - 10px); margin: 5px;}
    
    .hc-flex-margin-row-05 .xl-auto{width: auto; margin: 5px;}
    .hc-flex-margin-row-05 .xl-percent-10{width: calc(10% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xl-percent-20{width: calc(20% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xl-percent-30{width: calc(30% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xl-percent-40{width: calc(40% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xl-percent-60{width: calc(60% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xl-percent-70{width: calc(70% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xl-percent-80{width: calc(80% - 10px); margin: 5px;}
    .hc-flex-margin-row-05 .xl-percent-90{width: calc(90% - 10px); margin: 5px;}
    
    .hc-flex-margin-row-04 .xl-01{width: calc(8.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xl-02{width: calc(16.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xl-03{width: calc(25% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xl-04{width: calc(33.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xl-05{width: calc(41.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xl-06, .hc-flex-margin-row-04 .xl-percent-50{width: calc(50% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xl-07{width: calc(58.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xl-08{width: calc(66.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xl-09{width: calc(75% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xl-10{width: calc(83.33333333% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xl-11{width: calc(91.66666666% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xl-12, .hc-flex-margin-row-04 .xl-percent-100{width: calc(100% - 8px); margin: 4px;}
    
    .hc-flex-margin-row-04 .xl-auto{width: auto; margin: 4px;}
    .hc-flex-margin-row-04 .xl-percent-10{width: calc(10% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xl-percent-20{width: calc(20% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xl-percent-30{width: calc(30% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xl-percent-40{width: calc(40% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xl-percent-60{width: calc(60% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xl-percent-70{width: calc(70% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xl-percent-80{width: calc(80% - 8px); margin: 4px;}
    .hc-flex-margin-row-04 .xl-percent-90{width: calc(90% - 8px); margin: 4px;}
    
    .hc-flex-margin-row-03 .xl-01{width: calc(8.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xl-02{width: calc(16.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xl-03{width: calc(25% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xl-04{width: calc(33.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xl-05{width: calc(41.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xl-06, .hc-flex-margin-row-03 .xl-percent-50{width: calc(50% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xl-07{width: calc(58.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xl-08{width: calc(66.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xl-09{width: calc(75% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xl-10{width: calc(83.33333333% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xl-11{width: calc(91.66666666% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xl-12, .hc-flex-margin-row-03 .xl-percent-100{width: calc(100% - 6px); margin: 3px;}
    
    .hc-flex-margin-row-03 .xl-auto{width: auto; margin: 3px;}
    .hc-flex-margin-row-03 .xl-percent-10{width: calc(10% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xl-percent-20{width: calc(20% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xl-percent-30{width: calc(30% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xl-percent-40{width: calc(40% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xl-percent-60{width: calc(60% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xl-percent-70{width: calc(70% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xl-percent-80{width: calc(80% - 6px); margin: 3px;}
    .hc-flex-margin-row-03 .xl-percent-90{width: calc(90% - 6px); margin: 3px;}
    
    .hc-flex-margin-row-02 .xl-01{width: calc(8.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xl-02{width: calc(16.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xl-03{width: calc(25% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xl-04{width: calc(33.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xl-05{width: calc(41.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xl-06, .hc-flex-margin-row-02 .xl-percent-50{width: calc(50% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xl-07{width: calc(58.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xl-08{width: calc(66.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xl-09{width: calc(75% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xl-10{width: calc(83.33333333% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xl-11{width: calc(91.66666666% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xl-12, .hc-flex-margin-row-02 .xl-percent-100{width: calc(100% - 4px); margin: 2px;}
    
    .hc-flex-margin-row-02 .xl-auto{width: auto; margin: 2px;}
    .hc-flex-margin-row-02 .xl-percent-10{width: calc(10% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xl-percent-20{width: calc(20% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xl-percent-30{width: calc(30% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xl-percent-40{width: calc(40% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xl-percent-60{width: calc(60% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xl-percent-70{width: calc(70% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xl-percent-80{width: calc(80% - 4px); margin: 2px;}
    .hc-flex-margin-row-02 .xl-percent-90{width: calc(90% - 4px); margin: 2px;}
    
    .hc-flex-margin-row-01 .xl-01{width: calc(8.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xl-02{width: calc(16.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xl-03{width: calc(25% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xl-04{width: calc(33.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xl-05{width: calc(41.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xl-06, .hc-flex-margin-row-01 .xl-percent-50{width: calc(50% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xl-07{width: calc(58.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xl-08{width: calc(66.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xl-09{width: calc(75% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xl-10{width: calc(83.33333333% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xl-11{width: calc(91.66666666% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xl-12, .hc-flex-margin-row-01 .xl-percent-100{width: calc(100% - 2px); margin: 1px;}
    
    .hc-flex-margin-row-01 .xl-auto{width: auto; margin: 1px;}
    .hc-flex-margin-row-01 .xl-percent-10{width: calc(10% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xl-percent-20{width: calc(20% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xl-percent-30{width: calc(30% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xl-percent-40{width: calc(40% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xl-percent-60{width: calc(60% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xl-percent-70{width: calc(70% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xl-percent-80{width: calc(80% - 2px); margin: 1px;}
    .hc-flex-margin-row-01 .xl-percent-90{width: calc(90% - 2px); margin: 1px;}
}