@media screen and (max-width:991) {
/*-------------------------------
** Margin class from 0 to 9 grade
-------------------------------*/
.m-m-m-0 {
    margin: 0 !important;
}

.mt-m-0,
.my-m-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-m-0,
.my-m-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-m-1 {
    margin: 1rem !important;
}

.mt-m-1,
.my-m-1 {
    margin-top: 1rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 1rem !important;
}

.mb-m-1,
.my-m-1 {
    margin-bottom: 1rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 1rem !important;
}

.m-m-2 {
    margin: 2rem !important;
}

.mt-m-2,
.my-m-2 {
    margin-top: 2rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 2rem !important;
}

.mb-m-2,
.my-m-2 {
    margin-bottom: 2rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 2rem !important;
}

.m-m-2-5 {
    margin: 2.5rem !important;
}

.mt-m-2-5,
.my-m-2-5 {
    margin-top: 2.5rem !important;
}

.mr-2-5,
.mx-2-5 {
    margin-right: 2.5rem !important;
}

.mb-m-2-5,
.my-m-2-5 {
    margin-bottom: 2.5rem !important;
}

.ml-2v,
.mx-2-5 {
    margin-left: 2.5rem !important;
}

.m-m-3 {
    margin: 3rem !important;
}

.mt-m-3,
.my-m-3 {
    margin-top: 3rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 3rem !important;
}

.mb-m-3,
.my-m-3 {
    margin-bottom: 3rem ;
}

.ml-3,
.mx-3 {
    margin-left: 3rem !important;
}

.m-m-4 {
    margin: 4rem !important;
}

.mt-m-4,
.my-m-4 {
    margin-top: 4rem !important;
}

.mt-m-4-5 {
    margin-top: 4.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 4rem !important;
}

.mb-m-4,
.my-m-4 {
    margin-bottom: 4rem;
}

.mb-m-4-5 {
    margin-bottom: 4.5rem;
}

.ml-4,
.mx-4 {
    margin-left: 4rem !important;
}

.m-m-5 {
    margin: 5rem !important;
}

.mt-m-5,
.my-m-5 {
    margin-top: 5rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 5rem !important;
}

.mb-m-5,
.my-m-5 {
    margin-bottom: 5rem ;
}

.ml-5,
.mx-5 {
    margin-left: 5rem !important;
}

.m-m-6 {
    margin: 6rem !important;
}

.mt-m-6,
.my-m-6 {
    margin-top: 6rem !important;
}

.mr-6,
.mx-6 {
    margin-right: 6rem !important;
}

.mb-m-6,
.my-m-6 {
    margin-bottom: 6rem !important;
}

.ml-6,
.mx-6 {
    margin-left: 6rem !important;
}

.m-m-7 {
    margin: 7rem !important;
}

.mt-m-7,
.my-m-7 {
    margin-top: 7rem !important;
}

.mr-7,
.mx-7 {
    margin-right: 7rem !important;
}

.mb-m-7,
.my-m-7 {
    margin-bottom: 7rem !important;
}

.ml-7,
.mx-7 {
    margin-left: 7rem !important;
}

.m-m-8 {
    margin: 8rem !important;
}

.mt-m-8,
.my-m-8 {
    margin-top: 8rem !important;
}

.mr-8,
.mx-8 {
    margin-right: 8rem !important;
}

.mb-m-8,
.my-m-8 {
    margin-bottom: 8rem ;
}

.ml-8,
.mx-8 {
    margin-left: 8rem !important;
}

.m-m-9 {
    margin: 9rem !important;
}

.mt-m-9,
.my-m-9 {
    margin-top: 9rem !important;
}

.mr-9,
.mx-9 {
    margin-right: 9rem !important;
}

.mb-m-9,
.my-m-9 {
    margin-bottom: 9rem !important;
}

.ml-9,
.mx-9 {
    margin-left: 9rem !important;
}



/*-------------------------------
**Padding class from 0 to 9 grade
-------------------------------*/

.p-m-0 {
    padding: 0 !important;
}

.pt-m-0,
.py-m-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-m-0,
.py-m-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-m-1 {
    padding: 1rem !important;
}

.pt-m-1,
.py-m-1 {
    padding-top: 1rem !important;
}

.pr-1,
.px-1 {
    padding-right: 1rem !important;
}

.pb-m-1,
.py-m-1 {
    padding-bottom: 1rem !important;
}

.pl-1,
.px-1 {
    padding-left: 1rem !important;
}

.p-m-2 {
    padding: 2rem !important;
}

.pt-m-2,
.py-m-2 {
    padding-top: 2rem !important;
}

.pr-2,
.px-2 {
    padding-right: 2rem !important;
}

.pb-m-2,
.py-m-2 {
    padding-bottom: 2rem !important;
}

.pl-2,
.px-2 {
    padding-left: 2rem !important;
}

.p-m-2-5 {
    padding: 2.5rem !important;
}

.pt-m-2-5,
.py-m-2-5 {
    padding-top: 2.5rem !important;
}

.pr-2-5,
.px-2-5 {
    padding-right: 2.5rem !important;
}

.pb-m-2-5,
.py-m-2-5 {
    padding-bottom: 2.5rem !important;
}

.pl-2-5,
.px-2-5 {
    padding-left: 2.5rem !important;
}

.p-m-3 {
    padding: 3rem !important;
}

.pt-m-3,
.py-m-3 {
    padding-top: 3rem !important;
}

.pr-3,
.px-3 {
    padding-right: 3rem !important;
}

.pb-m-3,
.py-m-3 {
    padding-bottom: 3rem !important;
}

.pl-3,
.px-3 {
    padding-left: 3rem !important;
}

.p-m-4 {
    padding: 4rem !important;
}

.pt-m-4,
.py-m-4 {
    padding-top: 4rem !important;
}

.pt-m-4-5 {
    padding-top: 4.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 4rem !important;
}

.pb-m-4,
.py-m-4 {
    padding-bottom: 4rem !important;
}

.pb-m-4-5 {
    padding-bottom: 4.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 4rem !important;
}

.p-m-5 {
    padding: 5rem !important;
}

.pt-m-5,
.py-m-5 {
    padding-top: 5rem !important;
}

.pr-5,
.px-5 {
    padding-right: 5rem !important;
}

.pb-m-5,
.py-m-5 {
    padding-bottom: 5rem;
}

.pl-5,
.px-5 {
    padding-left: 5rem !important;
}

.p-m-6 {
    padding: 6rem !important;
}

.pt-m-6,
.py-m-6 {
    padding-top: 6rem !important;
}

.pr-6,
.px-6 {
    padding-right: 6rem !important;
}

.pb-m-6,
.py-m-6 {
    padding-bottom: 6rem ;
}

.pl-6,
.px-6 {
    padding-left: 6rem !important;
}

.p-m-7 {
    padding: 7rem !important;
}

.pt-m-7,
.py-m-7 {
    padding-top: 7rem !important;
}

.pr-7,
.px-7 {
    padding-right: 7rem !important;
}

.pb-m-7,
.py-m-7 {
    padding-bottom: 7rem !important;
}

.pl-7,
.px-7 {
    padding-left: 7rem !important;
}

.p-m-8 {
    padding: 8rem !important;
}

.pt-m-8,
.py-m-8 {
    padding-top: 8rem ;
}

.pr-8,
.px-8 {
    padding-right: 8rem !important;
}

.pb-m-8,
.py-m-8 {
    padding-bottom: 8rem ;
}

.pl-8,
.px-8 {
    padding-left: 8rem !important;
}

.p-m-9 {
    padding: 9rem !important;
}

.pt-m-9,
.py-m-9 {
    padding-top: 9rem !important;
}

.pr-9,
.px-9 {
    padding-right: 9rem !important;
}

.pb-m-9,
.py-m-9 {
    padding-bottom: 9rem !important;
}

.pl-9,
.px-9 {
    padding-left: 9rem !important;
}
}