.products .product.ed-style{
  /* min-height: 275px; */
  border: solid 1px #ddd;
  /* background-color: #f2f2f2; */
  margin-bottom: 30px;
}
.product .product-title{
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

/* product hover */
.product.ed-style .product-media {
  position: relative;
  display: block;
  background-color: #d7d7d7;
  margin-bottom: 0;
  overflow: hidden;
}
.product.ed-style .product-media>a {
  position: relative;
  display: block;
  z-index: 0;
}
.product.ed-style .product-media>a::after {
  position: absolute;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 0%);
  transition: all .3s linear;
  z-index: 1;
}
.product.ed-style:hover .product-media>a::after {
  background-color: rgb(0 0 0 / 25%);
}
.index-latest .product.ed-style .product-body {
  padding-bottom: 0px;
}
.product-image {
  display: block;
  width: 100%;
  height: auto;
}
.product-image{display:block;width:100%;height:auto}


/* Product */
/* object-oriented(not include description) */
.news .entry-title,
.products .product-title,
.product .product-body .product-title {
  font-size: 17px;
  font-weight: 500;
  margin: 10px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 1.2;
}
/* .products .product-body .product-title a,
.product .product-body .product-title{
   color: #cc7349;
   margin: 10px 0;
}
.product .product-body .product-title:hover a{
  color: #d1ac57;
} */
.products .product-cf a,
.product .product-body .product-cf a{
  color: #555;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.products .product-cf a:hover,
.product .product-body .product-cf a:hover{
  color: #cc7349;
}
.products .product-intro p{
  color: #777;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.news .entry-title,
.news .news-title,
.case .entry-title{
  font-size: 19px;
  font-weight: bold;
  text-align: left;
  line-height: 1.5;
  margin: 0;
}
.case .entry-title{
  padding: 5px 0;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.owl-carousel .product-media>a .product-image{  
    display: block;
    width: 100%;
    height: auto;
}



/* carousel */
.fancybox__container {
  --fancybox-color: #333;
  --fancybox-bg: #fff;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
}
.f-carousel {
  /* --f-carousel-theme-color: #706f6c;
  --f-carousel-spacing: 0px;
  --f-carousel-slide-width: 100%;
  --f-carousel-slide-height: auto;
  --f-carousel-slide-padding: 0;
  --f-button-width: 42px;
  --f-button-height: 42px;
  --f-button-color: var(--f-carousel-theme-color, currentColor);
  --f-button-hover-color: var(--f-carousel-theme-color, currentColor);
  --f-button-bg: transparent;
  --f-button-hover-bg: var(--f-button-bg);
  --f-button-active-bg: var(--f-button-bg);
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px; */
  --f-button-next-pos: -20px;
  --f-button-prev-pos: -20px;
  /* position: relative;
  box-sizing: border-box; */
}

.fancybox__toolbar,
.fancybox__nav {
  --f-button-width: 60px;
  --f-button-height: 60px;
  --f-button-border-radius: 0;

  --f-button-color: #fff;
  --f-button-hover-color: #fff;

  --f-button-bg: #5986c9;
  --f-button-hover-bg: #002060;
  --f-button-active-bg: #002060;

  --f-button-svg-width: 32px;
  --f-button-svg-height: 32px;

  --f-button-svg-stroke-width: 1;
  --f-button-svg-filter: none;
}

.fancybox__nav {
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
}

#productNavigation .f-carousel__slide:hover{
  cursor: pointer;
}

/* .f-carousel__slide {
  display: flex;
  align-items: center;
  justify-content: center;

  min-height: 100px;
  text-align: center;
  color: #777;
  background: #f3f3f3;
  font-size: 1.25rem;
}

.f-carousel__slide.is-nav-selected {
  color: #fff;
  background: #777;
} */

.f-carousel__nav button{
  color: #fff;
  background-color: #5986c9;
  /* border-radius: 50%; */
}
.f-carousel__nav button:hover{
  color: #fff;
  background-color: #002060;
}
.f-carousel__nav .f-button.is-next{
}

#productCarousel {
  --f-carousel-slide-width: 100%;
  --f-carousel-spacing: 10px;

  margin-bottom: 1rem;
}

#productNavigation {
  --f-carousel-slide-width: 100px;
  --f-carousel-spacing: 5px;
}


.owl-clients-nav .product.ed-style .product-media>a::after{left: 0;}

/* object-oriented */
@media (max-width: 1199px){
    .products .product.ed-style{
        /* min-height: 235px; */
    }
    /* product */
    .product-media{max-height: 135px}

}
@media (max-width: 991px){
    .products .product.ed-style{
        /* min-height: 300px; */
    }
    .products .product-intro p{
        -webkit-line-clamp: 2;
    }
    /* product */
    /* .product-media{max-height: 200px} */

}
@media (max-width: 767px){
    .products .product.ed-style{
        /* min-height: 285px; */
    }
    /* product */
    .product-media{max-height: 100%}
}
@media (max-width: 575px){
    
}
@media (max-width: 479px){
    .products .product.ed-style{
            /* min-height: 355px; */
            /* max-height: 355px; */
            /* padding-bottom: 50px; */
    }    
    /* ##NEWS */
    .news .entry-title,
    .news .news-title{
        text-align: left;
    }
}