/*#region MediaQueryPhone */

@media (max-width: 480px) {

    .tab-content.vertical h2 {
        font-size:22px;
    }

    .div-background {
        min-height:40vw;
    }

    .gruppo-section .wrap-box .box-logo img {
        max-width: 100%;
    }

    .risorsa-lista {
        padding: 0 10%;
    }

    .row-title-page img.x-monitor-ready {
        margin-top: 0;
        margin-bottom: 0;
    }

    #ricerca_news {
        text-align: center;
    }

    #ricerca_news label {
        margin: 0 0 10px 0;
        display: block;
    }

    #ricerca_news select {
        margin-bottom: 15px;
    }

    .carousel-home .carousel-caption h3 {
        font-size: 24px !important;
    }

    .btn-lg, .btn-group-lg > .btn {
        font-size: 14px;
    }


    #app h2 {
        font-size: 24px;
        line-height: 32px;
        margin-top: 20px;
    }

    div.app-page {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .margin-come-funziona {
        margin-bottom: 30px;
    }

    div.come-funziona {
        padding: 20px 0;
    }

    .container.come-funziona {
        margin-bottom: 30px;
    }

    .app-page p, .come-funziona p {
        font-size: 18px !important;
    }

    .come-funziona p {
        font-size: 18px !important;
    }

    .group-page-first p span {
        font-size: 18px !important;
    }

    .sectionWrapper div.container, #sectionfooter div.container {
        padding: 0 25px;
    }

    .list-category li, .list-solution li {
        width: 100%;
        float: none;
    }

    .row-title-page {
        padding: 20px 0;
    }

    .gruppo-section .gruppo-left {
        text-align: center;
    }

    .gruppo-section .gruppo-right {
        text-align: center;
    }

    .prodotto-lista {
        height: unset;
    }

    .prodotto-lista .img-product {
        padding: 10px 50px;
        padding-bottom: 39px;
    }

    .prodotto-lista .titolo {
        margin-top: 20px;
    }

    .tab-content-filter {
        padding: 20px 0;
    }
}

/*#endregion */

@media (max-width: 768px) {
    .tab-news-left .abstract-news {
        display: none;
    }

    .title_detail {
        margin-top: 20px;
    }

    .news-lista .titolo {
        margin-top: 10px;
    }

    #prodotti-evidenza .wrapbtn {
        margin-top: 10px;
    }

    .partners-address {
        min-height: auto;
    }
    /*-----------------------------------------------------
    New Section HP Kerberos
-----------------------------------------------------*/

    .content-box{
        top:0
    }

    .gruppo-section .wrap-box .box-image {
        position: static;
    }

    /*-----------------------------------------------------
    /New Section HP Kerberos
-----------------------------------------------------*/


    .row-eq-height {
        display: block;
    }

    .app-page {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
        border-radius: 0;
        padding: 9px 15px;
    }

    #news .nav-tabs > li > a, #news .nav-tabs > li > a:hover, #news .nav-tabs > li > a:focus {
        padding: 10px 12px;
    }

    .img-news {
        height: 340px;
    }

    .row-title-page h1 {
        font-size: 20px;
    }

