/* margin and padding */
.nomargin {
    margin: 0px;
}

.nomargin-left {
    margin-left: 0px;
}

.nomargin-right {
    margin-right: 0px;
}

.nomargin-top {
    margin-top: 0px;
}

.nomargin-bottom {
    margin-bottom: 0px;
}

.nomargin-imp {
    margin: 0px !important;
}

.nomargin-imp-left {
    margin-left: 0px !important;
}

.nomargin-imp-right {
    margin-right: 0px !important;
}

.nomargin-imp-top {
    margin-top: 0px !important;
}

.nomargin-imp-bottom {
    margin-bottom: 0px !important;
}

.marginauto,.marginauto-before::before {
    margin: auto;
}

.marginauto-left-right {
    margin-left: auto;
    margin-right: auto;
}

.marginauto-top-bottom {
    margin-top: auto;
    margin-bottom: auto;
}

.nopadding {
    padding: 0px;
}

.nopadding-left {
    padding-left: 0px;
}
.nopadding-left-imp {
    padding-left: 0px!important;
}

.nopadding-right {
    padding-right: 0px;
}


.nopadding-right-imp {
    padding-right: 0px!important;
}

.nopadding-top {
    padding-top: 0px;
}

.nopadding-bottom {
    padding-bottom: 0px;
}

.nopadding-imp {
    padding: 0px !important;
}

.nopadding-imp-left {
    padding-left: 0px !important;
}

.nopadding-imp-right {
    padding-right: 0px !important;
}

.nopadding-imp-top {
    padding-top: 0px !important;
}

.nopadding-imp-bottom {
    padding-bottom: 0px !important;
}

.mar-xs {
    margin: 30px !important;
}

.mar-sm {
    margin: 55px !important;
}

.mar-md {
    margin: 75px !important;
}

.mar-xxlg {
    margin: 200px !important;
}

.mar-xlg {
    margin: 150px !important;
}

.mar-smxlg {
    margin: 120px !important;
}

.mar-lg {
    margin: 100px !important;
}

.mar-top-xxxs {
    margin-top: 5px !important;
}

.mar-top-xxs {
    margin-top: 10px !important;
}

.mar-top-xs {
    margin-top: 30px !important;
}

.mar-top-sm {
    margin-top: 55px !important;
}

.mar-top-md {
    margin-top: 75px !important;
}

.mar-top-xxlg {
    margin-top: 200px !important;
}

.mar-top-xlg {
    margin-top: 150px !important;
}

.mar-top-smxlg {
    margin-top: 120px !important;
}

.mar-top-lg {
    margin-top: 100px !important;
}

.mar-left-xxxs {
    margin-left: 5px !important;
}

.mar-left-xxs {
    margin-left: 10px !important;
}

.mar-left-xs {
    margin-left: 30px !important;
}

.mar-left-sm {
    margin-left: 55px !important;
}

.mar-left-md {
    margin-left: 75px !important;
}

.mar-left-xxlg {
    margin-left: 200px !important;
}

.mar-left-xlg {
    margin-left: 150px !important;
}

.mar-left-smxlg {
    margin-left: 120px !important;
}

.mar-left-lg {
    margin-left: 100px !important;
}

.mar-bottom-xs {
    margin-bottom: 30px !important;
}

.mar-bottom-xxxs {
    margin-bottom: 5px !important;
}

.mar-bottom-xxs {
    margin-bottom: 15px !important;
}

.mar-bottom-sm {
    margin-bottom: 55px !important;
}

.mar-bottom-md {
    margin-bottom: 75px !important;
}

.mar-bottom-xxlg {
    margin-bottom: 200px !important;
}

.mar-bottom-xlg {
    margin-bottom: 150px !important;
}

.mar-bottom-smxlg {
    margin-bottom: 120px !important;
}

.mar-bottom-lg {
    margin-bottom: 100px !important;
}

.mar-right-xs {
    margin-right: 30px !important;
}

.mar-right-xxxs {
    margin-right: 5px !important;
}

.mar-right-xxs {
    margin-right: 15px !important;
}

.mar-right-sm {
    margin-right: 55px !important;
}

.mar-right-md {
    margin-right: 75px !important;
}

