/*
    0-320, // 100% - max:425px - xs
    320-576, // 540px  - sm
    576-768, // 720px - md
    768-992, // 960px  - lg
    992-1200, // 1140px - xl
    1200-1400, // 1340px - xxl
    1400-1600, // 1540px - 3xl
    1600-2560, // 1540px - 4xl
 */

@media (max-width: 2500px) {
    .container {
        width: 1200px;
    }
    .cell-4xl-1 {
        flex: 0 0 8.33%;
        width: 8.33%;
    }
    .cell-4xl-2 {
        flex: 0 0 16.66%;
        width: 16.66%;
    }
    .cell-4xl-3 {
        flex: 0 0 25%;
        width: 25%;
    }
    .cell-4xl-4 {
        flex: 0 0 33.33%;
        width: 33.33%;
    }
    .cell-4xl-5 {
        flex: 0 0 41.66%;
        width: 41.66%;
    }
    .cell-4xl-6 {
        flex: 0 0 50%;
        width: 50%;
    }
    .cell-4xl-7 {
        flex: 0 0 58.33%;
        width: 58.33%;
    }
    .cell-4xl-8 {
        flex: 0 0 66.66%;
        width: 66.66%;
    }
    .cell-4xl-9 {
        flex: 0 0 75%;
        width: 75%;
    }
    .cell-4xl-10 {
        flex: 0 0 83.33%;
        width: 83.33%;
    }
    .cell-4xl-11 {
        flex: 0 0 91.66%;
        width: 91.66%;
    }
    .cell-4xl-12 {
        flex: 0 0 100%;
        width: 100%;
    }
    .d-4xl-block {
        display: block;
    }
    .d-4xl-none {
        display: none;
    }
    .d-4xl-inline-block {
        display: inline-block;
    }
    .text-4xl-left {
        text-align: left;
    }
    .text-4xl-center {
        text-align: center;
    }
    .text-4xl-right {
        text-align: right;
    }
    .line-4xl-no-wrap {
        flex-wrap: nowrap;
    }
    .line-4xl-end {
        justify-content: flex-end;
    }
    .line-4xl-align-item-center {
        align-items: center;
    }
    .line-4xl-g0 {
        margin: 0;
    }
    .line-4xl-g0 > .cell {
        padding: 0;
    }
    .line-4xl-g1 {
        margin: 0 -5px;
    }
    .line-4xl-g1 > .cell {
        padding: 0 5px;
    }
    .line-4xl-g2 {
        margin: 0 -10px;
    }
    .line-4xl-g2 > .cell {
        padding: 0 10px;
        box-sizing: border-box;
    }
    .line-4xl-g3 {
        margin: 0 -15px;
    }
    .line-4xl-g3 > .cell {
        padding: 0 15px;
        box-sizing: border-box;
    }
}

@media (max-width: 1599px) {
    .container {
        width: 1240px;
    }
    .cell-3xl-1 {
        flex: 0 0 8.33%;
        width: 8.33%;
    }
    .cell-3xl-2 {
        flex: 0 0 16.66%;
        width: 16.66%;
    }
    .cell-3xl-3 {
        flex: 0 0 25%;
        width: 25%;
    }
    .cell-3xl-4 {
        flex: 0 0 33.33%;
        width: 33.33%;
    }
    .cell-3xl-5 {
        flex: 0 0 41.66%;
        width: 41.66%;
    }
    .cell-3xl-6 {
        flex: 0 0 50%;
        width: 50%;
    }
    .cell-3xl-7 {
        flex: 0 0 58.33%;
        width: 58.33%;
    }
    .cell-3xl-8 {
        flex: 0 0 66.66%;
        width: 66.66%;
    }
    .cell-3xl-9 {
        flex: 0 0 75%;
        width: 75%;
    }
    .cell-3xl-10 {
        flex: 0 0 83.33%;
        width: 83.33%;
    }
    .cell-3xl-11 {
        flex: 0 0 91.66%;
        width: 91.66%;
    }
    .cell-3xl-12 {
        flex: 0 0 100%;
        width: 100%;
    }
    .d-3xl-block {
        display: block;
    }
    .d-3xl-none {
        display: none;
    }
    .d-3xl-inline-block {
        display: inline-block;
    }
    .text-3xl-left {
        text-align: left;
    }
    .text-3xl-center {
        text-align: center;
    }
    .text-3xl-right {
        text-align: right;
    }
    .line-3xl-no-wrap {
        flex-wrap: nowrap;
    }
    .line-3xl-end {
        justify-content: flex-end;
    }
    .line-3xl-align-item-center {
        align-items: center;
    }
    .line-3xl-g0 {
        margin: 0;
    }
    .line-3xl-g0 > .cell {
        padding: 0;
    }
    .line-3xl-g1 {
        margin: 0 -5px;
    }
    .line-3xl-g1 > .cell {
        padding: 0 5px;
    }
    .line-3xl-g2 {
        margin: 0 -10px;
    }
    .line-3xl-g2 > .cell {
        padding: 0 10px;
        box-sizing: border-box;
    }
    .line-3xl-g3 {
        margin: 0 -15px;
    }
    .line-3xl-g3 > .cell {
        padding: 0 15px;
        box-sizing: border-box;
    }
}

