/*
    ###################################
    SPACING / PADDINGS / MARGINS
    ###################################
*/


/*
    ###################################
    XS BREAKPOINT -> up to 575px
    ###################################
*/

    .w-10   { width: 10% !important; }
    .w-15   { width: 15% !important; }
    .w-20   { width: 20% !important; }
    .w-25   { width: 25% !important; }
    .w-30   { width: 30% !important; }
    .w-35   { width: 35% !important; }
    .w-40   { width: 40% !important; }
    .w-45   { width: 45% !important; }
    .w-55   { width: 55% !important; }
    .w-60   { width: 60% !important; }
    .w-65   { width: 65% !important; }
    .w-70   { width: 70% !important; }
    .w-75   { width: 75% !important; }
    .w-80   { width: 80% !important; }
    .w-85   { width: 85% !important; }
    .w-90   { width: 90% !important; }
    .w-95   { width: 95% !important; }
    .w-100   { width: 100% !important; }

    .mw-10   { min-width: 10% !important; }
    .mw-15   { min-width: 15% !important; }
    .mw-20   { min-width: 20% !important; }
    .mw-25   { min-width: 25% !important; }
    .mw-30   { min-width: 30% !important; }
    .mw-35   { min-width: 35% !important; }
    .mw-40   { min-width: 40% !important; }
    .mw-45   { min-width: 45% !important; }
    .mw-50   { min-width: 50% !important; }
    .mw-55   { min-width: 55% !important; }
    .mw-60   { min-width: 60% !important; }
    .mw-65   { min-width: 65% !important; }
    .mw-70   { min-width: 70% !important; }
    .mw-75   { min-width: 75% !important; }
    .mw-80   { min-width: 80% !important; }
    .mw-85   { min-width: 85% !important; }
    .mw-90   { min-width: 90% !important; }
    .mw-95   { min-width: 95% !important; }
    .mw-100   { min-width: 100% !important; }

    .h-10   { height: 10% !important; }
    .h-15   { height: 15% !important; }
    .h-20   { height: 20% !important; }
    .h-25   { height: 25% !important; }
    .h-30   { height: 30% !important; }
    .h-35   { height: 35% !important; }
    .h-40   { height: 40% !important; }
    .h-45   { height: 45% !important; }
    .h-55   { height: 55% !important; }
    .h-60   { height: 60% !important; }
    .h-65   { height: 65% !important; }
    .h-70   { height: 70% !important; }
    .h-75   { height: 75% !important; }
    .h-80   { height: 80% !important; }
    .h-85   { height: 85% !important; }
    .h-90   { height: 90% !important; }
    .h-95   { height: 95% !important; }
    .h-100   { height: 100% !important; }

    .mh-10   { min-height: 10% !important; }
    .mh-15   { min-height: 15% !important; }
    .mh-20   { min-height: 20% !important; }
    .mh-25   { min-height: 25% !important; }
    .mh-30   { min-height: 30% !important; }
    .mh-35   { min-height: 35% !important; }
    .mh-40   { min-height: 40% !important; }
    .mh-45   { min-height: 45% !important; }
    .mh-50   { min-height: 50% !important; }
    .mh-55   { min-height: 55% !important; }
    .mh-60   { min-height: 60% !important; }
    .mh-65   { min-height: 65% !important; }
    .mh-70   { min-height: 70% !important; }
    .mh-75   { min-height: 75% !important; }
    .mh-80   { min-height: 80% !important; }
    .mh-85   { min-height: 85% !important; }
    .mh-90   { min-height: 90% !important; }
    .mh-95   { min-height: 95% !important; }
    .mh-100   { min-height: 100% !important; }

    .vw-10   { width: 10vw !important; }
    .vw-15   { width: 15vw !important; }
    .vw-20   { width: 20vw !important; }
    .vw-25   { width: 25vw !important; }
    .vw-30   { width: 30vw !important; }
    .vw-35   { width: 35vw !important; }
    .vw-40   { width: 40vw !important; }
    .vw-45   { width: 45vw !important; }
    .vw-50   { width: 50vw !important; }
    .vw-55   { width: 55vw !important; }
    .vw-60   { width: 60vw !important; }
    .vw-65   { width: 65vw !important; }
    .vw-70   { width: 70vw !important; }
    .vw-75   { width: 75vw !important; }
    .vw-80   { width: 80vw !important; }
    .vw-85   { width: 85vw !important; }
    .vw-90   { width: 90vw !important; }
    .vw-95   { width: 95vw !important; }
    .vw-100   { width: 100vw !important; }

    .mvw-10   { min-width: 10vw !important; }
    .mvw-15   { min-width: 15vw !important; }
    .mvw-20   { min-width: 20vw !important; }
    .mvw-25   { min-width: 25vw !important; }
    .mvw-30   { min-width: 30vw !important; }
    .mvw-35   { min-width: 35vw !important; }
    .mvw-40   { min-width: 40vw !important; }
    .mvw-45   { min-width: 45vw !important; }
    .mvw-50   { min-width: 50vw !important; }
    .mvw-55   { min-width: 55vw !important; }
    .mvw-60   { min-width: 60vw !important; }
    .mvw-65   { min-width: 65vw !important; }
    .mvw-70   { min-width: 70vw !important; }
    .mvw-75   { min-width: 75vw !important; }
    .mvw-80   { min-width: 80vw !important; }
    .mvw-85   { min-width: 85vw !important; }
    .mvw-90   { min-width: 90vw !important; }
    .mvw-95   { min-width: 95vw !important; }
    .mvw-100   { min-width: 100vw !important; }

    .vh-10   { height: 10vh !important; }
    .vh-15   { height: 15vh !important; }
    .vh-20   { height: 20vh !important; }
    .vh-25   { height: 25vh !important; }
    .vh-30   { height: 30vh !important; }
    .vh-35   { height: 35vh !important; }
    .vh-40   { height: 40vh !important; }
    .vh-45   { height: 45vh !important; }
    .vh-50   { height: 50vh !important; }
    .vh-55   { height: 55vh !important; }
    .vh-60   { height: 60vh !important; }
    .vh-65   { height: 65vh !important; }
    .vh-70   { height: 70vh !important; }
    .vh-75   { height: 75vh !important; }
    .vh-80   { height: 80vh !important; }
    .vh-85   { height: 85vh !important; }
    .vh-90   { height: 90vh !important; }
    .vh-95   { height: 95vh !important; }
    .vh-100   { height: 100vh !important; }

    .mvh-10   { min-height: 10vh !important; }
    .mvh-15   { min-height: 15vh !important; }
    .mvh-20   { min-height: 20vh !important; }
    .mvh-25   { min-height: 25vh !important; }
    .mvh-30   { min-height: 30vh !important; }
    .mvh-35   { min-height: 35vh !important; }
    .mvh-40   { min-height: 40vh !important; }
    .mvh-45   { min-height: 45vh !important; }
    .mvh-50   { min-height: 50vh !important; }
    .mvh-55   { min-height: 55vh !important; }
    .mvh-60   { min-height: 60vh !important; }
    .mvh-65   { min-height: 65vh !important; }
    .mvh-70   { min-height: 70vh !important; }
    .mvh-75   { min-height: 75vh !important; }
    .mvh-80   { min-height: 80vh !important; }
    .mvh-85   { min-height: 85vh !important; }
    .mvh-90   { min-height: 90vh !important; }
    .mvh-95   { min-height: 95vh !important; }
    .mvh-100   { min-height: 100vh !important; }

    .pt-250 { padding-top: 250px !important; }
    .pt-200 { padding-top: 200px !important; }
    .pt-150 { padding-top: 150px !important; }
    .pt-120 { padding-top: 120px !important; }
    .pt-100 { padding-top: 100px !important; }
    .pt-80  { padding-top: 80px !important; }
    .pt-50  { padding-top: 50px !important; }

    .pb-250 { padding-bottom: 250px !important; }
    .pb-200 { padding-bottom: 200px !important; }
    .pb-150 { padding-bottom: 150px !important; }
    .pb-120 { padding-bottom: 120px !important; }
    .pb-100 { padding-bottom: 100px !important; }
    .pb-80  { padding-bottom: 80px !important; }
    .pb-50  { padding-bottom: 50px !important; }
    .pb-0  { padding-bottom: 0px !important; }

    .ps-250 { padding-left: 250px !important; }
    .ps-200 { padding-left: 200px !important; }
    .ps-150 { padding-left: 150px !important; }
    .ps-120 { padding-left: 120px !important; }
    .ps-100 { padding-left: 100px !important; }
    .ps-80  { padding-left: 80px !important; }
    .ps-50  { padding-left: 50px !important; }
    .ps-0  { padding-left: 0px !important; }

    .pe-250 { padding-right: 250px !important; }
    .pe-200 { padding-right: 200px !important; }
    .pe-150 { padding-right: 150px !important; }
    .pe-120 { padding-right: 120px !important; }
    .pe-100 { padding-right: 100px !important; }
    .pe-80  { padding-right: 80px !important; }
    .pe-50  { padding-right: 50px !important; }
    .pe-0  { padding-right: 0px !important; }

    .mt-250 { margin-top: 250px !important; }
    .mt-200 { margin-top: 200px !important; }
    .mt-150 { margin-top: 150px !important; }
    .mt-120 { margin-top: 120px !important; }
    .mt-100 { margin-top: 100px !important; }
    .mt-80  { margin-top: 80px !important; }
    .mt-50  { margin-top: 50px !important; }
    .mt-0  { margin-top: 0px !important; }

    /* MARGIN BOTTOM */
    .mb-250 { margin-bottom: 250px !important; }
    .mb-200 { margin-bottom: 200px !important; }
    .mb-150 { margin-bottom: 150px !important; }
    .mb-120 { margin-bottom: 120px !important; }
    .mb-100 { margin-bottom: 100px !important; }
    .mb-80  { margin-bottom: 80px !important; }
    .mb-50  { margin-bottom: 50px !important; }
    .mb-0  { margin-bottom: 0px !important; }

    /* MARGIN START */
    .ms-250 { margin-left: 250px !important; }
    .ms-200 { margin-left: 200px !important; }
    .ms-150 { margin-left: 150px !important; }
    .ms-120 { margin-left: 120px !important; }
    .ms-100 { margin-left: 100px !important; }
    .ms-80  { margin-left: 80px !important; }
    .ms-50  { margin-left: 50px !important; }
    .ms-0  { margin-left: 0px !important; }

    /* MARGIN END */
    .me-250 { margin-right: 250px !important; }
    .me-200 { margin-right: 200px !important; }
    .me-150 { margin-right: 150px !important; }
    .me-120 { margin-right: 120px !important; }
    .me-100 { margin-right: 100px !important; }
    .me-80  { margin-right: 80px !important; }
    .me-50  { margin-right: 50px !important; }
    .me-0  { margin-right: 0px !important; }

    /* PULL UP */
    .pu-250 { margin-top: -250px !important; }
    .pu-200 { margin-top: -200px !important; }
    .pu-150 { margin-top: -150px !important; }
    .pu-120 { margin-top: -120px !important; }
    .pu-100 { margin-top: -100px !important; }
    .pu-80  { margin-top: -80px !important; }
    .pu-50  { margin-top: -50px !important; }

    /* PULL DOWN */
    .pd-250 { margin-bottom: -250px !important; }
    .pd-200 { margin-bottom: -200px !important; }
    .pd-150 { margin-bottom: -150px !important; }
    .pd-120 { margin-bottom: -120px !important; }
    .pd-100 { margin-bottom: -100px !important; }
    .pd-80  { margin-bottom: -80px !important; }
    .pd-50  { margin-bottom: -50px !important; }

    .ml-n50,
    .mx-n50 { margin-left: -50% !important; }




