.flex-xs {
  display: flex !important;
}

.flex-xs-auto {
  display: block !important;
}

.row-xs-auto{
  height: auto;
}

.row-xs-1{

  height: 50px; 
}

.row-xs-2{

  height: 100px;  
}

.row-xs-3{

  height: 150px;  
}

.row-xs-4{

  height: 200px;  
}

.row-xs-5{

  height: 250px;  
}

.row-xs-6{

  height: 300px;  
}

.row-xs-7{

  height: 350px;  
}

.row-xs-8{

  height: 400px;  
}

.row-xs-9{

  height: 450px;  
}

.row-xs-10{

  height: 500px;  
}

.row-xs-11{

  height: 550px;  
}

.row-xs-12{

  height: 600px;  
}

.col-xs-1-half {
    width: 12.5%;
    float: left;
}
.col-xs-2-half {
    width: 20.83333333%;
    float: left;
}
.col-xs-3-half {
    width: 29.16666666%;
    float: left;
}
.col-xs-4-half {
    width: 37.49999999%;
    float: left;
}
.col-xs-5-half {
    width: 45.83333333%;
    float: left;
}
.col-xs-6-half {
    width: 54.16666666%;
    float: left;
}
.col-xs-7-half {
    width: 62.49999999%;
    float: left;
}
.col-xs-8-half {
    width: 70.83333333%;
    float: left;
}
.col-xs-9-half {
    width: 79.16666666%;
    float: left;
}
.col-xs-10-half {
    width: 87.49999999%;
    float: left;
}
.col-xs-11-half {
    width: 95.83333333%;
    float: left;
}


@media(min-width:768px){

  .flex-sm {
    display: flex !important;
    
  }

  .flex-sm-auto {
    display: block !important;
    
  }

  .row-sm-auto{
    height: auto;
  }

  .row-sm-1{
  
    height: 50px; 
  }

  .row-sm-2{

    height: 100px;  
  }

  .row-sm-3{

    height: 150px;  
  }

  .row-sm-4{

    height: 200px;  
  }

  .row-sm-5{

    height: 250px;  
  }

  .row-sm-6{

    height: 300px;  
  }

  .row-sm-7{

    height: 350px;  
  }

  .row-sm-8{

    height: 400px;  
  }

  .row-sm-9{

    height: 450px;  
  }

  .row-sm-10{

    height: 500px;  
  }

  .row-sm-11{

    height: 550px;  
  }

  .row-sm-12{

    height: 600px;  
  }

  .col-sm-1-half {
    width: 12.5%;
    float: left;
  }
  .col-sm-2-half {
      width: 20.83333333%;
      float: left;
  }
  .col-sm-3-half {
      width: 29.16666666%;
      float: left;
  }
  .col-sm-4-half {
      width: 37.49999999%;
      float: left;
  }
  .col-sm-5-half {
      width: 45.83333333%;
      float: left;
  }
  .col-sm-6-half {
      width: 54.16666666%;
      float: left;
  }
  .col-sm-7-half {
      width: 62.49999999%;
      float: left;
  }
  .col-sm-8-half {
      width: 70.83333333%;
      float: left;
  }
  .col-sm-9-half {
      width: 79.16666666%;
      float: left;
  }
  .col-sm-10-half {
      width: 87.49999999%;
      float: left;
  }
  .col-sm-11-half {
      width: 95.83333333%;
      float: left;
  }

}

@media(min-width:992px){

  
 

  .flex-md {
    display: flex !important;
  }

   .flex-md-auto {
    display: block !important;
  }



  .row-md-auto{
    height: auto;
  }

   .row-md-1{
  
    height: 50px; 
  }

  .row-md-2{

    height: 100px;  
  }

  .row-md-3{

    height: 150px;  
  }


  .row-md-4{

    height: 200px;  
  }

  .row-md-5{

    height: 250px;  
  }

  .row-md-6{

    height: 300px;  
  }

  .row-md-7{

    height: 350px;  
  }

  .row-md-8{

    height: 400px;  
  }

  .row-md-9{

    height: 450px;  
  }

  .row-md-10{

    height: 500px;  
  }

  .row-md-11{

    height: 550px;  
  }

  .row-md-12{

    height: 600px;  
  }

  .col-md-1-half {
      width: 12.5%;
      float: left;
  }
  .col-md-2-half {
      width: 20.83333333%;
      float: left;
  }
  .col-md-3-half {
      width: 29.16666666%;
      float: left;
  }
  .col-md-4-half {
      width: 37.49999999%;
      float: left;
  }
  .col-md-5-half {
      width: 45.83333333%;
      float: left;
  }
  .col-md-6-half {
      width: 54.16666666%;
      float: left;
  }
  .col-md-7-half {
      width: 62.49999999%;
      float: left;
  }
  .col-md-8-half {
      width: 70.83333333%;
      float: left;
  }
  .col-md-9-half {
      width: 79.16666666%;
      float: left;
  }
  .col-md-10-half {
      width: 87.49999999%;
      float: left;
  }
  .col-md-11-half {
      width: 95.83333333%;
      float: left;
  }
  
}

@media (min-width:1200px){

	.flex-lg {
    display: flex !important;
  }

  .flex-lg-auto {
    display: block !important;
  }

  .row-lg-auto{
    height: auto;
  }


  .row-lg-1{
  
    height: 50px; 
  }

  .row-lg-2{

    height: 100px;  
  }

  .row-lg-3{

    height: 150px;  
  }

  .row-lg-4{

    height: 200px;  
  }

  .row-lg-5{

    height: 250px;  
  }

  .row-lg-6{

    height: 300px;  
  }

  .row-lg-7{

    height: 350px;  
  }

  .row-lg-8{

    height: 400px;  
  }

  .row-lg-9{

    height: 450px;  
  }

  .row-lg-10{

    height: 500px;  
  }

  .row-lg-11{

    height: 550px;  
  }

  .row-lg-12{

    height: 600px;  
  }

  .col-lg-1-half {
    width: 12.5%;
    float: left;
  }
  .col-lg-2-half {
      width: 20.83333333%;
      float: left;
  }
  .col-lg-3-half {
      width: 29.16666666%;
      float: left;
  }
  .col-lg-4-half {
      width: 37.49999999%;
      float: left;
  }
  .col-lg-5-half {
      width: 45.83333333%;
      float: left;
  }
  .col-lg-6-half {
      width: 54.16666666%;
      float: left;
  }
  .col-lg-7-half {
      width: 62.49999999%;
      float: left;
  }
  .col-lg-8-half {
      width: 70.83333333%;
      float: left;
  }
  .col-lg-9-half {
      width: 79.16666666%;
      float: left;
  }
  .col-lg-10-half {
      width: 87.49999999%;
      float: left;
  }
  .col-lg-11-half {
      width: 95.83333333%;
      float: left;
  }

}