.mar-right-xxlg {
    margin-right: 200px !important;
}

.mar-right-xlg {
    margin-right: 150px !important;
}

.mar-right-smxlg {
    margin-right: 120px !important;
}

.mar-right-lg {
    margin-right: 100px !important;
}

.pad-xxxs {
    padding: 5px !important;
}

.pad-xxs {
    padding: 10px !important;
}

.pad-xs {
    padding: 30px !important;
}

.pad-s {
    padding: 45px !important;
}

.pad-sm {
    padding: 55px !important;
}

.pad-md {
    padding: 75px !important;
}

.pad-xxlg {
    padding: 200px !important;
}

.pad-xlg {
    padding: 150px !important;
}

.pad-smxlg {
    padding: 120px !important;
}

.pad-lg {
    padding: 100px !important;
}

.pad-top-xxxs {
    padding-top: 5px !important;
}

.pad-top-xxs {
    padding-top: 10px;
}

.pad-top-xs {
    padding-top: 30px !important;
}

.pad-top-s {
    padding-top: 45px !important;
}

.pad-top-sm {
    padding-top: 55px !important;
}

.pad-top-md {
    padding-top: 75px !important;
}

.pad-top-xxlg {
    padding-top: 200px !important;
}

.pad-top-xlg {
    padding-top: 150px !important;
}

.pad-top-smxlg {
    padding-top: 120px !important;
}

.pad-top-lg {
    padding-top: 100px !important;
}

.pad-bottom-xxxs {
    padding-bottom: 5px !important;
}

.pad-bottom-xxs {
    padding-bottom: 10px !important;
}

.pad-bottom-xs {
    padding-bottom: 30px !important;
}

