.position-static {
    position: static;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.position-fixed {
    position: fixed;
}

.fixed-top {
    top: 0;
}

.fixed-bottom {
    bottom: 0;
}

.fixed-left {
    left: 0;
}

.fixed-right {
    right: 0;
}

.position-relative {
    position: relative;
}

.w-100 {
    width: 100%;
}

.w-auto {
    width: auto;
}

.h-auto {
    height: auto;   
}

.w-100 {
    width: 100%;
}

.d-none {
    display: none;
}

.mt-0 {
    margin-top: 0;
}

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

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

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

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

.me-0 {
    margin-right: 0;
}

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

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

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

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

.mb-0 {
    margin-bottom: 0;
}

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

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

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

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

.ms-0 {
    margin-left: 0;
}

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

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

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

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

.bg-white {
    background: white;
}

/* sm */
@media (min-width: 768px) { 
    .d-sm-none {
        display: none;
    }

    .d-sm-inline {
        display: inline;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-block {
        display: block;
    }

    .mt-sm-0 {
        margin-top: 0;
    }
    
    .mt-sm-1 {
        margin-top: 10px;
    }
    
    .mt-sm-2 {
        margin-top: 20px;
    }
    
    .mt-sm-3 {
        margin-top: 30px;
    }
    
    .mt-sm-4 {
        margin-top: 40px;
    }
    
    .me-sm-0 {
        margin-right: 0;
    }
    
    .me-sm-1 {
        margin-right: 10px;
    }
    
    .me-sm-2 {
        margin-right: 20px;
    }
    
    .me-sm-3 {
        margin-right: 30px;
    }
    
    .me-sm-4 {
        margin-right: 40px;
    }
    
    .mb-sm-0 {
        margin-bottom: 0;
    }
    
    .mb-sm-1 {
        margin-bottom: 10px;
    }
    
    .mb-sm-2 {
        margin-bottom: 20px;
    }
    
    .mb-sm-3 {
        margin-bottom: 30px;
    }
    
    .mb-sm-4 {
        margin-bottom: 40px;
    }
    
    .ms-sm-0 {
        margin-left: 0;
    }
    
    .ms-sm-1 {
        margin-left: 10px;
    }
    
    .ms-sm-2 {
        margin-left: 20px;
    }
    
    .ms-sm-3 {
        margin-left: 30px;
    }
    
    .ms-sm-4 {
        margin-left: 40px;
    }

}

/* md */
@media (min-width: 992px) { 
    .d-md-none {
        display: none;
    }

    .d-md-inline {
        display: inline;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-block {
        display: block;
    }

    .mt-md-0 {
        margin-top: 0;
    }
    
    .mt-md-1 {
        margin-top: 10px;
    }
    
    .mt-md-2 {
        margin-top: 20px;
    }
    
    .mt-md-3 {
        margin-top: 30px;
    }
    
    .mt-md-4 {
        margin-top: 40px;
    }
    
    .me-md-0 {
        margin-right: 0;
    }
    
    .me-md-1 {
        margin-right: 10px;
    }
    
    .me-md-2 {
        margin-right: 20px;
    }
    
    .me-md-3 {
        margin-right: 30px;
    }
    
    .me-md-4 {
        margin-right: 40px;
    }
    
    .mb-md-0 {
        margin-bottom: 0;
    }
    
    .mb-md-1 {
        margin-bottom: 10px;
    }
    
    .mb-md-2 {
        margin-bottom: 20px;
    }
    
    .mb-md-3 {
        margin-bottom: 30px;
    }
    
    .mb-md-4 {
        margin-bottom: 40px;
    }
    
    .ms-md-0 {
        margin-left: 0;
    }
    
    .ms-md-1 {
        margin-left: 10px;
    }
    
    .ms-md-2 {
        margin-left: 20px;
    }
    
    .ms-md-3 {
        margin-left: 30px;
    }
    
    .ms-md-4 {
        margin-left: 40px;
    }
}

/* lg */
@media (min-width: 1200px) { 
    .d-lg-none {
        display: none;
    }

    .d-lg-inline {
        display: inline;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-block {
        display: block;
    }

    .mt-lg-0 {
        margin-top: 0;
    }
    
    .mt-lg-1 {
        margin-top: 10px;
    }
    
    .mt-lg-2 {
        margin-top: 20px;
    }
    
    .mt-lg-3 {
        margin-top: 30px;
    }
    
    .mt-lg-4 {
        margin-top: 40px;
    }
    
    .me-lg-0 {
        margin-right: 0;
    }
    
    .me-lg-1 {
        margin-right: 10px;
    }
    
    .me-lg-2 {
        margin-right: 20px;
    }
    
    .me-lg-3 {
        margin-right: 30px;
    }
    
    .me-lg-4 {
        margin-right: 40px;
    }
    
    .mb-lg-0 {
        margin-bottom: 0;
    }
    
    .mb-lg-1 {
        margin-bottom: 10px;
    }
    
    .mb-lg-2 {
        margin-bottom: 20px;
    }
    
    .mb-lg-3 {
        margin-bottom: 30px;
    }
    
    .mb-lg-4 {
        margin-bottom: 40px;
    }
    
    .ms-lg-0 {
        margin-left: 0;
    }
    
    .ms-lg-1 {
        margin-left: 10px;
    }
    
    .ms-lg-2 {
        margin-left: 20px;
    }
    
    .ms-lg-3 {
        margin-left: 30px;
    }
    
    .ms-lg-4 {
        margin-left: 40px;
    }
}