.logo {
    width: 1.5rem; height: 1.5rem;
}
.close_search_btn {
    color: white;
}
.buy_diamond_btn {
    cursor: pointer;
}
.buy_diamond_btn:hover {
    color: #1b8411 !important;
}
.buy_gold_btn {
    cursor: pointer;
}
.buy_gold_btn:hover {
    color: #1b8411 !important;
}


.promotion_container {
}
.promotion_item_image img {
    height: 80px;
}
.promotion_item_image_text {
    margin: 10px 0;
}

.promotion_item_image_text h1 {
	font-size: 18px;
	line-height: 24px;
	padding:0px; margin:0px;
}
.promotion_item_image_text h2 {
	font-size: 14px;
	line-height: 24px;
	padding:0px; margin:0px;
}
.promotion_item_image img {
	margin: 10px 0;
}

.example-container {
  @include make-container();
  // Make sure to define this width after the mixin to override
  // `width: 100%` generated by `make-container()`
  width: 800px;
}

.example-row {
  @include make-row();
}

.example-content-main {
  @include make-col-ready();

  @include media-breakpoint-up(sm) {
    @include make-col(6);
  }
  @include media-breakpoint-up(lg) {
    @include make-col(8);
  }
  
}

.example-content-secondary {
  @include make-col-ready();

  @include media-breakpoint-up(sm) {
    @include make-col(6);
  }
  @include media-breakpoint-up(lg) {
    @include make-col(4);
  }
}