/*margin 24*/
.m-fix-24{
    margin: 1.5rem;
}
.ml-fix-24{
    margin-left: 1.5rem;
}
.mr-fix-24{
    margin-right: 1.5rem;
}
.mb-fix-24{
    margin-bottom: 1.5rem;
}
.mt-fix-24{
    margin-top: 1.5rem;
}
/*margin 20*/
.m-fix-20{
    margin: 1.25rem;
}
.ml-fix-20{
    margin-left: 1.25rem;
}
.mr-fix-20{
    margin-right: 1.25rem;
}
.mb-fix-20{
    margin-bottom: 1.25rem;
}
.mt-fix-20{
    margin-top: 1.25rem;
}
/*margin 16*/

.m-fix-16{
    margin: 1rem;
}
.ml-fix-16{
    margin-left: 1rem;
}
.mr-fix-16{
    margin-right: 1rem;
}
.mb-fix-16{
    margin-bottom: 1rem;
}
.mt-fix-16{
    margin-top: 1rem;
}
/*margin 12*/
.m-fix-12{
    margin: 0.75rem;
}
.ml-fix-12{
    margin-left: 0.75rem;
}
.mr-fix-12{
    margin-right: 0.75rem;
}
.mb-fix-12 {
    margin-bottom: 0.75rem;
}
.mt-fix-12{
    margin-top: 0.75rem;
}
/*padding 16*/
.p-fix-16{
    padding: 1rem;
}
.pl-fix-16{
    padding-left: 1rem;
}
.pr-fix-16{
    padding-right: 1rem;
}
.pb-fix-16{
    padding-bottom: 1rem;
}
.pt-fix-16{
    padding-top: 1rem;
}
/*padding 6*/
.p-fix-6{
    padding: 0.375rem;
}
.pl-fix-6{
    padding-left: 0.375rem;
}
.pr-fix-6{
    padding-right: 0.375rem;
}
.pb-fix-6{
    padding-bottom:0.375rem;
}
.pt-fix-6{
    padding-top: 0.375rem;
}
.px-fix-6{
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
/*padding 8*/
.p-fix-8{
    padding: 0.5rem;
}
.pl-fix-8{
    padding-left: 0.5rem;
}
.pr-fix-8{
    padding-right: 0.5rem;
}
.pb-fix-8{
    padding-bottom: 0.5rem;
}
.pt-fix-8{
    padding-top: 0.5rem;
}
/*padding 10*/
.p-fix-10{
    padding: 0.625rem;
}
.pl-fix-10{
    padding-left: 0.625rem;
}
.pr-fix-10{
    padding-right: 0.625rem;
}
.pb-fix-10{
    padding-bottom: 0.625rem;
}
.pt-fix-10{
    padding-top: 0.625rem;
}
/*padding 12*/
.p-fix-12{
    padding: 0.75rem;
}
.pl-fix-12{
    padding-left: 0.75rem;
}
.pr-fix-12{
    padding-right: 0.75rem;
}
.pb-fix-12{
    padding-bottom: 0.75rem;
}
.pt-fix-12{
    padding-top: 0.75rem;
}
.px-fix-12{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
/*margin 10*/
.m-fix-10{
    margin: 0.625rem;
}
.ml-fix-10{
    margin-left: -0.625rem;
}
.mr-fix-10{
    margin-right: -0.625rem;
}
.mb-fix-10{
    margin-bottom: 0.625rem;
}
.mt-fix-10{
    margin-top: 0.625rem;
}
/*padding 4*/
.p-fix-4{
    padding: 0.25rem;
}
.pl-fix-4{
    padding-left: 0.25rem;
}
.pr-fix-4{
    padding-right: 0.25rem;
}
.pb-fix-4{
    padding-bottom: 0.25rem;
}
.pt-fix-4{
    padding-top: 0.25rem;
}
.min-h-100{
    min-height: 100%;
}
@media (max-width: 992px) {
    .d-g-lg-none{
        display: none !important;
    }
    .d-g-lg-block{
        display: block !important;
    }
    .p-lg-fix-4{
        padding: 0.25rem;
    }
    .pl-lg-fix-4{
        padding-left: 0.25rem;
    }
    .pr-lg-fix-4{
        padding-right: 0.25rem;
    }
    .pb-lg-fix-4{
        padding-bottom:0.25rem;
    }
    .pt-lg-fix-4{
        padding-top: 0.25rem;
    }
}

@media (max-width: 768px) {
    .d-g-md-none{
        display: none !important;
    }
    .d-g-md-block{
        display: block !important;
    }
    /*margin 12*/
    .m-md-fix-12{
        margin: 0.75rem;
    }
    .ml-md-fix-12{
        margin-left: 0.75rem;
    }
    .mr-md-fix-12{
        margin-right: 0.75rem;
    }
    .mb-md-fix-12{
        margin-bottom: 0.75rem;
    }
    .mt-md-fix-12{
        margin-top: 0.75rem;
    }
    .m-fix-0{
        margin: 0;
    }
    /*margin 12*/
    .m-md-fix-8{
        margin: 0.5rem;
    }
    .ml-md-fix-8{
        margin-left: 0.5rem;
    }
    .mr-md-fix-8{
        margin-right: 0.5rem;
    }
    .mx-md-fix-8{
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }
    .mb-md-fix-8{
        margin-bottom: 0.5rem;
    }
    .mt-md-fix-8{
        margin-top: 0.5rem;
    }
    /*margin 20*/
    .m-md-fix-20{
        margin: 1.25rem;
    }
    .ml-md-fix-20{
        margin-left: 1.25rem;
    }
    .mr-md-fix-20{
        margin-right: 1.25rem;
    }
    .mb-md-fix-20{
        margin-bottom: 1.25rem;
    }
    .mt-md-fix-20{
        margin-top: 1.25rem;
    }
    /*padding 4*/
    .p-md-fix-4{
        margin: 0.25rem;
    }
    .pl-md-fix-4{
        margin-left: 0.25rem;
    }
    .pr-md-fix-4{
        margin-right: 0.25rem;
    }
    .pb-md-fix-4{
        margin-bottom:0.25rem;
    }
    .pt-md-fix-4{
        margin-top: 0.25rem;
    }

    /*width*/
    .w-md-100{
        width: 100% !important;
    }

}
@media (max-width: 480px) {
    .d-g-none{
        display: none !important;
    }
    .d-g-block{
        display: block !important;
    }
}