.container-fluid {
    width: 100%;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0.5rem;
}
[class^="col-"] {
    padding: 0 0.8rem;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin:  auto -8px;
}

.responsive {
    width: 100%;
    height: auto;
}
.p-top1 {
    padding-top: 1rem;
}
.p-top2 {
    padding-top: 2rem;
}
.p-top4 {
    padding-top: 4rem;
}
.p-top6 {
    padding-top: 6rem;
}
.p-1 {
    padding: 1rem;
}
.m-top1 {
    margin-top: 1rem;
}
.flex {
    display: flex;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.align-center {
    align-items: center;
}
.gap-03 {
    gap: 0.3rem;
}


.col-xs-1 { width: 8.33%;}
.col-xs-2 { width: 16.66%;}
.col-xs-3 { width: 25%;}
.col-xs-4 { width: 33.33%;}
.col-xs-5 { width: 41.66%;}
.col-xs-6 { width: 50%;}
.col-xs-7 { width: 58.33%;}
.col-xs-8 { width: 66.66%;}
.col-xs-9 { width: 75%;}
.col-xs-10 { width: 83.33%;}
.col-xs-11 { width: 91.66%;}
.col-xs-12 { width: 100%;}

@media (min-width: 576px) {
    .col-sm-1 { width: 8.33%;}
    .col-sm-2 { width: 16.66%;}
    .col-sm-3 { width: 25%;}
    .col-sm-4 { width: 33.33%;}
    .col-sm-5 { width: 41.66%;}
    .col-sm-6 { width: 50%;}
    .col-sm-7 { width: 58.33%;}
    .col-sm-8 { width: 66.66%;}
    .col-sm-9 { width: 75%;}
    .col-sm-10 { width: 83.33%;}
    .col-sm-11 { width: 91.66%;}
    .col-sm-12 { width: 100%;}
}
@media (min-width: 768px) {
    .col-md-1 { width: 8.33%;}
    .col-md-2 { width: 16.66%;}
    .col-md-3 { width: 25%;}
    .col-md-4 { width: 33.33%;}
    .col-md-5 { width: 41.66%;}
    .col-md-6 { width: 50%;}
    .col-md-7 { width: 58.33%;}
    .col-md-8 { width: 66.66%;}
    .col-md-9 { width: 75%;}
    .col-md-10 { width: 83.33%;}
    .col-md-11 { width: 91.66%;}
    .col-md-12 { width: 100%;}
}
@media (min-width: 992px) {
    .col-lg-1 { width: 8.33%;}
    .col-lg-2 { width: 16.66%;}
    .col-lg-3 { width: 25%;}
    .col-lg-4 { width: 33.33%;}
    .col-lg-5 { width: 41.66%;}
    .col-lg-6 { width: 50%;}
    .col-lg-7 { width: 58.33%;}
    .col-lg-8 { width: 66.66%;}
    .col-lg-9 { width: 75%;}
    .col-lg-10 { width: 83.33%;}
    .col-lg-11 { width: 91.66%;}
    .col-lg-12 { width: 100%;}
}
@media (min-width: 1200px) {
    .col-xl-1 { width: 8.33%;}
    .col-xl-2 { width: 16.66%;}
    .col-xl-3 { width: 25%;}
    .col-xl-4 { width: 33.33%;}
    .col-xl-5 { width: 41.66%;}
    .col-xl-6 { width: 50%;}
    .col-xl-7 { width: 58.33%;}
    .col-xl-8 { width: 66.66%;}
    .col-xl-9 { width: 75%;}
    .col-xl-10 { width: 83.33%;}
    .col-xl-11 { width: 91.66%;}
    .col-xl-12 { width: 100%;}
}