/* Container */
.container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1440px;
}

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1440px;
}

/* Margin classes */
.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.m-auto { margin: auto !important; }

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.mt-auto { margin-top: auto !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.mb-auto { margin-bottom: auto !important; }

.ms-0 { margin-left: 0 !important; }
.ms-1 { margin-left: 0.25rem !important; }
.ms-2 { margin-left: 0.5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.ms-4 { margin-left: 1.5rem !important; }
.ms-5 { margin-left: 3rem !important; }
.ms-auto { margin-left: auto !important; }

.me-0 { margin-right: 0 !important; }
.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem !important; }
.me-3 { margin-right: 1rem !important; }
.me-4 { margin-right: 1.5rem !important; }
.me-5 { margin-right: 3rem !important; }
.me-auto { margin-right: auto !important; }

.my-3 {
    margin: 1rem 0;
}

.text-center{
    text-align: center;
}

/* Row */
.row {
    display: flex;
    flex-wrap: wrap;
}

/* Basic column setup */
.col {
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}

/* Full-width on all screens */
.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}


/* Half-width on tablets (min-width: 576px) */

@media (max-width: 575px) {
    .col{
        padding: 0 !important;
    }
}

@media (min-width: 575px) {
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-4 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

}

/* One-third width on laptops (min-width: 768px) */
@media (min-width: 768px) {
    .pr-md-3{
        padding-right: 1rem !important;
    }
    .pl-md-3{
        padding-left: 1rem !important;
    }
    .col-md-4 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}
@media (min-width: 992px) {
    .offset-md-2 {
        margin-left: 16.66667%; /* Bootstrap's offset-2 uses 2/12 of the width */
    }
}