/*
    ###################################
    SM BREAKPOINT -> 576px - 767px
    ###################################
*/


@media (min-width: 576px) {

    .pt-sm-250 { padding-top: 250px !important; }
    .pt-sm-200 { padding-top: 200px !important; }
    .pt-sm-150 { padding-top: 150px !important; }
    .pt-sm-120 { padding-top: 120px !important; }
    .pt-sm-100 { padding-top: 100px !important; }
    .pt-sm-80  { padding-top: 80px !important; }
    .pt-sm-50  { padding-top: 50px !important; }
    .pt-sm-0  { padding-top: 0px !important; }

    .pb-sm-250 { padding-bottom: 250px !important; }
    .pb-sm-200 { padding-bottom: 200px !important; }
    .pb-sm-150 { padding-bottom: 150px !important; }
    .pb-sm-120 { padding-bottom: 120px !important; }
    .pb-sm-100 { padding-bottom: 100px !important; }
    .pb-sm-80  { padding-bottom: 80px !important; }
    .pb-sm-50  { padding-bottom: 50px !important; }
    .pb-sm-0  { padding-bottom: 0px !important; }

    .ps-sm-250 { padding-left: 250px !important; }
    .ps-sm-200 { padding-left: 200px !important; }
    .ps-sm-150 { padding-left: 150px !important; }
    .ps-sm-120 { padding-left: 120px !important; }
    .ps-sm-100 { padding-left: 100px !important; }
    .ps-sm-80  { padding-left: 80px !important; }
    .ps-sm-50  { padding-left: 50px !important; }
    .ps-sm-0  { padding-left: 0px !important; }

    .pe-sm-250 { padding-right: 250px !important; }
    .pe-sm-200 { padding-right: 200px !important; }
    .pe-sm-150 { padding-right: 150px !important; }
    .pe-sm-120 { padding-right: 120px !important; }
    .pe-sm-100 { padding-right: 100px !important; }
    .pe-sm-80  { padding-right: 80px !important; }
    .pe-sm-50  { padding-right: 50px !important; }
    .pe-sm-0  { padding-right: 0px !important; }

    .mt-sm-250 { margin-top: 250px !important; }
    .mt-sm-200 { margin-top: 200px !important; }
    .mt-sm-150 { margin-top: 150px !important; }
    .mt-sm-120 { margin-top: 120px !important; }
    .mt-sm-100 { margin-top: 100px !important; }
    .mt-sm-80  { margin-top: 80px !important; }
    .mt-sm-50  { margin-top: 50px !important; }
    .mt-sm-0  { margin-top: 0px !important; }

    .mb-sm-250 { margin-bottom: 250px !important; }
    .mb-sm-200 { margin-bottom: 200px !important; }
    .mb-sm-150 { margin-bottom: 150px !important; }
    .mb-sm-120 { margin-bottom: 120px !important; }
    .mb-sm-100 { margin-bottom: 100px !important; }
    .mb-sm-80  { margin-bottom: 80px !important; }
    .mb-sm-50  { margin-bottom: 50px !important; }
    .mb-sm-0  { margin-bottom: 0px !important; }

    .ms-sm-250 { margin-left: 250px !important; }
    .ms-sm-200 { margin-left: 200px !important; }
    .ms-sm-150 { margin-left: 150px !important; }
    .ms-sm-120 { margin-left: 120px !important; }
    .ms-sm-100 { margin-left: 100px !important; }
    .ms-sm-80  { margin-left: 80px !important; }
    .ms-sm-50  { margin-left: 50px !important; }
    .ms-sm-0  { margin-left: 0px !important; }

    .me-sm-250 { margin-right: 250px !important; }
    .me-sm-200 { margin-right: 200px !important; }
    .me-sm-150 { margin-right: 150px !important; }
    .me-sm-120 { margin-right: 120px !important; }
    .me-sm-100 { margin-right: 100px !important; }
    .me-sm-80  { margin-right: 80px !important; }
    .me-sm-50  { margin-right: 50px !important; }
    .me-sm-0  { margin-right: 0px !important; }

}