@media (max-width: 1399px) {
    .container {
        width: 1140px;
    }
    .cell-xxl-1 {
        flex: 0 0 8.33%;
        width: 8.33%;
    }
    .cell-xxl-2 {
        flex: 0 0 16.66%;
        width: 16.66%;
    }
    .cell-xxl-3 {
        flex: 0 0 25%;
        width: 25%;
    }
    .cell-xxl-4 {
        flex: 0 0 33.33%;
        width: 33.33%;
    }
    .cell-xxl-5 {
        flex: 0 0 41.66%;
        width: 41.66%;
    }
    .cell-xxl-6 {
        flex: 0 0 50%;
        width: 50%;
    }
    .cell-xxl-7 {
        flex: 0 0 58.33%;
        width: 58.33%;
    }
    .cell-xxl-8 {
        flex: 0 0 66.66%;
        width: 66.66%;
    }
    .cell-xxl-9 {
        flex: 0 0 75%;
        width: 75%;
    }
    .cell-xxl-10 {
        flex: 0 0 83.33%;
        width: 83.33%;
    }
    .cell-xxl-11 {
        flex: 0 0 91.66%;
        width: 91.66%;
    }
    .cell-xxl-12 {
        flex: 0 0 100%;
        width: 100%;
    }
    .d-xxl-block {
        display: block;
    }
    .d-xxl-none {
        display: none;
    }
    .d-xxl-inline-block {
        display: inline-block;
    }
    .text-xxl-left {
        text-align: left;
    }
    .text-xxl-center {
        text-align: center;
    }
    .text-xxl-right {
        text-align: right;
    }
    .line-xxl-no-wrap {
        flex-wrap: nowrap;
    }
    .line-xxl-end {
        justify-content: flex-end;
    }
    .line-xxl-align-item-center {
        align-items: center;
    }
    .line-xxl-g0 {
        margin: 0;
    }
    .line-xxl-g0 > .cell {
        padding: 0;
    }
    .line-xxl-g1 {
        margin: 0 -5px;
    }
    .line-xxl-g1 > .cell {
        padding: 0 5px;
    }
    .line-xxl-g2 {
        margin: 0 -10px;
    }
    .line-xxl-g2 > .cell {
        padding: 0 10px;
        box-sizing: border-box;
    }
    .line-xxl-g3 {
        margin: 0 -15px;
    }
    .line-xxl-g3 > .cell {
        padding: 0 15px;
        box-sizing: border-box;
    }
}