/*    .back_icon {
        font-size: 35px;
        vertical-align: sub;
    }*/

    .soluzione-left {
        font-size: 18px;
        margin-bottom: 40px;
    }

    .soluzione-left span {
        padding: 0 0 0 10px;
        margin-bottom: 20px;
    }

    .carousel-home .carousel-caption h5 {
        display: none;
    }

    .w3-container {
        padding: 7px 0;
    }

    .carousel-home .carousel-control.left {
        left: 0;
    }

    .carousel-home .carousel-control.right {
        right: 0;
    }

    .sticky-btn.menuBtn {
        padding: 17.2px 14.2px;
    }

    .menuBtn {
        padding: 14.2px 14.2px 0 0;
    }

    .sticky-btn.menuBtn {
        background-color: var(--gray_kerberos);
    }

    .logo-maggioTecno img {
        margin: 0 auto;
    }

    .group-page-first p span, .group-page-second p span {
        font-size: 18px !important;
        line-height: 1.6 !important;
    }

    .group-page-second {
        margin-bottom: 20px;
    }

    .carousel-home .carousel-caption {
        /*padding-top: 20%;*/
    }

    .carousel-home .carousel-caption h5 {
        display: none;
    }

    .carousel-home .carousel-caption h3 {
        line-height: 28px;
        width: 80%;
        font-size: 24px;
    }

    footer h2 {
        margin-top: 25px;
    }

    .copyrights .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .imgProgettiContainer img, .imgApplicazioniContainer img {
        margin: 0 auto;
    }

    .row-title-page h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .tab-pane > .sticky-menu .icon-header figure {
        float: none;
        margin-bottom: 5px;
    }

    .sticky-menu .icon-header figure.icon_menu {
        display: block;
    }

    .progetti-destro, .applicazioni-destro {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    hr.divider {
        margin-bottom: 25px;
    }

    .top-bar ul.social-icons {
        display: none;
    }

    .nav-tabs > li:first-child {
        margin-left: 0;
    }

    .home .tab-content-container {
        height: unset;
    }


    .responsive-nav .icon-header figure figcaption {
        display: block;
    }

    #headWrapper div.container, .sticky-menu div.container {
        width: 100%;
        padding: 0;
    }

    div.home-section {
        padding: 30px 25px;
    }

    /*section header*/
    #tabSticky .nav-item {
        /*background-color: #F1F1F1;*/
    }

    .icon-header figure {
        text-align: center;
    }

    .tab-content.sticky .nav-tabs.tabs-home {
        position: relative;
        padding-right: 45px;
        /*padding-top:10px;*/
        padding-bottom: 7px;
        background: #fff;
    }

    .sticky .icon-header figure img {
        max-width: unset;
        padding: 0px 25px 0px;
        float: unset;
        margin: 0;
    }

    .sticky .icon-header figure figcaption {
        float: unset;
        color: #FFF;
        width: 100%;
    }

    a:not(:first-of-type) .icon-header {
        border: none;
        padding: 0;
    }

    .sticky a:not(:first-of-type) .icon-header::after {
        content: none;
    }

    /*end header*/

    /*#region HomeKerberos */

    .gruppo-section, .app-section {
        background: #FFF;
        min-height: unset;
    }

    .gruppo-section > div {
        display: block;
        min-height: unset;
    }

    .gruppo-section .gruppo-left > div {
        margin-top: 50px;
    }

    .gruppo-section .gruppo-right > div {
        margin-bottom: 40px;
    }

    /*#endregion */



    .btn {
        white-space: normal;
    }

    h1 {
        display: inline-block;
    }

    .menuBtn {
        right: 0;
        top: -7px;
        left: auto;
        color: var(--gray_kerberos) !important;
        background-color: transparent;
        /*padding: 14px;*/
    }

    .menuBtn.sticky-btn {
        top: 6px;
        color: #fff !important;
    }

    .menuBtn.sticky-btn {
        color: #545454 !important;
    }

    .menuBtn:hover {
        background: none;
    }

    .prodotto-evidenza .img-product {
        margin-bottom: 30px;
    }

    .prodotto-evidenza .img-product, .prodotto-evidenza .product-detail {
        float: none;
        /*width: 200px;*/
        width: 100%;
        /*height: unset;*/
    }

    .prodotto-evidenza .product-detail {
        width: 100%;
        padding: 0 0px;
    }

    .prodotto-evidenza .product-detail ul {
        margin-left: 10px;
    }

    .owl-carousel .owl-item .prodotto-evidenza .img-product img {
        width: 70%;
        margin: 0 auto;
    }

    .prodotto-evidenza .btn {
        position: relative;
    }

    .nav.nav-tabs.tabs-home {
        width: 100%;
    }

    .nav.nav-tabs.tabs-home li {
        width: 20%;
    }

    .nav-tabs.tabs-home > li:first-child {
        margin-left: 0;
    }

    .icon-header figure {
        margin: 0 5px 0 5px;
    }

    .sticky .icon-header, .icon-header:not(.home){
        padding:0;
    }

    .nav.nav-tabs.tabs-home li.active {
        width: 60%;
    }

    div:not(.sticky) .nav.nav-tabs.tabs-home a {
        width: 100%;
    }

    div:not(.sticky) .nav.nav-tabs.tabs-home a#kerberos-tab,
    div.sticky.maggiordomo .nav.nav-tabs.tabs-home a#kerberos-tab {
        background: url("/images/New/logo_kerberos_mobile.png") no-repeat center center;
        -webkit-background-size: 90%;
        -moz-background-size: 90%;
        -o-background-size: 90%;
        background-size: 90%;
        width: 100%;
    }

    div:not(.sticky) .nav.nav-tabs.tabs-home li.active a#kerberos-tab {
        background-image: url("/images/New/logo-kerberos.png");
    }

    div.sticky .nav.nav-tabs.tabs-home li.active a#kerberos-tab {
        background-image: url("/images/New/logo-kerberos.png");
    }

    div:not(.sticky) .nav.nav-tabs.tabs-home a#xmonitor-tab,
    div.sticky.maggiordomo .nav.nav-tabs.tabs-home a#xmonitor-tab {
        background: url("/images/New/logo_x_monitor_mobile.png") no-repeat center center;
        -webkit-background-size: 90%;
        -moz-background-size: 90%;
        -o-background-size: 90%;
        background-size: 90%;
        margin-top: 0;
    }


    div:not(.sticky) .nav.nav-tabs.tabs-home a#maggiordomo-tab {
        background: url("/images/New/logo_maggiordomo_mobile.png") no-repeat center center;
        -webkit-background-size: 90%;
        -moz-background-size: 90%;
        -o-background-size: 90%;
        background-size: 90%;
        margin-top: 0;
    }



    .responsive-nav li > ul {
        display: none;
    }

    .responsive-nav li.active > ul {
        display: block;
    }

    .responsive-nav .icon-header {
        width: 100%;
        padding: 0;
    }

    .responsive-nav .icon-header figure {
        float: left;
    }

    .responsive-nav .icon-header figure.icon_menu {
        min-width: 40px;
        min-height: 40px;
        padding-right: 10px;
    }

    .carousel-inner {
        text-align: center;
    }

    .width250 {
        width: 20%;
    }

    .prodotto-lista {
        padding: 0;
        margin-bottom: 0px;
    }

    .specification-detail {
        padding: 0;
    }

    #left-to-fix {
        padding-right: unset;
    }

    .prodotto-evidenza {
        padding: 3px;
    }

    a.btn-text {
        position: unset;
    }

    .row-solution a {
        width: 80%;
        margin-left: 10%;
    }

    #carousel-soluzioni .div-solution-container p {
        margin-bottom: 30px;
    }

    .div-solution-container {
        min-height: unset;
        margin-bottom: 10px;
    }

    .contact-form {
        padding-right: 0;
    }

    .contact-us {
        padding-left: 0;
    }

    .owl-nav {
        display: none;
    }

    .carousel-home .carousel-caption h3 {
        /*font-size: 5.4vw;*/
    }

    .carousel-home .carousel-caption h5 {
        /*font-size: 3vw;*/
        margin-bottom: 20px;
    }

    .popover-inner {
        width: unset;
        max-width: unset;
    }

    .popover {
        width: unset;
        max-width: unset;
    }

    .description-project-news, .description-applicazione {
        border-left: none;
    }

    #richiedi-preventivo {
        padding: 30px 0;
    }

    .form-installatore  {
        margin-top:0;
    }

    #portfolio .div-progetti {
        max-height: unset;
        max-width: unset;
    }

    /*#region News */

    .vertical-text.tabs-left > li,
    .nav.nav-tabs.tabs-filter > li {
        position: relative;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        left: 0;
        top: 0;
        height: 40px;
        margin-bottom: 0;
        width: auto;
        float: left;
        text-align: center;
    }

    .vertical-text.tabs-left > li a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .nav.nav-tabs.tabs-filter > li a {
        padding-left: 5px;
        padding-right: 5px;
    }

    .vertical-text {
        margin-top: 0;
    }

    .vertical-text > li > a {
        border-radius: 0;
        width: 100%;
    }

    .tab-content.vertical {
        border-radius: 0;
    }

    /*#endregion */

    .copyrights .container .border-copyrights {
        border-top: none;
    }

    .about-page-fourth img {
        width: unset;
    }

    .grid-list.list {
        margin: 0 -15px;
    }

    .partners-item-box {
        padding: 0;
    }

    .app-logo {
        width: 100%;
    }

    .app-p {
        margin-top: 0;
    }

    .modal-installatore {
        padding: 0;
    }

    .form-installatore {
        padding: 15px;
    }
}

