/********************************************************************/
/* BOOSTRAP TOP, BUTTOM, START, END SUPPORT 0%, 50% AND 100%        */
/*     THIS EXTENDS TO EVERY 5% INCREMENT SINCE THESE ARE USED ALOT */
/********************************************************************/
/*.top-0 {
    top: 0 !important;
}*/

.top-5 {
    top: 5% !important;
}

.top-10 {
    top: 10% !important;
}

.top-15 {
    top: 15% !important;
}

.top-20 {
    top: 20% !important;
}

.top-25 {
    top: 25% !important;
}

.top-30 {
    top: 30% !important;
}

.top-35 {
    top: 35% !important;
}

.top-40 {
    top: 40% !important;
}

.top-45 {
    top: 45% !important;
}

/*.top-50 {
    top: 50% !important;
}*/

.top-55 {
    top: 55% !important;
}

.top-60 {
    top: 60% !important;
}

.top-65 {
    top: 65% !important;
}

.top-70 {
    top: 70% !important;
}

.top-75 {
    top: 75% !important;
}

.top-80 {
    top: 80% !important;
}

.top-85 {
    top: 85% !important;
}

.top-90 {
    top: 90% !important;
}

.top-95 {
    top: 95% !important;
}

/*.top-100 {
    top: 100% !important;
}*/

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

.bottom-5 {
    bottom: 5% !important;
}

.bottom-10 {
    bottom: 10% !important;
}

.bottom-15 {
    bottom: 15% !important;
}

.bottom-20 {
    bottom: 20% !important;
}

.bottom-25 {
    bottom: 25% !important;
}

.bottom-30 {
    bottom: 30% !important;
}

.bottom-35 {
    bottom: 35% !important;
}

.bottom-40 {
    bottom: 40% !important;
}

.bottom-45 {
    bottom: 45% !important;
}

/*.bottom-50 {
    bottom: 50% !important;
}*/

.bottom-55 {
    bottom: 55% !important;
}

.bottom-60 {
    bottom: 60% !important;
}

.bottom-65 {
    bottom: 65% !important;
}

.bottom-70 {
    bottom: 70% !important;
}

.bottom-75 {
    bottom: 75% !important;
}

.bottom-80 {
    bottom: 80% !important;
}

.bottom-85 {
    bottom: 85% !important;
}

.bottom-90 {
    bottom: 90% !important;
}

.bottom-95 {
    bottom: 95% !important;
}

/*.bottom-100 {
    bottom: 100% !important;
}*/

/*.start-0 {
    left: 0 !important;
}*/

.start-5 {
    left: 5% !important;
}

.start-10 {
    left: 10% !important;
}

.start-15 {
    left: 15% !important;
}

.start-20 {
    left: 20% !important;
}

.start-25 {
    left: 25% !important;
}

.start-30 {
    left: 30% !important;
}

.start-35 {
    left: 35% !important;
}

.start-40 {
    left: 40% !important;
}

.start-45 {
    left: 45% !important;
}

/*.start-50 {
    left: 50% !important;
}*/

.start-55 {
    left: 55% !important;
}

.start-60 {
    left: 60% !important;
}

.start-65 {
    left: 65% !important;
}

.start-70 {
    left: 70% !important;
}

.start-75 {
    left: 75% !important;
}

.start-80 {
    left: 80% !important;
}

.start-85 {
    left: 85% !important;
}

.start-90 {
    left: 90% !important;
}

.start-95 {
    left: 95% !important;
}

/*.start-100 {
    left: 100% !important;
}*/

/*.end-0 {
    right: 0 !important;
}*/

.end-5 {
    right: 5% !important;
}

.end-10 {
    right: 10% !important;
}

.end-15 {
    right: 15% !important;
}

.end-20 {
    right: 20% !important;
}

.end-25 {
    right: 25% !important;
}

.end-30 {
    right: 30% !important;
}

.end-35 {
    right: 35% !important;
}

.end-40 {
    right: 40% !important;
}

.end-45 {
    right: 45% !important;
}

/*.end-50 {
    right: 50% !important;
}*/

.end-55 {
    right: 55% !important;
}

.end-60 {
    right: 60% !important;
}

.end-65 {
    right: 65% !important;
}

.end-70 {
    right: 70% !important;
}

.end-75 {
    right: 75% !important;
}

.end-80 {
    right: 80% !important;
}

.end-85 {
    right: 85% !important;
}

.end-90 {
    right: 90% !important;
}

.end-95 {
    right: 95% !important;
}

/*.end-100 {
    right: 100% !important;
}*/



