/*  Responsive CSS for Block Elements */

/* Tablet */

@media (max-width: 900px) {

    /* Tablet Padding */

    .pad-tab_0 {
        padding: 0 !important;
    }

    .pad-tab_5 {
        padding: 5px !important;
    }

    .pad-tab_10 {
        padding: 10px !important;
    }

    .pad-tab_10-0 {
        padding: 10px 0 !important;
    }

    .pad-tab_0-10 {
        padding: 0 10px !important;
    }

    .pad-tab_20 {
        padding: 20px !important;
    }

    .pad-tab_20-0 {
        padding: 20px 0 !important;
    }

    .pad-tab_0-20 {
        padding: 0 20px !important;
    }

    .pad-tab_20-10 {
        padding: 20px 10px !important;
    }

    .pad-tab_10-20 {
        padding: 10px 20px !important;
    }


    /* Tablet Margin */

    .mar-tab_0 {
        margin: 0 !important;
    }

    .mar-tab_5 {
        margin: 5px !important;
    }

    .mar-tab_10 {
        margin: 10px !important;
    }

    .mar-tab_10-0 {
        margin: 10px 0 !important;
    }

    .mar-tab_0-10 {
        margin: 0 10px !important;
    }

    .mar-tab_20 {
        margin: 20px !important;
    }

    .mar-tab_20-0 {
        margin: 20px 0 !important;
    }

    .mar-tab_0-20 {
        margin: 0 20px !important;
    }

    .mar-tab_20-10 {
        margin: 20px 10px !important;
    }

    .mar-tab_10-20 {
        margin: 10px 20px !important;
    }


    /* Tablet Spacer */

    .spa-tab_0 {
        height: 0 !important;
    }

    .spa-tab_5 {
        height: 5px !important;
    }

    .spa-tab_10 {
        height: 10px !important;
    }

    .spa-tab_15 {
        height: 15px !important;
    }

    .spa-tab_20 {
        height: 20px !important;
    }

    .spa-tab_30 {
        height: 30px !important;
    }

    .spa-tab_40 {
        height: 40px !important;
    }

    .spa-tab_30 {
        height: 40px !important;
    }


    /* Tablet Font Size */

    .font-tab_24 {
        font-size: 24px !important;
    }

    .font-tab_36 {
        font-size: 36px !important;
    }

    .font-tab_44 {
        font-size: 44px !important;
    }

    .font-tab_52 {
        font-size: 25px !important;
    }

    /* Tablet Utilities */

    .col-rev-tab {
        flex-direction: column-reverse;
    }

    .row-rev-tab {
        flex-direction: row-reverse;
    }

    .hide-tab {
        display: none !important;
    }

}

/* Mobile */

@media (max-width: 500px) {

    /* Mobile Padding */

    .pad-mob_0 {
        padding: 0 !important;
    }

    .pad-mob_5 {
        padding: 5px !important;
    }

    .pad-mob_10 {
        padding: 10px !important;
    }

    .pad-mob_10-0 {
        padding: 10px 0 !important;
    }

    .pad-mob_0-10 {
        padding: 0 10px !important;
    }

    .pad-mob_20 {
        padding: 20px !important;
    }

    .pad-mob_20-0 {
        padding: 20px 0 !important;
    }

    .pad-mob_0-20 {
        padding: 0 20px !important;
    }

    .pad-mob_20-10 {
        padding: 20px 10px !important;
    }

    .pad-mob_10-20 {
        padding: 10px 20px !important;
    }

    /* Mobile Margin */

    .mar-mob_0 {
        margin: 0 !important;
    }

    .mar-mob_5 {
        margin: 5px !important;
    }

    .mar-mob_10 {
        margin: 10px !important;
    }

    .mar-mob_10-0 {
        margin: 10px 0 !important;
    }

    .mar-mob_0-10 {
        margin: 0 10px !important;
    }

    .mar-mob_20 {
        margin: 20px !important;
    }

    .mar-mob_20-0 {
        margin: 20px 0 !important;
    }

    .mar-mob_0-20 {
        margin: 0 20px !important;
    }

    .mar-mob_20-10 {
        margin: 20px 10px !important;
    }

    .mar-mob_10-20 {
        margin: 10px 20px !important;
    }

    /* Mobile Border Radius */

    .brad-mob_10-10-0-0,
    .brad-mob_10-10-0-0 img {
        border-radius: 10px 10px 0 0;
    }


    /* Mobile Spacer */

    .spa-mob_0 {
        height: 0 !important;
    }

    .spa-mob_5 {
        height: 5px !important;
    }

    .spa-mob_10 {
        height: 10px !important;
    }

    .spa-mob_15 {
        height: 15px !important;
    }

    .spa-mob_20 {
        height: 20px !important;
    }

    .spa-mob_30 {
        height: 30px !important;
    }

    .spa-mob_40 {
        height: 40px !important;
    }

    .spa-mob_30 {
        height: 40px !important;
    }


    /* Mobile Font Size */

    .font-mob_24 {
        font-size: 24px !important;
    }

    .font-mob_36 {
        font-size: 36px !important;
    }

    .font-mob_44 {
        font-size: 44px !important;
    }

    .font-mob_52 {
        font-size: 52px !important;
    }


    /* Mobile Utilities */

    .col-rev-mob {
        flex-direction: column-reverse;
    }

    .row-rev-mob {
        flex-direction: row-reverse;
    }

    .hide-mob {
        display: none !important;
    }


}

/* Desktop */

@media (min-width: 901px) {

    .hide-desk {
        display: none !important;
    }

}