@media (max-width: 1199px) {
    .container {
        width: 960px;
    }
    .cell-xl-1 {
        flex: 0 0 8.33%;
        width: 8.33%;
    }
    .cell-xl-2 {
        flex: 0 0 16.66%;
        width: 16.66%;
    }
    .cell-xl-3 {
        flex: 0 0 25%;
        width: 25%;
    }
    .cell-xl-4 {
        flex: 0 0 33.33%;
        width: 33.33%;
    }
    .cell-xl-5 {
        flex: 0 0 41.66%;
        width: 41.66%;
    }
    .cell-xl-6 {
        flex: 0 0 50%;
        width: 50%;
    }
    .cell-xl-7 {
        flex: 0 0 58.33%;
        width: 58.33%;
    }
    .cell-xl-8 {
        flex: 0 0 66.66%;
        width: 66.66%;
    }
    .cell-xl-9 {
        flex: 0 0 75%;
        width: 75%;
    }
    .cell-xl-10 {
        flex: 0 0 83.33%;
        width: 83.33%;
    }
    .cell-xl-11 {
        flex: 0 0 91.66%;
        width: 91.66%;
    }
    .cell-xl-12 {
        flex: 0 0 100%;
        width: 100%;
    }
    .cell-xl-fill{
        flex: 1 1 auto;
        width: auto;
    }
    .d-xl-block {
        display: block;
    }
    .d-xl-none {
        display: none;
    }
    .d-xl-inline-block {
        display: inline-block;
    }
    .text-xl-left {
        text-align: left;
    }
    .text-xl-center {
        text-align: center;
    }
    .text-xl-right {
        text-align: right;
    }
    .line-xl-no-wrap {
        flex-wrap: nowrap;
    }
    .line-xl-start {
        justify-content: flex-start;
    }
    .line-xl-end {
        justify-content: flex-end;
    }
    .line-xl-align-item-center {
        align-items: center;
    }
    .line-xl-g0 {
        margin: 0;
    }
    .line-xl-g0 > .cell {
        padding: 0;
    }
    .line-xl-g1 {
        margin: 0 -5px;
    }
    .line-xl-g1 > .cell {
        padding: 0 5px;
    }
    .line-xl-g2 {
        margin: 0 -10px;
    }
    .line-xl-g2 > .cell {
        padding: 0 10px;
        box-sizing: border-box;
    }
    .line-xl-g3 {
        margin: 0 -15px;
    }
    .line-xl-g3 > .cell {
        padding: 0 15px;
        box-sizing: border-box;
    }
    .row-xl-gap-0{
        row-gap: 0;
    }
    .row-xl-gap-1{
        row-gap: 4px;
    }
    .row-xl-gap-2{
        row-gap: 8px;
    }
    .row-xl-gap-3{
        row-gap: 12px;
    }
    .row-xl-gap-4{
        row-gap: 16px;
    }
    .row-xl-gap-5{
        row-gap: 20px;
    }
    .row-xl-gap-6{
        row-gap: 24px;
    }
    .row-xl-gap-7{
        row-gap: 28px;
    }
}