@media (max-width: 320px) {
    .row-title-page h1 {
        font-size: 28px;
    }
}

@media (max-width: 992px) {
    .div-solution-container, #soluzioni .div-solution-container .wrap-icon {
        background: #fff;
    }

    #soluzioni .div-solution-container .wrap-icon {
        border-radius: 50%;
    }
}

@media (max-width: 1024px) {

    .app-section {
        background:#fff !important;
        background-image: none;
    }

    .app-section h2 {
        width: 100%;
        text-align: center;
    }

        .gruppo-section .wrap-box .box-image {
            position: static;
            z-index: 1;
        }

    .carousel-home .carousel-caption h5 {
        font-size: 16px;
        line-height: 24px;
        max-height: 96px;
        overflow: hidden;
        display:none;
    }

    .carousel-home .carousel-caption h3 {
        margin-bottom: 10px;
        font-size: 32px;
        line-height: 40px;
    }

    .tabs-left-container {
        float: none;
    }

    .vertical-text.tabs-left > li {
        position: relative;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        left: 0;
        top: 0;
        height: 40px;
        margin-bottom: 0;
        width: auto;
        float: left;
        text-align: center;
    }

    .vertical-text.tabs-left, .vertical-text.tabs-left > li:nth-of-type(2), .vertical-text.tabs-left > li:nth-of-type(3) {
        left: 0;
        top: 0;
    }
}

