.p-3 {
    padding: 30px!important;
}

.p-4 {
    padding: 40px!important;
}


.pb-1 {
    padding-bottom: 10px!important;
}

.pb-2 {
    padding-bottom: 20px!important;
}

.pb-3 {
    padding-bottom: 30px!important;
}

.pb-4 {
    padding-bottom: 40px!important;
}

.pb-5 {
    padding-bottom: 60px!important;
}

.pb-6 {
    padding-bottom: 100px!important;
}

.pb-big {
    padding-bottom: 180px!important;
}

.pt-1 {
    padding-top: 10px!important;
}

.pt-2 {
    padding-top: 20px!important;
}

.pt-3 {
    padding-top: 30px!important;
}

.pt-4 {
    padding-top: 40px!important;
}

.pt-5 {
    padding-top: 60px!important;
}

.pt-6 {
    padding-top: 100px!important;
}


.pt-mid {
    padding-top: 100px!important;
}

.pt-big {
    padding-top: 180px!important;
}


.ps-1 {
    padding-left: 10px!important;
}

.ps-2 {
    padding-left: 20px!important;
}

.ps-3 {
    padding-left: 30px!important;
}

.ps-4 {
    padding-left: 40px!important;
}

.ps-5 {
    padding-left: 60px!important;
}

.ps-6 {
    padding-left: 100px!important;
}

.pe-1 {
    padding-right: 10px!important;
}

.pe-2 {
    padding-right: 20px!important;
}

.pe-3 {
    padding-right: 30px!important;
}

.pe-4 {
    padding-right: 40px!important;
}

.pe-5 {
    padding-right: 60px!important;
}

.pe-5 {
    padding-right: 100px!important;
}

.pt-5 {
    padding-top: 100px!important;
}

