//
// Responsive
//

/* Portrait phones and down */
@media (max-width: 320px) {
}

/* Landscape phones and down */
@media (max-width: 480px) {
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .home {
    .slide {
      .item {
        img {
          height: 200px;
          width: 100%;
          object-fit: cover;
        }
        .caption {
          height: 86px;
        }
      }
    }
  }
  article {
    figure {
      .bg {
        height: $images-height-article-xs;
      }
    }
  }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
  article {
    figure {
      .bg {
        height: $images-height-article-sm;
      }
    }
  }
}

/* Portrait tablet to landscape and desktop and UP */
@media (min-width: 768px) {
  //navbar
  .navbar-cmb {
    .navbar-header {
      padding-left: 15px;
    }
    .collapse {
      padding-top: 5px;
      //background-color: orange;
      .nav {
        //background-color: blue;
        height: 100%;
      }
    }
  }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 992px) and (max-width: 1199px) {
  .home {
    .slide {
      .item {
        figure {
          .bg {
            height: 255px;
          }
        }
        .caption {
          height: 140px;
        }
      }
    }
  }
  article {
    figure {
      .bg {
        height: $images-height-article-md;
      }
    }
  }
}

/* Portrait tablet to landscape and desktop and UP */
@media (min-width: 992px) {
  article {
    figure {
      .bg {
        height: $images-height-article-lg;
      }
    }
  }
}

/* Large desktop */
@media (min-width: 1200px) {
}