/**====================================
bootstrap styles 
====================================**/
.row{
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
}
.navbar-collapse{
    -webkit-flex-basis: 100%;
    -webkit-flex-grow: 1;
    -webkit-align-items: center;
}
.navbar>.container, 
.navbar>.container-fluid{  
    display: -webkit-flex;    
    -webkit-flex-wrap: wrap;    
    -webkit-align-items: center;    
    -webkit-justify-content: space-between;
}

/***********************************/
/** bootstrap custom css ***/
/***********************************/
.col-auto {
    -webkit-flex: 0 0 auto;
}
.col-1 {
    -webkit-flex: 0 0 8.333333%;
}

.col-2 {
    -webkit-flex: 0 0 16.666667%;
}

.col-3 {
    -webkit-flex: 0 0 25%;
}

.col-4 {
    -webkit-flex: 0 0 33.333333%;
}

.col-5 {
    -webkit-flex: 0 0 41.666667%;
}

.col-6 {
    -webkit-flex: 0 0 50%;
}

.col-7 {
    -webkit-flex: 0 0 58.333333%;
}

.col-8 {
    -webkit-flex: 0 0 66.666667%;
}

.col-9 {
    -webkit-flex: 0 0 75%;
}

.col-10 {
    -webkit-flex: 0 0 83.333333%;
}

.col-11 {
    -webkit-flex: 0 0 91.666667%;
}
.col-12{
    -webkit-flex: 0 0 100%;
}

@media (min-width: 576px){

    .col-sm-auto {
        -webkit-flex: 0 0 auto;
    }
    .col-sm-1 {
        -webkit-flex: 0 0 8.333333%;
    }
    .col-sm-2 {
        -webkit-flex: 0 0 16.666667%;
    }
    .col-sm-3 {
        -webkit-flex: 0 0 25%;
    }
    .col-sm-4 {
        -webkit-flex: 0 0 33.333333%;
    }
    .col-sm-5 {
        -webkit-flex: 0 0 41.666667%;
    }
    .col-sm-6 {
        -webkit-flex: 0 0 50%;
    }
    .col-sm-7 {
        -webkit-flex: 0 0 58.333333%;
    }
    .col-sm-8 {
        -webkit-flex: 0 0 66.666667%;
    }
    .col-sm-9 {
        -webkit-flex: 0 0 75%;
    }
    .col-sm-10 {
        -webkit-flex: 0 0 83.333333%;
    }
    .col-sm-11 {
        -webkit-flex: 0 0 91.666667%;
    }
    .col-sm-12 {
        -webkit-flex: 0 0 100%;
    }
}

@media (min-width: 768px){

    .col-md-auto {
        -webkit-flex: 0 0 auto;
    }
    .col-md-1 {
        -webkit-flex: 0 0 8.333333%;
    }
    .col-md-2 {
        -webkit-flex: 0 0 16.666667%;
    }
    .col-md-3 {
        -webkit-flex: 0 0 25%;
    }
    .col-md-4 {
        -webkit-flex: 0 0 33.333333%;
    }
    .col-md-5 {
        -webkit-flex: 0 0 41.666667%;
    }
    .col-md-6 {
        -webkit-flex: 0 0 50%;
    }
    .col-md-7 {
        -webkit-flex: 0 0 58.333333%;
    }
    .col-md-8 {
        -webkit-flex: 0 0 66.666667%;
    }
    .col-md-9 {
        -webkit-flex: 0 0 75%;
    }
    .col-md-10 {
        -webkit-flex: 0 0 83.333333%;
    }
    .col-md-11 {
        -webkit-flex: 0 0 91.666667%;
    }
    .col-md-12 {
        -webkit-flex: 0 0 100%;
    }
}

@media (min-width: 992px){

    .col-lg-auto {
        -webkit-flex: 0 0 auto;
    }
    .col-lg-1 {
        -webkit-flex: 0 0 8.333333%;
    }
    .col-lg-2 {
        -webkit-flex: 0 0 16.666667%;
    }
    .col-lg-3 {
        -webkit-flex: 0 0 25%;
    }
    .col-lg-4 {
        -webkit-flex: 0 0 33.333333%;
    }
    .col-lg-5 {
        -webkit-flex: 0 0 41.666667%;
    }
    .col-lg-6 {
        -webkit-flex: 0 0 50%;
    }
    .col-lg-7 {
        -webkit-flex: 0 0 58.333333%;
    }
    .col-lg-8 {
        -webkit-flex: 0 0 66.666667%;
    }
    .col-lg-9 {
        -webkit-flex: 0 0 75%;
    }
    .col-lg-10 {
        -webkit-flex: 0 0 83.333333%;
    }
    .col-lg-11 {
        -webkit-flex: 0 0 91.666667%;
    }
    .col-lg-12 {
        -webkit-flex: 0 0 100%;
    }
}

@media (min-width: 1200px){

    .col-xl-auto {
        -webkit-flex: 0 0 auto;
    }
    .col-xl-1 {
        -webkit-flex: 0 0 8.333333%;
    }
    .col-xl-2 {
        -webkit-flex: 0 0 16.666667%;
    }
    .col-xl-3 {
        -webkit-flex: 0 0 25%;
    }
    .col-xl-4 {
        -webkit-flex: 0 0 33.333333%;
    }
    .col-xl-5 {
        -webkit-flex: 0 0 41.666667%;
    }
    .col-xl-6 {
        -webkit-flex: 0 0 50%;
    }
    .col-xl-7 {
        -webkit-flex: 0 0 58.333333%;
    }
    .col-xl-8 {
        -webkit-flex: 0 0 66.666667%;
    }
    .col-xl-9 {
        -webkit-flex: 0 0 75%;
    }
    .col-xl-10 {
        -webkit-flex: 0 0 83.333333%;
    }
    .col-xl-11 {
        -webkit-flex: 0 0 91.666667%;
    }
    .col-xl-12 {
        -webkit-flex: 0 0 100%;
    }
}