/*#region MediaQueryTablet */
@media (min-width: 481px) and (max-width: 768px) {

    .navigation > a.navigation_link {
        font-size: 12px;
    }

    h2 {
        font-size: 26px;
        line-height: 34px;
        margin-top: 0;
    }

    .w3-container {
        padding: 7px 0;
    }

    .logo-maggioTecno {
        text-align: center;
    }

    /*#region Header */
    div:not(.sticky) .nav.nav-tabs.tabs-home a#kerberos-tab,
    div.sticky.maggiordomo .nav.nav-tabs.tabs-home a#kerberos-tab,
    div:not(.sticky) .nav.nav-tabs.tabs-home a#maggiordomo-tab,
    div:not(.sticky) .nav.nav-tabs.tabs-home a#xmonitor-tab,
    div.sticky.maggiordomo .nav.nav-tabs.tabs-home a#xmonitor-tab {
        background-size: 45%;
    }



    /*#endregion */

    /*#region ListaProdotti */
    .prodotto-lista > div:first-child {
        flex: 0 0 33.33%;
    }

    .prodotto-lista .titolo {
        font-size: 18px;
        /*height: 58px;*/
    }

    .prodotto-lista .descrizione, .prodotto-lista .descrizione p, .prodotto-lista .descrizione p span {
        font-size: 8pt !important;
        height: 67px;
    }

    ul.ul-pdf li {
        /*font-size: 9px;*/
    }

    .list.list-category, .list.list-solution {
        font-size: 13px;
    }

    .list-category li, .list-solution li {
        width: 50%;
    }

    .prodotto-lista .img-product {
        padding: 2px;
        padding-bottom: 31px;
    }
    /*#endregion */

    /*#region News */

    .tab-news-left {
        padding: 20px;
    }

    /*#endregion */

    /*#region Servizi */
    .owl-item > div.image-servizi {
        height: 80px;
        width: 80px;
    }

    .owl-item.center > div.image-servizi {
        height: 120px;
        width: 120px;
    }

    .owl-item.medium > div.image-servizi {
        height: 80px;
        width: 80px;
        opacity: .75;
    }

    .owl-item.big > div.image-servizi {
        cursor: auto;
        height: 100px;
        width: 100px;
        opacity: 1;
    }

    .owlCustomPreviousBtn, .owlCustomNextBtn {
        /*line-height: normal;
        font-size: 80px;
        font-size: 13vw;*/
    }
    /*#endregion */

    /*#region ProdottiEvidenza */


    /*#endregion */

    /*#region Kerberos */

 

    /*-----------------------------------------------------
    New Section HP Kerberos
-----------------------------------------------------*/



                .gruppo-section .wrap-box .box-content .txt {
                    min-height: 150px;
                }

   

            .gruppo-section .wrap-box .box-image {
                position: static;
                z-index: 1;
            }

    /*-----------------------------------------------------
    /New Section HP Kerberos
-----------------------------------------------------*/


    .responsive-nav ul > li > a.nav-link {
        background-size: 70% !important;
        background-position: 20px center !important;
    }

    /*#endregion */

    .owlCustomPreviousBtn, .owlCustomNextBtn {
        padding-top: 24px;
    }
}

/*#endregion */

/*#region MediaQueryTablet2 */

