/*---- Bootstrap breakpoints ----*/

/*---- x-large ----*/
@media (min-width: 1200px) {}

/*---- large ----*/
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar {
    padding: 0 !important;
  }

  .navbar-toggler {
    margin-left: auto !important;
    margin-right: 20px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .navbar-nav {
    box-shadow: 0 3px 3px #606060;
    background-color: #f0f0f0;
  }

  .nav-link {
    height: 40px;
    padding: 8px 14px !important;
  }

  .navbar-nav a {
    background-color: #f0f0f0;
    text-transform: uppercase;
  }

  .navbar-nav a:hover {
    background-color: #e0e0e0;
  }

}

/*---- medium ----*/
@media (min-width: 768px) and (max-width: 991px) {

  .navbar {
    padding: 0 !important;
  }

  .navbar-toggler {
    margin-left: auto !important;
    margin-right: 20px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .navbar-nav {
    box-shadow: 0 3px 3px #606060;
    background-color: #f0f0f0;
  }

  .nav-link {
    height: 40px;
    padding: 8px 14px !important;
  }

  .navbar-nav a {
    background-color: #f0f0f0;
    text-transform: uppercase;
  }

  .navbar-nav a:hover {
    background-color: #e0e0e0;
  }

  div.content-graph {
    min-height: 400px;
  }

  .grid_row_span2-md {
    grid-row: span 2 !important;
  }

  .grid_col_span2-md {
    grid-column: span 2 !important;
  }

  .grid_col_span3-md {
    grid-column: span 3 !important;
  }

  .grid_jump_to_row3-md {
    grid-column: 1/-1 !important;
    grid-row: 3/4 !important;
  }
}

/*---- small ----*/
@media (min-width: 576px) and (max-width: 767px) {

  body {
    font-size:16px
  }

  .container-fluid {
    padding: 0 5px !important;
    margin: 0 !important;
  }

  .navbar {
    padding: 0 !important;
  }

  .navbar-toggler {
    margin-left: auto !important;
    margin-right: 20px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .navbar-nav {
    box-shadow: 0 3px 3px #606060;
    background-color: #f0f0f0;
  }

  .nav-link {
    height: 40px;
    padding: 8px 14px !important;
  }

  .navbar-nav a {
    background-color: #f0f0f0;
    text-transform: uppercase;
  }

  .navbar-nav a:hover {
    background-color: #e0e0e0;
  }

  .grid_row_span2-sm {
    grid-row: span 2 !important;
  }

  .grid_col_span2-sm {
    grid-column: span 2 !important;
  }

  .grid_col_span3-sm {
    grid-column: span 3 !important;
  }

  .grid_col_span4-sm {
    grid-column: span 4 !important;
  }

  .grid_jump_to_row3-sm {
    grid-column: 1/-1 !important;
    grid-row: 3/4 !important;
  }

  div.content-graph {
    min-height: 350px;
  }

  .fbgalbox-slide {
    padding: 8px !important;
  }
}

@media (max-width: 575px) {

  body {
    font-size:14px
  }

  .container-xxl {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .container-fluid {
    padding: 0 5px !important;
    margin: 0 !important;
  }

  .navbar {
    padding: 0 !important;
  }

  .navbar-toggler {
    margin-left: auto !important;
    margin-right: 20px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .navbar-nav {
    box-shadow: 0 3px 3px #606060;
    background-color: #f0f0f0;
  }

  .nav-link {
    height: 40px;
    padding: 8px 14px !important;
  }

  .navbar-nav a {
    background-color: #f0f0f0;
    text-transform: uppercase;
  }

  .navbar-nav a:hover {
    background-color: #e0e0e0;
  }

    .grid_row_span2-sm {
    grid-row: span 2 !important;
  }

  .grid_col_span2-sm {
    grid-column: span 2 !important;
  }

  .grid_col_span3-sm {
    grid-column: span 3 !important;
  }

  .grid_col_span4-sm {
    grid-column: span 4 !important;
  }

  .grid_jump_to_row3-sm {
    grid-column: 1/-1 !important;
    grid-row: 3/4 !important;
  }

  div.content-graph {
    min-height: 300px;
  }

  .fbgalbox-slide {
    padding: 4px !important;
  }

}

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

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