/* =========================================================
   bootstrap_grid.css
   Legacy-сумісність для сітки та responsive utilities
   ========================================================= */

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-spacing {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width:768px) {
  .col-sm-1 { width: 8.33333333%; float: left; }
  .col-sm-2 { width: 16.66666667%; float: left; }
  .col-sm-3 { width: 25%; float: left; }
  .col-sm-4 { width: 33.33333333%; float: left; }
  .col-sm-5 { width: 41.66666667%; float: left; }
  .col-sm-6 { width: 50%; float: left; }
  .col-sm-7 { width: 58.33333333%; float: left; }
  .col-sm-8 { width: 66.66666667%; float: left; }
  .col-sm-9 { width: 75%; float: left; }
  .col-sm-10 { width: 83.33333333%; float: left; }
  .col-sm-11 { width: 91.66666667%; float: left; }
  .col-sm-12 { width: 100%; float: left; }

  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.33333333%; }
  .offset-sm-2 { margin-left: 16.66666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.33333333%; }
  .offset-sm-5 { margin-left: 41.66666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.33333333%; }
  .offset-sm-8 { margin-left: 66.66666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.33333333%; }
  .offset-sm-11 { margin-left: 91.66666667%; }
  .offset-sm-12 { margin-left: 100%; }
}
    
@media (min-width:992px) {
    
  .col-md-1 { width: 8.33333333%; float: left; }
  .col-md-2 { width: 16.66666667%; float: left; }
  .col-md-3 { width: 25%; float: left; }
  .col-md-4 { width: 33.33333333%; float: left; }
  .col-md-5 { width: 41.66666667%; float: left; }
  .col-md-6 { width: 50%; float: left; }
  .col-md-7 { width: 58.33333333%; float: left; }
  .col-md-8 { width: 66.66666667%; float: left; }
  .col-md-9 { width: 75%; float: left; }
  .col-md-10 { width: 83.33333333%; float: left; }
  .col-md-11 { width: 91.66666667%; float: left; }
  .col-md-12 { width: 100%; float: left; }

  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.33333333%; }
  .offset-md-2 { margin-left: 16.66666667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.33333333%; }
  .offset-md-5 { margin-left: 41.66666667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.33333333%; }
  .offset-md-8 { margin-left: 66.66666667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.33333333%; }
  .offset-md-11 { margin-left: 91.66666667%; }
  .offset-md-12 { margin-left: 100%; }
}

@media (min-width:1200px) {
  .col-lg-1 { width: 8.33333333%; float: left; }
  .col-lg-2 { width: 16.66666667%; float: left; }
  .col-lg-3 { width: 25%; float: left; }
  .col-lg-4 { width: 33.33333333%; float: left; }
  .col-lg-5 { width: 41.66666667%; float: left; }
  .col-lg-6 { width: 50%; float: left; }
  .col-lg-7 { width: 58.33333333%; float: left; }
  .col-lg-8 { width: 66.66666667%; float: left; }
  .col-lg-9 { width: 75%; float: left; }
  .col-lg-10 { width: 83.33333333%; float: left; }
  .col-lg-11 { width: 91.66666667%; float: left; }
  .col-lg-12 { width: 100%; float: left; }

  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.33333333%; }
  .offset-lg-2 { margin-left: 16.66666667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.33333333%; }
  .offset-lg-5 { margin-left: 41.66666667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.33333333%; }
  .offset-lg-8 { margin-left: 66.66666667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.33333333%; }
  .offset-lg-11 { margin-left: 91.66666667%; }
  .offset-lg-12 { margin-left: 100%; }
}

@media (max-width: 767px) {
  .visible-xs { display: block !important; }
  .visible-xs-block { display: block !important; }
  .visible-xs-inline { display: inline !important; }
  .visible-xs-inline-block { display: inline-block !important; }

  table.visible-xs { display: table !important; }
  tr.visible-xs { display: table-row !important; }
  th.visible-xs,
  td.visible-xs { display: table-cell !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm { display: block !important; }
  .visible-sm-block { display: block !important; }
  .visible-sm-inline { display: inline !important; }
  .visible-sm-inline-block { display: inline-block !important; }

  table.visible-sm { display: table !important; }
  tr.visible-sm { display: table-row !important; }
  th.visible-sm,
  td.visible-sm { display: table-cell !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md { display: block !important; }
  .visible-md-block { display: block !important; }
  .visible-md-inline { display: inline !important; }
  .visible-md-inline-block { display: inline-block !important; }

  table.visible-md { display: table !important; }
  tr.visible-md { display: table-row !important; }
  th.visible-md,
  td.visible-md { display: table-cell !important; }
}

@media (min-width: 1200px) {
  .visible-lg { display: block !important; }
  .visible-lg-block { display: block !important; }
  .visible-lg-inline { display: inline !important; }
  .visible-lg-inline-block { display: inline-block !important; }

  table.visible-lg { display: table !important; }
  tr.visible-lg { display: table-row !important; }
  th.visible-lg,
  td.visible-lg { display: table-cell !important; }
}   
    
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}