.pl-1, .px-1{
    padding-left: 0.25rem!important;
}
.pr-1, .px-1{
    padding-right: 0.25rem!important;
}
.pl-2, .px-2{
    padding-left: 0.5rem!important;
}
.pr-2, .px-2{
    padding-right: 0.5rem!important;
}
.pl-3, .px-3{
    padding-left: 1rem!important;
}
.pr-3, .px-3{
    padding-right: 1rem!important;
}
.pl-4, .px-4{
    padding-left: 1.5rem!important;
}
.pr-4, .px-4{
    padding-right: 1.5rem!important;
}
.pl-5, .px-5{
    padding-left: 3rem!important;
}
.pr-5, .px-5{
    padding-right: 3rem!important;
}
.ml-1, .mx-1{
    padding-left: 0.25rem!important;
}
.mr-1, .mx-1{
    padding-right: 0.25rem!important;
}
.ml-2, .mx-2{
    padding-left: 0.5rem!important;
}
.mr-2, .mx-2{
    padding-right: 0.5rem!important;
}
.ml-3, .mx-3{
    padding-left: 1rem!important;
}
.mr-3, .mx-3{
    padding-right: 1rem!important;
}
.ml-4, .mx-4{
    padding-left: 1.5rem!important;
}
.mr-4, .mx-4{
    padding-right: 1.5rem!important;
}
.ml-5, .mx-5{
    padding-left: 3rem!important;
}
.mr-5, .mx-5{
    padding-right: 3rem!important;
}
@media screen and (min-width: 768px){
    .pl-md-1, .px-md-1{
        padding-left: 0.25rem!important;
    }
    .pr-md-1, .px-md-1{
        padding-right: 0.25rem!important;
    }
    .pl-md-2, .px-md-2{
        padding-left: 0.5rem!important;
    }
    .pr-md-2, .px-md-2{
        padding-right: 0.5rem!important;
    }
    .pl-md-3, .px-md-3{
        padding-left: 1rem!important;
    }
    .pr-md-3, .px-md-3{
        padding-right: 1rem!important;
    }
    .pl-md-4, .px-md-4{
        padding-left: 1.5rem!important;
    }
    .pr-md-4, .px-md-4{
        padding-right: 1.5rem!important;
    }
    .pl-md-5, .px-md-5{
        padding-left: 3rem!important;
    }
    .pr-md-5, .px-md-5{
        padding-right: 3rem!important;
    }
    .ml-md-1, .mx-md-1{
        padding-left: 0.25rem!important;
    }
    .mr-md-1, .mx-md-1{
        padding-right: 0.25rem!important;
    }
    .ml-md-2, .mx-md-2{
        padding-left: 0.5rem!important;
    }
    .mr-md-2, .mx-md-2{
        padding-right: 0.5rem!important;
    }
    .ml-md-3, .mx-md-3{
        padding-left: 1rem!important;
    }
    .mr-md-3, .mx-md-3{
        padding-right: 1rem!important;
    }
    .ml-md-4, .mx-md-4{
        padding-left: 1.5rem!important;
    }
    .mr-md-4, .mx-md-4{
        padding-right: 1.5rem!important;
    }
    .ml-md-5, .mx-md-5{
        padding-left: 3rem!important;
    }
    .mr-md-5, .mx-md-5{
        padding-right: 3rem!important;
    }
    .col-md-20{
        width: 20%;
    }
    .col-md-40{
        width: 40%;
    }
    .col-md-60{
        width: 60%;
    }
    .col-md-80{
        width: 80%;
    }
}
@media screen and (min-width: 992px){
    .pl-lg-1, .px-lg-1{
        padding-left: 0.25rem!important;
    }
    .pr-lg-1, .px-lg-1{
        padding-right: 0.25rem!important;
    }
    .pl-lg-2, .px-lg-2{
        padding-left: 0.5rem!important;
    }
    .pr-lg-2, .px-lg-2{
        padding-right: 0.5rem!important;
    }
    .pl-lg-3, .px-lg-3{
        padding-left: 1rem!important;
    }
    .pr-lg-3, .px-lg-3{
        padding-right: 1rem!important;
    }
    .pl-lg-4, .px-lg-4{
        padding-left: 1.5rem!important;
    }
    .pr-lg-4, .px-lg-4{
        padding-right: 1.5rem!important;
    }
    .pl-lg-5, .px-lg-5{
        padding-left: 3rem!important;
    }
    .pr-lg-5, .px-lg-5{
        padding-right: 3rem!important;
    }
    .ml-lg-1, .mx-lg-1{
        padding-left: 0.25rem!important;
    }
    .mr-lg-1, .mx-lg-1{
        padding-right: 0.25rem!important;
    }
    .ml-lg-2, .mx-lg-2{
        padding-left: 0.5rem!important;
    }
    .mr-lg-2, .mx-lg-2{
        padding-right: 0.5rem!important;
    }
    .ml-lg-3, .mx-lg-3{
        padding-left: 1rem!important;
    }
    .mr-lg-3, .mx-lg-3{
        padding-right: 1rem!important;
    }
    .ml-lg-4, .mx-lg-4{
        padding-left: 1.5rem!important;
    }
    .mr-lg-4, .mx-lg-4{
        padding-right: 1.5rem!important;
    }
    .ml-lg-5, .mx-lg-5{
        padding-left: 3rem!important;
    }
    .mr-lg-5, .mx-lg-5{
        padding-right: 3rem!important;
    }
    .col-lg-20{
        width: 20%;
    }
    .col-lg-40{
        width: 40%;
    }
    .col-lg-60{
        width: 60%;
    }
    .col-lg-80{
        width: 80%;
    }
}
@media screen and (min-width: 1200px){
    .pl-xl-1, .px-xl-1{
        padding-left: 0.25rem!important;
    }
    .pr-xl-1, .px-xl-1{
        padding-right: 0.25rem!important;
    }
    .pl-xl-2, .px-xl-2{
        padding-left: 0.5rem!important;
    }
    .pr-xl-2, .px-xl-2{
        padding-right: 0.5rem!important;
    }
    .pl-xl-3, .px-xl-3{
        padding-left: 1rem!important;
    }
    .pr-xl-3, .px-xl-3{
        padding-right: 1rem!important;
    }
    .pl-xl-4, .px-xl-4{
        padding-left: 1.5rem!important;
    }
    .pr-xl-4, .px-xl-4{
        padding-right: 1.5rem!important;
    }
    .pl-xl-5, .px-xl-5{
        padding-left: 3rem!important;
    }
    .pr-xl-5, .px-xl-5{
        padding-right: 3rem!important;
    }
    .ml-xl-1, .mx-xl-1{
        padding-left: 0.25rem!important;
    }
    .mr-xl-1, .mx-xl-1{
        padding-right: 0.25rem!important;
    }
    .ml-xl-2, .mx-xl-2{
        padding-left: 0.5rem!important;
    }
    .mr-xl-2, .mx-xl-2{
        padding-right: 0.5rem!important;
    }
    .ml-xl-3, .mx-xl-3{
        padding-left: 1rem!important;
    }
    .mr-xl-3, .mx-xl-3{
        padding-right: 1rem!important;
    }
    .ml-xl-4, .mx-xl-4{
        padding-left: 1.5rem!important;
    }
    .mr-xl-4, .mx-xl-4{
        padding-right: 1.5rem!important;
    }
    .ml-xl-5, .mx-xl-5{
        padding-left: 3rem!important;
    }
    .mr-xl-5, .mx-xl-5{
        padding-right: 3rem!important;
    }
    .col-xl-20{
        width: 20%;
    }
    .col-xl-40{
        width: 40%;
    }
    .col-xl-60{
        width: 60%;
    }
    .col-xl-80{
        width: 80%;
    }
}
@media screen and (min-width: 1400px){
    .pl-xxl-1, .px-xxl-1{
        padding-left: 0.25rem!important;
    }
    .pr-xxl-1, .px-xxl-1{
        padding-right: 0.25rem!important;
    }
    .pl-xxl-2, .px-xxl-2{
        padding-left: 0.5rem!important;
    }
    .pr-xxl-2, .px-xxl-2{
        padding-right: 0.5rem!important;
    }
    .pl-xxl-3, .px-xxl-3{
        padding-left: 1rem!important;
    }
    .pr-xxl-3, .px-xxl-3{
        padding-right: 1rem!important;
    }
    .pl-xxl-4, .px-xxl-4{
        padding-left: 1.5rem!important;
    }
    .pr-xxl-4, .px-xxl-4{
        padding-right: 1.5rem!important;
    }
    .pl-xxl-5, .px-xxl-5{
        padding-left: 3rem!important;
    }
    .pr-xxl-5, .px-xxl-5{
        padding-right: 3rem!important;
    }
    .ml-xxl-1, .mx-xxl-1{
        padding-left: 0.25rem!important;
    }
    .mr-xxl-1, .mx-xxl-1{
        padding-right: 0.25rem!important;
    }
    .ml-xxl-2, .mx-xxl-2{
        padding-left: 0.5rem!important;
    }
    .mr-xxl-2, .mx-xxl-2{
        padding-right: 0.5rem!important;
    }
    .ml-xxl-3, .mx-xxl-3{
        padding-left: 1rem!important;
    }
    .mr-xxl-3, .mx-xxl-3{
        padding-right: 1rem!important;
    }
    .ml-xxl-4, .mx-xxl-4{
        padding-left: 1.5rem!important;
    }
    .mr-xxl-4, .mx-xxl-4{
        padding-right: 1.5rem!important;
    }
    .ml-xxl-5, .mx-xxl-5{
        padding-left: 3rem!important;
    }
    .mr-xxl-5, .mx-xxl-5{
        padding-right: 3rem!important;
    }
    .col-xxl-20{
        width: 20%;
    }
    .col-xxl-40{
        width: 40%;
    }
    .col-xxl-60{
        width: 60%;
    }
    .col-xxl-80{
        width: 80%;
    }
}
@media screen and (min-width: 1900px){
    
}