/* 
 * Custom Bootstrap Margin Padding
 * Author - Md Ismail Hossain
 * Git    - https://github.com/ismailcseku/Custom-Bootstrap-Margin-Padding
 * Web    - http://ismail-hossain.me/
 * Email  - ismailcseku@gmail.com
 * Mods   - Neil Robinson
 */


/**
 * Table of Contents:
 *
 * 1   -> Basic margin padding
 * 1.1 -> Basic Margin
 * 1.2 -> Basic Padding
 * 1.3 -> Margin top
 * 1.4 -> Margin right
 * 1.5 -> Margin bottom
 * 1.6 -> Margin left
 * 1.7 -> Padding top
 * 1.8 -> Padding right
 * 1.9 -> Padding bottom
 * 1.10 -> Padding left
 * 2 -> lg: min-width:1200px
 * 3 -> md: max-width:1199px
 * 4 -> sm: max-width:991px
 * 5 -> xs: max-width 767px
 * 6 -> xxs: max-width 479px
 * ===============================================
 */
/* min even, max odd*/

/*
 * 1.1 -> Basic Margin
 * -----------------------------------------------
*/
.m-0 {margin: 0px !important}
.m-8 {margin: 8px !important}
.m-12 {margin: 12px !important}
.m-16 {margin: 16px !important}
.m-24 {margin: 24px !important}
.m-32 {margin: 32px !important}
.m-40 {margin: 40px !important}
.m-48 {margin: 48px !important}
.m-56 {margin: 56px !important}
.m-64 {margin: 64px !important}
.m-72 {margin: 72px !important}
.m-80 {margin: 80px !important}
.m-88 {margin: 89px !important}
.m-96 {margin: 96px !important}
.m-104 {margin: 104px !important}
.m-112 {margin: 112px !important}
.m-120 {margin: 120px !important}
.m-128 {margin: 128px !important}
.m-136 {margin: 136px !important}
.m-144 {margin: 144px !important}
.m-152 {margin: 152px !important}
.m-160 {margin: 160px !important}
.m-168 {margin: 168px !important}
.m-176 {margin: 176px !important}

.m-184 {margin: 184px !important}
.m-192 {margin: 192px !important}
.m-200 {margin: 200px !important}

/*
 * 1.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-0 {padding: 0!important;}
.p-8 {padding: 8px !important}
.p-12 {padding: 12px !important}
.p-16 {padding: 16px !important}
.p-24 {padding: 24px !important}
.p-32 {padding: 32px !important}
.p-40 {padding: 40px !important}
.p-48 {padding: 48px !important}
.p-56 {padding: 56px !important}
.p-64 {padding: 64px !important}
.p-72 {padding: 72px !important}
.p-80 {padding: 80px !important}
.p-88 {padding: 88px !important}
.p-96 {padding: 96px !important}
.p-104 {padding: 104px !important}
.p-112 {padding: 112px !important}
.p-120 {padding: 120px !important}
.p-128 {padding: 128px !important}
.p-136 {padding: 136px !important}
.p-144 {padding: 144px !important}
.p-152 {padding: 152px !important}
.p-160 {padding: 160px !important}
.p-168 {padding: 168px !important}
.p-176 {padding: 176px !important}

.p-184 {padding: 184px !important}
.p-192 {padding: 192px !important}
.p-200 {padding: 200px !important}

/*
 * 1.3 -> Margin top
 * -----------------------------------------------
*/
.mt-0 {margin-top: 0!important;}
.mt-8 {margin-top: 8px !important}
.mt-12 {margin-top: 12px !important}
.mt-16 {margin-top: 16px !important}
.mt-24 {margin-top: 24px !important}
.mt-32 {margin-top: 32px !important}
.mt-40 {margin-top: 40px !important}
.mt-48 {margin-top: 48px !important}
.mt-56 {margin-top: 56px !important}
.mt-64 {margin-top: 64px !important}
.mt-72 {margin-top: 72px !important}
.mt-80 {margin-top: 80px !important}
.mt-88 {margin-top: 88px !important}
.mt-96 {margin-top: 96px !important}
.mt-104 {margin-top: 104px !important}
.mt-112 {margin-top: 112px !important}
.mt-120 {margin-top: 120px !important}
.mt-128 {margin-top: 128px !important}
.mt-136 {margin-top: 136px !important}
.mt-144 {margin-top: 144px !important}
.mt-152 {margin-top: 152px !important}
.mt-160 {margin-top: 160px !important}
.mt-168 {margin-top: 168px !important}
.mt-176 {margin-top: 176px !important}

.mt-184 {margin-top: 184px !important}
.mt-192 {margin-top: 192px !important}
.mt-200 {margin-top: 200px !important}

/*
 * 1.4 -> Margin right
 * -----------------------------------------------
*/
.mr-0 {margin-right: 0!important;}
.mr-8 {margin-right: 8px !important}
.mr-12 {margin-right: 12px !important}
.mr-16 {margin-right: 16px !important}
.mr-24 {margin-right: 24px !important}
.mr-32 {margin-right: 32px !important}
.mr-40 {margin-right: 40px !important}
.mr-48 {margin-right: 48px !important}
.mr-56 {margin-right: 56px !important}
.mr-64 {margin-right: 64px !important}
.mr-72 {margin-right: 72px !important}
.mr-80 {margin-right: 80px !important}
.mr-88 {margin-right: 88px !important}
.mr-96 {margin-right: 96px !important}
.mr-104 {margin-right: 104px !important}
.mr-112 {margin-right: 112px !important}
.mr-120 {margin-right: 120px !important}
.mr-128 {margin-right: 128px !important}
.mr-136 {margin-right: 136px !important}
.mr-144 {margin-right: 144px !important}
.mr-152 {margin-right: 152px !important}
.mr-160 {margin-right: 160px !important}
.mr-168 {margin-right: 168px !important}
.mr-176 {margin-right: 176px !important}

.mr-184 {margin-right: 184px !important}
.mr-192 {margin-right: 192px !important}
.mr-200 {margin-right: 200px !important}

/*
 * 1.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-0 {margin-bottom: 0!important;}
.mb-8 {margin-bottom: 8px !important}
.mb-12 {margin-bottom: 12px !important}
.mb-16 {margin-bottom: 16px !important}
.mb-24 {margin-bottom: 24px !important}
.mb-32 {margin-bottom: 32px !important}
.mb-40 {margin-bottom: 40px !important}
.mb-48 {margin-bottom: 48px !important}
.mb-56 {margin-bottom: 56px !important}
.mb-64 {margin-bottom: 64px !important}
.mb-72 {margin-bottom: 72px !important}
.mb-80 {margin-bottom: 80px !important}
.mb-88 {margin-bottom: 88px !important}
.mb-96 {margin-bottom: 96px !important}
.mb-104 {margin-bottom: 104px !important}
.mb-112 {margin-bottom: 112px !important}
.mb-120 {margin-bottom: 120px !important}
.mb-128 {margin-bottom: 128px !important}
.mb-136 {margin-bottom: 136px !important}
.mb-144 {margin-bottom: 144px !important}
.mb-152 {margin-bottom: 152px !important}
.mb-160 {margin-bottom: 160px !important}
.mb-168 {margin-bottom: 168px !important}
.mb-176 {margin-bottom: 176px !important}

.mb-184 {margin-bottom: 184px !important}
.mb-192 {margin-bottom: 192px !important}
.mb-200 {margin-bottom: 200px !important}

/*
 * 1.6 -> Margin left
 * -----------------------------------------------
*/
.ml-0 {margin-left: 0!important;}
.ml-8 {margin-left: 8px !important}
.ml-12 {margin-left: 12px !important}
.ml-16 {margin-left: 16px !important}
.ml-24 {margin-left: 24px !important}
.ml-32 {margin-left: 32px !important}
.ml-40 {margin-left: 40px !important}
.ml-48 {margin-left: 48px !important}
.ml-56 {margin-left: 56px !important}
.ml-64 {margin-left: 64px !important}
.ml-72 {margin-left: 72px !important}
.ml-80 {margin-left: 80px !important}
.ml-88 {margin-left: 88px !important}
.ml-96 {margin-left: 96px !important}
.ml-104 {margin-left: 104px !important}
.ml-112 {margin-left: 112px !important}
.ml-120 {margin-left: 120px !important}
.ml-128 {margin-left: 128px !important}
.ml-136 {margin-left: 136px !important}
.ml-144 {margin-left: 144px !important}
.ml-152 {margin-left: 152px !important}
.ml-160 {margin-left: 160px !important}
.ml-168 {margin-left: 168px !important}
.ml-176 {margin-left: 176px !important}

.ml-184 {margin-left: 184px !important}
.ml-192 {margin-left: 192px !important}
.ml-200 {margin-left: 200px !important}

/*
 * 1.7 -> Padding top
 * -----------------------------------------------
*/
.pt-0 {padding-top: 0!important;}
.pt-8 {padding-top: 8px !important}
.pt-12 {padding-top: 12px !important}
.pt-16 {padding-top: 16px !important}
.pt-24 {padding-top: 24px !important}
.pt-32 {padding-top: 32px !important}
.pt-40 {padding-top: 40px !important}
.pt-48 {padding-top: 48px !important}
.pt-56 {padding-top: 56px !important}
.pt-64 {padding-top: 64px !important}
.pt-72 {padding-top: 72px !important}
.pt-80 {padding-top: 80px !important}
.pt-88 {padding-top: 88px !important}
.pt-96 {padding-top: 96px !important}
.pt-104 {padding-top: 104px !important}
.pt-112 {padding-top: 112px !important}
.pt-120 {padding-top: 120px !important}
.pt-128 {padding-top: 128px !important}
.pt-136 {padding-top: 136px !important}
.pt-144 {padding-top: 144px !important}
.pt-152 {padding-top: 152px !important}
.pt-160 {padding-top: 160px !important}
.pt-168 {padding-top: 168px !important}
.pt-176 {padding-top: 176px !important}

.pt-184 {padding-top: 184px !important}
.pt-192 {padding-top: 192px !important}
.pt-200 {padding-top: 200px !important}

/*
 * 1.8 -> Padding right
 * -----------------------------------------------
*/
.pr-0 {padding-right: 0!important;}
.pr-8 {padding-right: 8px !important}
.pr-12 {padding-right: 12px !important}
.pr-16 {padding-right: 16px !important}
.pr-24 {padding-right: 24px !important}
.pr-32 {padding-right: 32px !important}
.pr-40 {padding-right: 40px !important}
.pr-48 {padding-right: 48px !important}
.pr-56 {padding-right: 56px !important}
.pr-64 {padding-right: 64px !important}
.pr-72 {padding-right: 72px !important}
.pr-80 {padding-right: 80px !important}
.pr-88 {padding-right: 88px !important}
.pr-96 {padding-right: 96px !important}
.pr-104 {padding-right: 104px !important}
.pr-112 {padding-right: 112px !important}
.pr-120 {padding-right: 120px !important}
.pr-128 {padding-right: 128px !important}
.pr-136 {padding-right: 136px !important}
.pr-144 {padding-right: 144px !important}
.pr-152 {padding-right: 152px !important}
.pr-160 {padding-right: 160px !important}
.pr-168 {padding-right: 168px !important}
.pr-176 {padding-right: 176px !important}

.pr-184 {padding-right: 184px !important}
.pr-192 {padding-right: 192px !important}
.pr-200 {padding-right: 200px !important}

