@media only screen and (max-width: 1200px) {

    .card-title {
        font-size: 20px;
    }

    .card-text {
        font-size: 16px;
    }
    
    section {
        padding: 25px 0px;
        margin: 5px 0px;
    }   
}

@media only screen and (max-width: 992px) {
  #news a.met-link {
    width: 100%;
    text-align: center;
  }
  
  .product-name h5 {
      font-size: 14px !important;
      font-weight: bold;
  }
  
  .product-name p {
      font-size: 12px !important;
  }
   
}

@media only screen and (max-width: 768px) {
  h1 {
    font-size: 2em !important;
  }

  h2 {
    font-size: 1.7em !important;
  }

  h3 {
    font-size: 1.2em !important;
  }
  
  .product h1 {
    font-size: 1.5em !important;
  }
 
}

@media only screen and (max-width: 576px) {
    a.met-link {
        width: 100%;
        text-align: center;
    }

    h1 {
        font-size: 20px;
    }

    .bg-section {
        height:500px;
    }

    .navbar-brand img {
        width: 90px;
    }

    h1 {
        margin-top: 25px;
        font-size: 1.2em !important;
    }

    h2 {
        font-size: 1.2em !important;
    }

    .text-develop {
        display: block;
    }

    .main-header {
        height: 70px;
    }
    .header-offset {
        margin-top:70px;
    }
    
    #back-top {
        bottom: 1rem;
        right: 1rem;
    }
}

/************** breakpoints ********************/

@media (min-width: 576px) {
   .bg-section {
      height:530px;
    }   
}

@media (min-width: 768px) {
  .contacts-section_stripe {
    width:30px;
    overflow: hidden;
  }
  
    .product-card_body img {
        margin: 10px;
        max-width: 250px;
    }
}


@media (min-width: 992px) {
  .contacts-section_stripe {
    width:initial;
  }
  
    .slider-nav .slick-list {
        height: 400px !important;
    }
}


@media (min-width: 1200px) {
      
  .service-card .card-title {
      display: block; 
      min-height: 150px
  }
  
  .home-card .card-title {
      display: block; 
      min-height: 90px
  }
  
  .slider-nav .slick-slide {
    width: 64px !important;
  }
}


@media (min-width: 1400px) {
    .slider-nav .slick-slide {
        width: 79px !important;
      }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .phone-link:hover {
        padding: 5px 10px;
     }
     
    .phone-link:hover .phone-num {
        display: inline-block;
    }


}

/* На мобильных (если нужно, чтобы картинки были крупнее) */
@media (max-width: 576px) {
    .certificate-item {
        height: 200px; /* Уменьшаем высоту для смартфонов */
    }
}