@media (max-width: 1199px) {

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

    .main-title {
       font-size: 24px;
    }

    .main-title::before, .main-title::after {
        width: 15%;
    }

    .info-text {
        letter-spacing: 0px;
    }

    .media-img {
        width: calc(100% / 2 - 20px);
    }

}

@media (max-width: 992px) {

   .b-category-item {
       font-size: 14px;
   }

   .head-title {
    font-size: 18px;
    }

    .main-title, .b-category-title, .top-comment-title, .c-form-title {
        font-size: 20px;
    }

    .main-title::before, .main-title::after, .similar-post-title::after, .b-category-title::before, .top-comment-title::before {
        width: 10%;
    }

    .info-text {
    font-size: 14px;
    }

    .media-block {
        flex-direction: column;
    }

     .main-media-img  {
        width: 100%;
     }

    .form-wrap {
        gap: 15px;
        flex-direction: column;
    }

    .form-input {
        height: 45px;
        margin-bottom: 0;
    }

    .b-category-list {
        flex-wrap: wrap;
        justify-content: center;
    }

    .head-block {
         width: 90%;
    }

    .head-title {
        text-align: center !important;
        transform: initial !important;
    }

    .media-img {
        transform: initial !important;
    }
   
}

@media(max-width: 767px)  {

    .main-block {
        position: static;
    }

    .b-category-item {
        padding: 10px;
    }
   .cont-adress, .cont-phone, .cont-email  {
    gap: 15px;
   }

   .cont-adress h4, .cont-phone h4, .cont-email h4 {
        font-size: 17px;
        font-weight: 500;
        margin: 0; 
   }

   .footer {
    flex-direction: column;
    gap: 40px;
   }

   .footer-col {
    width: 100%;
    align-items: center; 
   }

   .cont-adress h4, .cont-phone h4, .cont-email h4 {
    text-align: center;
   }

   .cont-adress p, .cont-phone p, .cont-email p {
    text-align: center;
   }

   .contact-wrap {
        justify-content: center;
        align-items: center;
   }

   .head-block {
    flex-direction: column;
   }

   .blog-category {
    padding-top: 47px; 
   }

}

@media(max-width: 600px) {
   .container {
    padding-left: 15px;
    padding-right: 15px;
   }

   .back-head-opac {
    padding-top: 30px;
   }

   .info-text {
    font-size: 10px;
} 

}