/*
 * 1.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-0 {padding-bottom: 0!important;}
.pb-8 {padding-bottom: 8px !important}
.pb-12 {padding-bottom: 12px !important}
.pb-16 {padding-bottom: 16px !important}
.pb-24 {padding-bottom: 24px !important}
.pb-32 {padding-bottom: 32px !important}
.pb-40 {padding-bottom: 40px !important}
.pb-48 {padding-bottom: 48px !important}
.pb-56 {padding-bottom: 56px !important}
.pb-64 {padding-bottom: 64px !important}
.pb-72 {padding-bottom: 72px !important}
.pb-80 {padding-bottom: 80px !important}
.pb-88 {padding-bottom: 88px !important}
.pb-96 {padding-bottom: 96px !important}
.pb-104 {padding-bottom: 104px !important}
.pb-112 {padding-bottom: 112px !important}
.pb-120 {padding-bottom: 120px !important}
.pb-128 {padding-bottom: 128px !important}
.pb-136 {padding-bottom: 136px !important}
.pb-144 {padding-bottom: 144px !important}
.pb-152 {padding-bottom: 152px !important}
.pb-160 {padding-bottom: 160px !important}
.pb-168 {padding-bottom: 168px !important}
.pb-176 {padding-bottom: 176px !important}

.pb-184 {padding-bottom: 184px !important}
.pb-192 {padding-bottom: 192px !important}
.pb-200 {padding-bottom: 200px !important}

/*
 * 1.10 -> Padding left
 * -----------------------------------------------
*/
.pl-0 {padding-left: 0!important;}
.pl-8 {padding-left: 8px !important}
.pl-12 {padding-left: 12px !important}
.pl-16 {padding-left: 16px !important}
.pl-24 {padding-left: 24px !important}
.pl-32 {padding-left: 32px !important}
.pl-40 {padding-left: 40px !important}
.pl-48 {padding-left: 48px !important}
.pl-56 {padding-left: 56px !important}
.pl-64 {padding-left: 64px !important}
.pl-72 {padding-left: 72px !important}
.pl-80 {padding-left: 80px !important}
.pl-88 {padding-left: 88px !important}
.pl-96 {padding-left: 96px !important}
.pl-104 {padding-left: 104px !important}
.pl-112 {padding-left: 112px !important}
.pl-120 {padding-left: 120px !important}
.pl-128 {padding-left: 128px !important}
.pl-136 {padding-left: 136px !important}
.pl-144 {padding-left: 144px !important}
.pl-152 {padding-left: 152px !important}
.pl-160 {padding-left: 160px !important}
.pl-168 {padding-left: 168px !important}
.pl-176 {padding-left: 176px !important}

.pl-184 {padding-left: 184px !important}
.pl-192 {padding-left: 192px !important}
.pl-200 {padding-left: 200px !important}

/*
 * 2 -> lg: min-width:1200px
 * -----------------------------------------------
*/
@media (min-width:1200px) {
/*
 * 2.1 -> Basic Margin
 * -----------------------------------------------
*/
.m-lg-0 {margin: 0px !important}
.m-lg-8 {margin: 8px !important}
.m-lg-12 {margin: 12px !important}
.m-lg-16 {margin: 16px !important}
.m-lg-24 {margin: 24px !important}
.m-lg-32 {margin: 32px !important}
.m-lg-40 {margin: 40px !important}
.m-lg-48 {margin: 48px !important}
.m-lg-56 {margin: 56px !important}
.m-lg-64 {margin: 64px !important}
.m-lg-72 {margin: 72px !important}
.m-lg-80 {margin: 80px !important}
.m-lg-88 {margin: 88px !important}
.m-lg-96 {margin: 96px !important}
.m-lg-104 {margin: 104px !important}
.m-lg-112 {margin: 112px !important}
.m-lg-120 {margin: 120px !important}
.m-lg-128 {margin: 128px !important}
.m-lg-136 {margin: 136px !important}
.m-lg-144 {margin: 144px !important}
.m-lg-152 {margin: 152px !important}
.m-lg-160 {margin: 160px !important}
.m-lg-168 {margin: 168px !important}
.m-lg-176 {margin: 176px !important}

.m-lg-184 {margin: 184px !important}
.m-lg-192 {margin: 192px !important}
.m-lg-200 {margin: 200px !important}

/*
 * 2.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-lg-0 {padding: 0!important;}
.p-lg-8 {padding: 8px !important}
.p-lg-12 {padding: 12px !important}
.p-lg-16 {padding: 16px !important}
.p-lg-24 {padding: 24px !important}
.p-lg-32 {padding: 32px !important}
.p-lg-40 {padding: 40px !important}
.p-lg-48 {padding: 48px !important}
.p-lg-56 {padding: 56px !important}
.p-lg-64 {padding: 64px !important}
.p-lg-72 {padding: 72px !important}
.p-lg-80 {padding: 80px !important}
.p-lg-88 {padding: 88px !important}
.p-lg-96 {padding: 96px !important}
.p-lg-104 {padding: 104px !important}
.p-lg-112 {padding: 112px !important}
.p-lg-120 {padding: 120px !important}
.p-lg-128 {padding: 128px !important}
.p-lg-136 {padding: 136px !important}
.p-lg-144 {padding: 144px !important}
.p-lg-152 {padding: 152px !important}
.p-lg-160 {padding: 160px !important}
.p-lg-168 {padding: 168px !important}
.p-lg-176 {padding: 176px !important}

.p-lg-184 {padding: 184px !important}
.p-lg-192 {padding: 192px !important}
.p-lg-200 {padding: 200px !important}

/*
 * 2.3 -> Margin top
 * -----------------------------------------------
*/
.mt-lg-0 {margin-top: 0!important;}
.mt-lg-8 {margin-top: 8px !important}
.mt-lg-12 {margin-top: 12px !important}
.mt-lg-16 {margin-top: 16px !important}
.mt-lg-24 {margin-top: 24px !important}
.mt-lg-32 {margin-top: 32px !important}
.mt-lg-40 {margin-top: 40px !important}
.mt-lg-48 {margin-top: 48px !important}
.mt-lg-56 {margin-top: 56px !important}
.mt-lg-64 {margin-top: 64px !important}
.mt-lg-72 {margin-top: 72px !important}
.mt-lg-80 {margin-top: 80px !important}
.mt-lg-88 {margin-top: 88px !important}
.mt-lg-96 {margin-top: 96px !important}
.mt-lg-104 {margin-top: 104px !important}
.mt-lg-112 {margin-top: 112px !important}
.mt-lg-120 {margin-top: 120px !important}
.mt-lg-128 {margin-top: 128px !important}
.mt-lg-136 {margin-top: 136px !important}
.mt-lg-144 {margin-top: 144px !important}
.mt-lg-152 {margin-top: 152px !important}
.mt-lg-160 {margin-top: 160px !important}
.mt-lg-168 {margin-top: 168px !important}
.mt-lg-176 {margin-top: 176px !important}

.mt-lg-184 {margin-top: 184px !important}
.mt-lg-192 {margin-top: 192px !important}
.mt-lg-200 {margin-top: 200px !important}

/*
 * 2.4 -> Margin right
 * -----------------------------------------------
*/
.mr-lg-0 {margin-right: 0!important;}
.mr-lg-8 {margin-right: 8px !important}
.mr-lg-12 {margin-right: 12px !important}
.mr-lg-16 {margin-right: 16px !important}
.mr-lg-24 {margin-right: 24px !important}
.mr-lg-32 {margin-right: 32px !important}
.mr-lg-40 {margin-right: 40px !important}
.mr-lg-48 {margin-right: 48px !important}
.mr-lg-56 {margin-right: 56px !important}
.mr-lg-64 {margin-right: 64px !important}
.mr-lg-72 {margin-right: 72px !important}
.mr-lg-80 {margin-right: 80px !important}
.mr-lg-88 {margin-right: 88px !important}
.mr-lg-96 {margin-right: 96px !important}
.mr-lg-104 {margin-right: 104px !important}
.mr-lg-112 {margin-right: 112px !important}
.mr-lg-120 {margin-right: 120px !important}
.mr-lg-128 {margin-right: 128px !important}
.mr-lg-136 {margin-right: 136px !important}
.mr-lg-144 {margin-right: 144px !important}
.mr-lg-152 {margin-right: 152px !important}
.mr-lg-160 {margin-right: 160px !important}
.mr-lg-168 {margin-right: 168px !important}
.mr-lg-176 {margin-right: 176px !important}

.mr-lg-184 {margin-right: 184px !important}
.mr-lg-192 {margin-right: 192px !important}
.mr-lg-200 {margin-right: 200px !important}

/*
 * 2.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-lg-0 {margin-bottom: 0!important;}
.mb-lg-8 {margin-bottom: 8px !important}
.mb-lg-12 {margin-bottom: 12px !important}
.mb-lg-16 {margin-bottom: 16px !important}
.mb-lg-24 {margin-bottom: 24px !important}
.mb-lg-32 {margin-bottom: 32px !important}
.mb-lg-40 {margin-bottom: 40px !important}
.mb-lg-48 {margin-bottom: 48px !important}
.mb-lg-56 {margin-bottom: 56px !important}
.mb-lg-64 {margin-bottom: 64px !important}
.mb-lg-72 {margin-bottom: 72px !important}
.mb-lg-80 {margin-bottom: 80px !important}
.mb-lg-88 {margin-bottom: 88px !important}
.mb-lg-96 {margin-bottom: 96px !important}
.mb-lg-104 {margin-bottom: 104px !important}
.mb-lg-112 {margin-bottom: 112px !important}
.mb-lg-120 {margin-bottom: 120px !important}
.mb-lg-128 {margin-bottom: 128px !important}
.mb-lg-136 {margin-bottom: 136px !important}
.mb-lg-144 {margin-bottom: 144px !important}
.mb-lg-152 {margin-bottom: 152px !important}
.mb-lg-160 {margin-bottom: 160px !important}
.mb-lg-168 {margin-bottom: 168px !important}
.mb-lg-176 {margin-bottom: 176px !important}

.mb-lg-184 {margin-bottom: 184px !important}
.mb-lg-192 {margin-bottom: 192px !important}
.mb-lg-200 {margin-bottom: 200px !important}

/*
 * 2.6 -> Margin left
 * -----------------------------------------------
*/
.ml-lg-0 {margin-left: 0!important;}
.ml-lg-8 {margin-left: 8px !important}
.ml-lg-12 {margin-left: 12px !important}
.ml-lg-16 {margin-left: 16px !important}
.ml-lg-24 {margin-left: 24px !important}
.ml-lg-32 {margin-left: 32px !important}
.ml-lg-40 {margin-left: 40px !important}
.ml-lg-48 {margin-left: 48px !important}
.ml-lg-56 {margin-left: 56px !important}
.ml-lg-64 {margin-left: 64px !important}
.ml-lg-72 {margin-left: 72px !important}
.ml-lg-80 {margin-left: 80px !important}
.ml-lg-88 {margin-left: 88px !important}
.ml-lg-96 {margin-left: 96px !important}
.ml-lg-104 {margin-left: 104px !important}
.ml-lg-112 {margin-left: 112px !important}
.ml-lg-120 {margin-left: 120px !important}
.ml-lg-128 {margin-left: 128px !important}
.ml-lg-136 {margin-left: 136px !important}
.ml-lg-144 {margin-left: 144px !important}
.ml-lg-152 {margin-left: 152px !important}
.ml-lg-160 {margin-left: 160px !important}
.ml-lg-168 {margin-left: 168px !important}
.ml-lg-176 {margin-left: 176px !important}

.ml-lg-184 {margin-left: 184px !important}
.ml-lg-192 {margin-left: 192px !important}
.ml-lg-200 {margin-left: 200px !important}

/*
 * 2.7 -> Padding top
 * -----------------------------------------------
*/
.pt-lg-0 {padding-top: 0!important;}
.pt-lg-8 {padding-top: 8px !important}
.pt-lg-12 {padding-top: 12px !important}
.pt-lg-16 {padding-top: 16px !important}
.pt-lg-24 {padding-top: 24px !important}
.pt-lg-32 {padding-top: 32px !important}
.pt-lg-40 {padding-top: 40px !important}
.pt-lg-48 {padding-top: 48px !important}
.pt-lg-56 {padding-top: 56px !important}
.pt-lg-64 {padding-top: 64px !important}
.pt-lg-72 {padding-top: 72px !important}
.pt-lg-80 {padding-top: 80px !important}
.pt-lg-88 {padding-top: 88px !important}
.pt-lg-96 {padding-top: 96px !important}
.pt-lg-104 {padding-top: 104px !important}
.pt-lg-112 {padding-top: 112px !important}
.pt-lg-120 {padding-top: 120px !important}
.pt-lg-128 {padding-top: 128px !important}
.pt-lg-136 {padding-top: 136px !important}
.pt-lg-144 {padding-top: 144px !important}
.pt-lg-152 {padding-top: 152px !important}
.pt-lg-160 {padding-top: 160px !important}
.pt-lg-168 {padding-top: 168px !important}
.pt-lg-176 {padding-top: 176px !important}

.pt-lg-184 {padding-top: 184px !important}
.pt-lg-192 {padding-top: 192px !important}
.pt-lg-200 {padding-top: 200px !important}

/*
 * 2.8 -> Padding right
 * -----------------------------------------------
*/
.pr-lg-0 {padding-right: 0!important;}
.pr-lg-8 {padding-right: 8px !important}
.pr-lg-12 {padding-right: 12px !important}
.pr-lg-16 {padding-right: 16px !important}
.pr-lg-24 {padding-right: 24px !important}
.pr-lg-32 {padding-right: 32px !important}
.pr-lg-40 {padding-right: 40px !important}
.pr-lg-48 {padding-right: 48px !important}
.pr-lg-56 {padding-right: 56px !important}
.pr-lg-64 {padding-right: 64px !important}
.pr-lg-72 {padding-right: 72px !important}
.pr-lg-80 {padding-right: 80px !important}
.pr-lg-88 {padding-right: 88px !important}
.pr-lg-96 {padding-right: 96px !important}
.pr-lg-104 {padding-right: 104px !important}
.pr-lg-112 {padding-right: 112px !important}
.pr-lg-120 {padding-right: 120px !important}
.pr-lg-128 {padding-right: 128px !important}
.pr-lg-136 {padding-right: 136px !important}
.pr-lg-144 {padding-right: 144px !important}
.pr-lg-152 {padding-right: 152px !important}
.pr-lg-160 {padding-right: 160px !important}
.pr-lg-168 {padding-right: 168px !important}
.pr-lg-176 {padding-right: 176px !important}

.pr-lg-184 {padding-right: 184px !important}
.pr-lg-192 {padding-right: 192px !important}
.pr-lg-200 {padding-right: 200px !important}

/*
 * 2.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-lg-0 {padding-bottom: 0!important;}
.pb-lg-8 {padding-bottom: 8px !important}
.pb-lg-12 {padding-bottom: 12px !important}
.pb-lg-16 {padding-bottom: 16px !important}
.pb-lg-24 {padding-bottom: 24px !important}
.pb-lg-32 {padding-bottom: 32px !important}
.pb-lg-40 {padding-bottom: 40px !important}
.pb-lg-48 {padding-bottom: 48px !important}
.pb-lg-56 {padding-bottom: 56px !important}
.pb-lg-64 {padding-bottom: 64px !important}
.pb-lg-72 {padding-bottom: 72px !important}
.pb-lg-80 {padding-bottom: 80px !important}
.pb-lg-88 {padding-bottom: 88px !important}
.pb-lg-96 {padding-bottom: 96px !important}
.pb-lg-104 {padding-bottom: 104px !important}
.pb-lg-112 {padding-bottom: 112px !important}
.pb-lg-120 {padding-bottom: 120px !important}
.pb-lg-128 {padding-bottom: 128px !important}
.pb-lg-136 {padding-bottom: 136px !important}
.pb-lg-144 {padding-bottom: 144px !important}
.pb-lg-152 {padding-bottom: 152px !important}
.pb-lg-160 {padding-bottom: 160px !important}
.pb-lg-168 {padding-bottom: 168px !important}
.pb-lg-176 {padding-bottom: 176px !important}

.pb-lg-184 {padding-bottom: 184px !important}
.pb-lg-192 {padding-bottom: 192px !important}
.pb-lg-200 {padding-bottom: 200px !important}

/*
 * 2.10 -> Padding left
 * -----------------------------------------------
*/
.pl-lg-0 {padding-left: 0!important;}
.pl-lg-8 {padding-left: 8px !important}
.pl-lg-12 {padding-left: 12px !important}
.pl-lg-16 {padding-left: 16px !important}
.pl-lg-24 {padding-left: 24px !important}
.pl-lg-32 {padding-left: 32px !important}
.pl-lg-40 {padding-left: 40px !important}
.pl-lg-48 {padding-left: 48px !important}
.pl-lg-56 {padding-left: 56px !important}
.pl-lg-64 {padding-left: 64px !important}
.pl-lg-72 {padding-left: 72px !important}
.pl-lg-80 {padding-left: 80px !important}
.pl-lg-88 {padding-left: 88px !important}
.pl-lg-96 {padding-left: 96px !important}
.pl-lg-104 {padding-left: 104px !important}
.pl-lg-112 {padding-left: 112px !important}
.pl-lg-120 {padding-left: 120px !important}
.pl-lg-128 {padding-left: 128px !important}
.pl-lg-136 {padding-left: 136px !important}
.pl-lg-144 {padding-left: 144px !important}
.pl-lg-152 {padding-left: 152px !important}
.pl-lg-160 {padding-left: 160px !important}
.pl-lg-168 {padding-left: 168px !important}
.pl-lg-176 {padding-left: 176px !important}

.pl-lg-184 {padding-left: 184px !important}
.pl-lg-192 {padding-left: 192px !important}
.pl-lg-200 {padding-left: 200px !important}
}