/*
    ###################################
    MD BREAKPOINT -> 768px - 991px
    ###################################
*/


@media (min-width: 768px) {

    .pt-md-250 { padding-top: 250px !important; }
    .pt-md-200 { padding-top: 200px !important; }
    .pt-md-150 { padding-top: 150px !important; }
    .pt-md-120 { padding-top: 120px !important; }
    .pt-md-100 { padding-top: 100px !important; }
    .pt-md-80  { padding-top: 80px !important; }
    .pt-md-50  { padding-top: 50px !important; }
    .pt-md-0  { padding-top: 0px !important; }

    .pb-md-250 { padding-bottom: 250px !important; }
    .pb-md-200 { padding-bottom: 200px !important; }
    .pb-md-150 { padding-bottom: 150px !important; }
    .pb-md-120 { padding-bottom: 120px !important; }
    .pb-md-100 { padding-bottom: 100px !important; }
    .pb-md-80  { padding-bottom: 80px !important; }
    .pb-md-50  { padding-bottom: 50px !important; }
    .pb-md-0  { padding-bottom: 0px !important; }

    .ps-md-250 { padding-left: 250px !important; }
    .ps-md-200 { padding-left: 200px !important; }
    .ps-md-150 { padding-left: 150px !important; }
    .ps-md-120 { padding-left: 120px !important; }
    .ps-md-100 { padding-left: 100px !important; }
    .ps-md-80  { padding-left: 80px !important; }
    .ps-md-50  { padding-left: 50px !important; }
    .ps-md-0  { padding-left: 0px !important; }

    .pe-md-250 { padding-right: 250px !important; }
    .pe-md-200 { padding-right: 200px !important; }
    .pe-md-150 { padding-right: 150px !important; }
    .pe-md-120 { padding-right: 120px !important; }
    .pe-md-100 { padding-right: 100px !important; }
    .pe-md-80  { padding-right: 80px !important; }
    .pe-md-50  { padding-right: 50px !important; }
    .pe-md-0  { padding-right: 0px !important; }

    .mt-md-250 { margin-top: 250px !important; }
    .mt-md-200 { margin-top: 200px !important; }
    .mt-md-150 { margin-top: 150px !important; }
    .mt-md-120 { margin-top: 120px !important; }
    .mt-md-100 { margin-top: 100px !important; }
    .mt-md-80  { margin-top: 80px !important; }
    .mt-md-50  { margin-top: 50px !important; }
    .mt-md-0  { margin-top: 0px !important; }

    .mb-md-250 { margin-bottom: 250px !important; }
    .mb-md-200 { margin-bottom: 200px !important; }
    .mb-md-150 { margin-bottom: 150px !important; }
    .mb-md-120 { margin-bottom: 120px !important; }
    .mb-md-100 { margin-bottom: 100px !important; }
    .mb-md-80  { margin-bottom: 80px !important; }
    .mb-md-50  { margin-bottom: 50px !important; }
    .mb-md-0  { margin-bottom: 0px !important; }

    .ms-md-250 { margin-left: 250px !important; }
    .ms-md-200 { margin-left: 200px !important; }
    .ms-md-150 { margin-left: 150px !important; }
    .ms-md-120 { margin-left: 120px !important; }
    .ms-md-100 { margin-left: 100px !important; }
    .ms-md-80  { margin-left: 80px !important; }
    .ms-md-50  { margin-left: 50px !important; }
    .ms-md-0  { margin-left: 0px !important; }

    .me-md-250 { margin-right: 250px !important; }
    .me-md-200 { margin-right: 200px !important; }
    .me-md-150 { margin-right: 150px !important; }
    .me-md-120 { margin-right: 120px !important; }
    .me-md-100 { margin-right: 100px !important; }
    .me-md-80  { margin-right: 80px !important; }
    .me-md-50  { margin-right: 50px !important; }
    .me-md-0  { margin-right: 0px !important; }

}





