@media (min-width: 1400px){
    .container {
        max-width: 1140px !important;
    }
    /* .header-petraglia{
        height:100vh !important;
        max-height: 821px;
    } */
}

@media (min-width: 992px) and (max-width: 1200px){

    .navbar-custom-width {
        width: 80vh !important;
    }
    .text-btn{
        font-size: 13px !important;
    }
    .text-service {
        font-size: 14px;
    }
    
}

@media (min-width: 578px) and (max-width: 992px){

    .cont-card-bg {
        height: 586px !important;
    }
    .img-diag {
        height: 360px !important;
    }
    .container.px-4{
        max-width: 992px !important;
    }
    .custom-px .container {
        width: 97% !important;
    }
    .contact-info {
        padding-left: 5.5rem !important;
        padding-right: 5.5rem !important;
    }
}

@media(max-width:578px){

    .spacing-3{
        height: 16px;
    }
    .spacing-6{
        height: 32px;
    }
    .spacing-1{
        height: 24px;
        display: block;
    }
    .custom-px .container{
        width: 94% !important;
    }
    .contact-info{
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
}

@media(max-width:380px){
    .text-btn{
        font-size: 13px !important;
    }
}

@media(max-width:992px){

    body{
        width: 100% !important;
        position: relative;
    }

    .nav-pet-cont{
        display: none !important;
    }
    .whatsapp, #min-nav, #back-to-top{
        display: none !important;
    }

    .container{
        width: 90% !important;
    }
    b{
        font-weight: 500 !important;
    }


    /* nav */

    #navbar-cel{
        display: block;
    }
    
    .nav-expanded{
        list-style: none !important;
        background: #46ACD5;
        /* background: linear-gradient(88.52deg, #4F41F2 11.95%, #0483B5 44.85%, #0483B5 96.9%); */
        float: right;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        position: absolute;
        right: 0;
    }


    .btn-nav-cel {
        justify-content: end;
        display: flex;
        width: 100%;
        padding: 9px 0; 
        border: none; 
        font-family: Kanit;
        font-size: 14px;
        font-weight: 400;
        color: #FCFCFC;
        padding-right: 26px;
    }
    .nav-expanded hr {
        margin: 0 26px 0 26px!important;
        width: 90px;
        color: #FCFCFC !important;
        float: right;
    }
    .navbar-cel{
        background: linear-gradient(88.52deg, #4F41F2 11.95%, #0483B5 44.85%, #0483B5 96.9%);
        --bs-navbar-padding-y: 0px !important;
    }
    #navbar-cel{
        position: static !important;
        width: 100%;
    }
    #logo-cel{
        margin-top:24px;
        margin-bottom: 24px;
    }
    .navbar-toggler{
        border: transparent !important;
        color: #FCFCFC !important;
    }
    .navbar-toggler:focus {
        outline: none !important;
        box-shadow: none !important;
    }
    #sub-bar{
        background-color: #46ACD5;
        height: 40px;
        justify-content: flex-end;
    }
    .text-btn-cel{
        color: #FCFCFC;
        font-family: 'Kanit';
        font-weight: 400;
        font-size: 14px;
        line-height: 120%;
    }
    .navbar-toggler{
        padding: 0px !important;
    }
    .navbar-cel>.container-fluid{
        --bs-gutter-x: 3rem !important;
    }
    .navbarToggleExternalContent3{
        justify-content: end;
        display: flex;
    }

    /* header */

    .header-petraglia{
        height: 240px;
        background: url(img/headermob.jpg) no-repeat;
        background-size: cover;
    }
    .headertext{
        margin-top: 32px;
    }
    #first-title{
        font-size: 20px;
        line-height: 22px;
    }
    .line{
        display: none;
    }

    /* servicios */

    .text-service {
        font-size: 13px;
    }
    #service-1, #service-2 {
        max-height: 222px;
    }
    .info-service {
        padding-left: 0px;
        padding-right: 16px;
    }
    #service-1, #service-2 {
        height: 100% !important;
        width: 108px !important;
    }
    .service-card{
        flex-direction: row-reverse;
    }
    .title-service {
        line-height: 110%;
        font-size: 15px;
    }
    .text-service {
        padding-bottom: 12px;
    }
    .text-btn{
        font-size:16px;
    }
    #icon-user, #icon-inf{
        height: 15px !important;
    }
    #service-1 img, #service-2 img {
        display: none;
    }
    #service-1{
        background: url(img/Foto-lab-mob2.jpg) no-repeat;
        display: block;
    }
    #service-2{
        background: url(img/Foto-lab-mob3.jpg) no-repeat;
        display: block;
    }

    .title-section{
        font-size: 20px;
        line-height: 22px;
    }

    /* staff */

    #staff1, #staff2, #staff3{
        width: 100% !important
    }
    .card-staff {
        padding: 26px !important;
        margin-bottom: 24px;
    }
    #staff3{
        margin-bottom: 0px !important
    }
    .title-section .row-staff-title {
        line-height: 20px;
        padding: 0 12px;
    }
    .text-staff {
        padding-top: 8px;;
        padding-bottom: 8px;
    }


    /* bloque informe */

    .square{
        display: none;
    }
    .row-diag{
        background:radial-gradient(152.92% 3029.57% at 1.74% 94.38%, #4F41F2 7.53%, #4981E0 26.33%, #368fb3 45.29%, #0483B5 79.73%, #0483B5 93.8%);
        top: auto;
        border-radius: 8px;
    }
    .img-diag{
        height: 160px;
        display: block;
        background: url(img/Foto-lab-mobile.jpg) no-repeat;
        background-size: cover;
        border-radius: 0 !important;
    }
    .img-diag img{
        display: none;
    }
    .button-diag{
        display: none !important;
    }
    .title-diag{
        font-size: 20px;
        line-height: 22px;
        text-align: center;
        margin-bottom: 12px;
    }
    .text-diag{
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        margin-top: 14px;
    }
    .bloque-diag{
        margin-top: 22px;
        left: auto;
        padding-right: 0px;
    }
    .button-diag-mob{
        border-radius: 25px !important;
        height: auto;
        width: 100%;
        margin-top: 32px;
        margin-bottom: 32px;
        display: flex !important;
    }
    .text-btn-exp-mob{
        font-family: 'Kanit';
        font-weight: 400;
        font-size: 16px;
        line-height: 120%;
        color: #ffff;
        padding: 6px;
    } 
    .custom-container {
        width: 100% !important;
        max-width: 992px !important;
    }
    .row-diag{
        border-radius: 0px !important;
    }
   
    /* search */

    input[type="search"]::placeholder{
        visibility: hidden;
    }
    .container-buscador{
        width: 100% !important;
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
    form {
        border-radius: 8px;
        padding: 10px 10px 10px 16px !important;
    }
    .search-space{
        padding: 0 8px;
        margin-bottom: 24px !important;
    }
    #siono{
        display: none;
    }
    .text-result{
        font-size: 14px;
        color: #858585;
    }
    #search-result{
        margin-top: 0px !important;
        padding: 0 12px;
    }
    #text-result-mob{
        display: flex;
        text-align: center;
    }
    .search{
        justify-content: center;
        display: flex;
        flex-direction: column;
    }
    

    /* contacto */ 

    .contact-info {
        position: unset;
        height: 296px;
        padding-top: 0px;
        width: 100% !important;
    }
    .g-map {
        height: 280px !important;
    }
    .row-contact {
        height: 562px;
    }
    .custom-px .px-4{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .row-contact {
        border-radius: 0px;
    }
    .custom-px{
        background: radial-gradient(152.92% 3029.57% at 1.74% 94.38%, #4F41F2 7.53%, #4981E0 26.33%, #368fb3 45.29%, #0483B5 79.73%, #0483B5 93.8%) !important;
    }
    #c-cont, #contact-title, #space-cont{
        display: none !important;
    }


    /* preg */

    .title-preg{
        font-size: 14px;
        line-height: normal !important;
    }
    .subtitle-preg{
        font-size: 14px;
    }
    summary{
        flex-direction: row !important;
        align-items: flex-start !important;
        display: flex !important;
    }
    .icon-preg{
        margin-top: 3px;
        width: 20px !important;
    }
    .line-qa {
        margin-top: 18px !important;
        padding-top: 16px;
    }
    .cont-card-bg {
        height: 433px;
    }
    #spacing-6-preg{
        display: none;
    }

    /* footer */

    #logo-footer{
        height: 45px;
    }
    .spacing-6 .row-footer{
        height: 40px;
    }
}