/* padding top */
.u-pt0 {
    padding-top: 0 !important;
}

.u-pt10 {
    padding-top: 10px !important;
}

.u-pt15 {
    padding-top: 15px !important;
}

.u-pt20 {
    padding-top: 20px !important;
}

/* padding bottom */
.u-pb0 {
    padding-bottom: 0 !important;
}

.u-pb10 {
    padding-bottom: 10px !important;
}

.u-pb15 {
    padding-bottom: 15px !important;
}

.u-pb20 {
    padding-bottom: 20px !important;
}

/* margin top */
.u-mt0 {
    margin-top: 0 !important;
}

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

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

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

/* margin bottom */
.u-mb0 {
    margin-bottom: 0 !important;
}

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

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

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

/* vertical margin */
.u-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


@media screen and (max-width: 999px) {
    .u-desktop-only{
        display: none;
    }
}

@media screen and (min-width: 1000px) {
    .u-tablet-only{
        display: none;
    }

    .u-tablet-hide{
        display: none;
    }

    .u-desktop-hide{
        display: none;
    }
}

@media screen and (max-width: 639px) {
    .u-tablet-only{
        display: none;
    }
    .u-mobile-hide{
        display: none;
    }
}

@media screen and (min-width: 640px) {
    .u-mobile-only{
        display: none;
    }

    .u-tablet-hide{
        display: none;
    }
}