.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
}
.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.3333333%;
    max-width: 58.3333334%;
}
.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.3333333333%;
}
.col-11 {
    flex: 0 0 91.6666%;
    width: 91.6666666667%;
}
.col-12 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
}
.col-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.order-1 {
    order: 1;
}
.order-0 {
    order: 0;
}
.d-none {
    display: none;
}
.d-block {
    display: block;
}
.d-flex {
    display: flex;
}
.d-inline-block{
    display: inline-block;
}
@media (min-width: 576px) {
    .d-sm-none {
        display: none;
    }
    .d-sm-flex {
        display: flex;
    }
    .flex-sm-end {
        flex: end;
    }
    .flex-sm-row {
        flex-direction: row !important;
    }
    .container {
        max-width: 540px;
    }
    .my-sm-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .py-sm-20 {
        padding-top:20px;
        padding-bottom: 20px;
    }
    .px-sm-15{
        padding-left: 15px;
        padding-right: 15px;
    }
    .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4{
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-12{
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }


    .mt-sm-4 {
        margin-top: 5px;
    }
    .mt-sm-8 {
        margin-top: 10px;
    }
    .mt-sm-0 {
        margin-top: 0;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
    .mt-md-10{
        margin-top: 12.5px;
    }
    .mx-md-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .mb-md-4 {
        margin-bottom: 5px;
    }
    .ml-md-0 {
        margin-left: 0;
    }
    .mr-md-0 {
        margin-right: 0;
    }
    .pl-md-0 {
        padding-left: 0;
    }
    .pl-md-4 {
        padding-left: 5px;
    }
    .pr-md-4 {
        padding-right: 5px;
    }
    .pl-md-8 {
        padding-left: 8px;
    }
    .py-md-8 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .py-md-20 {
        padding-top:20px ;
        padding-bottom:20px ;
    }
    .border-md-left-light {
        border-left: 1px solid #d9d9d9 ;
    }

    .pr-md-8 {
        padding-right: 8px;
    }
    .pr-md-15 {
        padding-right: 15px;
    }
    .px-md-8 {
        padding-right: 10px ;
        padding-left: 10px ;
    }
    .pr-md-0{
        padding-right: 0;
    }
    .my-md-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .my-md-8 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .d-md-block {
        display: block;
    }
    .d-md-inline-block {
        display: inline-block;
    }
    .d-md-flex{
        display: flex;
    }
    .d-md-none {
        display: none;
    }
    .col-md-1{
        flex: 0 0 8.3333333333%;
        width: 8.3333333333%;
    }
    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-3{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4{
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-md-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.3333333%;
        max-width: 58.3333334%;
    }
    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-md-9{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-md-12 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    }
    .px-md-0{
        padding-left: 0;
        padding-right: 0;
    }
    .px-md-15 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .flex-md-row{
        flex-direction: row;
    }
    .flex-md-end {
        justify-content: flex-end;
    }
    .flex-md-start {
        justify-content: flex-start;
    }
    .order-md-0 {
        order: 0;
    }
    .order-md-1 {
        order: 1;
    }
}
@media (min-width: 992px) {
    .my-lg-0{
    margin-top: 0;
    margin-bottom: 0;
    }
    .pl-lg-0 {
        padding-left: 0;
    }
    .pr-lg-0 {
        padding-right: 0;
    }
    .pr-lg-2 {
        padding-right: 2.5px;
    }
    .px-lg-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .pb-lg-0 {
        padding-bottom: 0;
    }
    .px-lg-15{
        padding-left: 15px;
        padding-right: 15px;
    }
    .pr-lg-4{
        padding-right: 5px;
    }
    .pl-lg-4{
        padding-left: 5px;
    }
    .px-lg-4{
        padding-left: 5px;
        padding-right: 5px;
    }
    .d-lg-none {
        display: none;
    }
    .container {
        max-width: 960px;
    }
    .d-lg-block{
        display: block;
    }
    .d-lg-flex {
        display: flex;
    }
    .d-lg-none {
        display: none;
    }
    .col-lg-1  {
        flex: 0 0 8.3333333333% ;
        width: 8.3333333333% ;
    }
    .col-lg-2{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-3{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-lg-5{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.3333333%;
        max-width: 58.3333334%;
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10{
        flex: 0 0 83.33333%;
        max-width: 83.3333333333%;
    }
    .col-lg-11{
        flex: 0 0 91.6666%;
        width: 91.6666666667%;
    }
    .col-lg-20{
        flex: 0 0 20%;
        max-width: 20%;
    }
    .flex-lg-end {
        justify-content: flex-end;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
    .col-xl-4{
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xl-8{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .mt-xl-0{
        margin-top: 0;
    }
}
@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}