/*
    ###################################
    LG BREAKPOINT -> 992px - 1199px
    ###################################
*/


@media (min-width: 992px) {

    .pt-lg-250 { padding-top: 250px !important; }
    .pt-lg-200 { padding-top: 200px !important; }
    .pt-lg-150 { padding-top: 150px !important; }
    .pt-lg-120 { padding-top: 120px !important; }
    .pt-lg-100 { padding-top: 100px !important; }
    .pt-lg-80  { padding-top: 80px !important; }
    .pt-lg-50  { padding-top: 50px !important; }
    .pt-lg-0  { padding-top: 0px !important; }

    .pb-lg-250 { padding-bottom: 250px !important; }
    .pb-lg-200 { padding-bottom: 200px !important; }
    .pb-lg-150 { padding-bottom: 150px !important; }
    .pb-lg-120 { padding-bottom: 120px !important; }
    .pb-lg-100 { padding-bottom: 100px !important; }
    .pb-lg-80  { padding-bottom: 80px !important; }
    .pb-lg-50  { padding-bottom: 50px !important; }
    .pb-lg-0  { padding-bottom: 0px !important; }

    .ps-lg-250 { padding-left: 250px !important; }
    .ps-lg-200 { padding-left: 200px !important; }
    .ps-lg-150 { padding-left: 150px !important; }
    .ps-lg-120 { padding-left: 120px !important; }
    .ps-lg-100 { padding-left: 100px !important; }
    .ps-lg-80  { padding-left: 80px !important; }
    .ps-lg-50  { padding-left: 50px !important; }
    .ps-lg-0  { padding-left: 0px !important; }

    .pe-lg-250 { padding-right: 250px !important; }
    .pe-lg-200 { padding-right: 200px !important; }
    .pe-lg-150 { padding-right: 150px !important; }
    .pe-lg-120 { padding-right: 120px !important; }
    .pe-lg-100 { padding-right: 100px !important; }
    .pe-lg-80  { padding-right: 80px !important; }
    .pe-lg-50  { padding-right: 50px !important; }
    .pe-lg-0  { padding-right: 0px !important; }

    .mt-lg-250 { margin-top: 250px !important; }
    .mt-lg-200 { margin-top: 200px !important; }
    .mt-lg-150 { margin-top: 150px !important; }
    .mt-lg-120 { margin-top: 120px !important; }
    .mt-lg-100 { margin-top: 100px !important; }
    .mt-lg-80  { margin-top: 80px !important; }
    .mt-lg-50  { margin-top: 50px !important; }
    .mt-lg-0  { margin-top: 0px !important; }

    .mb-lg-250 { margin-bottom: 250px !important; }
    .mb-lg-200 { margin-bottom: 200px !important; }
    .mb-lg-150 { margin-bottom: 150px !important; }
    .mb-lg-120 { margin-bottom: 120px !important; }
    .mb-lg-100 { margin-bottom: 100px !important; }
    .mb-lg-80  { margin-bottom: 80px !important; }
    .mb-lg-50  { margin-bottom: 50px !important; }
    .mb-lg-0  { margin-bottom: 0px !important; }

    .ms-lg-250 { margin-left: 250px !important; }
    .ms-lg-200 { margin-left: 200px !important; }
    .ms-lg-150 { margin-left: 150px !important; }
    .ms-lg-120 { margin-left: 120px !important; }
    .ms-lg-100 { margin-left: 100px !important; }
    .ms-lg-80  { margin-left: 80px !important; }
    .ms-lg-50  { margin-left: 50px !important; }
    .ms-lg-0  { margin-left: 0px !important; }

    .me-lg-250 { margin-right: 250px !important; }
    .me-lg-200 { margin-right: 200px !important; }
    .me-lg-150 { margin-right: 150px !important; }
    .me-lg-120 { margin-right: 120px !important; }
    .me-lg-100 { margin-right: 100px !important; }
    .me-lg-80  { margin-right: 80px !important; }
    .me-lg-50  { margin-right: 50px !important; }
    .me-lg-0  { margin-right: 0px !important; }

}


