@media (max-width: 1440px) {
    .important_about .content .item{
        font-size: 1.3rem;
        margin: 50px;
    }

    .important_about .content .item .emphasis {
        font-size: 1.8rem;
    }

}

@media (max-width: 1300px) {
    .important_about .content .item{
        margin: 30px;
    }

}

@media (max-width: 1120px) {
    .important_about .content .item{
        font-size: 1.1rem;
    }

    .important_about .content .item .emphasis {
        font-size: 1.6rem;
    }

    .principal_about .about_info p {
        margin-top: 40px;
        font-size: 1.2rem;;
      }

      .mision_section .mvv_content .text,
      .vision_section .mvv_content .text{
        font-size: .9em;
      }

      .mvv_content h1{
        font-size: 1.3rem; 
      }

      .mvv_section .mvv-title {
        font-size: 1.3rem; 
      }

}

@media (max-width: 992px) {

    .custom_nav-container .nav_search-btn {
        display: none;
    }

    .service_section::before {
        bottom: 45px;
    }

    .service_section .service_container {
        padding: 45px 0 125px 0;
    }

    .service_section .box.b-2 .detail-box {
        width: auto;
    }

    .service_section .box.b-3 .detail-box {
        width: auto;
    }

    .intro_section .intro-content h1{
        font-size: 2.0rem;
    }

    .intro_section .intro-content h2{
        font-size: 1.8rem;
    }

    .intro_section .intro-content h6{
        font-size: 0.8rem;
      }

      .important_about .content .item{
        font-size: 0.9rem;
    }

    .important_about .content .item .emphasis {
        font-size: 1.4rem;
    }

    .principal_about .about_info p {
        font-size: 1rem;
      }

      .principal_about .about_info h3 {
        font-size: 1.3rem;
      }  

      .special-service_section .special-service-content h2{
        font-size: 0.7rem;
      }

      .mision_section .mvv_content .text,
      .vision_section .mvv_content .text{
        font-size: .7em;
      }

      .mvv_content h1{
        font-size: 1.1rem; 
      }

      .mvv_section .mvv-title {
        font-size: 1.1rem; 
      }

      .valores-content .cards_section .card {
        width: 100%;
      } 

}

@media (max-width: 768px) {

    .slider_section .detail-box {
        text-align: center;
        margin-top: 25px;
    }

    .info_section .col-md-3 {
        text-align: center;
    }

    .info_section .col-md-3:not(:nth-last-child(1)) {
        margin-bottom: 35px;
    }

    .service_section .box.b-1 .detail-box {
        text-align: left;
    }

    .service_section .box.b-4 .detail-box {
        text-align: right;
    }

    .service_section .box {
        margin: 25px 0;
    }

    .info_section .info-nav ul {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .info_section .social-box{
        margin-left: 0;
      }

    .intro_section .intro-content h1{
        font-size: 1.8rem;
    }

    .intro_section .intro-content h2{
        font-size: 1.6rem;
    }

    .intro_section .intro-content h6{
        font-size: 0.6rem;
      }

      .principal_about .about_info p {
        font-size: .8rem;
      }

      .principal_about .about_info h3 {
        font-size: 1.1rem;
      }  

      .mision_section .mvv_content .text,
      .vision_section .mvv_content .text{
        font-size: .6em;
      }

      .mvv_section .mvv-title {
        font-size: .9rem; 
      }

      .mvv_content h1{
        font-size: .9rem; 
      }

      .special-service_section .special-service-content h1{
        font-size: 2rem;
      }

      .special-service_section .special-service-content h2{
        font-size: 0.53rem;
      }
      
}

@media (max-width: 576px) {

    .slider_section .detail-box h1 {
        font-size: 3.5rem;
    }

    .about_section .img-box img {
        width: 100%;
    }

    @keyframes odd-box-animate {
        0% {
            transform: translateY(25px);
        }

        50% {
            transform: translateY(-25px);
        }

        100% {
            transform: translateY(25px);
        }
    }

    @keyframes even-box-animate {
        0% {
            transform: translateY(-25px);
        }

        50% {
            transform: translateY(25px);
        }

        100% {
            transform: translateY(-25px);
        }
    }

    .work_section .work_container .box.b-1,
    .work_section .work_container .box.b-3,
    .work_section .work_container .box.b-2,
    .work_section .work_container .box.b-4 {
        animation-duration: 1.5s;
    }

    .intro_section .intro-content h1{
        font-size: 1.6rem;
    }

    .intro_section .intro-content h2{
        font-size: 1.4rem;
    }

    .intro_section .intro-content h6{
        font-size: 0.rem;
      }

      .mvv_content h1{
        font-size: .7rem; 
      }

      .departament_section .main-title h1{
        font-size: 1em;
      }
}

@media (max-width: 480px) {
    .mision_section .mvv_content .text,
    .vision_section .mvv_content .text{
      font-size: .5em;
    }

    .mvv_content h1{
        font-size: .5rem; 
      }

      .special-service_section .special-service-content h1{
        font-size: .99rem;
      }

      .departament_section .main-title h1{
        font-size: .9em;
      }
}

@media (max-width: 420px) {


    .slider_section .detail-box h1 {
        font-size: 2rem;
    }

    .custom_heading-container h3 {

        text-transform: uppercase;
        font-weight: bold;
        color: #000000;
        position: relative;

    }

    .custom_heading-container h3 {
        font-size: 1.2rem;
    }

    .intro_section .intro-content h1{
        font-size: .9rem;
    }

    .intro_section .intro-content h2{
        font-size: 0.7rem;
    }

    .intro_section .intro-content h6{
        font-size: .5rem;
        line-height: 2;
      }

      .special-service_section{
        padding: 10px;
        padding-top: 50px;
        padding-bottom: 50px;
      }
    

      .special-service_section .special-service-content .services-container .service {
        margin: 20px;
        width: 100%;
      }

      .special-service_section .special-service-content .services-container .service h4{
        font-size: 0.5rem;
      }


      .important_about .content .item {
        font-size: .7rem;
      }

      .important_about .content .item .emphasis {
        font-size: 1.5em;
      }

      .mision_section .mvv_content .text,
      .vision_section .mvv_content .text{
        font-size: .4em;
      }

      .valores_section h1{
        font-size: 1rem; 
      }

      .valores_section .valores-content .text{
        font-size: .8em;
      }

      .service_section{
        padding: 15px;
      }

      .service_section h3{
        margin-top: 20px;
        margin-bottom: 0;
        font-size: .7em;
      }

      .service_section .main-text p {
        font-size: .4em;
        line-height: 1.6;
        text-align: justify;
      }

      .valores-content .cards_section .card h1{
        width: 100%;
        font-size: .8rem;
        margin-bottom: 20px;
      }
      
      .valores-content .cards_section .card p{
        font-family: 'Arial';
        font-size: .5rem;
      }

      .departament_section .main-title h1{
        font-size: .8em;
      }
}

@media (max-width: 360px) {

    .header_section{
        display: flex;
        flex-wrap: nowrap;
    }

    .work_section .container .plazas-container .containertd{
        flex-wrap: wrap;
      }

      .navbar-toggler {
        width: 2px;
      }

      .info_section{
        font-size: 0.6rem;
      }

      .info_section .container h4 {
        font-size: 1.3rem;
      }

      .mision_section .mvv_content .text,
      .vision_section .mvv_content .text{
        font-size: .5em;
      }

      .departament_section .main-title h1{
        font-size: .7em;
      }
      
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}