@media (min-width: 769px) and (max-width: 992px) {
    /*#region ListaProdotti */

    .list-category, .list-solution {
        font-size: 11px;
    }

    .prodotto-lista .img-product {
        padding: 0 5px;
        padding-bottom: 29px;
    }

    ul.ul-pdf li {
        font-size: 11px;
    }

    /*#endregion */

    /*#region Slider Prodotti */
    .prodotto-evidenza {
        padding: 0 10px;
    }


    .prodotto-evidenza .img-product {
        width: 200px;
        height: 200px;
    }

    .prodotto-evidenza .product-detail {
        width: calc(100% - 200px);
        overflow: hidden;
    }

    /*#endregion */

    .gruppo-section .btn {
        white-space: normal;
    }

    .tab-content.sticky .nav-tabs.tabs-home {
        position: relative;
        width: 100%;
    }

    div.sticky .nav.nav-tabs.tabs-home a#kerberos-tab {
        width: 310px;
    }

    .tab-content.sticky .nav-tabs.tabs-home a {
        width: 200px;
    }

    #portfolio .div-progetti {
        max-height: 335px;
    }

    #portfolio .div-progetti p{
        max-height: 110px;
    }

    .nav.nav-tabs.tabs-home li {
        max-width: 29%
    }

    .nav.nav-tabs.tabs-home li:first-of-type {
        max-width: 37%
    }

    .nav.nav-tabs.tabs-home li a{
        max-width: 100%
    }

    .carousel-home .carousel-caption {
        padding: 3.75vw 6vw;
    }

    .owlCustomPreviousBtn, .owlCustomNextBtn {
        font-size: 103px;
        line-height: normal;
        padding-top: 0;
    }

    .vertical-text.tabs-left, .vertical-text.tabs-left > li:nth-of-type(2), .vertical-text.tabs-left > li:nth-of-type(3) {
        margin-left: 5px;
    }
}

/*#endregion */

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

    .gruppo-section .btn {
        white-space: normal;
    }

    .tab-content.sticky .nav-tabs.tabs-home a {
        width: 120px;
    }

    div.sticky .nav.nav-tabs.tabs-home a#kerberos-tab {
        width: 176px;
    }

    .owl-item.big > div.image-servizi {
        width: 110px;
        height: 110px;
    }

    .owl-item.medium > div.image-servizi {
        width: 95px;
        height: 95px;
    }

    .owl-item > div.image-servizi {
        width: 85px;
        height: 85px;
    }

    .owlCustomPreviousBtn, .owlCustomNextBtn {
        font-size: 100px;
        line-height: 1;
        padding-top: 0;
    }

    .sticky .icon-header figure img, .icon-header:not(.home) figure img {
        margin: 0 5px;
    }

    #portfolio .div-progetti {
        max-height: 340px;
    }

        #portfolio .div-progetti p {
            max-height: 80px;
        }

    .carousel-home .carousel-caption {
        padding: 3.75vw 7vw;
    }
        
    .carousel-home .carousel-caption h3 {
        font-size: 28px;
    }

    .carousel-home .carousel-caption h5 {
        font-size: 16px;
        margin-bottom: 1.18vw;
    }
}