@media (max-width: 991px) {
    .container {
        width: 720px;
    }
    .cell-lg-1 {
        flex: 0 0 8.33%;
        width: 8.33%;
    }
    .cell-lg-2 {
        flex: 0 0 16.66%;
        width: 16.66%;
    }
    .cell-lg-3 {
        flex: 0 0 25%;
        width: 25%;
    }
    .cell-lg-4 {
        flex: 0 0 33.33%;
        width: 33.33%;
    }
    .cell-lg-5 {
        flex: 0 0 41.66%;
        width: 41.66%;
    }
    .cell-lg-6 {
        flex: 0 0 50%;
        width: 50%;
    }
    .cell-lg-7 {
        flex: 0 0 58.33%;
        width: 58.33%;
    }
    .cell-lg-8 {
        flex: 0 0 66.66%;
        width: 66.66%;
    }
    .cell-lg-9 {
        flex: 0 0 75%;
        width: 75%;
    }
    .cell-lg-10 {
        flex: 0 0 83.33%;
        width: 83.33%;
    }
    .cell-lg-11 {
        flex: 0 0 91.66%;
        width: 91.66%;
    }
    .cell-lg-12 {
        flex: 0 0 100%;
        width: 100%;
    }
    .cell-lg-fill {
        flex: 1 1 auto;
        width: auto;
    }
    .d-lg-block {
        display: block;
    }
    .d-lg-none {
        display: none;
    }
    .d-lg-inline-block {
        display: inline-block;
    }
    .text-lg-left {
        text-align: left;
    }
    .text-lg-center {
        text-align: center;
    }
    .text-lg-right {
        text-align: right;
    }

    .line-lg-no-wrap {
        flex-wrap: nowrap;
    }
    .line-lg-end {
        justify-content: flex-end;
    }
    .line-lg-align-item-center {
        align-items: center;
    }
    .line-lg-g0 {
        margin: 0;
    }
    .line-lg-g0 > .cell {
        padding: 0;
    }
    .line-lg-g1 {
        margin: 0 -5px;
    }
    .line-lg-g1 > .cell {
        padding: 0 5px;
    }
    .line-lg-g2 {
        margin: 0 -10px;
    }
    .line-lg-g2 > .cell {
        padding: 0 10px;
        box-sizing: border-box;
    }
    .line-lg-g3 {
        margin: 0 -15px;
    }
    .line-lg-g3 > .cell {
        padding: 0 15px;
        box-sizing: border-box;
    }
    .row-lg-gap-0{
        row-gap: 0;
    }
    .row-lg-gap-1{
        row-gap: 4px;
    }
    .row-lg-gap-2{
        row-gap: 8px;
    }
    .row-lg-gap-3{
        row-gap: 12px;
    }
    .row-lg-gap-4{
        row-gap: 16px;
    }
    .row-lg-gap-5{
        row-gap: 20px;
    }
    .row-lg-gap-6{
        row-gap: 24px;
    }
    .row-lg-gap-7{
        row-gap: 28px;
    }
    .row-lg-gap-8{
        row-gap: 32px;
    }
    .gap-lg-0{
        gap: 0;
    }
    .gap-lg-1{
        gap: 4px;
    }
    .gap-lg-2{
        gap: 8px;
    }
    .gap-lg-3{
        gap: 12px;
    }
    .gap-lg-4{
        gap: 16px;
    }
    .gap-lg-5{
        gap: 20px;
    }
    .gap-lg-6{
        gap: 24px;
    }
    .gap-lg-7{
        gap: 28px;
    }
    .gap-lg-8{
        gap: 32px;
    }
    .pt-lg-0{
        padding-top: 0;
    }
    .pt-lg-1{
        padding-top: 4px;
    }
    .pt-lg-2{
        padding-top: 8px;
    }
    .pt-lg-3{
        padding-top: 12px;
    }
    .pt-lg-4{
        padding-top: 16px;
    }
    .pt-lg-5{
        padding-top: 20px;
    }
    .pt-lg-6{
        padding-top: 24px;
    }
    .pt-lg-7{
        padding-top: 28px;
    }
    .pt-lg-8{
        padding-top: 32px;
    }
    .pb-lg-9{
        padding-bottom: 36px;
    }
    .pb-lg-10{
        padding-bottom: 40px;
    }

}