/*
 * 3 -> md: max-width:1199px
 * -----------------------------------------------
*/
@media (max-width:1199px) {
/*
 * 3.1 -> Basic Margin
 * -----------------------------------------------
*/
.m-md-0 {margin: 0px !important}
.m-md-8 {margin: 8px !important}
.m-md-12 {margin: 12px !important}
.m-md-16 {margin: 16px !important}
.m-md-24 {margin: 24px !important}
.m-md-32 {margin: 32px !important}
.m-md-40 {margin: 40px !important}
.m-md-48 {margin: 48px !important}
.m-md-56 {margin: 56px !important}
.m-md-64 {margin: 64px !important}
.m-md-72 {margin: 72px !important}
.m-md-80 {margin: 80px !important}
.m-md-88 {margin: 88px !important}
.m-md-96 {margin: 96px !important}
.m-md-104 {margin: 104px !important}
.m-md-112 {margin: 112px !important}
.m-md-120 {margin: 120px !important}
.m-md-128 {margin: 128px !important}
.m-md-136 {margin: 136px !important}
.m-md-144 {margin: 144px !important}
.m-md-152 {margin: 152px !important}
.m-md-160 {margin: 160px !important}
.m-md-168 {margin: 168px !important}
.m-md-176 {margin: 176px !important}

.m-md-184 {margin: 184px !important}
.m-md-192 {margin: 192px !important}
.m-md-200 {margin: 200px !important}

/*
 * 3.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-md-0 {padding: 0!important;}
.p-md-8 {padding: 8px !important}
.p-md-12 {padding: 12px !important}
.p-md-16 {padding: 16px !important}
.p-md-24 {padding: 24px !important}
.p-md-32 {padding: 32px !important}
.p-md-40 {padding: 40px !important}
.p-md-48 {padding: 48px !important}
.p-md-56 {padding: 56px !important}
.p-md-64 {padding: 64px !important}
.p-md-72 {padding: 72px !important}
.p-md-80 {padding: 80px !important}
.p-md-88 {padding: 88px !important}
.p-md-96 {padding: 96px !important}
.p-md-104 {padding: 104px !important}
.p-md-112 {padding: 112px !important}
.p-md-120 {padding: 120px !important}
.p-md-128 {padding: 128px !important}
.p-md-136 {padding: 136px !important}
.p-md-144 {padding: 144px !important}
.p-md-152 {padding: 152px !important}
.p-md-160 {padding: 160px !important}
.p-md-168 {padding: 168px !important}
.p-md-176 {padding: 176px !important}

.p-md-184 {padding: 184px !important}
.p-md-192 {padding: 192px !important}
.p-md-200 {padding: 200px !important}

/*
 * 3.3 -> Margin top
 * -----------------------------------------------
*/
.mt-md-0 {margin-top: 0!important;}
.mt-md-8 {margin-top: 8px !important}
.mt-md-12 {margin-top: 12px !important}
.mt-md-16 {margin-top: 16px !important}
.mt-md-24 {margin-top: 24px !important}
.mt-md-32 {margin-top: 32px !important}
.mt-md-40 {margin-top: 40px !important}
.mt-md-48 {margin-top: 48px !important}
.mt-md-56 {margin-top: 56px !important}
.mt-md-64 {margin-top: 64px !important}
.mt-md-72 {margin-top: 72px !important}
.mt-md-80 {margin-top: 80px !important}
.mt-md-88 {margin-top: 88px !important}
.mt-md-96 {margin-top: 96px !important}
.mt-md-104 {margin-top: 104px !important}
.mt-md-112 {margin-top: 112px !important}
.mt-md-120 {margin-top: 120px !important}
.mt-md-128 {margin-top: 128px !important}
.mt-md-136 {margin-top: 136px !important}
.mt-md-144 {margin-top: 144px !important}
.mt-md-152 {margin-top: 152px !important}
.mt-md-160 {margin-top: 160px !important}
.mt-md-168 {margin-top: 168px !important}
.mt-md-176 {margin-top: 176px !important}

.mt-md-184 {margin-top: 184px !important}
.mt-md-192 {margin-top: 192px !important}
.mt-md-200 {margin-top: 200px !important}

/*
 * 3.4 -> Margin right
 * -----------------------------------------------
*/
.mr-md-0 {margin-right: 0!important;}
.mr-md-8 {margin-right: 8px !important}
.mr-md-12 {margin-right: 12px !important}
.mr-md-16 {margin-right: 16px !important}
.mr-md-24 {margin-right: 24px !important}
.mr-md-32 {margin-right: 32px !important}
.mr-md-40 {margin-right: 40px !important}
.mr-md-48 {margin-right: 48px !important}
.mr-md-56 {margin-right: 56px !important}
.mr-md-64 {margin-right: 64px !important}
.mr-md-72 {margin-right: 72px !important}
.mr-md-80 {margin-right: 80px !important}
.mr-md-88 {margin-right: 88px !important}
.mr-md-96 {margin-right: 96px !important}
.mr-md-104 {margin-right: 104px !important}
.mr-md-112 {margin-right: 112px !important}
.mr-md-120 {margin-right: 120px !important}
.mr-md-128 {margin-right: 128px !important}
.mr-md-136 {margin-right: 136px !important}
.mr-md-144 {margin-right: 144px !important}
.mr-md-152 {margin-right: 152px !important}
.mr-md-160 {margin-right: 160px !important}
.mr-md-168 {margin-right: 168px !important}
.mr-md-176 {margin-right: 176px !important}

.mr-md-184 {margin-right: 184px !important}
.mr-md-192 {margin-right: 192px !important}
.mr-md-200 {margin-right: 200px !important}

/*
 * 3.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-md-0 {margin-bottom: 0!important;}
.mb-md-8 {margin-bottom: 8px !important}
.mb-md-12 {margin-bottom: 12px !important}
.mb-md-16 {margin-bottom: 16px !important}
.mb-md-24 {margin-bottom: 24px !important}
.mb-md-32 {margin-bottom: 32px !important}
.mb-md-40 {margin-bottom: 40px !important}
.mb-md-48 {margin-bottom: 48px !important}
.mb-md-56 {margin-bottom: 56px !important}
.mb-md-64 {margin-bottom: 64px !important}
.mb-md-72 {margin-bottom: 72px !important}
.mb-md-80 {margin-bottom: 80px !important}
.mb-md-88 {margin-bottom: 88px !important}
.mb-md-96 {margin-bottom: 96px !important}
.mb-md-104 {margin-bottom: 104px !important}
.mb-md-112 {margin-bottom: 112px !important}
.mb-md-120 {margin-bottom: 120px !important}
.mb-md-128 {margin-bottom: 128px !important}
.mb-md-136 {margin-bottom: 136px !important}
.mb-md-144 {margin-bottom: 144px !important}
.mb-md-152 {margin-bottom: 152px !important}
.mb-md-160 {margin-bottom: 160px !important}
.mb-md-168 {margin-bottom: 168px !important}
.mb-md-176 {margin-bottom: 176px !important}

.mb-md-184 {margin-bottom: 184px !important}
.mb-md-192 {margin-bottom: 192px !important}
.mb-md-200 {margin-bottom: 200px !important}

/*
 * 3.6 -> Margin left
 * -----------------------------------------------
*/
.ml-md-0 {margin-left: 0!important;}
.ml-md-8 {margin-left: 8px !important}
.ml-md-12 {margin-left: 12px !important}
.ml-md-16 {margin-left: 16px !important}
.ml-md-24 {margin-left: 24px !important}
.ml-md-32 {margin-left: 32px !important}
.ml-md-40 {margin-left: 40px !important}
.ml-md-48 {margin-left: 48px !important}
.ml-md-56 {margin-left: 56px !important}
.ml-md-64 {margin-left: 64px !important}
.ml-md-72 {margin-left: 72px !important}
.ml-md-80 {margin-left: 80px !important}
.ml-md-88 {margin-left: 88px !important}
.ml-md-96 {margin-left: 96px !important}
.ml-md-104 {margin-left: 104px !important}
.ml-md-112 {margin-left: 112px !important}
.ml-md-120 {margin-left: 120px !important}
.ml-md-128 {margin-left: 128px !important}
.ml-md-136 {margin-left: 136px !important}
.ml-md-144 {margin-left: 144px !important}
.ml-md-152 {margin-left: 152px !important}
.ml-md-160 {margin-left: 160px !important}
.ml-md-168 {margin-left: 168px !important}
.ml-md-176 {margin-left: 176px !important}

.ml-md-184 {margin-left: 184px !important}
.ml-md-192 {margin-left: 192px !important}
.ml-md-200 {margin-left: 200px !important}

/*
 * 3.7 -> Padding top
 * -----------------------------------------------
*/
.pt-md-0 {padding-top: 0!important;}
.pt-md-8 {padding-top: 8px !important}
.pt-md-12 {padding-top: 12px !important}
.pt-md-16 {padding-top: 16px !important}
.pt-md-24 {padding-top: 24px !important}
.pt-md-32 {padding-top: 32px !important}
.pt-md-40 {padding-top: 40px !important}
.pt-md-48 {padding-top: 48px !important}
.pt-md-56 {padding-top: 56px !important}
.pt-md-64 {padding-top: 64px !important}
.pt-md-72 {padding-top: 72px !important}
.pt-md-80 {padding-top: 80px !important}
.pt-md-88 {padding-top: 88px !important}
.pt-md-96 {padding-top: 96px !important}
.pt-md-104 {padding-top: 104px !important}
.pt-md-112 {padding-top: 112px !important}
.pt-md-120 {padding-top: 120px !important}
.pt-md-128 {padding-top: 128px !important}
.pt-md-136 {padding-top: 136px !important}
.pt-md-144 {padding-top: 144px !important}
.pt-md-152 {padding-top: 152px !important}
.pt-md-160 {padding-top: 160px !important}
.pt-md-168 {padding-top: 168px !important}
.pt-md-176 {padding-top: 176px !important}

.pt-md-184 {padding-top: 184px !important}
.pt-md-192 {padding-top: 192px !important}
.pt-md-200 {padding-top: 200px !important}

/*
 * 3.8 -> Padding right
 * -----------------------------------------------
*/
.pr-md-0 {padding-right: 0!important;}
.pr-md-8 {padding-right: 8px !important}
.pr-md-12 {padding-right: 12px !important}
.pr-md-16 {padding-right: 16px !important}
.pr-md-24 {padding-right: 24px !important}
.pr-md-32 {padding-right: 32px !important}
.pr-md-40 {padding-right: 40px !important}
.pr-md-48 {padding-right: 48px !important}
.pr-md-56 {padding-right: 56px !important}
.pr-md-64 {padding-right: 64px !important}
.pr-md-72 {padding-right: 72px !important}
.pr-md-80 {padding-right: 80px !important}
.pr-md-88 {padding-right: 88px !important}
.pr-md-96 {padding-right: 96px !important}
.pr-md-104 {padding-right: 104px !important}
.pr-md-112 {padding-right: 112px !important}
.pr-md-120 {padding-right: 120px !important}
.pr-md-128 {padding-right: 128px !important}
.pr-md-136 {padding-right: 136px !important}
.pr-md-144 {padding-right: 144px !important}
.pr-md-152 {padding-right: 152px !important}
.pr-md-160 {padding-right: 160px !important}
.pr-md-168 {padding-right: 168px !important}
.pr-md-176 {padding-right: 176px !important}

.pr-md-184 {padding-right: 184px !important}
.pr-md-192 {padding-right: 192px !important}
.pr-md-200 {padding-right: 200px !important}

/*
 * 3.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-md-0 {padding-bottom: 0!important;}
.pb-md-8 {padding-bottom: 8px !important}
.pb-md-12 {padding-bottom: 12px !important}
.pb-md-16 {padding-bottom: 16px !important}
.pb-md-24 {padding-bottom: 24px !important}
.pb-md-32 {padding-bottom: 32px !important}
.pb-md-40 {padding-bottom: 40px !important}
.pb-md-48 {padding-bottom: 48px !important}
.pb-md-56 {padding-bottom: 56px !important}
.pb-md-64 {padding-bottom: 64px !important}
.pb-md-72 {padding-bottom: 72px !important}
.pb-md-80 {padding-bottom: 80px !important}
.pb-md-88 {padding-bottom: 88px !important}
.pb-md-96 {padding-bottom: 96px !important}
.pb-md-104 {padding-bottom: 104px !important}
.pb-md-112 {padding-bottom: 112px !important}
.pb-md-120 {padding-bottom: 120px !important}
.pb-md-128 {padding-bottom: 128px !important}
.pb-md-136 {padding-bottom: 136px !important}
.pb-md-144 {padding-bottom: 144px !important}
.pb-md-152 {padding-bottom: 152px !important}
.pb-md-160 {padding-bottom: 160px !important}
.pb-md-168 {padding-bottom: 168px !important}
.pb-md-176 {padding-bottom: 176px !important}

.pb-md-184 {padding-bottom: 184px !important}
.pb-md-192 {padding-bottom: 192px !important}
.pb-md-200 {padding-bottom: 200px !important}

/*
 * 3.10 -> Padding left
 * -----------------------------------------------
*/
.pl-md-0 {padding-left: 0!important;}
.pl-md-8 {padding-left: 8px !important}
.pl-md-12 {padding-left: 12px !important}
.pl-md-16 {padding-left: 16px !important}
.pl-md-24 {padding-left: 24px !important}
.pl-md-32 {padding-left: 32px !important}
.pl-md-40 {padding-left: 40px !important}
.pl-md-48 {padding-left: 48px !important}
.pl-md-56 {padding-left: 56px !important}
.pl-md-64 {padding-left: 64px !important}
.pl-md-72 {padding-left: 72px !important}
.pl-md-80 {padding-left: 80px !important}
.pl-md-88 {padding-left: 88px !important}
.pl-md-96 {padding-left: 96px !important}
.pl-md-104 {padding-left: 104px !important}
.pl-md-112 {padding-left: 112px !important}
.pl-md-120 {padding-left: 120px !important}
.pl-md-128 {padding-left: 128px !important}
.pl-md-136 {padding-left: 136px !important}
.pl-md-144 {padding-left: 144px !important}
.pl-md-152 {padding-left: 152px !important}
.pl-md-160 {padding-left: 160px !important}
.pl-md-168 {padding-left: 168px !important}
.pl-md-176 {padding-left: 176px !important}

.pl-md-184 {padding-left: 184px !important}
.pl-md-192 {padding-left: 192px !important}
.pl-md-200 {padding-left: 200px !important}
}

