.bottom-link p{font-size:0.9rem;}
.border-5{border:5px solid ;}
.border-timedeal{border:7px solid #3a6caf ;}
.button-badge {
  position: absolute;
  bottom:50px;
  right: 0;
  transform: translateX(8px);
  background-color: #65b039;
  font-size: 11px;
  line-height: 0;
  font-weight: 500;
  color: #fff;
  padding: 1em 0.6em;
  border-radius: 100vh;
}

.form-control{border-radius: 0 !important;}
.btn-checkout{font-size:1.3rem;}
.form-check-label{font-size: 1.2rem;}
.font-big{font-size:1.4rem;}
.font-big2{font-size:1.1rem;}
.badge{border-radius: 0;}
.badge-new{background-color: #000; color:#fff; border:0px solid #3a6caf;}
.badge-sale{background-color: #dc3545; color:#fff; border:0px solid #3a6caf;}
.badge-outline-primary{background-color: #f5f5f5; color:#222; border:1px solid #3a6caf;}
.badge-outline-danger{background-color: #ddd; color:#222; border:1px solid #fd4e1e;}
.badge-outline-info{background-color: #f5f5f5; color:#222; border:1px solid #29889e;}
.badge-outline-success{background-color: #f5f5f5; color:#222; border:1px solid #65b039;}
.badge-outline-warning{background-color: #f5f5f5; color:#222; border:1px solid #ff982a;}
.btn-sm{border-radius: 0;}
.w-5 {width: 5% !important;}
.w-10 {width: 10% !important;}
.w-20 {width: 20% !important;}
.w-30 {width: 30% !important;}
.w-40 {width: 40% !important;}
.w-50 {width: 50% !important;}
.w-60 {width: 60% !important;}
.w-70 {width: 70% !important;}
.w-80 {width: 80% !important;}
.w-90 {width: 90% !important;}
.c-pointer{cursor: pointer;}

.font-11{font-size:11px !important;}
.font-12{font-size:12px !important;}
.font-13{font-size:13px !important;}
.font-14{font-size:14px !important;}
.font-15{font-size:15px !important;}
.font-16{font-size:16px !important;}
.font-18{font-size:18px !important;}
.font-20{font-size:20px !important;}
.font-22{font-size:22px !important;}
.font-24{font-size:24px !important;}
.font-26{font-size:26px !important;}
.font-28{font-size:28px !important;}
.font-30{font-size:30px !important;}
.font-36{font-size:36px !important;}
.border-ccc{border: 1px solid #ccc !important;}
.sns-50{height:50px;}
.sns-30{height:30px; padding-right:5px;}
/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  .button-badge {
      position: absolute;
      bottom: 30%;
      right: -50%;
      transform: translateX(8px);
      background-color: #65b039;
      font-size: 12px;
      line-height: 0;
      font-weight: 500;
      color: #fff;
      padding: 1em 0.6em;
      border-radius: 100vh;
  }
  #page-title {
    position: relative;
    padding: 0.1rem 0 1rem;
    background-color: #F5F5F5;
    border-bottom: 1px solid #EEE;
  }
  .w-25 {
    width: 48% !important;
  }
  .content-wrap {
    position: relative;
    padding: 20px 0;
    overflow: hidden;
  }
}

/* ----------------------------------------------------------------
	On Hover Changes
-----------------------------------------------------------------*/
.showcase-target-images { position: relative; }

.showcase-target {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
	-moz-transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
	-o-transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
	transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
}

.showcase-target.showcase-target-active {
	position: relative;
	display: block;
}

.showcase-section:hover .showcase-target {
	-webkit-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.showcase-section ul li {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #000;
	cursor: pointer;
	border: 1px solid #EEE;
}

.showcase-section ul li.headphone-red { background-color: #af1e2b; }
.showcase-section ul li.headphone-black { background-color: #000; }
.showcase-section ul li.headphone-blue { background-color: darkblue; }
.showcase-section ul li.headphone-pink { background-color: pink; }
.showcase-section ul li.headphone-white { background-color: white; }

.showcase-section .badge-- {
	position: absolute;
	top: 0;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 3px;
	font-size: 11px;
	text-shadow: none;
	background-color: #222 !important;
	left: 50%;
	top: 20px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.timedeal-tab{position:absolute; z-index:100; font-size:14px;}
.menu-link {padding:0; margin:0;}
.product-rating{display: none !important;}