/*Custom Carousel CSS*/
/*Centering carousel on page*/
/*#full-wrapper {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 900px;
  height: 800px;
}

body {
	background-color: #f8f5ec;
}*/

@media (min-width: 768px) {
  #full-wrapper {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 900px;
    height: 800px;
  }

  body {
    background-color: #f8f5ec;
  }
}

@media (min-width: @screen-sm-min) {
  #full-wrapper {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 405px;
    height: 405px;
  }

  body {
    background-color: #f8f5ec;
  }
}

/* For Mobile Gallery Only */

/*==================
MOBILE STYLES
====================*/

/* Portrait Styles */
@media (max-aspect-ratio: 9/7) {
  #mobile-wrap {
    /*position: relative;*/
  }
  .wb-arrow-wrapper {
    display: none;
  }
  .wb-img-fit {
    width: 100%;
  }
  .tall {
    width: 100%;
    margin-top: 19%;
  }
}

/* Landscape Styles */
@media (min-aspect-ratio: 7/9) {
  #mobile-wrap div {
    max-height: 100%;
  }
  #mobile-wrap {
    height: 100%;
  }
  .wb-img-fit {
    width: 60%;
  }
  .wb-portrait-arrows {
    display: none;
  }
  .tall {
    width: 100%;
    height: 100%;
  }
}

.wb-fl-left {
  float: left;
}

.wb-arrow {
  position: absolute;
  top: 50%;
}

.wb-arrow-p {
  margin: 14px 14px 0 16px;
}

.wb-arrow-wrapper {
  position: relative;
  width: 20%;
  height: 100%;
}

.squash-img {
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
  display: block;
  margin: auto;
}

#mobile-wrap img {
  height: 100%;
  max-width: 100%;
  display: block;
  margin: auto;
}


/*To give some margin for the arrows*/
.glyphicon-padding-left {
  padding-left: 8px;
}
.glyphicon-padding-right {
  padding-right: 8px;
}