/**
 * Owl Carousel 
 **/

 .product-box .owl-dots,.product-box .owl-nav {
	-webkit-tap-highlight-color: transparent
  }
  
  .product-box .owl-nav {
	margin-top: 10px
  }
  
  .product-box .owl-nav {
	color: #FFF;
	font: 200 14px/20px "Poppins", sans-serif;
	margin: 5px;
	padding: 4px 7px;
	cursor: pointer;	
	width: 100%;
	margin-top: 160px;
  }
  
  .product-box .owl-nav [class*=owl-]:hover {
  
	color: #FFF;
	text-decoration: none
  }
  
  .product-box .owl-nav .disabled {
	opacity: .5;
	cursor: default
  }
  
  .product-box .owl-nav.disabled+.owl-dots {
	margin-top: 10px
  }
  
  .product-box .owl-dots {
	display: grid;
  }
  
  .product-box .owl-dots .owl-dot {

	zoom:1;
	margin: 3px;
	text-align: left;
  }
  
	.product-box .owl-dots button {
		display: inline-flex;
		justify-content: left;
		align-items: center;
		--padding-x: 1.2em;
		color: #ffffff;
		background-color: transparent;
		border: none;
		opacity: 0.5;
  }
  
  .product-box .owl-dots button:disabled {
	opacity: 1;
}

  .product-box .owl-dots .owl-dot button:disabled {
	color:#ffffff;
  }
  
  .product-box .owl-dots .owl-dot span {
	width: 24px;
	height: 24px;
	margin: 5px 15px 5px 5px;
	background: #D6D6D6;
	display: inline-block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px
  }
  
  .product-box .owl-dots .owl-dot.active span,.product-box .owl-dots .owl-dot:hover span {
	background: #ffffff;
	outline: 2px solid white;
	outline-offset: 5px;
  }

  .btn-owl-nav {
	margin: 10px;
    background-color: rgba(255,255,255, 0.1);
    border: 0px;
  }

  .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: thin;
}


@media (max-width: 991px) {
	
	#product-nav {
		grid-area: 1 / 1 / 2 / 7;
	}

	#product-list {
		grid-area: 1 / 1 / 2 / 7;
	}
	.product-box .owl-dots {
		display: none;
	}

	.btn-owl-nav {
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
		-webkit-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform: rotate(270deg);
		border-radius: 140px;
		font: 300 12px/26px "Poppins", sans-serif;
		padding: 0px;
		color: #b4bcc3;
		border-color: #e1e4e7;
		border-radius: 100%;
	}

	.btn-owl-nav span {
		display: none;
	}

	.prev-btn {
		position: absolute;
		left: 20px;
		width: 48px;
    	height: 48px;
	}
	.next-btn {
		position: absolute;
		right: 20px;
		width: 48px;
    	height: 48px;
	}

	.the-product img {
		max-width: 300px;
		max-height: 200px;
	}

	.product-box .owl-nav {
		height: 60px;
		margin-top: 130px;
	}
}