@media only screen and (max-width: 767px){

    .mt-small-1 {
        margin-top: 0.25rem !important;
    }
    .mt-small-2 {
        margin-top: 0.5rem !important;
    }

    .mt-small-3 {
        margin-top: 1rem !important;
    }

    .mt-small-4 {
        margin-top: 1.5rem!important;
    }

    .mt-small-5{
        margin-top: 3rem!important;
    }
    .mb-small-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-small-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-small-3 {
        margin-bottom: 1rem !important;
    }

    .mb-small-4 {
        margin-bottom: 1.5rem!important;
    }

    .mb-small-5{
        margin-bottom: 3rem!important;
    }

    .my-small-0{
        margin-top: 0!important;
        margin-bottom: 0!important;
    }

    .mx-small-0{
        margin-left: 0!important;
        margin-right: 0!important;
    }
    
    .mx-small-auto{
        margin-left:auto!important;
        margin-right: auto!important;
    }
    
    .pl-small-0{
        padding-left: 0!important;
    }
    
    .pr-small-0{
        padding-right: 0!important;
    }

    .px-small-0{
        padding-left: 0!important;
        padding-right: 0!important;
    }

    .py-small-0{
        padding-left: 0!important;
        padding-right: 0!important;
    }
}

@media only screen and (max-width: 991px){

    .mt-medium-1 {
        margin-top: 0.25rem !important;
    }
    .mt-medium-2 {
        margin-top: 0.5rem !important;
    }

    .mt-medium-3 {
        margin-top: 1rem !important;
    }

    .mt-medium-4 {
        margin-top: 1.5rem!important;
    }

    .mt-medium-5{
        margin-top: 3rem!important;
    }
    .mb-medium-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-medium-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-medium-3 {
        margin-bottom: 1rem !important;
    }

    .mb-medium-4 {
        margin-bottom: 1.5rem!important;
    }

    .mb-medium-5{
        margin-bottom: 3rem!important;
    }

    .my-medium-0{
        margin-top: 0!important;
        margin-bottom: 0!important;
    }

    .mx-medium-0{
        margin-left: 0!important;
        margin-right: 0!important;
    }

    .mx-medium-auto{
        margin-left:auto!important;
        margin-right: auto!important;
    }

    .px-medium-0{
        padding-left: 0!important;
        padding-right: 0!important;
    }

    .py-medium-0{
        padding-left: 0!important;
        padding-right: 0!important;
    }
}