@media (max-width: 1200px) {
  .topbar-mail{
    display: flex;
    flex-direction: column;
  }
  .desc-slide {
    font-size: 36px;
    width: 500px;
  }
  .hero .hero-slide .header-content {
    margin: 0 auto;
    width: 400px;
    top: 40%;
  }
  .hero .hero-slide {
    height: 500px;
  }
  .hero .hero-slide img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 80% 0%;
  }
  .over-cicale {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 1);
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
  }
  .over-cicale2 {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 1);
    position: absolute;
    left: 50%;
    top: 70%;
    transform: translate(-50%, -50%);
  }
  /*card*/
  .section-card-title {
    padding-top: 0;
  }
  
  .wrapper {
    width: 100%;
  }

  .my-slider {
    padding: 0 40px 40px;
  }

  .wrapper .slick-initialized .slick-slide {
    height: auto;
  }

  .service-card-img {
    width: 100%;
    height: 500px;
  }

  .service-card-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
  }

  .service-card-img span {
    font-size: 22px;
    left: 20px;
    bottom: 20px;
  }
  .grid{
    padding: 0 20px;
  }


}
@media (max-width: 991px) {
  /*tin tức*/
  .blog-layout {
    padding: 0 30px;
  }
  /* tiêu chí*/
  .clean-left {
    text-align: center;
  }
  .clean-right {
    padding: 50px 0 0;
    text-align: center;
  }
  /*tư vấn*/
  .contact-wrap {
    padding: 0 20px;
  }
  .grid {
    grid-template-columns: repeat(2,1fr);

  }
  
  .about-intro {
    padding: 50px 0 0;
  }
  .img-front{
    top:35%;
    position: absolute;
  }
}
@media (max-width: 768px) {
  .blog-list {
    padding: 50px 0 0;
  }
  .grid {
    grid-template-columns: 1fr;

  }
 
}
@media (max-width: 576px) {
 
  .btn-slider {
    height: 50px;
    font-size: 14px;
    width: 120px;
  }
  .circle-wrap {
    right: 10%;
  }
  .over-cicale {
    width: 150px;
    height: 150px;

    top: 40%;
  }
  .over-cicale2 {
    width: 150px;
    height: 150px;
    top: 50%;
  }
  .slick-active .btn-slider {
    width: 120px;
  }
 
  .img-front{
    display: none;
  }
   
}