/*#region Footer */
@media (max-width: 991px) {
    .footer-right .certificato span {
        font-size: 12px;
    }

    .tab-news-left, .tab-news-right {
        width: 100%;
        float: none;
        border-radius: 0;
    }

    .tab-news-left {
        height: 200px;
        overflow: hidden;
        padding: 0px 20px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .tab-content.vertical h2 {
        margin-bottom: 0;
    }
}



@media (max-width: 767px) {
    .footer-box {
        min-height: initial;
        border-bottom: 1px solid #3b3a3a;
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer-centers, .footer-right {
        padding-left: 15px;
    }

    .footer-left {
        /*padding-bottom: 20px;*/
    }

    .footer-box {
        margin-top: 0;
        min-height: unset;
        padding-bottom: 10px;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #3b3a3a;
    }

    .footer-right {
        padding-bottom: 30px;
        border-left: none;
    }

    .footer-box {
        margin-top: 0;
    }

    .footer-box:last-child {
        padding-bottom: 30px;
    }

    .footer-left {
        /*border: 0;*/
    }

    .footer-centers {
    }

    .footer-right {
        padding-bottom: 0;
    }

    .footer h2 {
        font-size: 26px;
    }
}

/*#endregion */

@media (max-width: 468px) {
    .carousel-home .carousel-caption h3 {
        /*font-size:16px;*/
        margin-top: 40px;
        margin-bottom: 10px;
    }


    .carousel-home .carousel-caption h3 {
        width: 100%;
    }

    .carousel-home .carousel-caption {
        /*display:none;*/
    }
}

@media (max-width: 1020px) {
    .menu_central {
        display: none;
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        height: 100dvh;
        z-index: 9999;
        align-items: center;
        background-color: var(--gray_kerberos);
        transform-origin: top left;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-evenly;
    }

    .menu_central.show_menu {
        display: flex; /* Mostra il menu al click sul pulsante */
    }

    .menu_central > * {
        border-top: 1px solid #ffffff; /* Linea divisoria bianca sopra ogni elemento */
        width: 100%; /* Per fare in modo che il divisore attraversi l'intera larghezza */
        text-align: center; /* Centrare il testo degli elementi */
        height: 100%;
    }

    .menu_central > *:first-child {
        border-top: none;
    }

    .icon-header {
        float: none;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

        .icon-header figure figcaption{
            color: white
        }

    .menu_right {

        /* display: none !important; */
        margin-right: 20px !important;
    }

    .menu-toggle {
        display: flex; /* Mostra il pulsante "hamburger" */
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px; /* Distanza tra le barre */
        width: 40px; /* Larghezza del pulsante */
        height: 40px; /* Altezza del pulsante */
        position: relative;
        cursor: pointer;
        z-index: 10000
    }

    .menu-toggle .bar {
        display: block;
        width: 40px; /* Larghezza della barra */
        height: 4px; /* Altezza della barra */
        background-color: #dadada;
        border-radius: 2px;
        transition: transform 0.3s ease, opacity 0.3s ease; /* Animazioni fluide */
    }

    /* Stile per la trasformazione in X */
    .menu-toggle.show_menu .bar:nth-child(1) {
        transform: rotate(45deg) translate(7px, 7px); /* Ruota e trasla */
    }

    .menu-toggle.show_menu .bar:nth-child(2) {
        opacity: 0; /* Nasconde la barra centrale */
    }

    .menu-toggle.show_menu .bar:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px); /* Ruota e trasla */
    }

    .contatti_mobile {
        display: block;
        justify-content: center;
    }

    .content-box {
    top:0;
    }
}



/* Media query per schermi più piccoli */
@media (max-width: 1024px) {

    .grigio {
        padding: 20px 0% 15px 0%;
    }

    .home_project_gallery {
        grid-template-columns: repeat(2, auto); /* Due colonne per tablet */
    }
}

@media (max-width: 768px) {
    .cosa-facciamo {
        grid-template-columns: 100%; /* Una colonna per schermi piccoli */
    }

    .home_project_gallery {
        grid-template-columns: 100%; /* Due colonne per tablet */
        padding: 10px 30px;
    }

    .grigio {
        padding: 20px 0% 15px 0%
    }

    .contattaci_home {
        background-attachment: scroll !important;
    }
}

/* Media query per tablet (tra 768px e 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
    .home_project_gallery > *:nth-last-child(2).hide-penultimo-tablet { /* Seleziona il penultimo figlio diretto di .cosa-facciamo che ha la classe hide-penultimo-tablet */
        display: none; /* Nascondilo */
    }
}

/* Schermi più piccoli di 992px (tablet e schermi più piccoli) */
@media (max-width: 992px) {
    .blog-post {
        width: 50%; /* 2 colonne su tablet */
    }

    .prodottoEvidenziato {
        width: 100%;
    }

}

