.myproduct {
  -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
          clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

.product-name {
  text-align: center;
}

.product-name:hover {
  text-align: center;
  color: #1b30e7;
}

#product-slide img {
  height: 180px;
  min-width: 60%;
}

#product-slide img:hover {
  padding: 0.25rem;
  background-color: #fed136 !important;
  border: 1px solid #D32F2F;
}

#product-slide .carousel-caption {
  background-color: #98bfde98;
  left: 22%;
  right: 22%;
}

@media (min-width: 768px) {
  .mycol {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    /* padding: 16px; */
  }

  .row-equal-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.tech-support-item {
  border-radius: 5px;
  min-height: 8vh;
  /*verticaldirection*/
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*horizontaldirection*/
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-clip-path: polygon(85% 0, 100% 50%, 85% 100%, 0% 100%, 17% 50%, 0% 0%);
          clip-path: polygon(85% 0, 100% 50%, 85% 100%, 0% 100%, 17% 50%, 0% 0%);
  background: #deefff;
  background: -webkit-gradient(linear, left top, left bottom, from(#deefff), to(#98bede));
  background: linear-gradient(to bottom, #deefff 0%, #98bede 100%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  text-transform: uppercase;
  font-weight: 500;
}

.tech-support-item a {
  color: #D32F2F;
  font-weight: bolder;
}

.card-header {
  background: #6bba70;
  background: -webkit-gradient(linear, left top, left bottom, from(#6bba70), to(#6bba70));
  background: linear-gradient(to bottom, #6bba70 0%, #6bba70 100%);
  /* background-image: url('../img/Group 1.svg'); */
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: auto;
  background-origin: inherit;
}

.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6 {
  color: #ffc800;
  text-shadow: 2px 1px 2px #2700ff;
}

/* style phan tin tuc */

#tin-tuc {
  max-height: 60vh;
  overflow: hidden;
}

#tin-tuc ul {
  list-style: none;
  padding: 0;
}

img {
max-width: 100% !important; 
}