/*
    ###################################
    xl BREAKPOINT -> 1200px - 1399px
    ###################################
*/


@media (min-width: 1200px) {

    .pt-xl-250 { padding-top: 250px !important; }
    .pt-xl-200 { padding-top: 200px !important; }
    .pt-xl-150 { padding-top: 150px !important; }
    .pt-xl-120 { padding-top: 120px !important; }
    .pt-xl-100 { padding-top: 100px !important; }
    .pt-xl-80  { padding-top: 80px !important; }
    .pt-xl-50  { padding-top: 50px !important; }
    .pt-xl-0  { padding-top: 0px !important; }

    .pb-xl-250 { padding-bottom: 250px !important; }
    .pb-xl-200 { padding-bottom: 200px !important; }
    .pb-xl-150 { padding-bottom: 150px !important; }
    .pb-xl-120 { padding-bottom: 120px !important; }
    .pb-xl-100 { padding-bottom: 100px !important; }
    .pb-xl-80  { padding-bottom: 80px !important; }
    .pb-xl-50  { padding-bottom: 50px !important; }
    .pb-xl-0  { padding-bottom: 0px !important; }

    .ps-xl-250 { padding-left: 250px !important; }
    .ps-xl-200 { padding-left: 200px !important; }
    .ps-xl-150 { padding-left: 150px !important; }
    .ps-xl-120 { padding-left: 120px !important; }
    .ps-xl-100 { padding-left: 100px !important; }
    .ps-xl-80  { padding-left: 80px !important; }
    .ps-xl-50  { padding-left: 50px !important; }
    .ps-xl-0  { padding-left: 0px !important; }

    .pe-xl-250 { padding-right: 250px !important; }
    .pe-xl-200 { padding-right: 200px !important; }
    .pe-xl-150 { padding-right: 150px !important; }
    .pe-xl-120 { padding-right: 120px !important; }
    .pe-xl-100 { padding-right: 100px !important; }
    .pe-xl-80  { padding-right: 80px !important; }
    .pe-xl-50  { padding-right: 50px !important; }
    .pe-xl-0  { padding-right: 0px !important; }

    .mt-xl-250 { margin-top: 250px !important; }
    .mt-xl-200 { margin-top: 200px !important; }
    .mt-xl-150 { margin-top: 150px !important; }
    .mt-xl-120 { margin-top: 120px !important; }
    .mt-xl-100 { margin-top: 100px !important; }
    .mt-xl-80  { margin-top: 80px !important; }
    .mt-xl-50  { margin-top: 50px !important; }
    .mt-xl-0  { margin-top: 0px !important; }

    .mb-xl-250 { margin-bottom: 250px !important; }
    .mb-xl-200 { margin-bottom: 200px !important; }
    .mb-xl-150 { margin-bottom: 150px !important; }
    .mb-xl-120 { margin-bottom: 120px !important; }
    .mb-xl-100 { margin-bottom: 100px !important; }
    .mb-xl-80  { margin-bottom: 80px !important; }
    .mb-xl-50  { margin-bottom: 50px !important; }
    .mb-xl-0  { margin-bottom: 0px !important; }

    .ms-xl-250 { margin-left: 250px !important; }
    .ms-xl-200 { margin-left: 200px !important; }
    .ms-xl-150 { margin-left: 150px !important; }
    .ms-xl-120 { margin-left: 120px !important; }
    .ms-xl-100 { margin-left: 100px !important; }
    .ms-xl-80  { margin-left: 80px !important; }
    .ms-xl-50  { margin-left: 50px !important; }
    .ms-xl-0  { margin-left: 0px !important; }

    .me-xl-250 { margin-right: 250px !important; }
    .me-xl-200 { margin-right: 200px !important; }
    .me-xl-150 { margin-right: 150px !important; }
    .me-xl-120 { margin-right: 120px !important; }
    .me-xl-100 { margin-right: 100px !important; }
    .me-xl-80  { margin-right: 80px !important; }
    .me-xl-50  { margin-right: 50px !important; }
    .me-xl-0  { margin-right: 0px !important; }

}


