.top-view {
  margin-top: 30px;
}
div.even-row {
  background-color: transparent;
}
.share-button-container {
  width: 0;
  position: static;
}
.share-button-container .share-button {
  position: fixed;
  display: block;
  bottom: 0;
  right: 0;
  z-index: 90;
}
.compare-btn {
  right: 0;
}
.detail-btn {
  right: 5px;
}
.left-label {
  float: left;
}
.right-label {
  float: right;
  text-align: right;
}
.single-info {
  color: #000;
  font-weight: bolder;
  position: relative;
  z-index: 50;
}
.single-info-label {
  text-transform: capitalize;
  font-size: 12px;
  color: #000;
}
.show-more-button {
  position: absolute;
  bottom: 0;
}
@media (max-width: 768px) {
  .show-more-button {
    display: none;
  }
}
.ship-compare-row {
  -webkit-transition: all 400ms;
  transition: all 400ms;
  position: relative;
}
.ship-compare-row.active {
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .ship-compare-row .button-col {
    bottom: 22px;
    position: absolute;
    right: 0;
    z-index: 55;
  }
  .ship-compare-row .button-col .buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    bottom: -25px;
    right: 15px;
  }
}
@media (max-width: 768px) {
  .buttons .detail-btn {
    height: 50px;
  }
  .buttons .compare-button {
    height: 50px;
    float: right;
  }
}
.compare-button {
  width: 125px;
  background-color: #b6cc33;
  border-bottom: 3px solid #0f6c7c;
}
.compare-button .compare-text {
  color: white;
  float: right;
  padding-right: 15px;
  padding-top: 15px;
}
.ship-info-list {
  display: grid;
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .ship-info-list div {
    display: block !important;
  }
}
.ship-info-list div li {
  display: flow-root;
}

.register-container,
.admin-page {
  margin-top: 30px;
}
.favorite-btn {
  right: -1px;
}
.favorite-btn.index-favourite {
  left: 15px;
  bottom: 0;
}
.favorite-btn.desktop-favourite {
  height: 50px;
  width: 50px;
  left: -60px;
  bottom: 0;
  border-left: 0;
  border-bottom: 3px solid #727c15;
}
.favorite-btn.desktop-favourite img {
  margin-top: -30px;
}
.favorite-btn.desktop-favourite:hover {
  background-color: #727c15;
  border-bottom: 3px solid #b6cc33;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 768px) {
  .desktop-favourite {
    display: none;
  }
}
@media (min-width: 768px) {
  .mobile-favourite {
    display: none;
  }
}
.description-container {
  margin-bottom: 30px;
  margin-left: -15px;
}
.offer-title:hover {
  text-decoration: none;
}
#sliderModal .images{
  overflow: hidden !important;
}
#sliderModal .bx-wrapper {
  /*max-width: 90%;*/
  /*margin: 0 auto;*/
}

.container.main-container.offer-detail-container {
  margin-top: 30px;
}
.container.main-container.offer-detail-container #offer-slider .modal-body{
  margin: auto;
  width: 75%;
}
@media (max-width: 768px) {
  .container.main-container.offer-detail-container #offer-slider .modal-body{
    width: 90%;
  }
}
.container.main-container.offer-detail-container #offer-slider .images .slide {
  width: 100vw !important;
}
.container.main-container.offer-detail-container #offer-slider .slide .images img {
  height: 95vh;
}
.container.main-container.offer-detail-container #offer-slider .bx-wrapper img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.container.main-container.offer-detail-container #offer-slider .images img {
  width: 100%;
}
@media (min-width: 768px) {
  .container.main-container.offer-detail-container #offer-slider .col-sm-8 .main-image {
    height: 500px;
  }
}
.container.main-container.offer-detail-container #offer-slider .col-sm-4 {
  padding: 0;
}
.container.main-container.offer-detail-container #offer-slider .col-sm-4 .image-3s {
  height: 242.5px;
  margin-left: -15px;
  padding-left: 15px;
  margin-bottom: 15px;
}
.container.main-container.offer-detail-container #offer-slider .col-sm-4 .small-images div {
  padding: 0 5px;
  margin-top: 10px;
  height: 120px;
}
.container.main-container.offer-detail-container #offer-slider .col-sm-4 .small-images div:nth-of-type(2n) {
  padding-left: 0;
}
.container.main-container.offer-detail-container #offer-slider .col-sm-4 .small-images div:nth-of-type(2n+1) {
  padding-right: 0;
}
.container.main-container.offer-detail-container #offer-slider .col-sm-4 .small-images div img {
  height: 100%;
}
@media (max-width: 768px) {
  .container.main-container.offer-detail-container #offer-slider .col-sm-4 .small-images div {
    display: none;
  }
}
.container.main-container.offer-detail-container #offer-slider .col-sm-4 .small-images div.first-image {
  height: 240px;
  margin-top: 0;
  margin-right: 14px;
  margin-left: -6px;
}
.container.main-container.offer-detail-container #offer-slider .col-sm-4 .small-images div.first-image img {
  height: 100%;
}



/* over show */
.col-3-big{
  width:100%;height:500px;background:#0f6c7c;position: relative;
}
.col-3-small{
  width:100%;height:240px;background:#0f6c7c;position: relative;
}
.col-3-big img,.col-3-small img{
  position: absolute;max-width:100%;max-height:100%;top: 50%; left: 50%;transform: translate(-50%, -50%);
}
@media (max-width: 575.98px){
  .col-3-big {
    height: 200px;
  }
  .col-3-small {
    height: 90px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .col-3-big {
    height: 200px;
  }
  .col-3-small {
    height: 90px;
  }
}


@media (min-width: 768px) and (max-width: 991.98px){
  .col-3-big {
    height: 250px;
  }
  .col-3-small {
    height: 115px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .col-3-big {
    height: 400px;
  }
  .col-3-small {
    height: 190px;
  }
}

/* image */
.img-field{width:100%;height:260px;background:#eee;position: relative;}
.img-field img{width: 100%; height: 100%; object-fit: cover;}




#contact-info h2,
#contact-info p {
  color: white;
}
#contact-info a:hover {
  color: white;
}
#showdetails {
  right: -5px;
  position: absolute;
  bottom: 0;
}
.offer-border {
  position: absolute;
  bottom: -25px;
  border-width: 3px;
  width: calc(100% - 60px);
}
.container.main-container.offer-detail-container #offer-slider .solo-image {
  text-align: center;
}
.container.main-container.offer-detail-container #offer-slider .solo-image img {
  width: 100%;
  height: auto;
}
.container.main-container.offer-detail-container #offer-slider .solo-image .favorite-btn {
  right: 15px;
  top: 0;
}
.container.main-container.offer-detail-container #offer-slider .solo-image .favorite-btn img {
  width: 50%;
  height: auto;
}