.intro-pane {
    background-color: rgba(172, 160, 149, 0.24);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.pad-bottom-s {
    padding-bottom: 45px !important;
}

.pad-bottom-sm {
    padding-bottom: 55px !important;
}

.pad-bottom-md {
    padding-bottom: 75px !important;
}

.pad-bottom-xxlg {
    padding-bottom: 200px !important;
}

.pad-bottom-xlg {
    padding-bottom: 150px !important;
}

.pad-bottom-smxlg {
    padding-bottom: 120px !important;
}

.pad-bottom-lg {
    padding-bottom: 100px !important;
}

.pad-right-xxxs {
    padding-right: 5px !important;
}

.pad-right-xxs {
    padding-right: 10px !important;
}

.pad-right-xs {
    padding-right: 30px !important;
}

.pad-right-s {
    padding-right: 45px !important;
}

.pad-right-sm {
    padding-right: 55px !important;
}

.pad-right-md {
    padding-right: 75px !important;
}

.pad-right-xxlg {
    padding-right: 200px !important;
}

.pad-right-xlg {
    padding-right: 150px !important;
}

.pad-right-smxlg {
    padding-right: 120px !important;
}

.pad-right-lg {
    padding-right: 100px !important;
}

.pad-left-xxxs {
    padding-left: 5px !important;
}

.pad-left-xxs {
    padding-left: 10px !important;
}

.pad-left-xs {
    padding-left: 30px !important;
}

.pad-left-s {
    padding-left: 45px !important;
}

.pad-left-sm {
    padding-left: 55px !important;
}

.pad-left-md {
    padding-left: 75px !important;
}

.pad-left-xxlg {
    padding-left: 200px !important;
}

.pad-left-xlg {
    padding-left: 150px !important;
}

.pad-left-smxlg {
    padding-left: 120px !important;
}

.pad-left-lg {
    padding-left: 100px !important;
}


/*---------------------Media css start---------------------------*/

/* Large desktop */

@media (min-width: 1024px) {}

@media (min-width: 1025px) {}

@media (max-width: 1200px) {

}

@media screen(max-width: 1025px) and (max-height: 1367px) {

}

@media screen(min-width: 992px) and screen(max-width: 1024px) {}

@media screen (min-width: 1024px) {}

@media screen(min-width: 768px) and screen(max-width: 1024px) {}

/* landscape on tablets */

@media screen(min-width: 992px) {}

/* Portrait tablet to landscape and desktop */

@media screen (min-width: 768px) and (max-width: 979px) {}

/* Media-css Landscape phone to portrait tablet */

@media (max-width: 769px) {
    .mar-xs-769 {
        margin: 30px !important;
    }

    .mar-sm-769 {
        margin: 55px !important;
    }

    .mar-md-769 {
        margin: 75px !important;
    }

    .mar-xxlg-769 {
        margin: 200px !important;
    }

    .mar-xlg-769 {
        margin: 150px !important;
    }

    .mar-smxlg-769 {
        margin: 120px !important;
    }

    .mar-lg-769 {
        margin: 100px !important;
    }

    .mar-top-xs-769 {
        margin-top: 30px !important;
    }

    .mar-top-sm-769 {
        margin-top: 55px !important;
    }

    .mar-top-md-769 {
        margin-top: 75px !important;
    }

    .mar-top-xxlg-769 {
        margin-top: 200px !important;
    }

    .mar-top-xlg-769 {
        margin-top: 150px !important;
    }

    .mar-top-smxlg-769 {
        margin-top: 120px !important;
    }

    .mar-top-lg-769 {
        margin-top: 100px !important;
    }

    .mar-left-xxxs-769 {
        margin-left: 5px !important;
    }

    .mar-left-xxs-769 {
        margin-left: 10px !important;
    }

    .mar-left-xs-769 {
        margin-left: 30px !important;
    }

    .mar-left-sm-769 {
        margin-left: 55px !important;
    }

    .mar-left-md-769 {
        margin-left: 75px !important;
    }

    .mar-left-xxlg-769 {
        margin-left: 200px !important;
    }

    .mar-left-xlg-769 {
        margin-left: 150px !important;
    }

    .mar-left-smxlg-769 {
        margin-left: 120px !important;
    }

    .mar-left-lg-769 {
        margin-left: 100px !important;
    }

    .mar-bottom-xs-769 {
        margin-bottom: 30px !important;
    }

    .mar-bottom-xxs-769 {
        margin-bottom: 15px !important;
    }

    .mar-bottom-sm-769 {
        margin-bottom: 55px !important;
    }

    .mar-bottom-md-769 {
        margin-bottom: 75px !important;
    }

    .mar-bottom-xxlg-769 {
        margin-bottom: 200px !important;
    }

    .mar-bottom-xlg-769 {
        margin-bottom: 150px !important;
    }

    .mar-bottom-smxlg-769 {
        margin-bottom: 120px !important;
    }

    .mar-bottom-lg-769 {
        margin-bottom: 100px !important;
    }

    .mar-right-xs-769 {
        margin-right: 30px !important;
    }

    .mar-right-xxs-769 {
        margin-right: 15px !important;
    }

    .mar-right-sm-769 {
        margin-right: 55px !important;
    }

    .mar-right-md-769 {
        margin-right: 75px !important;
    }

    .mar-right-xxlg-769 {
        margin-right: 200px !important;
    }

    .mar-right-xlg-769 {
        margin-right: 150px !important;
    }

    .mar-right-smxlg-769 {
        margin-right: 120px !important;
    }

    .mar-right-lg-769 {
        margin-right: 100px !important;
    }

    .pad-xxxs-769 {
        padding: 5px !important;
    }
    .pad-xxs-769 {
        padding: 10px;
    }

    .pad-xs-769 {
        padding: 30px !important;
    }

    .pad-sm-769 {
        padding: 55px !important;
    }

    .pad-md-769 {
        padding: 75px !important;
    }

    .pad-xxlg-769 {
        padding: 200px !important;
    }

    .pad-xlg-769 {
        padding: 150px !important;
    }

    .pad-smxlg-769 {
        padding: 120px !important;
    }

    .pad-lg-769 {
        padding: 100px !important;
    }

    .pad-top-xxxs-769 {
        padding-top: 5px !important;
    }

    .pad-top-xxs-769 {
        padding-top: 10px !important;
    }

    .pad-top-xs-769 {
        padding-top: 30px !important;
    }

    .pad-top-sm-769 {
        padding-top: 55px !important;
    }

    .pad-top-md-769 {
        padding-top: 75px !important;
    }

    .pad-top-xxlg-769 {
        padding-top: 200px !important;
    }

    .pad-top-xlg-769 {
        padding-top: 150px !important;
    }

    .pad-top-smxlg-769 {
        padding-top: 120px !important;
    }

    .pad-top-lg-769 {
        padding-top: 100px !important;
    }

    .pad-bottom-xxxs-769 {
        padding-bottom: 5px !important;
    }

    .pad-bottom-xxs-769 {
        padding-bottom: 10px !important;
    }

    .pad-bottom-xs-769 {
        padding-bottom: 30px !important;
    }

    .pad-bottom-sm-769 {
        padding-bottom: 55px !important;
    }

    .pad-bottom-md-769 {
        padding-bottom: 75px !important;
    }

    .pad-bottom-xxlg-769 {
        padding-bottom: 200px !important;
    }

    .pad-bottom-xlg-769 {
        padding-bottom: 150px !important;
    }

    .pad-bottom-smxlg-769 {
        padding-bottom: 120px !important;
    }

    .pad-bottom-lg-769 {
        padding-bottom: 100px !important;
    }

    .pad-right-xxxs-769 {
        padding-right: 5px !important;
    }

    .pad-right-xxs-769 {
        padding-right: 10px !important;
    }

    .pad-right-xs-769 {
        padding-right: 30px !important;
    }

    .pad-right-sm-769 {
        padding-right: 55px !important;
    }

    .pad-right-md-769 {
        padding-right: 75px !important;
    }

    .pad-right-xxlg-769 {
        padding-right: 200px !important;
    }

    .pad-right-xlg-769 {
        padding-right: 150px !important;
    }

    .pad-right-smxlg-769 {
        padding-right: 120px !important;
    }

    .pad-right-lg-769 {
        padding-right: 100px !important;
    }

    .pad-left-xxxs-769 {
        padding-left: 5px !important;
    }
    
    .pad-left-xxs-769 {
        padding-left: 10px !important;
    }

    .pad-left-xs-769 {
        padding-left: 30px !important;
    }

    .pad-left-sm-769 {
        padding-left: 55px !important;
    }

    .pad-left-md-769 {
        padding-left: 75px !important;
    }

    .pad-left-xxlg-769 {
        padding-left: 200px !important;
    }

    .pad-left-xlg-769 {
        padding-left: 150px !important;
    }

    .pad-left-smxlg-769 {
        padding-left: 120px !important;
    }

    .pad-left-lg-769 {
        padding-left: 100px !important;
    }

    .nomargin-769 {
        margin: 0px;
    }

    .nomargin-left-769 {
        margin-left: 0px;
    }

    .nomargin-right-769 {
        margin-right: 0px;
    }

    .nomargin-top-769 {
        margin-top: 0px;
    }

    .nomargin-bottom-769 {
        margin-bottom: 0px;
    }

    .nomargin-imp-769 {
        margin: 0px !important;
    }

    .nomargin-imp-left-769 {
        margin-left: 0px !important;
    }

    .nomargin-imp-right-769 {
        margin-right: 0px !important;
    }

    .nomargin-imp-top-769 {
        margin-top: 0px !important;
    }

    .nomargin-imp-bottom-769 {
        margin-bottom: 0px !important;
    }

    .nopadding-769 {
        padding: 0px;
    }

    .nopadding-left-769 {
        padding-left: 0px;
    }

    .nopadding-right-769 {
        padding-right: 0px;
    }

    .nopadding-top-769 {
        padding-top: 0px;
    }

    .nopadding-bottom-769 {
        padding-bottom: 0px;
    }

    .nopadding-imp-769 {
        padding: 0px !important;
    }

    .nopadding-imp-left-769 {
        padding-left: 0px !important;
    }

    .nopadding-imp-right-769 {
        padding-right: 0px !important;
    }

    .nopadding-imp-top-769 {
        padding-top: 0px !important;
    }

    .nopadding-imp-bottom-769 {
        padding-bottom: 0px !important;
    }
}

/* Ipad Pro */

@media (max-height: 1367px) and (max-width:1025) {

}

/* landscape Ipad */

@media (max-width: 1367px) and (max-height:1025) {

}

/* Ipad */

@media (max-width: 769px) and (max-height: 1025px) {

}

/* Ipad Portrait */

@media (max-height: 769px) and (max-width: 1025px) {

}

/* Boca tablet Portrait-1*/

@media (max-width: 551px) and (max-height: 1025px) {

}

/* Boca tablet Portrait-2*/

@media (max-width: 650px) and (max-height: 950px) {

}

/* Boca Tablet Landscape */

@media (max-height: 551px) and (max-width: 1025px) {

}

/* Portrait mode on smaller devices */

@media (max-width: 481px) and (max-height: 860px) {

}

/* landscape mode on smaller devices */

@media (max-width: 860px) and (max-height: 481px) {

}

/* small phones and down */

@media (max-width: 641px) {
    .mar-xs-640 {
        margin: 30px !important;
    }

    .mar-sm-640 {
        margin: 55px !important;
    }

    .mar-md-640 {
        margin: 75px !important;
    }

    .mar-xxlg-640 {
        margin: 200px !important;
    }

    .mar-xlg-640 {
        margin: 150px !important;
    }

    .mar-smxlg-640 {
        margin: 120px !important;
    }

    .mar-lg-640 {
        margin: 100px !important;
    }
    
    .mar-top-xxxs-640 {
        margin-top: 5px !important;
    }

    .mar-top-xxs-640 {
        margin-top: 10px !important;
    }

    .mar-top-xs-640 {
        margin-top: 30px !important;
    }

    .mar-top-sm-640 {
        margin-top: 55px !important;
    }

    .mar-top-md-640 {
        margin-top: 75px !important;
    }

    .mar-top-xxlg-640 {
        margin-top: 200px !important;
    }

    .mar-top-xlg-640 {
        margin-top: 150px !important;
    }

    .mar-top-smxlg-640 {
        margin-top: 120px !important;
    }

    .mar-top-lg-640 {
        margin-top: 100px !important;
    }

    .mar-left-xxxs-640 {
        margin-left: 5px !important;
    }

    .mar-left-xxs-640 {
        margin-left: 10px !important;
    }

    .mar-left-xs-640 {
        margin-left: 30px !important;
    }

    .mar-left-sm-640 {
        margin-left: 55px !important;
    }

    .mar-left-md-640 {
        margin-left: 75px !important;
    }

    .mar-left-xxlg-640 {
        margin-left: 200px !important;
    }

    .mar-left-xlg-640 {
        margin-left: 150px !important;
    }

    .mar-left-smxlg-640 {
        margin-left: 120px !important;
    }

    .mar-left-lg-640 {
        margin-left: 100px !important;
    }

    .mar-bottom-xs-640 {
        margin-bottom: 30px !important;
    }

    .mar-bottom-xxs-640 {
        margin-bottom: 15px !important;
    }

    .mar-bottom-sm-640 {
        margin-bottom: 55px !important;
    }

    .mar-bottom-md-640 {
        margin-bottom: 75px !important;
    }

    .mar-bottom-xxlg-640 {
        margin-bottom: 200px !important;
    }

    .mar-bottom-xlg-640 {
        margin-bottom: 150px !important;
    }

    .mar-bottom-smxlg-640 {
        margin-bottom: 120px !important;
    }

    .mar-bottom-lg-640 {
        margin-bottom: 100px !important;
    }

    .mar-right-xs-640 {
        margin-right: 30px !important;
    }

    .mar-right-xxs-640 {
        margin-right: 15px !important;
    }

    .mar-right-sm-640 {
        margin-right: 55px !important;
    }

    .mar-right-md-640 {
        margin-right: 75px !important;
    }

    .mar-right-xxlg-640 {
        margin-right: 200px !important;
    }

    .mar-right-xlg-640 {
        margin-right: 150px !important;
    }

    .mar-right-smxlg-640 {
        margin-right: 120px !important;
    }

    .mar-right-lg-640 {
        margin-right: 100px !important;
    }
    .pad-xxxs-640 {
        padding: 5px !important;
    }
    .pad-xxs-640 {
        padding: 10px;
    }

    .pad-xs-640 {
        padding: 30px !important;
    }

    .pad-sm-640 {
        padding: 55px !important;
    }

    .pad-md-640 {
        padding: 75px !important;
    }

    .pad-xxlg-640 {
        padding: 200px !important;
    }

    .pad-xlg-640 {
        padding: 150px !important;
    }

    .pad-smxlg-640 {
        padding: 120px !important;
    }

    .pad-lg-640 {
        padding: 100px !important;
    }
    
    .pad-top-xxxs-640 {
        padding-top: 5px !important;
    }

    .pad-top-xxs-640 {
        padding-top: 10px !important;
    }

    .pad-top-xs-640 {
        padding-top: 30px !important;
    }

    .pad-top-sm-640 {
        padding-top: 55px !important;
    }

    .pad-top-md-640 {
        padding-top: 75px !important;
    }

    .pad-top-xxlg-640 {
        padding-top: 200px !important;
    }

    .pad-top-xlg-640 {
        padding-top: 150px !important;
    }

    .pad-top-smxlg-640 {
        padding-top: 120px !important;
    }

    .pad-top-lg-640 {
        padding-top: 100px !important;
    }

    .pad-bottom-xxxs-640 {
        padding-bottom: 5px !important;
    }

    .pad-bottom-xxs-640 {
        padding-bottom: 10px !important;
    }

    .pad-bottom-xs-640 {
        padding-bottom: 30px !important;
    }

    .pad-bottom-sm-640 {
        padding-bottom: 55px !important;
    }

    .pad-bottom-md-640 {
        padding-bottom: 75px !important;
    }

    .pad-bottom-xxlg-640 {
        padding-bottom: 200px !important;
    }

    .pad-bottom-xlg-640 {
        padding-bottom: 150px !important;
    }

    .pad-bottom-smxlg-640 {
        padding-bottom: 120px !important;
    }

    .pad-bottom-lg-640 {
        padding-bottom: 100px !important;
    }

    .pad-right-xxxs-640 {
        padding-right: 5px !important;
    }

    .pad-right-xxs-640 {
        padding-right: 10px !important;
    }

    .pad-right-xs-640 {
        padding-right: 30px !important;
    }

    .pad-right-sm-640 {
        padding-right: 55px !important;
    }

    .pad-right-md-640 {
        padding-right: 75px !important;
    }

    .pad-right-xxlg-640 {
        padding-right: 200px !important;
    }

    .pad-right-xlg-640 {
        padding-right: 150px !important;
    }

    .pad-right-smxlg-640 {
        padding-right: 120px !important;
    }

    .pad-right-lg-640 {
        padding-right: 100px !important;
    }

    .pad-left-xxxs-640 {
        padding-left: 5px !important;
    }
    .pad-left-xxs-640 {
        padding-left: 10px !important;
    }

    .pad-left-xs-640 {
        padding-left: 30px !important;
    }

    .pad-left-sm-640 {
        padding-left: 55px !important;
    }

    .pad-left-md-640 {
        padding-left: 75px !important;
    }

    .pad-left-xxlg-640 {
        padding-left: 200px !important;
    }

    .pad-left-xlg-640 {
        padding-left: 150px !important;
    }

    .pad-left-smxlg-640 {
        padding-left: 120px !important;
    }

    .pad-left-lg-640 {
        padding-left: 100px !important;
    }

    .nomargin-640 {
        margin: 0px;
    }

    .nomargin-left-640 {
        margin-left: 0px;
    }

    .nomargin-right-640 {
        margin-right: 0px;
    }

    .nomargin-top-640 {
        margin-top: 0px;
    }

    .nomargin-bottom-640 {
        margin-bottom: 0px;
    }

    .nomargin-imp-640 {
        margin: 0px !important;
    }

    .nomargin-imp-left-640 {
        margin-left: 0px !important;
    }

    .nomargin-imp-right-640 {
        margin-right: 0px !important;
    }

    .nomargin-imp-top-640 {
        margin-top: 0px !important;
    }

    .nomargin-imp-bottom-640 {
        margin-bottom: 0px !important;
    }

    .nopadding-640 {
        padding: 0px;
    }

    .nopadding-left-640 {
        padding-left: 0px;
    }

    .nopadding-right-640 {
        padding-right: 0px;
    }

    .nopadding-top-640 {
        padding-top: 0px;
    }

    .nopadding-bottom-640 {
        padding-bottom: 0px;
    }

    .nopadding-imp-640 {
        padding: 0px !important;
    }

    .nopadding-imp-left-640 {
        padding-left: 0px !important;
    }

    .nopadding-imp-right-640 {
        padding-right: 0px !important;
    }

    .nopadding-imp-top-640 {
        padding-top: 0px !important;
    }

    .nopadding-imp-bottom-640 {
        padding-bottom: 0px !important;
    }
}

@media (max-width: 480px) {
    .mar-xs-480 {
        margin: 30px !important;
    }

    .mar-sm-480 {
        margin: 55px !important;
    }

    .mar-md-480 {
        margin: 75px !important;
    }

    .mar-xxlg-480 {
        margin: 200px !important;
    }

    .mar-xlg-480 {
        margin: 150px !important;
    }

    .mar-smxlg-480 {
        margin: 120px !important;
    }

    .mar-lg-480 {
        margin: 100px !important;
    }

    .mar-top-xs-480 {
        margin-top: 30px !important;
    }

    .mar-top-sm-480 {
        margin-top: 55px !important;
    }

    .mar-top-md-480 {
        margin-top: 75px !important;
    }

    .mar-top-xxlg-480 {
        margin-top: 200px !important;
    }

    .mar-top-xlg-480 {
        margin-top: 150px !important;
    }

    .mar-top-smxlg-480 {
        margin-top: 120px !important;
    }

    .mar-top-lg-480 {
        margin-top: 100px !important;
    }

    .mar-left-xxxs-480 {
        margin-left: 5px !important;
    }

    .mar-left-xxs-480 {
        margin-left: 10px !important;
    }

    .mar-left-xs-480 {
        margin-left: 30px !important;
    }

    .mar-left-sm-480 {
        margin-left: 55px !important;
    }

    .mar-left-md-480 {
        margin-left: 75px !important;
    }

    .mar-left-xxlg-480 {
        margin-left: 200px !important;
    }

    .mar-left-xlg-480 {
        margin-left: 150px !important;
    }

    .mar-left-smxlg-480 {
        margin-left: 120px !important;
    }

    .mar-left-lg-480 {
        margin-left: 100px !important;
    }

    .mar-bottom-xs-480 {
        margin-bottom: 30px !important;
    }

    .mar-bottom-xxs-480 {
        margin-bottom: 15px !important;
    }

    .mar-bottom-sm-480 {
        margin-bottom: 55px !important;
    }

    .mar-bottom-md-480 {
        margin-bottom: 75px !important;
    }

    .mar-bottom-xxlg-480 {
        margin-bottom: 200px !important;
    }

    .mar-bottom-xlg-480 {
        margin-bottom: 150px !important;
    }

    .mar-bottom-smxlg-480 {
        margin-bottom: 120px !important;
    }

    .mar-bottom-lg-480 {
        margin-bottom: 100px !important;
    }

    .mar-right-xs-480 {
        margin-right: 30px !important;
    }

    .mar-right-xxs-480 {
        margin-right: 15px !important;
    }

    .mar-right-sm-480 {
        margin-right: 55px !important;
    }

    .mar-right-md-480 {
        margin-right: 75px !important;
    }

    .mar-right-xxlg-480 {
        margin-right: 200px !important;
    }

    .mar-right-xlg-480 {
        margin-right: 150px !important;
    }

    .mar-right-smxlg-480 {
        margin-right: 120px !important;
    }

    .mar-right-lg-480 {
        margin-right: 100px !important;
    }

    .pad-xxxs-480 {
        padding: 5px !important;
    }

    .pad-xxs-480 {
        padding: 10px;
    }

    .pad-xs-480 {
        padding: 30px !important;
    }

    .pad-sm-480 {
        padding: 55px !important;
    }

    .pad-md-480 {
        padding: 75px !important;
    }

    .pad-xxlg-480 {
        padding: 200px !important;
    }

    .pad-xlg-480 {
        padding: 150px !important;
    }

    .pad-smxlg-480 {
        padding: 120px !important;
    }

    .pad-lg-480 {
        padding: 100px !important;
    }

    .pad-top-xxxs-480 {
        padding-top: 5px !important;
    }

    .pad-top-xxs-480 {
        padding-top: 10px !important;
    }

    .pad-top-xs-480 {
        padding-top: 30px !important;
    }

    .pad-top-sm-480 {
        padding-top: 55px !important;
    }

    .pad-top-md-480 {
        padding-top: 75px !important;
    }

    .pad-top-xxlg-480 {
        padding-top: 200px !important;
    }

    .pad-top-xlg-480 {
        padding-top: 150px !important;
    }

    .pad-top-smxlg-480 {
        padding-top: 120px !important;
    }

    .pad-top-lg-480 {
        padding-top: 100px !important;
    }

    .pad-bottom-xxxs-480 {
        padding-bottom: 5px !important;
    }

    .pad-bottom-xxs-480 {
        padding-bottom: 10px !important;
    }

    .pad-bottom-xs-480 {
        padding-bottom: 30px !important;
    }

    .pad-bottom-sm-480 {
        padding-bottom: 55px !important;
    }

    .pad-bottom-md-480 {
        padding-bottom: 75px !important;
    }

    .pad-bottom-xxlg-480 {
        padding-bottom: 200px !important;
    }

    .pad-bottom-xlg-480 {
        padding-bottom: 150px !important;
    }

    .pad-bottom-smxlg-480 {
        padding-bottom: 120px !important;
    }

    .pad-bottom-lg-480 {
        padding-bottom: 100px !important;
    }

    .pad-right-xxxs-480 {
        padding-right: 5px !important;
    }

    .pad-right-xxs-480 {
        padding-right: 10px !important;
    }

    .pad-right-xs-480 {
        padding-right: 30px !important;
    }

    .pad-right-sm-480 {
        padding-right: 55px !important;
    }

    .pad-right-md-480 {
        padding-right: 75px !important;
    }

    .pad-right-xxlg-480 {
        padding-right: 200px !important;
    }

    .pad-right-xlg-480 {
        padding-right: 150px !important;
    }

    .pad-right-smxlg-480 {
        padding-right: 120px !important;
    }

    .pad-right-lg-480 {
        padding-right: 100px !important;
    }

    .pad-left-xxxs-480 {
        padding-left: 5px !important;
    }

    .pad-left-xxs-480 {
        padding-left: 10px !important;
    }

    .pad-left-xs-480 {
        padding-left: 30px !important;
    }

    .pad-left-sm-480 {
        padding-left: 55px !important;
    }

    .pad-left-md-480 {
        padding-left: 75px !important;
    }

    .pad-left-xxlg-480 {
        padding-left: 200px !important;
    }

    .pad-left-xlg-480 {
        padding-left: 150px !important;
    }

    .pad-left-smxlg-480 {
        padding-left: 120px !important;
    }

    .pad-left-lg-480 {
        padding-left: 100px !important;
    }

    .nomargin-480 {
        margin: 0px;
    }

    .nomargin-left-480 {
        margin-left: 0px;
    }

    .nomargin-right-480 {
        margin-right: 0px;
    }

    .nomargin-top-480 {
        margin-top: 0px;
    }

    .nomargin-bottom-480 {
        margin-bottom: 0px;
    }

    .nomargin-imp-480 {
        margin: 0px !important;
    }

    .nomargin-imp-left-480 {
        margin-left: 0px !important;
    }

    .nomargin-imp-right-480 {
        margin-right: 0px !important;
    }

    .nomargin-imp-top-480 {
        margin-top: 0px !important;
    }

    .nomargin-imp-bottom-480 {
        margin-bottom: 0px !important;
    }

    .nopadding-480 {
        padding: 0px;
    }

    .nopadding-left-480 {
        padding-left: 0px;
    }

    .nopadding-right-480 {
        padding-right: 0px;
    }

    .nopadding-top-480 {
        padding-top: 0px;
    }

    .nopadding-bottom-480 {
        padding-bottom: 0px;
    }

    .nopadding-imp-480 {
        padding: 0px !important;
    }

    .nopadding-imp-left-480 {
        padding-left: 0px !important;
    }

    .nopadding-imp-right-480 {
        padding-right: 0px !important;
    }

    .nopadding-imp-top-480 {
        padding-top: 0px !important;
    }

    .nopadding-imp-bottom-480 {
        padding-bottom: 0px !important;
    }
}

@media (max-width: 360px) {

}

@media (max-width: 240px) {

}

@media (max-height: 360px) {

}