/* ----------------------------- */
/* MD BREAKPOINT UTILS (>=768px) */
/* ----------------------------- */
@media (min-width: 768px) {
    /* ===== TOP ===== */
    .top-md-5 {
        top: 5% !important;
    }

    .top-md-10 {
        top: 10% !important;
    }

    .top-md-15 {
        top: 15% !important;
    }

    .top-md-20 {
        top: 20% !important;
    }

    .top-md-25 {
        top: 25% !important;
    }

    .top-md-30 {
        top: 30% !important;
    }

    .top-md-35 {
        top: 35% !important;
    }

    .top-md-40 {
        top: 40% !important;
    }

    .top-md-45 {
        top: 45% !important;
    }

    .top-md-55 {
        top: 55% !important;
    }

    .top-md-60 {
        top: 60% !important;
    }

    .top-md-65 {
        top: 65% !important;
    }

    .top-md-70 {
        top: 70% !important;
    }

    .top-md-75 {
        top: 75% !important;
    }

    .top-md-80 {
        top: 80% !important;
    }

    .top-md-85 {
        top: 85% !important;
    }

    .top-md-90 {
        top: 90% !important;
    }

    .top-md-95 {
        top: 95% !important;
    }

    /* ===== BOTTOM ===== */
    .bottom-md-5 {
        bottom: 5% !important;
    }

    .bottom-md-10 {
        bottom: 10% !important;
    }

    .bottom-md-15 {
        bottom: 15% !important;
    }

    .bottom-md-20 {
        bottom: 20% !important;
    }

    .bottom-md-25 {
        bottom: 25% !important;
    }

    .bottom-md-30 {
        bottom: 30% !important;
    }

    .bottom-md-35 {
        bottom: 35% !important;
    }

    .bottom-md-40 {
        bottom: 40% !important;
    }

    .bottom-md-45 {
        bottom: 45% !important;
    }

    .bottom-md-55 {
        bottom: 55% !important;
    }

    .bottom-md-60 {
        bottom: 60% !important;
    }

    .bottom-md-65 {
        bottom: 65% !important;
    }

    .bottom-md-70 {
        bottom: 70% !important;
    }

    .bottom-md-75 {
        bottom: 75% !important;
    }

    .bottom-md-80 {
        bottom: 80% !important;
    }

    .bottom-md-85 {
        bottom: 85% !important;
    }

    .bottom-md-90 {
        bottom: 90% !important;
    }

    .bottom-md-95 {
        bottom: 95% !important;
    }

    /* ===== START (left) ===== */
    .start-md-5 {
        left: 5% !important;
    }

    .start-md-10 {
        left: 10% !important;
    }

    .start-md-15 {
        left: 15% !important;
    }

    .start-md-20 {
        left: 20% !important;
    }

    .start-md-25 {
        left: 25% !important;
    }

    .start-md-30 {
        left: 30% !important;
    }

    .start-md-35 {
        left: 35% !important;
    }

    .start-md-40 {
        left: 40% !important;
    }

    .start-md-45 {
        left: 45% !important;
    }

    .start-md-55 {
        left: 55% !important;
    }

    .start-md-60 {
        left: 60% !important;
    }

    .start-md-65 {
        left: 65% !important;
    }

    .start-md-70 {
        left: 70% !important;
    }

    .start-md-75 {
        left: 75% !important;
    }

    .start-md-80 {
        left: 80% !important;
    }

    .start-md-85 {
        left: 85% !important;
    }

    .start-md-90 {
        left: 90% !important;
    }

    .start-md-95 {
        left: 95% !important;
    }

    /* ===== END (right) ===== */
    .end-md-5 {
        right: 5% !important;
    }

    .end-md-10 {
        right: 10% !important;
    }

    .end-md-15 {
        right: 15% !important;
    }

    .end-md-20 {
        right: 20% !important;
    }

    .end-md-25 {
        right: 25% !important;
    }

    .end-md-30 {
        right: 30% !important;
    }

    .end-md-35 {
        right: 35% !important;
    }

    .end-md-40 {
        right: 40% !important;
    }

    .end-md-45 {
        right: 45% !important;
    }

    .end-md-55 {
        right: 55% !important;
    }

    .end-md-60 {
        right: 60% !important;
    }

    .end-md-65 {
        right: 65% !important;
    }

    .end-md-70 {
        right: 70% !important;
    }

    .end-md-75 {
        right: 75% !important;
    }

    .end-md-80 {
        right: 80% !important;
    }

    .end-md-85 {
        right: 85% !important;
    }

    .end-md-90 {
        right: 90% !important;
    }

    .end-md-95 {
        right: 95% !important;
    }
}