/*
 * 4 -> sm: max-width:991px
 * -----------------------------------------------
*/
@media (max-width:991px) {
/*
 * 4.1 -> Basic Margin
 * -----------------------------------------------
*/
.m-sm-0 {margin: 0px !important}
.m-sm-8 {margin: 8px !important}
.m-sm-12 {margin: 12px !important}
.m-sm-16 {margin: 16px !important}
.m-sm-24 {margin: 24px !important}
.m-sm-32 {margin: 32px !important}
.m-sm-40 {margin: 40px !important}
.m-sm-48 {margin: 48px !important}
.m-sm-56 {margin: 56px !important}
.m-sm-64 {margin: 64px !important}
.m-sm-72 {margin: 72px !important}
.m-sm-80 {margin: 80px !important}
.m-sm-88 {margin: 88px !important}
.m-sm-96 {margin: 96px !important}
.m-sm-104 {margin: 104px !important}
.m-sm-112 {margin: 112px !important}
.m-sm-120 {margin: 120px !important}
.m-sm-128 {margin: 128px !important}
.m-sm-136 {margin: 136px !important}
.m-sm-144 {margin: 144px !important}
.m-sm-152 {margin: 152px !important}
.m-sm-160 {margin: 160px !important}
.m-sm-168 {margin: 168px !important}
.m-sm-176 {margin: 176px !important}

.m-sm-184 {margin: 184px !important}
.m-sm-192 {margin: 192px !important}
.m-sm-200 {margin: 200px !important}

/*
 * 4.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-sm-0 {padding: 0!important;}
.p-sm-8 {padding: 8px !important}
.p-sm-12 {padding: 12px !important}
.p-sm-16 {padding: 16px !important}
.p-sm-24 {padding: 24px !important}
.p-sm-32 {padding: 32px !important}
.p-sm-40 {padding: 40px !important}
.p-sm-48 {padding: 48px !important}
.p-sm-56 {padding: 56px !important}
.p-sm-64 {padding: 64px !important}
.p-sm-72 {padding: 72px !important}
.p-sm-80 {padding: 80px !important}
.p-sm-88 {padding: 88px !important}
.p-sm-96 {padding: 96px !important}
.p-sm-104 {padding: 104px !important}
.p-sm-112 {padding: 112px !important}
.p-sm-120 {padding: 120px !important}
.p-sm-128 {padding: 128px !important}
.p-sm-136 {padding: 136px !important}
.p-sm-144 {padding: 144px !important}
.p-sm-152 {padding: 152px !important}
.p-sm-160 {padding: 160px !important}
.p-sm-168 {padding: 168px !important}
.p-sm-176 {padding: 176px !important}

.p-sm-184 {padding: 184px !important}
.p-sm-192 {padding: 192px !important}
.p-sm-200 {padding: 200px !important}

/*
 * 4.3 -> Margin top
 * -----------------------------------------------
*/
.mt-sm-0 {margin-top: 0!important;}
.mt-sm-8 {margin-top: 8px !important}
.mt-sm-12 {margin-top: 12px !important}
.mt-sm-16 {margin-top: 16px !important}
.mt-sm-24 {margin-top: 24px !important}
.mt-sm-32 {margin-top: 32px !important}
.mt-sm-40 {margin-top: 40px !important}
.mt-sm-48 {margin-top: 48px !important}
.mt-sm-56 {margin-top: 56px !important}
.mt-sm-64 {margin-top: 64px !important}
.mt-sm-72 {margin-top: 72px !important}
.mt-sm-80 {margin-top: 80px !important}
.mt-sm-88 {margin-top: 88px !important}
.mt-sm-96 {margin-top: 96px !important}
.mt-sm-104 {margin-top: 104px !important}
.mt-sm-112 {margin-top: 112px !important}
.mt-sm-120 {margin-top: 120px !important}
.mt-sm-128 {margin-top: 128px !important}
.mt-sm-136 {margin-top: 136px !important}
.mt-sm-144 {margin-top: 144px !important}
.mt-sm-152 {margin-top: 152px !important}
.mt-sm-160 {margin-top: 160px !important}
.mt-sm-168 {margin-top: 168px !important}
.mt-sm-176 {margin-top: 176px !important}

.mt-sm-184 {margin-top: 184px !important}
.mt-sm-192 {margin-top: 192px !important}
.mt-sm-200 {margin-top: 200px !important}

/*
 * 4.4 -> Margin right
 * -----------------------------------------------
*/
.mr-sm-0 {margin-right: 0!important;}
.mr-sm-8 {margin-right: 8px !important}
.mr-sm-12 {margin-right: 12px !important}
.mr-sm-16 {margin-right: 16px !important}
.mr-sm-24 {margin-right: 24px !important}
.mr-sm-32 {margin-right: 32px !important}
.mr-sm-40 {margin-right: 40px !important}
.mr-sm-48 {margin-right: 48px !important}
.mr-sm-56 {margin-right: 56px !important}
.mr-sm-64 {margin-right: 64px !important}
.mr-sm-72 {margin-right: 72px !important}
.mr-sm-80 {margin-right: 80px !important}
.mr-sm-88 {margin-right: 88px !important}
.mr-sm-96 {margin-right: 96px !important}
.mr-sm-104 {margin-right: 104px !important}
.mr-sm-112 {margin-right: 112px !important}
.mr-sm-120 {margin-right: 120px !important}
.mr-sm-128 {margin-right: 128px !important}
.mr-sm-136 {margin-right: 136px !important}
.mr-sm-144 {margin-right: 144px !important}
.mr-sm-152 {margin-right: 152px !important}
.mr-sm-160 {margin-right: 160px !important}
.mr-sm-168 {margin-right: 168px !important}
.mr-sm-176 {margin-right: 176px !important}

.mr-sm-184 {margin-right: 184px !important}
.mr-sm-192 {margin-right: 192px !important}
.mr-sm-200 {margin-right: 200px !important}

/*
 * 4.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-sm-0 {margin-bottom: 0!important;}
.mb-sm-8 {margin-bottom: 8px !important}
.mb-sm-12 {margin-bottom: 12px !important}
.mb-sm-16 {margin-bottom: 16px !important}
.mb-sm-24 {margin-bottom: 24px !important}
.mb-sm-32 {margin-bottom: 32px !important}
.mb-sm-40 {margin-bottom: 40px !important}
.mb-sm-48 {margin-bottom: 48px !important}
.mb-sm-56 {margin-bottom: 56px !important}
.mb-sm-64 {margin-bottom: 64px !important}
.mb-sm-72 {margin-bottom: 72px !important}
.mb-sm-80 {margin-bottom: 80px !important}
.mb-sm-88 {margin-bottom: 88px !important}
.mb-sm-96 {margin-bottom: 96px !important}
.mb-sm-104 {margin-bottom: 104px !important}
.mb-sm-112 {margin-bottom: 112px !important}
.mb-sm-120 {margin-bottom: 120px !important}
.mb-sm-128 {margin-bottom: 128px !important}
.mb-sm-136 {margin-bottom: 136px !important}
.mb-sm-144 {margin-bottom: 144px !important}
.mb-sm-152 {margin-bottom: 152px !important}
.mb-sm-160 {margin-bottom: 160px !important}
.mb-sm-168 {margin-bottom: 168px !important}
.mb-sm-176 {margin-bottom: 176px !important}

.mb-sm-184 {margin-bottom: 184px !important}
.mb-sm-192 {margin-bottom: 192px !important}
.mb-sm-200 {margin-bottom: 200px !important}

/*
 * 4.6 -> Margin left
 * -----------------------------------------------
*/
.ml-sm-0 {margin-left: 0!important;}
.ml-sm-8 {margin-left: 8px !important}
.ml-sm-12 {margin-left: 12px !important}
.ml-sm-16 {margin-left: 16px !important}
.ml-sm-24 {margin-left: 24px !important}
.ml-sm-32 {margin-left: 32px !important}
.ml-sm-40 {margin-left: 40px !important}
.ml-sm-48 {margin-left: 48px !important}
.ml-sm-56 {margin-left: 56px !important}
.ml-sm-64 {margin-left: 64px !important}
.ml-sm-72 {margin-left: 72px !important}
.ml-sm-80 {margin-left: 80px !important}
.ml-sm-88 {margin-left: 88px !important}
.ml-sm-96 {margin-left: 96px !important}
.ml-sm-104 {margin-left: 104px !important}
.ml-sm-112 {margin-left: 112px !important}
.ml-sm-120 {margin-left: 120px !important}
.ml-sm-128 {margin-left: 128px !important}
.ml-sm-136 {margin-left: 136px !important}
.ml-sm-144 {margin-left: 144px !important}
.ml-sm-152 {margin-left: 152px !important}
.ml-sm-160 {margin-left: 160px !important}
.ml-sm-168 {margin-left: 168px !important}
.ml-sm-176 {margin-left: 176px !important}

.ml-sm-184 {margin-left: 184px !important}
.ml-sm-192 {margin-left: 192px !important}
.ml-sm-200 {margin-left: 200px !important}

/*
 * 4.7 -> Padding top
 * -----------------------------------------------
*/
.pt-sm-0 {padding-top: 0!important;}
.pt-sm-8 {padding-top: 8px !important}
.pt-sm-12 {padding-top: 12px !important}
.pt-sm-16 {padding-top: 16px !important}
.pt-sm-24 {padding-top: 24px !important}
.pt-sm-32 {padding-top: 32px !important}
.pt-sm-40 {padding-top: 40px !important}
.pt-sm-48 {padding-top: 48px !important}
.pt-sm-56 {padding-top: 56px !important}
.pt-sm-64 {padding-top: 64px !important}
.pt-sm-72 {padding-top: 72px !important}
.pt-sm-80 {padding-top: 80px !important}
.pt-sm-88 {padding-top: 88px !important}
.pt-sm-96 {padding-top: 96px !important}
.pt-sm-104 {padding-top: 104px !important}
.pt-sm-112 {padding-top: 112px !important}
.pt-sm-120 {padding-top: 120px !important}
.pt-sm-128 {padding-top: 128px !important}
.pt-sm-136 {padding-top: 136px !important}
.pt-sm-144 {padding-top: 144px !important}
.pt-sm-152 {padding-top: 152px !important}
.pt-sm-160 {padding-top: 160px !important}
.pt-sm-168 {padding-top: 168px !important}
.pt-sm-176 {padding-top: 176px !important}

.pt-sm-184 {padding-top: 184px !important}
.pt-sm-192 {padding-top: 192px !important}
.pt-sm-200 {padding-top: 200px !important}

/*
 * 4.8 -> Padding right
 * -----------------------------------------------
*/
.pr-sm-0 {padding-right: 0!important;}
.pr-sm-8 {padding-right: 8px !important}
.pr-sm-12 {padding-right: 12px !important}
.pr-sm-16 {padding-right: 16px !important}
.pr-sm-24 {padding-right: 24px !important}
.pr-sm-32 {padding-right: 32px !important}
.pr-sm-40 {padding-right: 40px !important}
.pr-sm-48 {padding-right: 48px !important}
.pr-sm-56 {padding-right: 56px !important}
.pr-sm-64 {padding-right: 64px !important}
.pr-sm-72 {padding-right: 72px !important}
.pr-sm-80 {padding-right: 80px !important}
.pr-sm-88 {padding-right: 88px !important}
.pr-sm-96 {padding-right: 96px !important}
.pr-sm-104 {padding-right: 104px !important}
.pr-sm-112 {padding-right: 112px !important}
.pr-sm-120 {padding-right: 120px !important}
.pr-sm-128 {padding-right: 128px !important}
.pr-sm-136 {padding-right: 136px !important}
.pr-sm-144 {padding-right: 144px !important}
.pr-sm-152 {padding-right: 152px !important}
.pr-sm-160 {padding-right: 160px !important}
.pr-sm-168 {padding-right: 168px !important}
.pr-sm-176 {padding-right: 176px !important}

.pr-sm-184 {padding-right: 184px !important}
.pr-sm-192 {padding-right: 192px !important}
.pr-sm-200 {padding-right: 200px !important}

/*
 * 4.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-sm-0 {padding-bottom: 0!important;}
.pb-sm-8 {padding-bottom: 8px !important}
.pb-sm-12 {padding-bottom: 12px !important}
.pb-sm-16 {padding-bottom: 16px !important}
.pb-sm-24 {padding-bottom: 24px !important}
.pb-sm-32 {padding-bottom: 32px !important}
.pb-sm-40 {padding-bottom: 40px !important}
.pb-sm-48 {padding-bottom: 48px !important}
.pb-sm-56 {padding-bottom: 56px !important}
.pb-sm-64 {padding-bottom: 64px !important}
.pb-sm-72 {padding-bottom: 72px !important}
.pb-sm-80 {padding-bottom: 80px !important}
.pb-sm-88 {padding-bottom: 88px !important}
.pb-sm-96 {padding-bottom: 96px !important}
.pb-sm-104 {padding-bottom: 104px !important}
.pb-sm-112 {padding-bottom: 112px !important}
.pb-sm-120 {padding-bottom: 120px !important}
.pb-sm-128 {padding-bottom: 128px !important}
.pb-sm-136 {padding-bottom: 136px !important}
.pb-sm-144 {padding-bottom: 144px !important}
.pb-sm-152 {padding-bottom: 152px !important}
.pb-sm-160 {padding-bottom: 160px !important}
.pb-sm-168 {padding-bottom: 168px !important}
.pb-sm-176 {padding-bottom: 176px !important}

.pb-sm-184 {padding-bottom: 184px !important}
.pb-sm-192 {padding-bottom: 192px !important}
.pb-sm-200 {padding-bottom: 200px !important}

/*
 * 4.10 -> Padding left
 * -----------------------------------------------
*/
.pl-sm-0 {padding-left: 0!important;}
.pl-sm-8 {padding-left: 8px !important}
.pl-sm-12 {padding-left: 12px !important}
.pl-sm-16 {padding-left: 16px !important}
.pl-sm-24 {padding-left: 24px !important}
.pl-sm-32 {padding-left: 32px !important}
.pl-sm-40 {padding-left: 40px !important}
.pl-sm-48 {padding-left: 48px !important}
.pl-sm-56 {padding-left: 56px !important}
.pl-sm-64 {padding-left: 64px !important}
.pl-sm-72 {padding-left: 72px !important}
.pl-sm-80 {padding-left: 80px !important}
.pl-sm-88 {padding-left: 88px !important}
.pl-sm-96 {padding-left: 96px !important}
.pl-sm-104 {padding-left: 104px !important}
.pl-sm-112 {padding-left: 112px !important}
.pl-sm-120 {padding-left: 120px !important}
.pl-sm-128 {padding-left: 128px !important}
.pl-sm-136 {padding-left: 136px !important}
.pl-sm-144 {padding-left: 144px !important}
.pl-sm-152 {padding-left: 152px !important}
.pl-sm-160 {padding-left: 160px !important}
.pl-sm-168 {padding-left: 168px !important}
.pl-sm-176 {padding-left: 176px !important}

.pl-sm-184 {padding-left: 184px !important}
.pl-sm-192 {padding-left: 192px !important}
.pl-sm-200 {padding-left: 200px !important}
}