@media (max-width: 767px) {
    .container {
        width: 540px;
    }
    .cell-md-1 {
        flex: 0 0 8.33%;
        width: 8.33%;
    }
    .cell-md-2 {
        flex: 0 0 16.66%;
        width: 16.66%;
    }
    .cell-md-3 {
        flex: 0 0 25%;
        width: 25%;
    }
    .cell-md-4 {
        flex: 0 0 33.33%;
        width: 33.33%;
    }
    .cell-md-5 {
        flex: 0 0 41.66%;
        width: 41.66%;
    }
    .cell-md-6 {
        flex: 0 0 50%;
        width: 50%;
    }
    .cell-md-7 {
        flex: 0 0 58.33%;
        width: 58.33%;
    }
    .cell-md-8 {
        flex: 0 0 66.66%;
        width: 66.66%;
    }
    .cell-md-9 {
        flex: 0 0 75%;
        width: 75%;
    }
    .cell-md-10 {
        flex: 0 0 83.33%;
        width: 83.33%;
    }
    .cell-md-11 {
        flex: 0 0 91.66%;
        width: 91.66%;
    }
    .cell-md-12 {
        flex: 0 0 100%;
        width: 100%;
    }
    .cell-md-fill {
        flex: 1 1 auto;
        width: auto;
    }
    .d-md-block {
        display: block;
    }
    .d-md-none {
        display: none;
    }
    .d-md-inline-block {
        display: inline-block;
    }
    .text-md-left {
        text-align: left;
    }
    .text-md-center {
        text-align: center;
    }
    .text-md-right {
        text-align: right;
    }
    .line-md-no-wrap {
        flex-wrap: nowrap;
    }
    .line-md-wrap {
        flex-wrap: wrap;
    }
    .line-md-none {
        display: unset;
    }
    .line-md-end {
        justify-content: flex-end;
    }
    .line-md-align-item-center {
        align-items: center;
    }
    .line-md-g0 {
        margin: 0;
    }
    .line-md-g0 > .cell {
        padding: 0;
    }
    .line-md-g1 {
        margin: 0 -5px;
    }
    .line-md-g1 > .cell {
        padding: 0 5px;
    }
    .line-md-g2 {
        margin: 0 -10px;
    }
    .line-md-g2 > .cell {
        padding: 0 10px;
        box-sizing: border-box;
    }
    .line-md-g3 {
        margin: 0 -15px;
    }
    .line-md-g3 > .cell {
        padding: 0 15px;
        box-sizing: border-box;
    }
    .w-md-100 {
        width: 100%;
    }

    .mt-md-0 {
        margin-top: 0px !important;
    }
    .mt-md-1 {
        margin-top: 5px !important;
    }

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

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

    .mt-md-4 {
        margin-top: 20px !important;
    }
    .mt-md-5 {
        margin-top: 25px !important;
    }
    .mt-md-6 {
        margin-top: 30px !important;
    }
    .mt-md-7 {
        margin-top: 50px !important;
    }
    .mr-md-0{
        margin-right: 0 !important;
    }
    .mr-md-1{
        margin-right: 5px !important;
    }
    .mr-md-2{
        margin-right: 10px !important;
    }
    .mr-md-3{
        margin-right: 15px !important;
    }
    .mr-md-4{
        margin-right: 20px !important;
    }
    .mr-md-5{
        margin-right: 25px !important;
    }
    .mr-md-6{
        margin-right: 30px !important;
    }
    .mr-md-7{
        margin-right: 50px !important;
    }
    .mb-md-0 {
        margin-bottom: 0 !important;
    }
    .mb-md-1 {
        margin-bottom: 5px!important;
    }

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

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

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

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

    .mb-md-6 {
        margin-bottom: 30px!important;
    }
    .mb-md-7 {
        margin-bottom: 50px!important;
    }
    .ml-md-0{
        margin-left: 0 !important;
    }
    .ml-md-1{
        margin-left: 5px !important;
    }
    .ml-md-2{
        margin-left: 10px !important;
    }
    .ml-md-3{
        margin-left: 15px !important;
    }
    .ml-md-4{
        margin-left: 20px !important;
    }
    .ml-md-5{
        margin-left: 25px !important;
    }
    .ml-md-6{
        margin-left: 30px !important;
    }
    .ml-md-7{
        margin-left: 50px !important;
    }
    .mx-md-0{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .mx-md-1{
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .mx-md-2{
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .mx-md-3{
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .mx-md-4{
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .mx-md-5{
        margin-left: 25px !important;
        margin-right: 25px !important;
    }
    .mx-md-6{
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    .mx-md-7{
        margin-left: 50px !important;
        margin-right: 50px !important;
    }
    .my-md-0{
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-md-1{
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .my-md-2{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .my-md-3{
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .my-md-4{
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .my-md-5{
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
    .my-md-6{
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .my-md-7{
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .row-md-gap-0{
        row-gap: 0 ;
    }
    .row-md-gap-1{
        row-gap: 5px ;
    }
    .row-md-gap-2{
        row-gap: 10px ;
    }
    .row-md-gap-3{
        row-gap: 15px ;
    }
    .row-md-gap-4{
        row-gap: 20px ;
    }
    .row-md-gap-5{
        row-gap: 25px ;
    }
    .row-md-gap-6{
        row-gap: 30px ;
    }
    .row-md-gap-7{
        row-gap: 35px ;
    }
    .col-md-gap-0{
        column-gap: 0 ;
    }
    .col-md-gap-1{
        column-gap: 5px ;
    }
    .col-md-gap-2{
        column-gap: 10px ;
    }
    .col-md-gap-3{
        column-gap: 15px ;
    }
    .col-md-gap-4{
        column-gap: 20px ;
    }
    .col-md-gap-5{
        column-gap: 25px ;
    }
    .col-md-gap-6{
        column-gap: 30px ;
    }
    .col-md-gap-7{
        column-gap: 35px ;
    }
    .col-md-gap-8{
        column-gap: 40px ;
    }
    .col-md-gap-9{
        column-gap: 45px ;
    }
    .col-md-gap-10{
        column-gap: 50px ;
    }
}

@media (max-width: 575px) {
    .container {
        width: 100%;
        max-width: 100%;
    }
    .cell-sm-1 {
        flex: 0 0 8.33%;
        width: 8.33%;
    }
    .cell-sm-2 {
        flex: 0 0 16.66%;
        width: 16.66%;
    }
    .cell-sm-3 {
        flex: 0 0 25%;
        width: 25%;
    }
    .cell-sm-4 {
        flex: 0 0 33.33%;
        width: 33.33%;
    }
    .cell-sm-5 {
        flex: 0 0 41.66%;
        width: 41.66%;
    }
    .cell-sm-6 {
        flex: 0 0 50%;
        width: 50%;
    }
    .cell-sm-7 {
        flex: 0 0 58.33%;
        width: 58.33%;
    }
    .cell-sm-8 {
        flex: 0 0 66.66%;
        width: 66.66%;
    }
    .cell-sm-9 {
        flex: 0 0 75%;
        width: 75%;
    }
    .cell-sm-10 {
        flex: 0 0 83.33%;
        width: 83.33%;
    }
    .cell-sm-11 {
        flex: 0 0 91.66%;
        width: 91.66%;
    }
    .cell-sm-12 {
        flex: 0 0 100%;
        width: 100%;
    }
    .cell-sm-fill {
        flex: 1 1 auto;
        width: auto;
    }
    .d-sm-block {
        display: block;
    }
    .d-sm-none {
        display: none;
    }
    .d-sm-inline-block {
        display: inline-block;
    }
    .font-sm-22{
        font-size: 22px;
    }
    font-sm-16{
        font-size: 16px;
    }
    .text-sm-left {
        text-align: left;
    }
    .text-sm-center {
        text-align: center;
    }
    .text-sm-right {
        text-align: right;
    }
    .line-sm-reverse {
        flex-direction: column-reverse;
    }
    .line-sm-none {
        display: unset;
    }
    .line-sm-wrap {
        flex-wrap: wrap;
    }
    .line-sm-no-wrap {
        flex-wrap: nowrap;
    }
    .line-sm-end {
        justify-content: flex-end;
    }
    .line-sm-align-item-center {
        align-items: center;
    }
    .line-sm-justify-center {
        justify-content: center;
    }
    .col-sm-reverse{
        flex-direction: column-reverse;
    }
    .row-sm-reverse{
        flex-direction: row-reverse;
    }
    .row-sm-gap-0{
        row-gap: 0;
    }
    .row-sm-gap-1{
        row-gap: 5px;
    }
    .row-sm-gap-2{
        row-gap: 10px;
    }
    .row-sm-gap-3{
        row-gap: 15px;
    }
    .row-sm-gap-4{
        row-gap: 20px;
    }
    .row-sm-gap-5{
        row-gap: 25px;
    }
    .row-sm-gap-6{
        row-gap: 30px;
    }
    .line-sm-g0 {
        margin: 0;
    }
    .line-sm-g0 > .cell {
        padding: 0;
    }
    .line-sm-g1 {
        margin: 0 -5px;
    }
    .line-sm-g1 > .cell {
        padding: 0 5px;
    }
    .line-sm-g2 {
        margin: 0 -10px;
    }
    .line-sm-g2 > .cell {
        padding: 0 10px;
        box-sizing: border-box;
    }
    .line-sm-g3 {
        margin: 0 -15px;
    }
    .line-sm-g3 > .cell {
        padding: 0 15px;
        box-sizing: border-box;
    }
    .mt-sm-1 {
        margin-top: 5px;
    }
    .mt-sm-2 {
        margin-top: 10px;
    }
    .mt-sm-3 {
        margin-top: 15px;
    }
    .mt-sm-4 {
        margin-top: 20px;
    }
    .mt-sm-5 {
        margin-top: 25px;
    }
    .mt-sm-6 {
        margin-top: 30px;
    }
    .mt-sm-80{
        margin-top: 80px;
    }

    .ml-sm-0 {
        margin-left: 0px;
    }
    .ml-sm-1 {
        margin-left: 5px;
    }
    .ml-sm-2 {
        margin-left: 10px;
    }
    .ml-sm-3 {
        margin-left: 15px !important;
    }
    .ml-sm-4 {
        margin-left: 20px !important;
    }
    .ml-sm-5 {
        margin-left: 25px !important;
    }
    .mr-sm-0{
        margin-right: 0 !important;
    }
    .mr-sm-1{
        margin-right: 5px !important;
    }
    .mr-sm-2 {
        margin-right: 10px !important;
    }
    .mr-sm-4 {
        margin-right: 20px !important
    }
    .mr-sm-5 {
        margin-right: 25px;
    }
    .mb-sm-0 {
        margin-bottom: 0px;
    }
    .mb-sm-1 {
        margin-bottom: 5px;
    }

    .mb-sm-2 {
        margin-bottom: 10px;
    }

    .mb-sm-3 {
        margin-bottom: 15px;
    }

    .mb-sm-4 {
        margin-bottom: 20px;
    }

    .mb-sm-5 {
        margin-bottom: 25px;
    }

    .mb-sm-6 {
        margin-bottom: 30px;
    }
    .mb-sm-7 {
        margin-bottom: 50px;
    }
    .p-sm-0{
        padding: 0px;
    }
    .p-sm-1{
        padding: 5px;
    }
    .p-sm-2{
        padding: 10px;
    }
    .p-sm-3{
        padding: 15px;
    }
    .p-sm-4{
        padding: 20px;
    }
    .p-sm-5{
        padding: 25px;
    }
    .p-sm-6{
        padding: 30px;
    }
    .pl-sm-0{
        padding-left: 0px;
    }
    .pl-sm-1{
        padding-left: 5px;
    }
    .pl-sm-2{
        padding-left: 10px;
    }
    .pl-sm-3{
        padding-left: 15px;
    }
    .pl-sm-4{
        padding-left: 20px;
    }
    .pl-sm-5{
        padding-left: 25px;
    }
    .pl-sm-6{
        padding-left: 30px;
    }
    .pr-sm-0{
        padding-right: 0px;
    }
    .pr-sm-1{
        padding-right: 5px;
    }
    .pr-sm-2{
        padding-right: 10px;
    }
    .pr-sm-3{
        padding-right: 15px;
    }
    .pr-sm-4{
        padding-right: 20px;
    }
    .pr-sm-5{
        padding-right: 25px;
    }
    .pr-sm-6{
        padding-right: 30px;
    }
    .pt-sm-0{
        padding-top: 0px;
    }
    .pt-sm-1{
        padding-top: 5px;
    }
    .pt-sm-2{
        padding-top: 10px;
    }
    .pt-sm-3{
        padding-top: 15px;
    }
    .pt-sm-4{
        padding-top: 20px;
    }
    .pt-sm-5{
        padding-top: 25px;
    }
    .pt-sm-6{
        padding-top: 30px;
    }
    .pb-sm-0{
        padding-bottom: 0px;
    }
    .pb-sm-1{
        padding-bottom: 5px;
    }
    .pb-sm-2{
        padding-bottom: 10px;
    }
    .pb-sm-3{
        padding-bottom: 15px;
    }
    .pb-sm-4{
        padding-bottom: 20px;
    }
    .pb-sm-5{
        padding-bottom: 25px;
    }
    .pb-sm-6{
        padding-bottom: 30px;
    }

    .w-sm-100 {
        width: 100%;
    }
}
@media (max-width: 425px){
    .container {
        width: 100%;
        max-width: 100%;
    }
    .cell-xs-1 {
        flex: 0 0 8.33%;
        width: 8.33%;
    }
    .cell-xs-2 {
        flex: 0 0 16.66%;
        width: 16.66%;
    }
    .cell-xs-3 {
        flex: 0 0 25%;
        width: 25%;
    }
    .cell-xs-4 {
        flex: 0 0 33.33%;
        width: 33.33%;
    }
    .cell-xs-5 {
        flex: 0 0 41.66%;
        width: 41.66%;
    }
    .cell-xs-6 {
        flex: 0 0 50%;
        width: 50%;
    }
    .cell-xs-7 {
        flex: 0 0 58.33%;
        width: 58.33%;
    }
    .cell-xs-8 {
        flex: 0 0 66.66%;
        width: 66.66%;
    }
    .cell-xs-9 {
        flex: 0 0 75%;
        width: 75%;
    }
    .cell-xs-10 {
        flex: 0 0 83.33%;
        width: 83.33%;
    }
    .cell-xs-11 {
        flex: 0 0 91.66%;
        width: 91.66%;
    }
    .cell-xs-12 {
        flex: 0 0 100%;
        width: 100%;
    }

}