.py-1 {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

.py-2 {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}

.py-3 {
    padding-top: 30px!important;
    padding-bottom: 30px!important;
}

.py-4 {
    padding-top: 40px!important;
    padding-bottom: 40px!important;
}

.py-5 {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
}

.py-6 {
    padding-top: 60px!important;
    padding-bottom: 60px!important;
}


.py-7 {
    padding-top: 70px!important;
    padding-bottom: 70px!important;
}

.py-mid {
    padding-top: 100px!important;
    padding-bottom: 100px!important;
}

.py-big {
    padding-top: 180px!important;
    padding-bottom: 180px!important;
}

.py-hero-front {
    padding-top: 45px!important;
    padding-bottom: 80px!important;
}



/*.py-6 {
    padding-top: 100px!important;
    padding-bottom: 100px!important;
}*/

.px-1 {
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.px-2 {
    padding-left: 20px!important;
    padding-right: 20px!important;
}

.px-3 {
    padding-left: 30px!important;
    padding-right: 30px!important;
}

.px-4 {
    padding-left: 40px!important;
    padding-right: 40px!important;
}

.px-5 {
    padding-left: 50px!important;
    padding-right: 50px!important;
}

.px-6 {
    padding-left: 100px!important;
    padding-right: 100px!important;
}

/*++++++++++++++++*/

.mb-1 {
    margin-bottom: 10px!important;
}

.mb-2 {
    margin-bottom: 20px!important;
}

.mb-3 {
    margin-bottom: 30px!important;
}

.mb-4 {
    margin-bottom: 40px!important;
}

.mb-5 {
    margin-bottom: 60px!important;
}

.mb-6 {
    margin-bottom: 100px!important;
}

.mt-1 {
    margin-top: 10px!important;
}

.mt-2 {
    margin-top: 20px!important;
}

.mt-3 {
    margin-top: 30px!important;
}

.mt-4 {
    margin-top: 40px!important;
}

.mt-5 {
    margin-top: 60px!important;
}

.mt-6 {
    margin-top: 100px!important;
}

.ms-1 {
    margin-left: 10px!important;
}

.ms-2 {
    margin-left: 20px!important;
}

.ms-3 {
    margin-left: 30px!important;
}

.ms-4 {
    margin-left: 40px!important;
}

.ms-5 {
    margin-left: 60px!important;
}

.ms-6 {
    margin-left: 100px!important;
}

.me-1 {
    margin-right: 10px!important;
}

.me-2 {
    margin-right: 20px!important;
}

.me-3 {
    margin-right: 30px!important;
}

.me-4 {
    margin-right: 40px!important;
}

.me-5 {
    margin-right: 60px!important;
}

.me-5 {
    margin-right: 100px!important;
}

.mt-5 {
    margin-top: 100px!important;
}

.my-1 {
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}

.my-2 {
    margin-top: 20px!important;
    margin-bottom: 20px!important;
}

.my-3 {
    margin-top: 30px!important;
    margin-bottom: 30px!important;
}

.my-4 {
    margin-top: 40px!important;
    margin-bottom: 40px!important;
}

.my-5 {
    margin-top: 50px!important;
    margin-bottom: 50px!important;
}

.my-6 {
    margin-top: 100px!important;
    margin-bottom: 100px!important;
}

.mx-1 {
    margin-left: 10px!important;
    margin-right: 10px!important;
}

.mx-2 {
    margin-left: 20px!important;
    margin-right: 20px!important;
}

.mx-3 {
    margin-left: 30px!important;
    margin-right: 30px!important;
}

.mx-4 {
    margin-left: 40px!important;
    margin-right: 40px!important;
}

.mx-5 {
    margin-left: 50px!important;
    margin-right: 50px!important;
}

.mx-6 {
    margin-left: 100px!important;
    margin-right: 100px!important;
}

@media (min-width: 481px) and (max-width: 768px){
    .pb-1 {
        padding-bottom: 5px!important;
    }

    .pb-2 {
        padding-bottom: 10px!important;
    }

    .pb-3 {
        padding-bottom: 15px!important;
    }

    .pb-4 {
        padding-bottom: 20px!important;
    }

    .pb-5 {
        padding-bottom: 30px!important;
    }

    .pb-6 {
        padding-bottom: 50px!important;
    }

    .pt-1 {
        padding-top: 5px!important;
    }

    .pt-2 {
        padding-top: 10px!important;
    }

    .pt-3 {
        padding-top: 15px!important;
    }

    .pt-4 {
        padding-top: 20px!important;
    }

    .pt-5 {
        padding-top: 30px!important;
    }

    .pt-6 {
        padding-top: 50px!important;
    }

    .ps-1 {
        padding-left: 5px!important;
    }

    .ps-2 {
        padding-left: 10px!important;
    }

    .ps-3 {
        padding-left: 15px!important;
    }

    .ps-4 {
        padding-left: 20px!important;
    }

    .ps-5 {
        padding-left: 30px!important;
    }

    .ps-6 {
        padding-left: 50px!important;
    }

    .pe-1 {
        padding-right: 5px!important;
    }

    .pe-2 {
        padding-right: 10px!important;
    }

    .pe-3 {
        padding-right: 15px!important;
    }

    .pe-4 {
        padding-right: 20px!important;
    }

    .pe-5 {
        padding-right: 30px!important;
    }

    .pe-5 {
        padding-right: 50px!important;
    }

    .pt-5 {
        padding-top: 50px!important;
    }

    .py-1 {
        padding-top: 5px!important;
        padding-bottom: 5px!important;
    }

    .py-2 {
        padding-top: 10px!important;
        padding-bottom: 10px!important;
    }

    .py-3 {
        padding-top: 15px!important;
        padding-bottom: 15px!important;
    }

    .py-4 {
        padding-top: 20px!important;
        padding-bottom: 20px!important;
    }

    .py-5 {
        padding-top: 50px!important;
        padding-bottom: 50px!important;
    }

    .py-6 {
        padding-top: 60px!important;
        padding-bottom: 60px!important;
    }

    .py-big {
        padding-top: 70px!important;
        padding-bottom: 70px!important;
    }

    .px-1 {
        padding-left: 5px!important;
        padding-right: 5px!important;
    }

    .px-2 {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }

    .px-3 {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }

    .px-4 {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }

    .px-5 {
        padding-left: 50px!important;
        padding-right: 50px!important;
    }

    .px-6 {
        padding-left: 30px!important;
        padding-right:30px!important;
    }

    /*++++++++++++++++*/

    .mb-1 {
        margin-bottom: 5px!important;
    }

    .mb-2 {
        margin-bottom: 10px!important;
    }

    .mb-3 {
        margin-bottom: 15px!important;
    }

    .mb-4 {
        margin-bottom: 20px!important;
    }

    .mb-5 {
        margin-bottom: 30px!important;
    }

    .mb-6 {
        margin-bottom: 50px!important;
    }

    .mt-1 {
        margin-top: 5px!important;
    }

    .mt-2 {
        margin-top: 10px!important;
    }

    .mt-3 {
        margin-top: 15px!important;
    }

    .mt-4 {
        margin-top: 20px!important;
    }

    .mt-5 {
        margin-top: 30px!important;
    }

    .mt-6 {
        margin-top: 50px!important;
    }

    .ms-1 {
        margin-left: 5px!important;
    }

    .ms-2 {
        margin-left: 10px!important;
    }

    .ms-3 {
        margin-left: 15px!important;
    }

    .ms-4 {
        margin-left: 20px!important;
    }

    .ms-5 {
        margin-left: 30px!important;
    }

    .ms-6 {
        margin-left: 50px!important;
    }

    .me-1 {
        margin-right: 5px!important;
    }

    .me-2 {
        margin-right: 10px!important;
    }

    .me-3 {
        margin-right: 15px!important;
    }

    .me-4 {
        margin-right: 20px!important;
    }

    .me-5 {
        margin-right: 30px!important;
    }

    .me-5 {
        margin-right: 50px!important;
    }

    .mt-5 {
        margin-top: 50px!important;
    }

    .my-1 {
        margin-top: 5px!important;
        margin-bottom: 5px!important;
    }

    .my-2 {
        margin-top: 10px!important;
        margin-bottom: 10px!important;
    }

    .my-3 {
        margin-top: 15px!important;
        margin-bottom: 15px!important;
    }

    .my-4 {
        margin-top: 20px!important;
        margin-bottom: 20px!important;
    }

    .my-5 {
        margin-top: 50px!important;
        margin-bottom: 50px!important;
    }

    .my-6 {
        margin-top: 50px!important;
        margin-bottom: 50px!important;
    }

    .mx-1 {
        margin-left: 5px!important;
        margin-right: 5px!important;
    }

    .mx-2 {
        margin-left: 10px!important;
        margin-right: 10px!important;
    }

    .mx-3 {
        margin-left: 15px!important;
        margin-right: 15px!important;
    }

    .mx-4 {
        margin-left: 20px!important;
        margin-right: 20px!important;
    }

    .mx-5 {
        margin-left: 50px!important;
        margin-right: 50px!important;
    }

    .mx-6 {
        margin-left: 50px!important;
        margin-right: 50px!important;
    }
}

@media (min-width: 320px) and (max-width: 480px){


    .px-4 {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }

    .p-4 {
        padding: 32px!important;
    }

    .p-5 {
        padding: 15px!important;
    }

    .pt-5 {
        padding-top: 50px;
    }

    .py-6 {
        padding-top: 50px!important;
        padding-bottom: 50px!important;
    }

    .py-big {
        padding-top: 50px!important;
        padding-bottom: 50px!important;
    }
}