/*------------------------------------------------------------
    fox css layout
------------------------------------------------------------*/
.fx-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.fx-row-3-xs {
    margin-top: -3px;
    margin-left: -1.5px;
    margin-right: -1.5px;
}
.fx-row-5-xs {
    margin-top: -5px;
    margin-left: -2.5px;
    margin-right: -2.5px;
}
.fx-row-10-xs {
    margin-top: -10px;
    margin-left: -5px;
    margin-right: -5px;
}
.fx-row-15-xs {
    margin-top: -15px;
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.fx-row-20-xs {
    margin-top: -20px;
    margin-left: -10px;
    margin-right: -10px;
}
.fx-row-30-xs {
    margin-top: -30px;
    margin-left: -15px;
    margin-right: -15px;
}
.fx-row-40-xs {
    margin-top: -40px;
    margin-left: -20px;
    margin-right: -20px;
}
.fx-row-50-xs {
    margin-top: -50px;
    margin-left: -25px;
    margin-right: -25px;
}
.fx-row-60-xs {
    margin-top: -60px;
    margin-left: -30px;
    margin-right: -30px;
}

@media screen and (min-width: 768px) {
    .fx-row-0-s {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .fx-row-3-s {
        margin-top: -3px;
        margin-left: -1.5px;
        margin-right: -1.5px;
    }
    .fx-row-5-s {
        margin-top: -5px;
        margin-left: -2.5px;
        margin-right: -2.5px;
    }
    .fx-row-10-s {
        margin-top: -10px;
        margin-left: -5px;
        margin-right: -5px;
    }
    .fx-row-15-s {
        margin-top: -15px;
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
    .fx-row-20-s {
        margin-top: -20px;
        margin-left: -10px;
        margin-right: -10px;
    }
    .fx-row-30-s {
        margin-top: -30px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .fx-row-40-s {
        margin-top: -40px;
        margin-left: -20px;
        margin-right: -20px;
    }
    .fx-row-50-s {
        margin-top: -50px;
        margin-left: -25px;
        margin-right: -25px;
    }
    .fx-row-60-s {
        margin-top: -60px;
        margin-left: -30px;
        margin-right: -30px;
    }
}
/* ----- media END ----- */

@media screen and (min-width: 992px) {
    .fx-row-0-m {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .fx-row-3-m {
        margin-top: -3px;
        margin-left: -1.5px;
        margin-right: -1.5px;
    }
    .fx-row-5-m {
        margin-top: -5px;
        margin-left: -2.5px;
        margin-right: -2.5px;
    }
    .fx-row-10-m {
        margin-top: -10px;
        margin-left: -5px;
        margin-right: -5px;
    }
    .fx-row-15-m {
        margin-top: -15px;
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
    .fx-row-20-m {
        margin-top: -20px;
        margin-left: -10px;
        margin-right: -10px;
    }
    .fx-row-30-m {
        margin-top: -30px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .fx-row-40-m {
        margin-top: -40px;
        margin-left: -20px;
        margin-right: -20px;
    }
    .fx-row-45-m {
        margin-top: -40px;
        margin-left: -22.5px;
        margin-right: -22.5px;
    }
    .fx-row-50-m {
        margin-top: -50px;
        margin-left: -25px;
        margin-right: -25px;
    }
    .fx-row-60-m {
        margin-top: -60px;
        margin-left: -30px;
        margin-right: -30px;
    }
}
/* ----- media END ----- */

@media screen and (min-width: 1200px) {
    .fx-row-0-l {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .fx-row-3-l {
        margin-top: -3px;
        margin-left: -1.5px;
        margin-right: -1.5px;
    }
    .fx-row-5-l {
        margin-top: -5px;
        margin-left: -2.5px;
        margin-right: -2.5px;
    }
    .fx-row-10-l {
        margin-top: -10px;
        margin-left: -5px;
        margin-right: -5px;
    }
    .fx-row-15-l {
        margin-top: -15px;
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
    .fx-row-20-l {
        margin-top: -20px;
        margin-left: -10px;
        margin-right: -10px;
    }
    .fx-row-30-l {
        margin-top: -30px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .fx-row-40-l {
        margin-top: -40px;
        margin-left: -20px;
        margin-right: -20px;
    }
    .fx-row-50-l {
        margin-top: -50px;
        margin-left: -25px;
        margin-right: -25px;
    }
    .fx-row-60-l {
        margin-top: -60px;
        margin-left: -30px;
        margin-right: -30px;
    }
}
/* ----- media END ----- */

@media screen and (min-width: 1500px) {
    .fx-row-0-xl {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .fx-row-3-xl {
        margin-top: -3px;
        margin-left: -1.5px;
        margin-right: -1.5px;
    }
    .fx-row-5-xl {
        margin-top: -5px;
        margin-left: -2.5px;
        margin-right: -2.5px;
    }
    .fx-row-10-xl {
        margin-top: -10px;
        margin-left: -5px;
        margin-right: -5px;
    }
    .fx-row-15-xl {
        margin-top: -15px;
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
    .fx-row-20-xl {
        margin-top: -20px;
        margin-left: -10px;
        margin-right: -10px;
    }
    .fx-row-30-xl {
        margin-top: -30px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .fx-row-40-xl {
        margin-top: -40px;
        margin-left: -20px;
        margin-right: -20px;
    }
    .fx-row-50-xl {
        margin-top: -50px;
        margin-left: -25px;
        margin-right: -25px;
    }
    .fx-row-60-xl {
        margin-top: -60px;
        margin-left: -30px;
        margin-right: -30px;
    }
    .fx-row-90-xl {
        margin-top: -90px;
        margin-left: -45px;
        margin-right: -45px;
    }
}
/* ----- media END ----- */

@media screen and (min-width: 1800px) {
    .fx-row-120-xll {
        margin-top: -120px;
        margin-left: -60px;
        margin-right: -60px;
    }
}
/* ----- media END ----- */

.fx-row-start-xs {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.fx-row-center-xs {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.fx-row-end-xs {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.fx-row-between-xs {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.fx-row-around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

@media screen and (min-width: 768px) {
    .fx-row-start-s {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
    .fx-row-center-s {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .fx-row-end-s {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
    }
    .fx-row-between-s {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .fx-row-around-s {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

@media screen and (min-width: 992px) {
    .fx-row-start-m {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
    .fx-row-center-m {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .fx-row-end-m {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
    }
    .fx-row-between-m {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .fx-row-around-m {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

@media screen and (min-width: 1200px) {
    .fx-row-start-l {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
    .fx-row-center-l {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .fx-row-end-l {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
    }
    .fx-row-between-l {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .fx-row-around-l {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

@media screen and (min-width: 1500px) {
    .fx-row-start-xl {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
    .fx-row-center-xl {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .fx-row-end-xl {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
    }
    .fx-row-between-xl {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .fx-row-around-xl {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}


.fx-row-reverse-xs {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}

@media screen and (min-width: 768px) {
    .fx-row-reverse-s {
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }
}

@media screen and (min-width: 992px) {
    .fx-row-reverse-m {
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }
}

@media screen and (min-width: 1200px) {
    .fx-row-reverse-l {
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }
}

@media screen and (min-width: 1200px) {
    .fx-row-reverse-xl {
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }
}


.fx-row-align-center-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 768px) {
    .fx-row-align-center-s {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (min-width: 992px) {
    .fx-row-align-center-m {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (min-width: 1200px) {
    .fx-row-align-center-l {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (min-width: 1200px) {
    .fx-row-align-center-xl {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}


[class*="fx-col"] {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.fx-row-3-xs>[class*="fx-col"] {
    margin-top: 3px;
    padding-left: 1.5px;
    padding-right: 2.5px;
}
.fx-row-5-xs>[class*="fx-col"] {
    margin-top: 5px;
    padding-left: 2.5px;
    padding-right: 2.5px;
}
.fx-row-10-xs>[class*="fx-col"] {
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
.fx-row-15-xs>[class*="fx-col"] {
    margin-top: 15px;
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.fx-row-20-xs>[class*="fx-col"] {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
.fx-row-30-xs>[class*="fx-col"] {
    margin-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
}
.fx-row-40-xs>[class*="fx-col"] {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
}
.fx-row-50-xs>[class*="fx-col"] {
    margin-top: 50px;
    padding-left: 25px;
    padding-right: 25px;
}
.fx-row-60-xs>[class*="fx-col"] {
    margin-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
}

@media screen and (min-width: 768px) {
    .fx-row-0-s>[class*="fx-col"] {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .fx-row-3-s>[class*="fx-col"] {
        margin-top: 3px;
        padding-left: 1.5px;
        padding-right: 2.5px;
    }
    .fx-row-5-s>[class*="fx-col"] {
        margin-top: 5px;
        padding-left: 2.5px;
        padding-right: 2.55px;
    }
    .fx-row-10-s>[class*="fx-col"] {
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .fx-row-15-s>[class*="fx-col"] {
        margin-top: 15px;
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    .fx-row-20-s>[class*="fx-col"] {
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .fx-row-30-s>[class*="fx-col"] {
        margin-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .fx-row-40-s>[class*="fx-col"] {
        margin-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .fx-row-50-s>[class*="fx-col"] {
        margin-top: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .fx-row-60-s>[class*="fx-col"] {
        margin-top: 60px;
        padding-left: 30px;
        padding-right: 30px;
    }
}
/* ----- media END ----- */

@media screen and (min-width: 992px) {
    .fx-row-0-m>[class*="fx-col"] {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .fx-row-3-m>[class*="fx-col"] {
        margin-top: 3px;
        padding-left: 1.5px;
        padding-right: 2.5px;
    }
    .fx-row-5-m>[class*="fx-col"] {
        margin-top: 5px;
        padding-left: 2.5px;
        padding-right: 2.55px;
    }
    .fx-row-10-m>[class*="fx-col"] {
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .fx-row-15-m>[class*="fx-col"] {
        margin-top: 15px;
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    .fx-row-20-m>[class*="fx-col"] {
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .fx-row-30-m>[class*="fx-col"] {
        margin-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .fx-row-40-m>[class*="fx-col"] {
        margin-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .fx-row-45-m>[class*="fx-col"] {
        margin-top: 40px;
        padding-left: 22.5px;
        padding-right: 22.5px;
    }
    .fx-row-50-m>[class*="fx-col"] {
        margin-top: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .fx-row-60-m>[class*="fx-col"] {
        margin-top: 60px;
        padding-left: 30px;
        padding-right: 30px;
    }
}
/* ----- media END ----- */

@media screen and (min-width: 1200px) {
    .fx-row-0-l>[class*="fx-col"] {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .fx-row-3-l>[class*="fx-col"] {
        margin-top: 3px;
        padding-left: 1.5px;
        padding-right: 2.5px;
    }
    .fx-row-5-l>[class*="fx-col"] {
        margin-top: 5px;
        padding-left: 2.5px;
        padding-right: 2.55px;
    }
    .fx-row-10-l>[class*="fx-col"] {
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .fx-row-15-l>[class*="fx-col"] {
        margin-top: 15px;
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    .fx-row-20-l>[class*="fx-col"] {
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .fx-row-30-l>[class*="fx-col"] {
        margin-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .fx-row-40-l>[class*="fx-col"] {
        margin-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .fx-row-50-l>[class*="fx-col"] {
        margin-top: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .fx-row-60-l>[class*="fx-col"] {
        margin-top: 60px;
        padding-left: 30px;
        padding-right: 30px;
    }
}
/* ----- media END ----- */

@media screen and (min-width: 1500px) {
    .fx-row-0-xl>[class*="fx-col"] {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .fx-row-3-xl>[class*="fx-col"] {
        margin-top: 3px;
        padding-left: 1.5px;
        padding-right: 2.5px;
    }
    .fx-row-5-xl>[class*="fx-col"] {
        margin-top: 5px;
        padding-left: 2.5px;
        padding-right: 2.55px;
    }
    .fx-row-10-xl>[class*="fx-col"] {
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .fx-row-15-xl>[class*="fx-col"] {
        margin-top: 15px;
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    .fx-row-20-xl>[class*="fx-col"] {
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .fx-row-30-xl>[class*="fx-col"] {
        margin-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .fx-row-40-xl>[class*="fx-col"] {
        margin-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .fx-row-50-xl>[class*="fx-col"] {
        margin-top: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .fx-row-60-xl>[class*="fx-col"] {
        margin-top: 60px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .fx-row-90-xl>[class*="fx-col"] {
        margin-top: 90px;
        padding-left: 45px;
        padding-right: 45px;
    }
}
/* ----- media END ----- */

@media screen and (min-width: 1800px) {
    .fx-row-120-xll>[class*="fx-col"] {
        margin-top: 120px;
        padding-left: 60px;
        padding-right: 60px;
    }
}
/* ----- media END ----- */

.fx-col-10-xs {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%;
}
.fx-col-16-xs {
    -ms-flex-preferred-size: 16.6666667%;
    flex-basis: 16.6666667%;
    max-width: 16.6666667%;
}
.fx-col-20-xs {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
}
.fx-col-25-xs {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}
.fx-col-30-xs {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    max-width: 30%;
}
.fx-col-33-xs {
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
}
.fx-col-40-xs {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
}
.fx-col-50-xs {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}
.fx-col-60-xs {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%;
}
.fx-col-66-xs {
    -ms-flex-preferred-size: 66.6666%;
    flex-basis: 66.6666%;
    max-width: 66.6666%;
}
.fx-col-70-xs {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    max-width: 70%;
}
.fx-col-75-xs {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
}
.fx-col-80-xs {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    max-width: 80%;
}
.fx-col-90-xs {
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
    max-width: 90%;
}
.fx-col-95-xs {
    -ms-flex-preferred-size: 95%;
    flex-basis: 95%;
    max-width: 95%;
}
.fx-col-100-xs {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .fx-col-10-s {
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%;
    }
    .fx-col-16-s {
        -ms-flex-preferred-size: 16.6666667%;
        flex-basis: 16.6666667%;
        max-width: 16.6666667%;
    }
    .fx-col-20-s {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
    .fx-col-25-s {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .fx-col-30-s {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        max-width: 30%;
    }
    .fx-col-33-s {
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
        max-width: 33.3333%;
    }
    .fx-col-40-s {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
    }
    .fx-col-45-s {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
        max-width: 45%;
    }
    .fx-col-50-s {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .fx-col-55-s {
        -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
        max-width: 55%;
    }
    .fx-col-60-s {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
    }
    .fx-col-66-s {
        -ms-flex-preferred-size: 66.6666%;
        flex-basis: 66.6666%;
        max-width: 66.6666%;
    }
    .fx-col-70-s {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        max-width: 70%;
    }
    .fx-col-75-s {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .fx-col-80-s {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
    }
    .fx-col-90-s {
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        max-width: 90%;
    }
    .fx-col-100-s {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 992px) {
    .fx-col-10-m {
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%;
    }
    .fx-col-14-m {
        -ms-flex-preferred-size: 14%;
        flex-basis: 14%;
        max-width: 14%;
    }
    .fx-col-20-m {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
    .fx-col-25-m {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .fx-col-30-m {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        max-width: 30%;
    }
    .fx-col-33-m {
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
        max-width: 33.3333%;
    }
    .fx-col-40-m {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
    }
    .fx-col-50-m {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .fx-col-60-m {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
    }
    .fx-col-66-m {
        -ms-flex-preferred-size: 66.6666%;
        flex-basis: 66.6666%;
        max-width: 66.6666%;
    }
    .fx-col-70-m {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        max-width: 70%;
    }
    .fx-col-75-m {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .fx-col-80-m {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
    }
    .fx-col-90-m {
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        max-width: 90%;
    }
    .fx-col-100-m {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .fx-col-10-l {
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%;
    }
    .fx-col-16-l {
        -ms-flex-preferred-size: 16.6666%;
        flex-basis: 16.6666%;
        max-width: 16.6666%;
    }
    .fx-col-20-l {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
    .fx-col-25-l {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .fx-col-30-l {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        max-width: 30%;
    }
    .fx-col-33-l {
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
        max-width: 33.3333%;
    }
    .fx-col-40-l {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
    }
    .fx-col-50-l {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .fx-col-60-l {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
    }
    .fx-col-66-l {
        -ms-flex-preferred-size: 66.6666%;
        flex-basis: 66.6666%;
        max-width: 66.6666%;
    }
    .fx-col-70-l {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        max-width: 70%;
    }
    .fx-col-75-l {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .fx-col-80-l {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
    }
    .fx-col-90-l {
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        max-width: 90%;
    }
    .fx-col-100-l {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 1500px) {
    .fx-col-10-xl {
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%;
    }
    .fx-col-16-xl {
        -ms-flex-preferred-size: 16.6666%;
        flex-basis: 16.6666%;
        max-width: 16.6666%;
    }
    .fx-col-20-xl {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
    .fx-col-25-xl {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .fx-col-30-xl {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        max-width: 30%;
    }
    .fx-col-33-xl {
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
        max-width: 33.3333%;
    }
    .fx-col-40-xl {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
    }
    .fx-col-50-xl {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .fx-col-60-xl {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
    }
    .fx-col-66-xl {
        -ms-flex-preferred-size: 66.6666%;
        flex-basis: 66.6666%;
        max-width: 66.6666%;
    }
    .fx-col-70-xl {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        max-width: 70%;
    }
    .fx-col-75-xl {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .fx-col-80-xl {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
    }
    .fx-col-90-xl {
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        max-width: 90%;
    }
    .fx-col-100-xl {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}