/*
 * 5 -> xs: max-width 767px
 * -----------------------------------------------
*/
@media (max-width:767px) {
/*
 * 5.1 -> Basic Margin
 * -----------------------------------------------
*/
.m-xs-0 {margin: 0px !important}
.m-xs-8 {margin: 8px !important}
.m-xs-12 {margin: 12px !important}
.m-xs-16 {margin: 16px !important}
.m-xs-24 {margin: 24px !important}
.m-xs-32 {margin: 32px !important}
.m-xs-40 {margin: 40px !important}
.m-xs-48 {margin: 48px !important}
.m-xs-56 {margin: 56px !important}
.m-xs-64 {margin: 64px !important}
.m-xs-72 {margin: 72px !important}
.m-xs-80 {margin: 80px !important}
.m-xs-88 {margin: 88px !important}
.m-xs-96 {margin: 96px !important}
.m-xs-104 {margin: 104px !important}
.m-xs-112 {margin: 112px !important}
.m-xs-120 {margin: 120px !important}
.m-xs-128 {margin: 128px !important}
.m-xs-136 {margin: 136px !important}
.m-xs-144 {margin: 144px !important}
.m-xs-152 {margin: 152px !important}
.m-xs-160 {margin: 160px !important}
.m-xs-168 {margin: 168px !important}
.m-xs-176 {margin: 176px !important}

.m-xs-184 {margin: 184px !important}
.m-xs-192 {margin: 192px !important}
.m-xs-200 {margin: 200px !important}

/*
 * 5.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-xs-0 {padding: 0!important;}
.p-xs-8 {padding: 8px !important}
.p-xs-12 {padding: 12px !important}
.p-xs-16 {padding: 16px !important}
.p-xs-24 {padding: 24px !important}
.p-xs-32 {padding: 32px !important}
.p-xs-40 {padding: 40px !important}
.p-xs-48 {padding: 48px !important}
.p-xs-56 {padding: 56px !important}
.p-xs-64 {padding: 64px !important}
.p-xs-72 {padding: 72px !important}
.p-xs-80 {padding: 80px !important}
.p-xs-88 {padding: 88px !important}
.p-xs-96 {padding: 96px !important}
.p-xs-104 {padding: 104px !important}
.p-xs-112 {padding: 112px !important}
.p-xs-120 {padding: 120px !important}
.p-xs-128 {padding: 128px !important}
.p-xs-136 {padding: 136px !important}
.p-xs-144 {padding: 144px !important}
.p-xs-152 {padding: 152px !important}
.p-xs-160 {padding: 160px !important}
.p-xs-168 {padding: 168px !important}
.p-xs-176 {padding: 176px !important}

.p-xs-184 {padding: 184px !important}
.p-xs-192 {padding: 192px !important}
.p-xs-200 {padding: 200px !important}

/*
 * 5.3 -> Margin top
 * -----------------------------------------------
*/
.mt-xs-0 {margin-top: 0!important;}
.mt-xs-8 {margin-top: 8px !important}
.mt-xs-12 {margin-top: 12px !important}
.mt-xs-16 {margin-top: 16px !important}
.mt-xs-24 {margin-top: 24px !important}
.mt-xs-32 {margin-top: 32px !important}
.mt-xs-40 {margin-top: 40px !important}
.mt-xs-48 {margin-top: 48px !important}
.mt-xs-56 {margin-top: 56px !important}
.mt-xs-64 {margin-top: 64px !important}
.mt-xs-72 {margin-top: 72px !important}
.mt-xs-80 {margin-top: 80px !important}
.mt-xs-88 {margin-top: 88px !important}
.mt-xs-96 {margin-top: 96px !important}
.mt-xs-104 {margin-top: 104px !important}
.mt-xs-112 {margin-top: 112px !important}
.mt-xs-120 {margin-top: 120px !important}
.mt-xs-128 {margin-top: 128px !important}
.mt-xs-136 {margin-top: 136px !important}
.mt-xs-144 {margin-top: 144px !important}
.mt-xs-152 {margin-top: 152px !important}
.mt-xs-160 {margin-top: 160px !important}
.mt-xs-168 {margin-top: 168px !important}
.mt-xs-176 {margin-top: 176px !important}

.mt-xs-184 {margin-top: 184px !important}
.mt-xs-192 {margin-top: 192px !important}
.mt-xs-200 {margin-top: 200px !important}

/*
 * 5.4 -> Margin right
 * -----------------------------------------------
*/
.mr-xs-0 {margin-right: 0!important;}
.mr-xs-8 {margin-right: 8px !important}
.mr-xs-12 {margin-right: 12px !important}
.mr-xs-16 {margin-right: 16px !important}
.mr-xs-24 {margin-right: 24px !important}
.mr-xs-32 {margin-right: 32px !important}
.mr-xs-40 {margin-right: 40px !important}
.mr-xs-48 {margin-right: 48px !important}
.mr-xs-56 {margin-right: 56px !important}
.mr-xs-64 {margin-right: 64px !important}
.mr-xs-72 {margin-right: 72px !important}
.mr-xs-80 {margin-right: 80px !important}
.mr-xs-88 {margin-right: 88px !important}
.mr-xs-96 {margin-right: 96px !important}
.mr-xs-104 {margin-right: 104px !important}
.mr-xs-112 {margin-right: 112px !important}
.mr-xs-120 {margin-right: 120px !important}
.mr-xs-128 {margin-right: 128px !important}
.mr-xs-136 {margin-right: 136px !important}
.mr-xs-144 {margin-right: 144px !important}
.mr-xs-152 {margin-right: 152px !important}
.mr-xs-160 {margin-right: 160px !important}
.mr-xs-168 {margin-right: 168px !important}
.mr-xs-176 {margin-right: 176px !important}

.mr-xs-184 {margin-right: 184px !important}
.mr-xs-192 {margin-right: 192px !important}
.mr-xs-200 {margin-right: 200px !important}

/*
 * 5.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-xs-0 {margin-bottom: 0!important;}
.mb-xs-8 {margin-bottom: 8px !important}
.mb-xs-12 {margin-bottom: 12px !important}
.mb-xs-16 {margin-bottom: 16px !important}
.mb-xs-24 {margin-bottom: 24px !important}
.mb-xs-32 {margin-bottom: 32px !important}
.mb-xs-40 {margin-bottom: 40px !important}
.mb-xs-48 {margin-bottom: 48px !important}
.mb-xs-56 {margin-bottom: 56px !important}
.mb-xs-64 {margin-bottom: 64px !important}
.mb-xs-72 {margin-bottom: 72px !important}
.mb-xs-80 {margin-bottom: 80px !important}
.mb-xs-88 {margin-bottom: 88px !important}
.mb-xs-96 {margin-bottom: 96px !important}
.mb-xs-104 {margin-bottom: 104px !important}
.mb-xs-112 {margin-bottom: 112px !important}
.mb-xs-120 {margin-bottom: 120px !important}
.mb-xs-128 {margin-bottom: 128px !important}
.mb-xs-136 {margin-bottom: 136px !important}
.mb-xs-144 {margin-bottom: 144px !important}
.mb-xs-152 {margin-bottom: 152px !important}
.mb-xs-160 {margin-bottom: 160px !important}
.mb-xs-168 {margin-bottom: 168px !important}
.mb-xs-176 {margin-bottom: 176px !important}

.mb-xs-184 {margin-bottom: 184px !important}
.mb-xs-192 {margin-bottom: 192px !important}
.mb-xs-200 {margin-bottom: 200px !important}

/*
 * 5.6 -> Margin left
 * -----------------------------------------------
*/
.ml-xs-0 {margin-left: 0!important;}
.ml-xs-8 {margin-left: 8px !important}
.ml-xs-12 {margin-left: 12px !important}
.ml-xs-16 {margin-left: 16px !important}
.ml-xs-24 {margin-left: 24px !important}
.ml-xs-32 {margin-left: 32px !important}
.ml-xs-40 {margin-left: 40px !important}
.ml-xs-48 {margin-left: 48px !important}
.ml-xs-56 {margin-left: 56px !important}
.ml-xs-64 {margin-left: 64px !important}
.ml-xs-72 {margin-left: 72px !important}
.ml-xs-80 {margin-left: 80px !important}
.ml-xs-88 {margin-left: 88px !important}
.ml-xs-96 {margin-left: 96px !important}
.ml-xs-104 {margin-left: 104px !important}
.ml-xs-112 {margin-left: 112px !important}
.ml-xs-120 {margin-left: 120px !important}
.ml-xs-128 {margin-left: 128px !important}
.ml-xs-136 {margin-left: 136px !important}
.ml-xs-144 {margin-left: 144px !important}
.ml-xs-152 {margin-left: 152px !important}
.ml-xs-160 {margin-left: 160px !important}
.ml-xs-168 {margin-left: 168px !important}
.ml-xs-176 {margin-left: 176px !important}

.ml-xs-184 {margin-left: 184px !important}
.ml-xs-192 {margin-left: 192px !important}
.ml-xs-200 {margin-left: 200px !important}

/*
 * 5.7 -> Padding top
 * -----------------------------------------------
*/
.pt-xs-0 {padding-top: 0!important;}
.pt-xs-8 {padding-top: 8px !important}
.pt-xs-12 {padding-top: 12px !important}
.pt-xs-16 {padding-top: 16px !important}
.pt-xs-24 {padding-top: 24px !important}
.pt-xs-32 {padding-top: 32px !important}
.pt-xs-40 {padding-top: 40px !important}
.pt-xs-48 {padding-top: 48px !important}
.pt-xs-56 {padding-top: 56px !important}
.pt-xs-64 {padding-top: 64px !important}
.pt-xs-72 {padding-top: 72px !important}
.pt-xs-80 {padding-top: 80px !important}
.pt-xs-88 {padding-top: 88px !important}
.pt-xs-96 {padding-top: 96px !important}
.pt-xs-104 {padding-top: 104px !important}
.pt-xs-112 {padding-top: 112px !important}
.pt-xs-120 {padding-top: 120px !important}
.pt-xs-128 {padding-top: 128px !important}
.pt-xs-136 {padding-top: 136px !important}
.pt-xs-144 {padding-top: 144px !important}
.pt-xs-152 {padding-top: 152px !important}
.pt-xs-160 {padding-top: 160px !important}
.pt-xs-168 {padding-top: 168px !important}
.pt-xs-176 {padding-top: 176px !important}

.pt-xs-184 {padding-top: 184px !important}
.pt-xs-192 {padding-top: 192px !important}
.pt-xs-200 {padding-top: 200px !important}

/*
 * 5.8 -> Padding right
 * -----------------------------------------------
*/
.pr-xs-0 {padding-right: 0!important;}
.pr-xs-8 {padding-right: 8px !important}
.pr-xs-12 {padding-right: 12px !important}
.pr-xs-16 {padding-right: 16px !important}
.pr-xs-24 {padding-right: 24px !important}
.pr-xs-32 {padding-right: 32px !important}
.pr-xs-40 {padding-right: 40px !important}
.pr-xs-48 {padding-right: 48px !important}
.pr-xs-56 {padding-right: 56px !important}
.pr-xs-64 {padding-right: 64px !important}
.pr-xs-72 {padding-right: 72px !important}
.pr-xs-80 {padding-right: 80px !important}
.pr-xs-88 {padding-right: 88px !important}
.pr-xs-96 {padding-right: 96px !important}
.pr-xs-104 {padding-right: 104px !important}
.pr-xs-112 {padding-right: 112px !important}
.pr-xs-120 {padding-right: 120px !important}
.pr-xs-128 {padding-right: 128px !important}
.pr-xs-136 {padding-right: 136px !important}
.pr-xs-144 {padding-right: 144px !important}
.pr-xs-152 {padding-right: 152px !important}
.pr-xs-160 {padding-right: 160px !important}
.pr-xs-168 {padding-right: 168px !important}
.pr-xs-176 {padding-right: 176px !important}

.pr-xs-184 {padding-right: 184px !important}
.pr-xs-192 {padding-right: 192px !important}
.pr-xs-200 {padding-right: 200px !important}

/*
 * 5.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-xs-0 {padding-bottom: 0!important;}
.pb-xs-8 {padding-bottom: 8px !important}
.pb-xs-12 {padding-bottom: 12px !important}
.pb-xs-16 {padding-bottom: 16px !important}
.pb-xs-24 {padding-bottom: 24px !important}
.pb-xs-32 {padding-bottom: 32px !important}
.pb-xs-40 {padding-bottom: 40px !important}
.pb-xs-48 {padding-bottom: 48px !important}
.pb-xs-56 {padding-bottom: 56px !important}
.pb-xs-64 {padding-bottom: 64px !important}
.pb-xs-72 {padding-bottom: 72px !important}
.pb-xs-80 {padding-bottom: 80px !important}
.pb-xs-88 {padding-bottom: 88px !important}
.pb-xs-96 {padding-bottom: 96px !important}
.pb-xs-104 {padding-bottom: 104px !important}
.pb-xs-112 {padding-bottom: 112px !important}
.pb-xs-120 {padding-bottom: 120px !important}
.pb-xs-128 {padding-bottom: 128px !important}
.pb-xs-136 {padding-bottom: 136px !important}
.pb-xs-144 {padding-bottom: 144px !important}
.pb-xs-152 {padding-bottom: 152px !important}
.pb-xs-160 {padding-bottom: 160px !important}
.pb-xs-168 {padding-bottom: 168px !important}
.pb-xs-176 {padding-bottom: 176px !important}

.pb-xs-184 {padding-bottom: 184px !important}
.pb-xs-192 {padding-bottom: 192px !important}
.pb-xs-200 {padding-bottom: 200px !important}

/*
 * 5.10 -> Padding left
 * -----------------------------------------------
*/
.pl-xs-0 {padding-left: 0!important;}
.pl-xs-8 {padding-left: 8px !important}
.pl-xs-12 {padding-left: 12px !important}
.pl-xs-16 {padding-left: 16px !important}
.pl-xs-24 {padding-left: 24px !important}
.pl-xs-32 {padding-left: 32px !important}
.pl-xs-40 {padding-left: 40px !important}
.pl-xs-48 {padding-left: 48px !important}
.pl-xs-56 {padding-left: 56px !important}
.pl-xs-64 {padding-left: 64px !important}
.pl-xs-72 {padding-left: 72px !important}
.pl-xs-80 {padding-left: 80px !important}
.pl-xs-88 {padding-left: 88px !important}
.pl-xs-96 {padding-left: 96px !important}
.pl-xs-104 {padding-left: 104px !important}
.pl-xs-112 {padding-left: 112px !important}
.pl-xs-120 {padding-left: 120px !important}
.pl-xs-128 {padding-left: 128px !important}
.pl-xs-136 {padding-left: 136px !important}
.pl-xs-144 {padding-left: 144px !important}
.pl-xs-152 {padding-left: 152px !important}
.pl-xs-160 {padding-left: 160px !important}
.pl-xs-168 {padding-left: 168px !important}
.pl-xs-176 {padding-left: 176px !important}

.pl-xs-184 {padding-left: 184px !important}
.pl-xs-192 {padding-left: 192px !important}
.pl-xs-200 {padding-left: 200px !important}
}

