/*All Mobile css media queries*/

@media only screen and (min-width: 200px) and (max-device-width: 768px) {

    .w-sm-100 {
        width: 100% !important;
    }


    .p-sm-0 {
        padding: 0 !important;
    }

    .p-sm-1 {
        padding: .25rem !important;
    }

    .pr-sm-0 {
        padding-right: 0 !important;
    }

    .pr-sm-1 {
        padding-right: .25rem !important;
    }

    .pl-sm-0 {
        padding-left: 0 !important;
    }

    .pl-sm-1 {
        padding-left: .25rem !important;
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important;
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pt-sm-1 {
        padding-top: .25rem !important;
    }

    .pt-sm-2 {
        padding-top: .5rem !important;
    }

    .pt-sm-3 {
        padding-top: 1rem !important;
    }

    pt-sm-0 {
        padding-top: 0 !important;
    }

    .pt-sm-4 {
        padding-top: 2rem !important;
    }

    .pt-sm-5 {
        padding-top: 3rem !important;
    }

    .pt-sm-6 {
        padding-top: 4rem !important;
    }

    .pt-sm-7 {
        padding-top: 5rem !important;
    }

    .pt-sm-8 {
        padding-top: 6rem !important;
    }


    /*#region margin */

    .mt-sm-1 {
        margin-top: .25rem !important;
    }

    .mt-sm-2 {
        margin-top: .5rem !important;
    }

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

    mt-sm-0 {
        margin-top: 0 !important;
    }

    .mt-sm-4 {
        margin-top: 2rem !important;
    }

    .mt-sm-5 {
        margin-top: 3rem !important;
    }

    .mt-sm-6 {
        margin-top: 4rem !important;
    }

    .mt-sm-7 {
        margin-top: 5rem !important;
    }

    .mt-sm-8 {
        margin-top: 6rem !important;
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important;
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important;
    }

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

    mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mb-sm-4 {
        margin-bottom: 2rem !important;
    }

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

    .mb-sm-6 {
        margin-bottom: 4rem !important;
    }

    .mb-sm-7 {
        margin-bottom: 5rem !important;
    }

    .mb-sm-8 {
        margin-bottom: 6rem !important;
    }

    /*#endregion margin*/

    .text-sm-center {
        text-align: center !important;
    }

    .btn-sm-block {
        display: block;
        width: 100%;
    }

    /*#region border*/
    .light-top-sm-border-1 {
        border-top: 1px solid #ddd;
    }

    .light-top-sm-border-2 {
        border-top: 2px solid #ddd;
    }

    .light-bottom-sm-border-1 {
        border-bottom: 1px solid #ddd;
    }

    .light-bottom-sm-border-2 {
        border-bottom: 2px solid #ddd;
    }
    /*#endregion border*/

    .d-sm-block {
        display: block !important;
    }
    .d-sm-none {
        display: none !important;
    }

    .user-box {
        margin-right: 0.5em;
        border: 2px solid var(--me-green);
        border-radius: 5px;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    }
}