@charset "UTF-8";

.row{
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.row [class*="col-"]{
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.row.margin-5{
  margin-left: -5px;
  margin-right: -5px;
}
.row.margin-5 > [class*="col-"]{
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.row.margin-15{
  margin-left: -15px;
  margin-right: -15px;
}
.row.margin-15 > [class*="col-"]{
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.row.margin-20{
  margin-left: -20px;
  margin-right: -20px;
}
.row.margin-20 > [class*="col-"]{
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.row .col-1{ width: 8.333333%; }
.row .col-2{ width: 16.666666%; }
.row .col-3{ width: 25%; }
.row .col-4{ width: 33.333333%; }
.row .col-5{ width: 41.666666%; }
.row .col-6{ width: 50%; }
.row .col-7{ width: 58.333333%; }
.row .col-8{ width: 66.666666%; }
.row .col-9{ width: 75%; }
.row .col-10{ width: 83.333333%; }
.row .col-11{ width: 91.666666%; }
.row .col-12{ width: 100%; }

@media (max-width:1199px){
  
}

@media (max-width:1023px){
  .row .col-sm-1{ width: 8.333333%; }
  .row .col-sm-2{ width: 16.666666%; }
  .row .col-sm-3{ width: 25%; }
  .row .col-sm-4{ width: 33.333333%; }
  .row .col-sm-5{ width: 41.666666%; }
  .row .col-sm-6{ width: 50%; }
  .row .col-sm-7{ width: 58.333333%; }
  .row .col-sm-8{ width: 66.666666%; }
  .row .col-sm-9{ width: 75%; }
  .row .col-sm-10{ width: 83.333333%; }
  .row .col-sm-11{ width: 91.666666%; }
  .row .col-sm-12{ width: 100%; }
}

@media (max-width:767px){
  .row .col-xs-1{ width: 8.333333%; }
  .row .col-xs-2{ width: 16.666666%; }
  .row .col-xs-3{ width: 25%; }
  .row .col-xs-4{ width: 33.333333%; }
  .row .col-xs-5{ width: 41.666666%; }
  .row .col-xs-6{ width: 50%; }
  .row .col-xs-7{ width: 58.333333%; }
  .row .col-xs-8{ width: 66.666666%; }
  .row .col-xs-9{ width: 75%; }
  .row .col-xs-10{ width: 83.333333%; }
  .row .col-xs-11{ width: 91.666666%; }
  .row .col-xs-12{ width: 100%; }
}