/*
    ###################################
    xxl BREAKPOINT -> 1400px +
    ###################################
*/


@media (min-width: 1400px) {

    .pt-xxl-250 { padding-top: 250px !important; }
    .pt-xxl-200 { padding-top: 200px !important; }
    .pt-xxl-150 { padding-top: 150px !important; }
    .pt-xxl-120 { padding-top: 120px !important; }
    .pt-xxl-100 { padding-top: 100px !important; }
    .pt-xxl-80  { padding-top: 80px !important; }
    .pt-xxl-50  { padding-top: 50px !important; }
    .pt-xxl-0  { padding-top: 0px !important; }

    .pb-xxl-250 { padding-bottom: 250px !important; }
    .pb-xxl-200 { padding-bottom: 200px !important; }
    .pb-xxl-150 { padding-bottom: 150px !important; }
    .pb-xxl-120 { padding-bottom: 120px !important; }
    .pb-xxl-100 { padding-bottom: 100px !important; }
    .pb-xxl-80  { padding-bottom: 80px !important; }
    .pb-xxl-50  { padding-bottom: 50px !important; }
    .pb-xxl-0  { padding-bottom: 0px !important; }

    .ps-xxl-250 { padding-left: 250px !important; }
    .ps-xxl-200 { padding-left: 200px !important; }
    .ps-xxl-150 { padding-left: 150px !important; }
    .ps-xxl-120 { padding-left: 120px !important; }
    .ps-xxl-100 { padding-left: 100px !important; }
    .ps-xxl-80  { padding-left: 80px !important; }
    .ps-xxl-50  { padding-left: 50px !important; }
    .ps-xxl-0  { padding-left: 0px !important; }

    .pe-xxl-250 { padding-right: 250px !important; }
    .pe-xxl-200 { padding-right: 200px !important; }
    .pe-xxl-150 { padding-right: 150px !important; }
    .pe-xxl-120 { padding-right: 120px !important; }
    .pe-xxl-100 { padding-right: 100px !important; }
    .pe-xxl-80  { padding-right: 80px !important; }
    .pe-xxl-50  { padding-right: 50px !important; }
    .pe-xxl-0  { padding-right: 0px !important; }

    .mt-xxl-250 { margin-top: 250px !important; }
    .mt-xxl-200 { margin-top: 200px !important; }
    .mt-xxl-150 { margin-top: 150px !important; }
    .mt-xxl-120 { margin-top: 120px !important; }
    .mt-xxl-100 { margin-top: 100px !important; }
    .mt-xxl-80  { margin-top: 80px !important; }
    .mt-xxl-50  { margin-top: 50px !important; }
    .mt-xxl-0  { margin-top: 0px !important; }

    .mb-xxl-250 { margin-bottom: 250px !important; }
    .mb-xxl-200 { margin-bottom: 200px !important; }
    .mb-xxl-150 { margin-bottom: 150px !important; }
    .mb-xxl-120 { margin-bottom: 120px !important; }
    .mb-xxl-100 { margin-bottom: 100px !important; }
    .mb-xxl-80  { margin-bottom: 80px !important; }
    .mb-xxl-50  { margin-bottom: 50px !important; }
    .mb-xxl-0  { margin-bottom: 0px !important; }

    .ms-xxl-250 { margin-left: 250px !important; }
    .ms-xxl-200 { margin-left: 200px !important; }
    .ms-xxl-150 { margin-left: 150px !important; }
    .ms-xxl-120 { margin-left: 120px !important; }
    .ms-xxl-100 { margin-left: 100px !important; }
    .ms-xxl-80  { margin-left: 80px !important; }
    .ms-xxl-50  { margin-left: 50px !important; }
    .ms-xxl-0  { margin-left: 0px !important; }

    .me-xxl-250 { margin-right: 250px !important; }
    .me-xxl-200 { margin-right: 200px !important; }
    .me-xxl-150 { margin-right: 150px !important; }
    .me-xxl-120 { margin-right: 120px !important; }
    .me-xxl-100 { margin-right: 100px !important; }
    .me-xxl-80  { margin-right: 80px !important; }
    .me-xxl-50  { margin-right: 50px !important; }
    .me-xxl-0  { margin-right: 0px !important; }

}