/*
 * 6 -> xxs: max-width 479px
 * -----------------------------------------------
*/
@media (max-width:479px) {
/*
 * 6.1 -> Basic Margin
 * -----------------------------------------------
*/
.m-xxs-0 {margin: 0px !important}
.m-xxs-8 {margin: 8px !important}
.m-xxs-12 {margin: 12px !important}
.m-xxs-16 {margin: 16px !important}
.m-xxs-24 {margin: 24px !important}
.m-xxs-32 {margin: 32px !important}
.m-xxs-40 {margin: 40px !important}
.m-xxs-48 {margin: 48px !important}
.m-xxs-56 {margin: 56px !important}
.m-xxs-64 {margin: 64px !important}
.m-xxs-72 {margin: 72px !important}
.m-xxs-80 {margin: 80px !important}
.m-xxs-88 {margin: 88px !important}
.m-xxs-96 {margin: 96px !important}
.m-xxs-104 {margin: 104px !important}
.m-xxs-112 {margin: 112px !important}
.m-xxs-120 {margin: 120px !important}
.m-xxs-128 {margin: 128px !important}
.m-xxs-136 {margin: 136px !important}
.m-xxs-144 {margin: 144px !important}
.m-xxs-152 {margin: 152px !important}
.m-xxs-160 {margin: 160px !important}
.m-xxs-168 {margin: 168px !important}
.m-xxs-176 {margin: 176px !important}

.m-xxs-184 {margin: 184px !important}
.m-xxs-192 {margin: 192px !important}
.m-xxs-200 {margin: 200px !important}

/*
 * 6.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-xxs-0 {padding: 0!important;}
.p-xxs-8 {padding: 8px !important}
.p-xxs-12 {padding: 12px !important}
.p-xxs-16 {padding: 16px !important}
.p-xxs-24 {padding: 24px !important}
.p-xxs-32 {padding: 32px !important}
.p-xxs-40 {padding: 40px !important}
.p-xxs-48 {padding: 48px !important}
.p-xxs-56 {padding: 56px !important}
.p-xxs-64 {padding: 64px !important}
.p-xxs-72 {padding: 72px !important}
.p-xxs-80 {padding: 80px !important}
.p-xxs-88 {padding: 88px !important}
.p-xxs-96 {padding: 96px !important}
.p-xxs-104 {padding: 104px !important}
.p-xxs-112 {padding: 112px !important}
.p-xxs-120 {padding: 120px !important}
.p-xxs-128 {padding: 128px !important}
.p-xxs-136 {padding: 136px !important}
.p-xxs-144 {padding: 144px !important}
.p-xxs-152 {padding: 152px !important}
.p-xxs-160 {padding: 160px !important}
.p-xxs-168 {padding: 168px !important}
.p-xxs-176 {padding: 176px !important}

.p-xxs-184 {padding: 184px !important}
.p-xxs-192 {padding: 192px !important}
.p-xxs-200 {padding: 200px !important}

/*
 * 6.3 -> Margin top
 * -----------------------------------------------
*/
.mt-xxs-0 {margin-top: 0!important;}
.mt-xxs-8 {margin-top: 8px !important}
.mt-xxs-12 {margin-top: 12px !important}
.mt-xxs-16 {margin-top: 16px !important}
.mt-xxs-24 {margin-top: 24px !important}
.mt-xxs-32 {margin-top: 32px !important}
.mt-xxs-40 {margin-top: 40px !important}
.mt-xxs-48 {margin-top: 48px !important}
.mt-xxs-56 {margin-top: 56px !important}
.mt-xxs-64 {margin-top: 64px !important}
.mt-xxs-72 {margin-top: 72px !important}
.mt-xxs-80 {margin-top: 80px !important}
.mt-xxs-88 {margin-top: 88px !important}
.mt-xxs-96 {margin-top: 96px !important}
.mt-xxs-104 {margin-top: 104px !important}
.mt-xxs-112 {margin-top: 112px !important}
.mt-xxs-120 {margin-top: 120px !important}
.mt-xxs-128 {margin-top: 128px !important}
.mt-xxs-136 {margin-top: 136px !important}
.mt-xxs-144 {margin-top: 144px !important}
.mt-xxs-152 {margin-top: 152px !important}
.mt-xxs-160 {margin-top: 160px !important}
.mt-xxs-168 {margin-top: 168px !important}
.mt-xxs-176 {margin-top: 176px !important}

.mt-xxs-184 {margin-top: 184px !important}
.mt-xxs-192 {margin-top: 192px !important}
.mt-xxs-200 {margin-top: 200px !important}

/*
 * 6.4 -> Margin right
 * -----------------------------------------------
*/
.mr-xxs-0 {margin-right: 0!important;}
.mr-xxs-8 {margin-right: 8px !important}
.mr-xxs-12 {margin-right: 12px !important}
.mr-xxs-16 {margin-right: 16px !important}
.mr-xxs-24 {margin-right: 24px !important}
.mr-xxs-32 {margin-right: 32px !important}
.mr-xxs-40 {margin-right: 40px !important}
.mr-xxs-48 {margin-right: 48px !important}
.mr-xxs-56 {margin-right: 56px !important}
.mr-xxs-64 {margin-right: 64px !important}
.mr-xxs-72 {margin-right: 72px !important}
.mr-xxs-80 {margin-right: 80px !important}
.mr-xxs-88 {margin-right: 88px !important}
.mr-xxs-96 {margin-right: 96px !important}
.mr-xxs-104 {margin-right: 104px !important}
.mr-xxs-112 {margin-right: 112px !important}
.mr-xxs-120 {margin-right: 120px !important}
.mr-xxs-128 {margin-right: 128px !important}
.mr-xxs-136 {margin-right: 136px !important}
.mr-xxs-144 {margin-right: 144px !important}
.mr-xxs-152 {margin-right: 152px !important}
.mr-xxs-160 {margin-right: 160px !important}
.mr-xxs-168 {margin-right: 168px !important}
.mr-xxs-176 {margin-right: 176px !important}

.mr-xxs-184 {margin-right: 184px !important}
.mr-xxs-192 {margin-right: 192px !important}
.mr-xxs-200 {margin-right: 200px !important}

/*
 * 6.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-xxs-0 {margin-bottom: 0!important;}
.mb-xxs-8 {margin-bottom: 8px !important}
.mb-xxs-12 {margin-bottom: 12px !important}
.mb-xxs-16 {margin-bottom: 16px !important}
.mb-xxs-24 {margin-bottom: 24px !important}
.mb-xxs-32 {margin-bottom: 32px !important}
.mb-xxs-40 {margin-bottom: 40px !important}
.mb-xxs-48 {margin-bottom: 48px !important}
.mb-xxs-56 {margin-bottom: 56px !important}
.mb-xxs-64 {margin-bottom: 64px !important}
.mb-xxs-72 {margin-bottom: 72px !important}
.mb-xxs-80 {margin-bottom: 80px !important}
.mb-xxs-88 {margin-bottom: 88px !important}
.mb-xxs-96 {margin-bottom: 96px !important}
.mb-xxs-104 {margin-bottom: 104px !important}
.mb-xxs-112 {margin-bottom: 112px !important}
.mb-xxs-120 {margin-bottom: 120px !important}
.mb-xxs-128 {margin-bottom: 128px !important}
.mb-xxs-136 {margin-bottom: 136px !important}
.mb-xxs-144 {margin-bottom: 144px !important}
.mb-xxs-152 {margin-bottom: 152px !important}
.mb-xxs-160 {margin-bottom: 160px !important}
.mb-xxs-168 {margin-bottom: 168px !important}
.mb-xxs-176 {margin-bottom: 176px !important}

.mb-xxs-184 {margin-bottom: 184px !important}
.mb-xxs-192 {margin-bottom: 192px !important}
.mb-xxs-200 {margin-bottom: 200px !important}

/*
 * 6.6 -> Margin left
 * -----------------------------------------------
*/
.ml-xxs-0 {margin-left: 0!important;}
.ml-xxs-8 {margin-left: 8px !important}
.ml-xxs-12 {margin-left: 12px !important}
.ml-xxs-16 {margin-left: 16px !important}
.ml-xxs-24 {margin-left: 24px !important}
.ml-xxs-32 {margin-left: 32px !important}
.ml-xxs-40 {margin-left: 40px !important}
.ml-xxs-48 {margin-left: 48px !important}
.ml-xxs-56 {margin-left: 56px !important}
.ml-xxs-64 {margin-left: 64px !important}
.ml-xxs-72 {margin-left: 72px !important}
.ml-xxs-80 {margin-left: 80px !important}
.ml-xxs-88 {margin-left: 88px !important}
.ml-xxs-96 {margin-left: 96px !important}
.ml-xxs-104 {margin-left: 104px !important}
.ml-xxs-112 {margin-left: 112px !important}
.ml-xxs-120 {margin-left: 120px !important}
.ml-xxs-128 {margin-left: 128px !important}
.ml-xxs-136 {margin-left: 136px !important}
.ml-xxs-144 {margin-left: 144px !important}
.ml-xxs-152 {margin-left: 152px !important}
.ml-xxs-160 {margin-left: 160px !important}
.ml-xxs-168 {margin-left: 168px !important}
.ml-xxs-176 {margin-left: 176px !important}

.ml-xxs-184 {margin-left: 184px !important}
.ml-xxs-192 {margin-left: 192px !important}
.ml-xxs-200 {margin-left: 200px !important}

/*
 * 6.7 -> Padding top
 * -----------------------------------------------
*/
.pt-xxs-0 {padding-top: 0!important;}
.pt-xxs-8 {padding-top: 8px !important}
.pt-xxs-12 {padding-top: 12px !important}
.pt-xxs-16 {padding-top: 16px !important}
.pt-xxs-24 {padding-top: 24px !important}
.pt-xxs-32 {padding-top: 32px !important}
.pt-xxs-40 {padding-top: 40px !important}
.pt-xxs-48 {padding-top: 48px !important}
.pt-xxs-56 {padding-top: 56px !important}
.pt-xxs-64 {padding-top: 64px !important}
.pt-xxs-72 {padding-top: 72px !important}
.pt-xxs-80 {padding-top: 80px !important}
.pt-xxs-88 {padding-top: 88px !important}
.pt-xxs-96 {padding-top: 96px !important}
.pt-xxs-104 {padding-top: 104px !important}
.pt-xxs-112 {padding-top: 112px !important}
.pt-xxs-120 {padding-top: 120px !important}
.pt-xxs-128 {padding-top: 128px !important}
.pt-xxs-136 {padding-top: 136px !important}
.pt-xxs-144 {padding-top: 144px !important}
.pt-xxs-152 {padding-top: 152px !important}
.pt-xxs-160 {padding-top: 160px !important}
.pt-xxs-168 {padding-top: 168px !important}
.pt-xxs-176 {padding-top: 176px !important}

.pt-xxs-184 {padding-top: 184px !important}
.pt-xxs-192 {padding-top: 192px !important}
.pt-xxs-200 {padding-top: 200px !important}

/*
 * 6.8 -> Padding right
 * -----------------------------------------------
*/
.pr-xxs-0 {padding-right: 0!important;}
.pr-xxs-8 {padding-right: 8px !important}
.pr-xxs-12 {padding-right: 12px !important}
.pr-xxs-16 {padding-right: 16px !important}
.pr-xxs-24 {padding-right: 24px !important}
.pr-xxs-32 {padding-right: 32px !important}
.pr-xxs-40 {padding-right: 40px !important}
.pr-xxs-48 {padding-right: 48px !important}
.pr-xxs-56 {padding-right: 56px !important}
.pr-xxs-64 {padding-right: 64px !important}
.pr-xxs-72 {padding-right: 72px !important}
.pr-xxs-80 {padding-right: 80px !important}
.pr-xxs-88 {padding-right: 88px !important}
.pr-xxs-96 {padding-right: 96px !important}
.pr-xxs-104 {padding-right: 104px !important}
.pr-xxs-112 {padding-right: 112px !important}
.pr-xxs-120 {padding-right: 120px !important}
.pr-xxs-128 {padding-right: 128px !important}
.pr-xxs-136 {padding-right: 136px !important}
.pr-xxs-144 {padding-right: 144px !important}
.pr-xxs-152 {padding-right: 152px !important}
.pr-xxs-160 {padding-right: 160px !important}
.pr-xxs-168 {padding-right: 168px !important}
.pr-xxs-176 {padding-right: 176px !important}

.pr-xxs-184 {padding-right: 184px !important}
.pr-xxs-192 {padding-right: 192px !important}
.pr-xxs-200 {padding-right: 200px !important}

/*
 * 6.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-xxs-0 {padding-bottom: 0!important;}
.pb-xxs-8 {padding-bottom: 8px !important}
.pb-xxs-12 {padding-bottom: 12px !important}
.pb-xxs-16 {padding-bottom: 16px !important}
.pb-xxs-24 {padding-bottom: 24px !important}
.pb-xxs-32 {padding-bottom: 32px !important}
.pb-xxs-40 {padding-bottom: 40px !important}
.pb-xxs-48 {padding-bottom: 48px !important}
.pb-xxs-56 {padding-bottom: 56px !important}
.pb-xxs-64 {padding-bottom: 64px !important}
.pb-xxs-72 {padding-bottom: 72px !important}
.pb-xxs-80 {padding-bottom: 80px !important}
.pb-xxs-88 {padding-bottom: 88px !important}
.pb-xxs-96 {padding-bottom: 96px !important}
.pb-xxs-104 {padding-bottom: 104px !important}
.pb-xxs-112 {padding-bottom: 112px !important}
.pb-xxs-120 {padding-bottom: 120px !important}
.pb-xxs-128 {padding-bottom: 128px !important}
.pb-xxs-136 {padding-bottom: 136px !important}
.pb-xxs-144 {padding-bottom: 144px !important}
.pb-xxs-152 {padding-bottom: 152px !important}
.pb-xxs-160 {padding-bottom: 160px !important}
.pb-xxs-168 {padding-bottom: 168px !important}
.pb-xxs-176 {padding-bottom: 176px !important}

.pb-xxs-184 {padding-bottom: 184px !important}
.pb-xxs-192 {padding-bottom: 192px !important}
.pb-xxs-200 {padding-bottom: 200px !important}

/*
 * 6.10 -> Padding left
 * -----------------------------------------------
*/
.pl-xxs-0 {padding-left: 0!important;}
.pl-xxs-8 {padding-left: 8px !important}
.pl-xxs-12 {padding-left: 12px !important}
.pl-xxs-16 {padding-left: 16px !important}
.pl-xxs-24 {padding-left: 24px !important}
.pl-xxs-32 {padding-left: 32px !important}
.pl-xxs-40 {padding-left: 40px !important}
.pl-xxs-48 {padding-left: 48px !important}
.pl-xxs-56 {padding-left: 56px !important}
.pl-xxs-64 {padding-left: 64px !important}
.pl-xxs-72 {padding-left: 72px !important}
.pl-xxs-80 {padding-left: 80px !important}
.pl-xxs-88 {padding-left: 88px !important}
.pl-xxs-96 {padding-left: 96px !important}
.pl-xxs-104 {padding-left: 104px !important}
.pl-xxs-112 {padding-left: 112px !important}
.pl-xxs-120 {padding-left: 120px !important}
.pl-xxs-128 {padding-left: 128px !important}
.pl-xxs-136 {padding-left: 136px !important}
.pl-xxs-144 {padding-left: 144px !important}
.pl-xxs-152 {padding-left: 152px !important}
.pl-xxs-160 {padding-left: 160px !important}
.pl-xxs-168 {padding-left: 168px !important}
.pl-xxs-176 {padding-left: 176px !important}

.pl-xxs-184 {padding-left: 184px !important}
.pl-xxs-192 {padding-left: 192px !important}
.pl-xxs-200 {padding-left: 200px !important}
}

/*
 * 7.1 -> Custom Extras
 * -----------------------------------------------
*/
.mb-4 {margin-bottom: 4px !important}
.mb-20 {margin-bottom: 20px !important}
.pt-3 {padding-top: 3px !important}
.pt-4 {padding-top: 4px !important}
.pt-6 {padding-top: 6px !important}
.plr-0 {padding-left: 0!important; padding-right: 0!important}
.pb-20 {padding-bottom: 20px;}

/*
 * 8.1 -> Custom Negative Values
 * -----------------------------------------------
*/
.mt-n-1 {margin-top: -1px !important}
.mt-n-4 {margin-top: -4px !important}
.mt-n-8 {margin-top: -8px !important}
.mt-n-12 {margin-top: -12px !important}
.mt-n-16 {margin-top: -16px !important}
.mt-n-18 {margin-top: -18px !important}
.mt-n-50 {margin-top: -50px !important}
.mt-n-100 {margin-top: -100px !important}

.mb-n-50 {margin-bottom: -50px !important}
.mb-n-100 {margin-bottom: -100px !important}
.mb-n-150 {margin-bottom: -150px !important}