/**
 * RSX Framework
 * Copyright 2015 Bell Canada
 * 
 * Helper classes to apply margin.
 * Reference: http://rsxdeployment.azurewebsites.net/docs/cheatsheet.html#helper
 */

/* basic */
.rsx-margin {
    margin: 20px !important;
}

.rsx-margin-top {
    margin-top: 20px !important;
}

.rsx-margin-right {
    margin-right: 20px !important;
}

.rsx-margin-bottom {
    margin-bottom: 20px !important;
}

.rsx-margin-left {
    margin-left: 20px !important;
}

.rsx-margin-v {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.rsx-margin-h {
    margin-right: 20px !important;
    margin-left: 20px !important;
}

.rsx-margin-auto-right {
    margin-right: auto !important;
}

.rsx-margin-auto-left {
    margin-left: auto !important;
}


@media (max-width: 519px) {
    .rsx-margin-xs {
        margin: 20px !important;
    }

    .rsx-margin-top-xs {
        margin-top: 20px !important;
    }

    .rsx-margin-right-xs {
        margin-right: 20px !important;
    }

    .rsx-margin-bottom-xs {
        margin-bottom: 20px !important;
    }

    .rsx-margin-left-xs {
        margin-left: 20px !important;
    }

    .rsx-margin-v-xs {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .rsx-margin-h-xs {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-margin-sm {
        margin: 20px !important;
    }

    .rsx-margin-top-sm {
        margin-top: 20px !important;
    }

    .rsx-margin-right-sm {
        margin-right: 20px !important;
    }

    .rsx-margin-bottom-sm {
        margin-bottom: 20px !important;
    }

    .rsx-margin-left-sm {
        margin-left: 20px !important;
    }

    .rsx-margin-v-sm {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .rsx-margin-h-sm {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-margin-md {
        margin: 20px !important;
    }

    .rsx-margin-top-md {
        margin-top: 20px !important;
    }

    .rsx-margin-right-md {
        margin-right: 20px !important;
    }

    .rsx-margin-bottom-md {
        margin-bottom: 20px !important;
    }

    .rsx-margin-left-md {
        margin-left: 20px !important;
    }

    .rsx-margin-v-md {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .rsx-margin-h-md {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }
}


@media (min-width: 1240px) {
    .rsx-margin-lg {
        margin: 20px !important;
    }

    .rsx-margin-top-lg {
        margin-top: 20px !important;
    }

    .rsx-margin-right-lg {
        margin-right: 20px !important;
    }

    .rsx-margin-bottom-lg {
        margin-bottom: 20px !important;
    }

    .rsx-margin-left-lg {
        margin-left: 20px !important;
    }

    .rsx-margin-v-lg {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .rsx-margin-h-lg {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }
}

/* 5 */
.rsx-margin-5{
    margin: 5px !important;
}

.rsx-margin-5-top {
    margin-top: 5px !important;
}

.rsx-margin-5-right {
    margin-right: 5px !important;
}

.rsx-margin-5-bottom {
    margin-bottom: 5px !important;
}

.rsx-margin-5-left {
    margin-left: 5px !important;
}

.rsx-margin-5-v {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.rsx-margin-5-h {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

/* 5 & 10 */
.rsx-margin-10 {
    margin: 10px !important;
}

.rsx-margin-10-top {
    margin-top: 10px !important;
}

.rsx-margin-10-right {
    margin-right: 10px !important;
}

.rsx-margin-10-bottom {
    margin-bottom: 10px !important;
}

.rsx-margin-10-left {
    margin-left: 10px !important;
}

.rsx-margin-10-v {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.rsx-margin-10-h {
    margin-right: 10px !important;
    margin-left: 10px !important;
}


@media (max-width: 519px) {

    .rsx-margin-5-xs{
        margin: 5px !important;
    }

    .rsx-margin-5-top-xs {
        margin-top: 5px !important;
    }

    .rsx-margin-5-right-xs {
        margin-right: 5px !important;
    }

    .rsx-margin-5-bottom-xs {
        margin-bottom: 5px !important;
    }

    .rsx-margin-5-left-xs {
        margin-left: 5px !important;
    }

    .rsx-margin-5-v-xs {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .rsx-margin-5-h-xs {
        margin-right: 5px !important;
        margin-left: 5px !important;
    }

    .rsx-margin-10-xs {
        margin: 10px !important;
    }

    .rsx-margin-10-top-xs {
        margin-top: 10px !important;
    }

    .rsx-margin-10-right-xs {
        margin-right: 10px !important;
    }

    .rsx-margin-10-bottom-xs {
        margin-bottom: 10px !important;
    }

    .rsx-margin-10-left-xs {
        margin-left: 10px !important;
    }

    .rsx-margin-10-v-xs {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .rsx-margin-10-h-xs {
        margin-right: 10px !important;
        margin-left: 10px !important;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-margin-5-sm{
        margin: 5px !important;
    }

    .rsx-margin-5-top-sm {
        margin-top: 5px !important;
    }

    .rsx-margin-5-right-sm {
        margin-right: 5px !important;
    }

    .rsx-margin-5-bottom-sm {
        margin-bottom: 5px !important;
    }

    .rsx-margin-5-left-sm {
        margin-left: 5px !important;
    }

    .rsx-margin-5-v-sm {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .rsx-margin-5-h-sm {
        margin-right: 5px !important;
        margin-left: 5px !important;
    }

    .rsx-margin-10-sm {
        margin: 10px !important;
    }

    .rsx-margin-10-top-sm {
        margin-top: 10px !important;
    }

    .rsx-margin-10-right-sm {
        margin-right: 10px !important;
    }

    .rsx-margin-10-bottom-sm {
        margin-bottom: 10px !important;
    }

    .rsx-margin-10-left-sm {
        margin-left: 10px !important;
    }

    .rsx-margin-10-v-sm {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .rsx-margin-10-h-sm {
        margin-right: 10px !important;
        margin-left: 10px !important;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {

    .rsx-margin-5-md{
        margin: 5px !important;
    }

    .rsx-margin-5-top-md {
        margin-top: 5px !important;
    }

    .rsx-margin-5-right-md {
        margin-right: 5px !important;
    }

    .rsx-margin-5-bottom-md {
        margin-bottom: 5px !important;
    }

    .rsx-margin-5-left-md {
        margin-left: 5px !important;
    }

    .rsx-margin-5-v-md {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .rsx-margin-5-h-md {
        margin-right: 5px !important;
        margin-left: 5px !important;
    }

    .rsx-margin-10-md {
        margin: 10px !important;
    }

    .rsx-margin-10-top-md {
        margin-top: 10px !important;
    }

    .rsx-margin-10-right-md {
        margin-right: 10px !important;
    }

    .rsx-margin-10-bottom-md {
        margin-bottom: 10px !important;
    }

    .rsx-margin-10-left-md {
        margin-left: 10px !important;
    }

    .rsx-margin-10-v-md {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .rsx-margin-10-h-md {
        margin-right: 10px !important;
        margin-left: 10px !important;
    }
}


@media (min-width: 1240px) {

    .rsx-margin-5-lg{
        margin: 5px !important;
    }

    .rsx-margin-5-top-lg {
        margin-top: 5px !important;
    }

    .rsx-margin-5-right-lg {
        margin-right: 5px !important;
    }

    .rsx-margin-5-bottom-lg {
        margin-bottom: 5px !important;
    }

    .rsx-margin-5-left-lg {
        margin-left: 5px !important;
    }

    .rsx-margin-5-v-lg {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .rsx-margin-5-h-lg {
        margin-right: 5px !important;
        margin-left: 5px !important;
    }

    .rsx-margin-10-lg {
        margin: 10px !important;
    }

    .rsx-margin-10-top-lg {
        margin-top: 10px !important;
    }

    .rsx-margin-10-right-lg {
        margin-right: 10px !important;
    }

    .rsx-margin-10-bottom-lg {
        margin-bottom: 10px !important;
    }

    .rsx-margin-10-left-lg {
        margin-left: 10px !important;
    }

    .rsx-margin-10-v-lg {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .rsx-margin-10-h-lg {
        margin-right: 10px !important;
        margin-left: 10px !important;
    }
}

/* 15 */
.rsx-margin-15 {
    margin: 15px !important;
}

.rsx-margin-15-top {
    margin-top: 15px !important;
}

.rsx-margin-15-right {
    margin-right: 15px !important;
}

.rsx-margin-15-bottom {
    margin-bottom: 15px !important;
}

.rsx-margin-15-left {
    margin-left: 15px !important;
}

.rsx-margin-15-v {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.rsx-margin-15-h {
    margin-right: 15px !important;
    margin-left: 15px !important;
}


@media (max-width: 519px) {
    .rsx-margin-15-xs {
        margin: 15px !important;
    }

    .rsx-margin-15-top-xs {
        margin-top: 15px !important;
    }

    .rsx-margin-15-right-xs {
        margin-right: 15px !important;
    }

    .rsx-margin-15-bottom-xs {
        margin-bottom: 15px !important;
    }

    .rsx-margin-15-left-xs {
        margin-left: 15px !important;
    }

    .rsx-margin-15-v-xs {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .rsx-margin-15-h-xs {
        margin-right: 15px !important;
        margin-left: 15px !important;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-margin-15-sm {
        margin: 15px !important;
    }

    .rsx-margin-15-top-sm {
        margin-top: 15px !important;
    }

    .rsx-margin-15-right-sm {
        margin-right: 15px !important;
    }

    .rsx-margin-15-bottom-sm {
        margin-bottom: 15px !important;
    }

    .rsx-margin-15-left-sm {
        margin-left: 15px !important;
    }

    .rsx-margin-15-v-sm {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .rsx-margin-15-h-sm {
        margin-right: 15px !important;
        margin-left: 15px !important;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-margin-15-md {
        margin: 15px !important;
    }

    .rsx-margin-15-top-md {
        margin-top: 15px !important;
    }

    .rsx-margin-15-right-md {
        margin-right: 15px !important;
    }

    .rsx-margin-15-bottom-md {
        margin-bottom: 15px !important;
    }

    .rsx-margin-15-left-md {
        margin-left: 15px !important;
    }

    .rsx-margin-15-v-md {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .rsx-margin-15-h-md {
        margin-right: 15px !important;
        margin-left: 15px !important;
    }
}


@media (min-width: 1215px) {
    .rsx-margin-15-lg {
        margin: 15px !important;
    }

    .rsx-margin-15-top-lg {
        margin-top: 15px !important;
    }

    .rsx-margin-15-right-lg {
        margin-right: 15px !important;
    }

    .rsx-margin-15-bottom-lg {
        margin-bottom: 15px !important;
    }

    .rsx-margin-15-left-lg {
        margin-left: 15px !important;
    }

    .rsx-margin-15-v-lg {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .rsx-margin-15-h-lg {
        margin-right: 15px !important;
        margin-left: 15px !important;
    }
}

/* 30 */
.rsx-margin-30 {
    margin: 30px !important;
}

.rsx-margin-30-top {
    margin-top: 30px !important;
}

.rsx-margin-30-right {
    margin-right: 30px !important;
}

.rsx-margin-30-bottom {
    margin-bottom: 30px !important;
}

.rsx-margin-30-left {
    margin-left: 30px !important;
}

.rsx-margin-30-v {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.rsx-margin-30-h {
    margin-right: 30px !important;
    margin-left: 30px !important;
}


@media (max-width: 519px) {
    .rsx-margin-30-xs {
        margin: 30px !important;
    }

    .rsx-margin-30-top-xs {
        margin-top: 30px !important;
    }

    .rsx-margin-30-right-xs {
        margin-right: 30px !important;
    }

    .rsx-margin-30-bottom-xs {
        margin-bottom: 30px !important;
    }

    .rsx-margin-30-left-xs {
        margin-left: 30px !important;
    }

    .rsx-margin-30-v-xs {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .rsx-margin-30-h-xs {
        margin-right: 30px !important;
        margin-left: 30px !important;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-margin-30-sm {
        margin: 30px !important;
    }

    .rsx-margin-30-top-sm {
        margin-top: 30px !important;
    }

    .rsx-margin-30-right-sm {
        margin-right: 30px !important;
    }

    .rsx-margin-30-bottom-sm {
        margin-bottom: 30px !important;
    }

    .rsx-margin-30-left-sm {
        margin-left: 30px !important;
    }

    .rsx-margin-30-v-sm {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .rsx-margin-30-h-sm {
        margin-right: 30px !important;
        margin-left: 30px !important;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-margin-30-md {
        margin: 30px !important;
    }

    .rsx-margin-30-top-md {
        margin-top: 30px !important;
    }

    .rsx-margin-30-right-md {
        margin-right: 30px !important;
    }

    .rsx-margin-30-bottom-md {
        margin-bottom: 30px !important;
    }

    .rsx-margin-30-left-md {
        margin-left: 30px !important;
    }

    .rsx-margin-30-v-md {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .rsx-margin-30-h-md {
        margin-right: 30px !important;
        margin-left: 30px !important;
    }
}


@media (min-width: 1230px) {
    .rsx-margin-30-lg {
        margin: 30px !important;
    }

    .rsx-margin-30-top-lg {
        margin-top: 30px !important;
    }

    .rsx-margin-30-right-lg {
        margin-right: 30px !important;
    }

    .rsx-margin-30-bottom-lg {
        margin-bottom: 30px !important;
    }

    .rsx-margin-30-left-lg {
        margin-left: 30px !important;
    }

    .rsx-margin-30-v-lg {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .rsx-margin-30-h-lg {
        margin-right: 30px !important;
        margin-left: 30px !important;
    }
}


/* 40 */
.rsx-margin-40 {
    margin: 40px !important;
}

.rsx-margin-40-top {
    margin-top: 40px !important;
}

.rsx-margin-40-right {
    margin-right: 40px !important;
}

.rsx-margin-40-bottom {
    margin-bottom: 40px !important;
}

.rsx-margin-40-left {
    margin-left: 40px !important;
}

.rsx-margin-40-v {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.rsx-margin-40-h {
    margin-right: 40px !important;
    margin-left: 40px !important;
}


@media (max-width: 519px) {
    .rsx-margin-40-xs {
        margin: 40px !important;
    }

    .rsx-margin-40-top-xs {
        margin-top: 40px !important;
    }

    .rsx-margin-40-right-xs {
        margin-right: 40px !important;
    }

    .rsx-margin-40-bottom-xs {
        margin-bottom: 40px !important;
    }

    .rsx-margin-40-left-xs {
        margin-left: 40px !important;
    }

    .rsx-margin-40-v-xs {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .rsx-margin-40-h-xs {
        margin-right: 40px !important;
        margin-left: 40px !important;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-margin-40-sm {
        margin: 40px !important;
    }

    .rsx-margin-40-top-sm {
        margin-top: 40px !important;
    }

    .rsx-margin-40-right-sm {
        margin-right: 40px !important;
    }

    .rsx-margin-40-bottom-sm {
        margin-bottom: 40px !important;
    }

    .rsx-margin-40-left-sm {
        margin-left: 40px !important;
    }

    .rsx-margin-40-v-sm {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .rsx-margin-40-h-sm {
        margin-right: 40px !important;
        margin-left: 40px !important;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-margin-40-md {
        margin: 40px !important;
    }

    .rsx-margin-40-top-md {
        margin-top: 40px !important;
    }

    .rsx-margin-40-right-md {
        margin-right: 40px !important;
    }

    .rsx-margin-40-bottom-md {
        margin-bottom: 40px !important;
    }

    .rsx-margin-40-left-md {
        margin-left: 40px !important;
    }

    .rsx-margin-40-v-md {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .rsx-margin-40-h-md {
        margin-right: 40px !important;
        margin-left: 40px !important;
    }
}


@media (min-width: 1240px) {
    .rsx-margin-40-lg {
        margin: 40px !important;
    }

    .rsx-margin-40-top-lg {
        margin-top: 40px !important;
    }

    .rsx-margin-40-right-lg {
        margin-right: 40px !important;
    }

    .rsx-margin-40-bottom-lg {
        margin-bottom: 40px !important;
    }

    .rsx-margin-40-left-lg {
        margin-left: 40px !important;
    }

    .rsx-margin-40-v-lg {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .rsx-margin-40-h-lg {
        margin-right: 40px !important;
        margin-left: 40px !important;
    }
}



/* 50 */
.rsx-margin-50 {
    margin: 50px !important;
}

.rsx-margin-50-top {
    margin-top: 50px !important;
}

.rsx-margin-50-right {
    margin-right: 50px !important;
}

.rsx-margin-50-bottom {
    margin-bottom: 50px !important;
}

.rsx-margin-50-left {
    margin-left: 50px !important;
}

.rsx-margin-50-v {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.rsx-margin-50-h {
    margin-right: 50px !important;
    margin-left: 50px !important;
}


@media (max-width: 519px) {
    .rsx-margin-50-xs {
        margin: 50px !important;
    }

    .rsx-margin-50-top-xs {
        margin-top: 50px !important;
    }

    .rsx-margin-50-right-xs {
        margin-right: 50px !important;
    }

    .rsx-margin-50-bottom-xs {
        margin-bottom: 50px !important;
    }

    .rsx-margin-50-left-xs {
        margin-left: 50px !important;
    }

    .rsx-margin-50-v-xs {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .rsx-margin-50-h-xs {
        margin-right: 50px !important;
        margin-left: 50px !important;
    }
}


@media (min-width: 550px) and (max-width: 999px) {
    .rsx-margin-50-sm {
        margin: 50px !important;
    }

    .rsx-margin-50-top-sm {
        margin-top: 50px !important;
    }

    .rsx-margin-50-right-sm {
        margin-right: 50px !important;
    }

    .rsx-margin-50-bottom-sm {
        margin-bottom: 50px !important;
    }

    .rsx-margin-50-left-sm {
        margin-left: 50px !important;
    }

    .rsx-margin-50-v-sm {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .rsx-margin-50-h-sm {
        margin-right: 50px !important;
        margin-left: 50px !important;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-margin-50-md {
        margin: 50px !important;
    }

    .rsx-margin-50-top-md {
        margin-top: 50px !important;
    }

    .rsx-margin-50-right-md {
        margin-right: 50px !important;
    }

    .rsx-margin-50-bottom-md {
        margin-bottom: 50px !important;
    }

    .rsx-margin-50-left-md {
        margin-left: 50px !important;
    }

    .rsx-margin-50-v-md {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .rsx-margin-50-h-md {
        margin-right: 50px !important;
        margin-left: 50px !important;
    }
}


@media (min-width: 1240px) {
    .rsx-margin-50-lg {
        margin: 50px !important;
    }

    .rsx-margin-50-top-lg {
        margin-top: 50px !important;
    }

    .rsx-margin-50-right-lg {
        margin-right: 50px !important;
    }

    .rsx-margin-50-bottom-lg {
        margin-bottom: 50px !important;
    }

    .rsx-margin-50-left-lg {
        margin-left: 50px !important;
    }

    .rsx-margin-50-v-lg {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .rsx-margin-50-h-lg {
        margin-right: 50px !important;
        margin-left: 50px !important;
    }
}



/* 60 */
.rsx-margin-60 {
    margin: 60px !important;
}

.rsx-margin-60-top {
    margin-top: 60px !important;
}

.rsx-margin-60-right {
    margin-right: 60px !important;
}

.rsx-margin-60-bottom {
    margin-bottom: 60px !important;
}

.rsx-margin-60-left {
    margin-left: 60px !important;
}

.rsx-margin-60-v {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.rsx-margin-60-h {
    margin-right: 60px !important;
    margin-left: 60px !important;
}


@media (max-width: 519px) {
    .rsx-margin-60-xs {
        margin: 60px !important;
    }

    .rsx-margin-60-top-xs {
        margin-top: 60px !important;
    }

    .rsx-margin-60-right-xs {
        margin-right: 60px !important;
    }

    .rsx-margin-60-bottom-xs {
        margin-bottom: 60px !important;
    }

    .rsx-margin-60-left-xs {
        margin-left: 60px !important;
    }

    .rsx-margin-60-v-xs {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .rsx-margin-60-h-xs {
        margin-right: 60px !important;
        margin-left: 60px !important;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-margin-60-sm {
        margin: 60px !important;
    }

    .rsx-margin-60-top-sm {
        margin-top: 60px !important;
    }

    .rsx-margin-60-right-sm {
        margin-right: 60px !important;
    }

    .rsx-margin-60-bottom-sm {
        margin-bottom: 60px !important;
    }

    .rsx-margin-60-left-sm {
        margin-left: 60px !important;
    }

    .rsx-margin-60-v-sm {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .rsx-margin-60-h-sm {
        margin-right: 60px !important;
        margin-left: 60px !important;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-margin-60-md {
        margin: 60px !important;
    }

    .rsx-margin-60-top-md {
        margin-top: 60px !important;
    }

    .rsx-margin-60-right-md {
        margin-right: 60px !important;
    }

    .rsx-margin-60-bottom-md {
        margin-bottom: 60px !important;
    }

    .rsx-margin-60-left-md {
        margin-left: 60px !important;
    }

    .rsx-margin-60-v-md {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .rsx-margin-60-h-md {
        margin-right: 60px !important;
        margin-left: 60px !important;
    }
}


@media (min-width: 1240px) {
    .rsx-margin-60-lg {
        margin: 60px !important;
    }

    .rsx-margin-60-top-lg {
        margin-top: 60px !important;
    }

    .rsx-margin-60-right-lg {
        margin-right: 60px !important;
    }

    .rsx-margin-60-bottom-lg {
        margin-bottom: 60px !important;
    }

    .rsx-margin-60-left-lg {
        margin-left: 60px !important;
    }

    .rsx-margin-60-v-lg {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .rsx-margin-60-h-lg {
        margin-right: 60px !important;
        margin-left: 60px !important;
    }
}



/* 80 */
.rsx-margin-80 {
    margin: 80px !important;
}

.rsx-margin-80-top {
    margin-top: 80px !important;
}

.rsx-margin-80-right {
    margin-right: 80px !important;
}

.rsx-margin-80-bottom {
    margin-bottom: 80px !important;
}

.rsx-margin-80-left {
    margin-left: 80px !important;
}

.rsx-margin-80-v {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.rsx-margin-80-h {
    margin-right: 80px !important;
    margin-left: 80px !important;
}


@media (max-width: 519px) {
    .rsx-margin-80-xs {
        margin: 80px !important;
    }

    .rsx-margin-80-top-xs {
        margin-top: 80px !important;
    }

    .rsx-margin-80-right-xs {
        margin-right: 80px !important;
    }

    .rsx-margin-80-bottom-xs {
        margin-bottom: 80px !important;
    }

    .rsx-margin-80-left-xs {
        margin-left: 80px !important;
    }

    .rsx-margin-80-v-xs {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .rsx-margin-80-h-xs {
        margin-right: 80px !important;
        margin-left: 80px !important;
    }
}


@media (min-width: 580px) and (max-width: 999px) {
    .rsx-margin-80-sm {
        margin: 80px !important;
    }

    .rsx-margin-80-top-sm {
        margin-top: 80px !important;
    }

    .rsx-margin-80-right-sm {
        margin-right: 80px !important;
    }

    .rsx-margin-80-bottom-sm {
        margin-bottom: 80px !important;
    }

    .rsx-margin-80-left-sm {
        margin-left: 80px !important;
    }

    .rsx-margin-80-v-sm {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .rsx-margin-80-h-sm {
        margin-right: 80px !important;
        margin-left: 80px !important;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-margin-80-md {
        margin: 80px !important;
    }

    .rsx-margin-80-top-md {
        margin-top: 80px !important;
    }

    .rsx-margin-80-right-md {
        margin-right: 80px !important;
    }

    .rsx-margin-80-bottom-md {
        margin-bottom: 80px !important;
    }

    .rsx-margin-80-left-md {
        margin-left: 80px !important;
    }

    .rsx-margin-80-v-md {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .rsx-margin-80-h-md {
        margin-right: 80px !important;
        margin-left: 80px !important;
    }
}


@media (min-width: 1240px) {
    .rsx-margin-80-lg {
        margin: 80px !important;
    }

    .rsx-margin-80-top-lg {
        margin-top: 80px !important;
    }

    .rsx-margin-80-right-lg {
        margin-right: 80px !important;
    }

    .rsx-margin-80-bottom-lg {
        margin-bottom: 80px !important;
    }

    .rsx-margin-80-left-lg {
        margin-left: 80px !important;
    }

    .rsx-margin-80-v-lg {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .rsx-margin-80-h-lg {
        margin-right: 80px !important;
        margin-left: 80px !important;
    }
}

/* none */
.rsx-no-margin {
    margin: 0 !important;
}

.rsx-no-margin-top {
    margin-top: 0 !important;
}

.rsx-no-margin-right {
    margin-right: 0 !important;
}

.rsx-no-margin-bottom {
    margin-bottom: 0 !important;
}

.rsx-no-margin-left {
    margin-left: 0 !important;
}

.rsx-no-margin-v {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.rsx-no-margin-h {
    margin-right: 0 !important;
    margin-left: 0 !important;
}


@media (max-width: 519px) {
    .rsx-no-margin-xs {
        margin: 0 !important;
    }

    .rsx-no-margin-top-xs {
        margin-top: 0 !important;
    }

    .rsx-no-margin-right-xs {
        margin-right: 0 !important;
    }

    .rsx-no-margin-bottom-xs {
        margin-bottom: 0 !important;
    }

    .rsx-no-margin-left-xs {
        margin-left: 0 !important;
    }

    .rsx-no-margin-v-xs {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .rsx-no-margin-h-xs {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-no-margin-sm {
        margin: 0 !important;
    }

    .rsx-no-margin-top-sm {
        margin-top: 0 !important;
    }

    .rsx-no-margin-right-sm {
        margin-right: 0 !important;
    }

    .rsx-no-margin-bottom-sm {
        margin-bottom: 0 !important;
    }

    .rsx-no-margin-left-sm {
        margin-left: 0 !important;
    }

    .rsx-no-margin-v-sm {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .rsx-no-margin-h-sm {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-no-margin-md {
        margin: 0 !important;
    }

    .rsx-no-margin-top-md {
        margin-top: 0 !important;
    }

    .rsx-no-margin-right-md {
        margin-right: 0 !important;
    }

    .rsx-no-margin-bottom-md {
        margin-bottom: 0 !important;
    }

    .rsx-no-margin-left-md {
        margin-left: 0 !important;
    }

    .rsx-no-margin-v-md {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .rsx-no-margin-h-md {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}


@media (min-width: 1240px) {
    .rsx-no-margin-lg {
        margin: 0 !important;
    }

    .rsx-no-margin-top-lg {
        margin-top: 0 !important;
    }

    .rsx-no-margin-right-lg {
        margin-right: 0 !important;
    }

    .rsx-no-margin-bottom-lg {
        margin-bottom: 0 !important;
    }

    .rsx-no-margin-left-lg {
        margin-left: 0 !important;
    }

    .rsx-no-margin-v-lg {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .rsx-no-margin-h-lg {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}