/* Schermi più piccoli di 768px (telefoni cellulari) */
@media (max-width: 768px) {
    .chi_siamo_content-wrapper {
        flex-direction: column;
        height: auto;
        padding: 0 20px;
        gap: 50px;
    }

    .cosa_facciamo_image {
        background: #0D284F;
        max-width: 400px;
    }

    .wrapper_image {
        background: none;
        display: flex;
        justify-content: center;
    }

    .text-container {
        text-align: center !important
    }

    .text-container_h2 {
        font-size: 30px;
        line-height: 42px;
        width: 100%;
    }

    .text-container_p {
        font-size: 14px;
        line-height: 22px;
    }

    .blog-post {
        width: 100%; /* 1 colonna su mobile */
    }


    .blog-post-contenitor {
        padding-left: 16px; /* Aggiungi padding sinistro per allineare il contenuto */
        padding-right: 16px; /* Aggiungi padding destro per allineare il contenuto */
        row-gap: 16px; /* Riduci la distanza tra le righe */
        padding-top: 2.8125rem; /* Riduci il padding top */
        padding-bottom: 2.8125rem; /* Riduci il padding bottom */
    }

    .blog-post-card {
        height: auto; /* Altezza automatica per adattarsi al contenuto su mobile */
        flex-direction: column; /* Assicurati che sia column per mobile */
    }

    .blog-post-content {
        padding: 16px; /* Riduci il padding del contenuto su mobile */
        padding-bottom: 0;
    }

    .blog-post-title {
        font-size: 20px; /* Riduci la dimensione del titolo su mobile */
    }

    .blog-post-meta {
        padding: 10px 16px; /* Riduci il padding del meta su mobile */
        padding-top: 0;
    }


    .prodottoEvidenziato-flex-container {
        display: flex;
        flex-direction: column;
        height: 268px;
    }

    .prodottoEvidenziato-content {
        height: auto;
        position: relative;
        text-align: left;
        color: white;
        display: block;
        padding: 0 20px;
    }

    .prodottoEvidenziato-image-tag {
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    .prodottoEvidenziato-subtitle {
        color: white;
        text-transform: capitalize;
        line-height: 22px;
        font-size: 15px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .prodottoEvidenziato-cta{
        display:none
    }

    .prodottoEvidenziato-image {
        display: flex;
        justify-content: center;
        border-bottom: 1px solid #ffffff;
        height: 204px;
        padding: 0
    }

}

/* Schermi molto piccoli (es. telefoni molto stretti) - Opzionale */
@media (max-width: 576px) {
    .blog-post-title {
        font-size: 18px; /* Ulteriore riduzione del titolo se necessario */
    }
}

/* Responsive Design (Opzionale, per schermi più piccoli) */
@media (max-width: 980px) {
    .blog-read-container {
        flex-direction: column; /* Impila le sezioni su schermi piccoli */
        padding: 0 10px; /* Riduce padding laterale */
    }

    .blog-read-sidebar-left,
    .blog-read-sidebar-right {
        position: static; /* Rimuove sticky sidebar su mobile */
        width: 100%; /* Sidebar a piena larghezza su mobile */
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px; /* Spazio tra le sidebar e il contenuto su mobile */
        height: auto; /* Altezza automatica su mobile */
        overflow-y: visible; /* Rimuove scrollbar su mobile */
        padding-top: 0; /* Rimuove padding top su mobile */
    }

    .blog-read-content {
        padding-right: 0; /* Rimuove padding destro su mobile */
    }

    .blog-read-progress-bar-sticky {
        position: fixed; /* Mantiene sticky su mobile se desiderato */
    }
}

/* Media query per schermi più piccoli (es. tablet e mobile) */
@media (max-width: 768px) {
    .inizio_home_h1 {
        margin: 0;
        font-size: 10vw;
    }
    .inizio_home_h3 {
        font-size: 6vw;
    }


    .search-results-container {
        padding: 1rem; /* Riduce il padding sui lati */
        margin: 1rem auto; /* Riduce il margin top e bottom */
    }

    .search-results-title {
        font-size: 1.75rem; /* Diminuisce la dimensione del titolo */
        margin-bottom: 1rem; /* Riduce il margin bottom del titolo */
    }

    .category-header {
        padding: 0.75rem 1rem; /* Riduce il padding nell'header della categoria */
    }

    .category-title {
        font-size: 1.125rem; /* Diminuisce la dimensione del titolo della categoria */
    }

    .category-content {
        padding: 0 1rem 1rem; /* Riduce il padding del contenuto della categoria */
    }

    .articles-list {
        gap: 15px; /* Riduce il gap tra gli articoli */
    }

    .article-item {
        width: calc(50% - 15px); /* Articoli a due colonne su tablet */
        padding: 1rem; /* Riduce il padding interno degli articoli */
        flex-direction: column; /* Imposta la direzione a colonna su schermi piccoli */
        align-items: stretch; /* Allinea gli elementi orizzontalmente */
    }

    .article-image {
        margin-right: 0; /* Rimuove il margin a destra dell'immagine */
        margin-bottom: 1rem; /* Aggiunge margin bottom per separare immagine dal testo */
        width: 100%; /* L'immagine occupa tutta la larghezza disponibile */
        height: auto; /* Altezza automatica per mantenere le proporzioni */
        object-fit: cover; /* Assicura che l'immagine copra l'area senza distorsioni */
    }

    .article-item-content {
        /* Non sono necessarie modifiche particolari, si adatta al layout a colonna */
    }

    .resource-item, .blog-item {
        padding: 1rem; /* Riduce il padding interno per risorse e blog */
    }

        .article-item h3, .resource-item h3, .blog-item h3 {
            font-size: 1.25rem; /* Diminuisce la dimensione dei titoli degli item */
            margin-bottom: 0.5rem; /* Riduce il margin bottom dei titoli degli item */
        }

    .article-content-preview, .resource-description, .blog-subtitle {
        font-size: 0.9rem; /* Diminuisce la dimensione del testo di anteprima */
    }

    .read-more-link {
        font-size: 0.8rem; /* Diminuisce la dimensione del link "Leggi di più" */
    }

    .blog-date {
        font-size: 0.7rem; /* Diminuisce la dimensione della data del blog */
    }
}

/* Media query per schermi ancora più piccoli (es. mobile) */
@media (max-width: 480px) {
    .article-item {
        width: 100%; /* Articoli a una colonna su mobile */
    }

    .articles-list {
        flex-direction: column; /* Imposta gli articoli in colonna su mobile */
    }

    .articles-list, .resources-list, .blogs-list {
        padding: 0; /* Rimuove padding liste su mobile se necessario */
    }

    .search-results-title {
        font-size: 1.5rem; /* Diminuisce ulteriormente il titolo su mobile */
    }
}

/* Responsive per schermi molto piccoli (es. telefoni) */
@media (max-width: 1024px) {
    .blog-read-header-section {
        padding: 15px;
    }

    .blog-read-main-title {
        font-size: 2em;
    }

    .blog-read-container {
        padding: 0 10px;
        /* Layout a colonna singola, sidebar non sticky */
        grid-template-columns: 1fr;
    }

    .blog-read-sidebar-left,
    .blog-read-sidebar-right,
    .blog-read-content {
        padding: 15px;
    }

    .blog-read-sidebar-left,
    .blog-read-sidebar-right {
        /* Rimuovi sticky per layout a colonna singola */
        position: static;
        height: auto;
        overflow-y: visible;
    }

    .blog-read-latest-news-item {
        flex-direction: column; /* Impila immagine e testo su schermi piccoli */
        align-items: center; /* Centra gli elementi */
        text-align: center; /* Centra il testo */
    }

    .blog-read-latest-news-image {
        margin-right: 0; /* Rimuove margine destro su schermi piccoli */
        margin-bottom: 10px; /* Aggiunge margine sotto l'immagine */
        width: 80%; /* Immagine più grande su schermi piccoli */
        max-width: 200px; /* Larghezza massima immagine */
        height: auto; /* Altezza automatica per mantenere proporzioni */
    }

    .blog-read-sidebar-left {
        display: none;
    }

    .blog-read-sidebar-right {
        grid-column: 1 / 2; /* Assicura posizionamento corretto nel layout a colonna singola */
    }

    .blog-read-content {
        grid-column: 1 / 2; /* Assicura posizionamento corretto nel layout a colonna singola */
    }

    .blog-read-progress-bar-container {
        width: 100%;
        transform: translateX(0%);
    }
}

@media (max-width: 768px) {
    .blog-list-container {
        flex-direction: column;
    }

    .blog-sidebar-left {
        width: 100%;
        margin-right: 0;
        padding-top: 0;
        height: auto;
    }

    .blog-sidebar-top-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .blog-sidebar-desktop{
        display:none
    }

    .profdotti-post-container {
        margin-left: 0px;
    }

    .blog-sidebar-categories-desktop {
        display: none;
    }

    .blog-post-contenitor {
        margin-left: 0;
        padding-top: 20px;
    }

    .blog-post {
        width: 100%;
        padding-left: 0;
    }

    .blog-sidebar-search-mobile {
        width: auto;
        width: 100%;
        padding-bottom: 0px;
    }

    .blog-mobile-dropdown-button {
        display: block
    }

    .laNostraEsperienza {
        padding: 0px 0px 0px 0px;
        background: #fafafa;
    }

}

/* Per schermi più piccoli, imposta il layout a una colonna */
@media (max-width: 992px) {
    .blog-read-container {
        grid-template-columns: 1fr; /* Una sola colonna */
        /* Le sidebar non sono sticky in layout a colonna singola, si comportano normalmente */
    }
}

/* Media query corretta per nascondere sotto 380px */
@media (max-height: 380px) { /* Corretto il nome della proprietà */
    .circle-arrow {
        display: none;
    }
}

@media (max-width: 1124px) {

    .text-container {
        width: 100%;
    }
}