/**css tuy chinh rieng cho tung trang**/

#sanpham_slider h1.title a{
	display:-webkit-box;
  	overflow:hidden;
  	text-overflow:ellipsis;
  	-webkit-line-clamp:2;
  	-webkit-box-orient:vertical;
 	width: 110%;
}

.banner .owl-carousel .owl-dots.disabled,.banner .owl-carousel .owl-nav.disabled{
display:block !important
}
.banner .owl-nav .owl-prev i, .banner .owl-nav-custom .owl-prev i,.banner .owl-nav .owl-next i,.banner .owl-nav-custom .owl-next i {
    font-size: 2.5rem;
    color: rgba(0, 0, 0, 0.3);
  	padding:10px;
}
.banner .owl-nav, .owl-nav-custom {
    position: absolute;
    top: 40%;
    left: 20px;
    right: 20px;
}
.banner .owl-dots {
    text-align: center;
    position: relative;
    margin-top: 10px;
}
.banner .owl-nav .owl-prev,.banner .owl-nav-custom .owl-prev,.banner .owl-nav .owl-next,.banner .owl-nav-custom .owl-next{
	position:absolute
}
.banner .owl-prev{
	left:1rem;
}
.banner .owl-next{
	
  	right:1rem;
}
.banner button:focus{
	outline:unset;
}
.banner .owl-nav .owl-prev:hover i,.banner .owl-nav .owl-next:hover i{
	color:var(--main-color-one) !important;
}
.fa-angle-double-left:before {
   
  content: "\f053" !important;
}
.fa-angle-double-right:before {
     content: "\f054" !important;
}

/*-------San pham---------*/
.sanpham .container_header a:hover{
	color:var(--main-color-one)
}
.sanpham {
    margin: auto;
    width: 80%;
}
.sanpham .owl-dots{
    	 text-align: center;
   		 margin-top: -30px;
   		 position: relative;
	}

.sanpham .owl-dots span{
		display:block;
  		width:15px;
  		height:15px;
  		background-color:rgba(255, 255, 255, 0.5);
   		 border-radius:50%;
  		border:3px solid #f8f8f8;
  		margin: 5px 7px;
	}

.sanpham .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
   		background: #959398;
	}

.sanpham .owl-dots button:focus {
	outline: none;
}
.sanpham .owl-dots.disabled{
	display:block !important;
}


@media screen and (min-width:800px) and (max-width:1024px){
  .sanpham{min-height:750px}
}
@media screen and (max-width:800px){
  .sanpham{min-height:650px}
}
@media screen and (max-width:450px){
  .banner .owl-nav, .owl-nav-custom{
  	top:10% ;
  }
  .banner .owl-prev{
  	left:-1rem;
  }
  .banner .owl-next{
  	right:-1rem;
  }
}