@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {

    .popup {
        bottom: 5rem;
        left: 4rem;
        width: calc(100% - 8rem);
    }

    .desktop-lang {
        transform: translateX(0);
    }
    
    .h4-c {
        font-size: 21px;
        line-height: 23px;
    }
    
    .num-img img {
        width: 6rem;
    }
    
    .h4-b {
        font-size: 21px;
        line-height: 23px;
    }
    
    .h2-a.team{
        text-align:center;
    }
    
    .serv-title h3 {
        font-size: 35px;
        line-height: 37px;
    }

    .footer-logo img {
        width: 10rem;
    }

    .gamma-button-container{
        display: none;
    }

    .hero-title {
        height: 65vh;
    }

    .navbar-cont {
        display: none;
    }

    .striscia-menu-2 {
        height: 3.5rem;
        left:0;
    }

    .menu-scroll .striscia-menu-2 {
        height: 3.5rem;
    }

    .logo {
        margin-left: 0;
    }

    .nav-containter {
        height: 1.5rem;
    }

    .bgd-nav {
        padding: 1rem;
    }

    .logo-gramma {
        width: 3rem;
    }

    .logo-tipo {
        width: 8.5rem;
    }

    .hero-title h2 {
        font-size: 55px;
        line-height: 60px;
    }

    .hero-title h1 {
        font-size: 55px;
        line-height: 60px;
    }

    .hero-logo{
        display: none;
    }

    .hero-mask{
        display: none;
    }
    
    .swiper-slide {
        height: 70vh;
    }

    .home-products {
        padding: 4rem 0 2rem 0;
    }

    .sub-title h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .sub-title h3 {
        font-size: 40px;
        line-height: 40px;
    }

    .home-products-cards{
        padding: 1rem 0;
        align-content: center;
        justify-content: center;
        flex-direction: row;
        align-items: center;
        gap: 2rem;
        flex-wrap: wrap;
    }

    .card-wrapper {
        padding: 1rem;
    }

    .home-prod-card {
        max-width: 29%;
        padding: 1rem;
        margin-bottom: 0;
    }

    .prod-card-img img {
        width: 7rem;
    }

    .prod-card-text h3 {
        font-size: 26px;
        line-height: 29px;
    }

    .prod-card-text p {
        font-size: 17px;
        line-height: 21px;
    }


    .button-prod {
        opacity: 1;
        visibility: visible;
        transition: 0.3s;
    }


    .client-container {
        justify-content: center;
        /* flex-direction: column; */
        align-items: center;
        align-content: center;
        gap: 14rem;
    }

    .home-client-mask {
        left: -15rem;
    }

    .home-client-img img {
        width: 10rem;
        margin-bottom: 1rem;
    }

    .home-client-title {
        margin-bottom: 1rem;
    }

    .home-client-title h3 {
        font-size: 40px;
        line-height: 40px;
    }

    .home-specie {
        padding: 4rem 0;
    }

    .home-specie-container {
        padding: 0;
        justify-content: center;
        gap: 2rem;
    }

    .home-card-specie {
        width: 18%;
        padding: 0.5rem;
    }

    .home-specie-button {
        margin-top: 2rem;
        padding: 0 1rem;
    }

    .specie-wrapper {
        padding: 0.5rem;
    }

    .home-card-specie:hover .specie-wrapper {
        transform: scale(1.1);
        padding: 0.5rem;
    }

    .home-cert {
        padding: 1rem 0 5rem 0;
    }

    .cert-container {
        justify-content: space-around;
        flex-direction: row;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .cert {
        padding: 1rem;
    }

    .cert img {
        width: 6rem;
    }


    .home-cert-button {
        margin-top: 2rem;
        padding: 0 1rem;
    }

    .home-specie-img img {
        width: 6rem;
    }


/* 
    .mob-none{
        display: none;
    } */

    .side-menu{
        display: block;
    }


    .nav-containter{
        border-bottom: 0;
    }


    .hero-container {
        padding: 2rem 1.5rem 0 1.5rem;
    }

    .h1-a{
        font-size: 50px;
        line-height: 50px;
    }

    .breadcrumb-page{
        display: none;
    }

    .hero {
        padding: 4rem 0;
    }

    .quality-container {
        padding-top: 4rem;
        padding-bottom: 2rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .ul-quality {
        padding: 2rem 0;
    }

    .quality-cert {
        padding: 4rem 1rem;
    }


    .h2-a {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 1rem;
    }

    .card-q {
        flex-wrap: wrap;
        padding: 2rem;
        gap: 2rem;
    }

    .card-q-img {
        flex: 0 0 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .card-q-text {
        flex: 0 0 100%;
    }



    .stat-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
        align-content: flex-start;
        padding-bottom: 0;
    }

    .stat-container > div {
        width: 45%;
        min-height: 11rem;
    }



    .h2-b {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 1rem;
    }

    .azienda {
        padding: 4rem 1rem;
    }

    .storia {
        padding: 4rem 1rem;
    }

    .col-history {
        width: 100%;
    }

    .map-image {
        height: 45vh;
        margin-bottom: 0;
    }

    .azienda-stats {
        padding: 4rem 1rem;
    }

    .last-stat-1{
    }

    .h4-a {
        font-size: 23px;
    }

    .stat-img img {
        width: 5rem;
    }

    .last-stat-2{
        /* padding-bottom: 0!important; */
        margin-bottom: 0!important;
    }



    .gamma {
        padding: 4rem 1rem;
    }

    .gamma-button {
        width: 80%;
    }

    .gamma-products {
        margin-top: 0;
        padding-left: 0;
        border-left: 0;
    }

    .gamma-products li {
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .people{
        padding: 4rem 1rem;
    }
    
    .az-products-cards {
        gap: 2rem;
        flex-direction: row;
        margin: 0;
    }

    .stat-text p {
        font-size: 15px;
    }

    .customers {
        padding: 4rem 1rem;
    }

    .customers-container {
        flex-direction: row;
        gap: 2rem;
    }

    .customer-card {
        padding: 0;
        width: 100%;
    }

    .c-card-text h3 {
        font-size: 40px;
        line-height: 40px;
    }

    .contacts {
        padding: 4rem 1rem;
    }

    .choice-sel {
        display: grid;
        align-items: flex-start;
        grid-template-columns: 60px auto;
    }

    .checkbox-mask {
        margin-left: 5px;
    }

    .label-check {
        font-size: 13px;
        line-height: 16px;
    }

    .input-c {
        margin-bottom: 15px;
    }

    .m-t-2 {
        margin-top: 1rem;
    }

    .gamma-wrapper {
        padding-right: 0;
    }

    .tab{
        display: block;
    }

    .footer-mask {
        top: -22rem;
        width: 15rem;
    }
}











































@media only screen 
and (min-device-width: 1100px) 
and (max-device-width: 1200px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {

    .popup {
        bottom: 5rem;
        left: 4rem;
        width: calc(100% - 8rem);
    }

    .desktop-lang {
        transform: translateX(0);
    }
    
        
    .h4-c {
        font-size: 21px;
        line-height: 23px;
    }
    
    .num-img img {
        width: 6rem;
    }
    
    
    .h4-b {
        font-size: 21px;
        line-height: 23px;
    }
    
    .h2-a.team{
        text-align:center;
    }
    
    .serv-title h3 {
        font-size: 36px;
        line-height: 37px;
    }

    .footer-logo img {
        width: 10rem;
    }

    .gamma-button-container{
        display: none;
    }

    .hero-title {
        height: 65vh;
    }

    .navbar-cont {
        display: none;
    }

    .striscia-menu-2 {
        height: 3.5rem;
        left:7rem;
    }

    .menu-scroll .striscia-menu-2 {
        height: 3.5rem;
    }

    .logo {
        margin-left: 0;
    }

    .nav-containter {
        height: 1.5rem;
    }

    .bgd-nav {
        padding: 1rem;
    }

    .logo-gramma {
        width: 3rem;
    }

    .logo-tipo {
        width: 8.5rem;
    }

    .hero-title h2 {
        font-size: 55px;
        line-height: 60px;
    }

    .hero-title h1 {
        font-size: 55px;
        line-height: 60px;
    }

    .hero-logo{
        display: none;
    }

    .hero-mask{
        display: none;
    }
    
    .swiper-slide {
        height: 70vh;
    }

    .home-products {
        padding: 4rem 0 2rem 0;
    }

    .sub-title h2 {
        font-size: 40px;
        line-height: 42px;
    }

    .sub-title h3 {
        font-size: 40px;
        line-height: 40px;
    }

    .home-products-cards{
        padding: 1rem 0;
        align-content: center;
        justify-content: center;
        flex-direction: row;
        align-items: center;
        gap: 2rem;
        flex-wrap: wrap;
    }

    .card-wrapper {
        padding: 1rem;
    }

    .home-prod-card {
        max-width: 29%;
        padding: 1rem;
        margin-bottom: 0;
    }

    .prod-card-img img {
        width: 7rem;
    }

    .prod-card-text h3 {
        font-size: 26px;
        line-height: 29px;
    }

    .prod-card-text p {
        font-size: 17px;
        line-height: 21px;
    }


    .button-prod {
        opacity: 1;
        visibility: visible;
        transition: 0.3s;
    }


    .client-container {
        justify-content: center;
        /* flex-direction: column; */
        align-items: center;
        align-content: center;
        gap: 8rem;
    }

    .home-client-mask {
        left: -10rem;
    }

    .home-client-img img {
        width: 10rem;
        margin-bottom: 1rem;
    }

    .home-client-title {
        margin-bottom: 1rem;
    }

    .home-client-title h3 {
        font-size: 47px;
        line-height: 50px;
    }

    .home-specie {
        padding: 4rem 0;
    }

    .home-specie-container {
        padding: 0;
        justify-content: center;
        gap: 2rem;
    }

    .home-card-specie {
        width: 18%;
        padding: 0.5rem;
    }

    .home-specie-button {
        margin-top: 2rem;
        padding: 0 1rem;
    }

    .specie-wrapper {
        padding: 0.5rem;
    }

    .home-card-specie:hover .specie-wrapper {
        transform: scale(1.1);
        padding: 0.5rem;
    }

    .home-cert {
        padding: 1rem 0 5rem 0;
    }

    .cert-container {
        justify-content: space-around;
        flex-direction: row;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .cert {
        padding: 1rem;
    }

    .cert img {
        width: 6rem;
    }


    .home-cert-button {
        margin-top: 2rem;
        padding: 0 1rem;
    }

    .home-specie-img img {
        width: 6rem;
    }


/* 
    .mob-none{
        display: none;
    } */

    .side-menu{
        display: block;
    }


    .nav-containter{
        border-bottom: 0;
    }


    .hero-container {
        padding: 2rem 1.5rem 0 1.5rem;
    }

    .h1-a{
        font-size: 50px;
        line-height: 50px;
    }

    .breadcrumb-page{
        display: none;
    }

    .hero {
        padding: 4rem 0;
    }

    .quality-container {
        padding-top: 4rem;
        padding-bottom: 2rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .ul-quality {
        padding: 2rem 0;
    }

    .quality-cert {
        padding: 4rem 1rem;
    }


    .h2-a {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 1rem;
    }

    .card-q {
        flex-wrap: wrap;
        padding: 2rem;
        gap: 2rem;
    }

    .card-q-img {
        flex: 0 0 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .card-q-text {
        flex: 0 0 100%;
    }



    .stat-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
        align-content: flex-start;
        padding-bottom: 0;
    }

    .stat-container > div {
        width: 43%;
        gap: 2rem;
        min-height: 10rem;
    }



    .h2-b {
        font-size: 40px;
        line-height: 42px;
        margin-bottom: 1rem;
    }

    .azienda {
        padding: 4rem 1rem;
    }

    .storia {
        padding: 4rem 1rem;
    }

    .col-history {
        width: 100%;
    }

    .map-image {
        height: 44vh;
        margin-bottom: 0;
    }

    .azienda-stats {
        padding: 4rem 1rem;
    }

    .last-stat-1{
    }

    .h4-a {
        font-size: 23px;
    }

    .stat-img img {
        width: 5rem;
    }

    .last-stat-2{
        /* padding-bottom: 0!important; */
        margin-bottom: 0!important;
    }



    .gamma {
        padding: 4rem 1rem;
    }

    .gamma-button {
        width: 80%;
    }

    .gamma-products {
        margin-top: 0;
        padding-left: 0;
        border-left: 0;
    }

    .gamma-products li {
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .people{
        padding: 4rem 1rem;
    }
    
    .az-products-cards {
        gap: 2rem;
        flex-direction: row;
        margin: 0;
    }

    .stat-text p {
        font-size: 15px;
    }

    .customers {
        padding: 4rem 1rem;
    }

    .customers-container {
        flex-direction: row;
        gap: 2rem;
    }

    .customer-card {
        padding: 0;
        width: 100%;
    }

    .c-card-text h3 {
        font-size: 40px;
        line-height: 40px;
    }

    .contacts {
        padding: 4rem 1rem;
    }

    .choice-sel {
        display: grid;
        align-items: flex-start;
        grid-template-columns: 60px auto;
    }

    .checkbox-mask {
        margin-left: 5px;
    }

    .label-check {
        font-size: 13px;
        line-height: 16px;
    }

    .input-c {
        margin-bottom: 15px;
    }

    .m-t-2 {
        margin-top: 1rem;
    }

    .gamma-wrapper {
        padding-right: 0;
    }

    .tab{
        display: block;
    }

    .footer-mask {
        top: -13rem;
        width: 15rem;
    }

}





































@media only screen 
and (min-device-width: 1366px) 
and (max-device-width: 1366px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {

    .popup {
        bottom: 5rem;
        left: 4rem;
        width: calc(100% - 8rem);
    }

    .desktop-lang {
        transform: translateX(0);
    }
    
    .h4-b {
        font-size: 21px;
        line-height: 23px;
    }
    
    .h2-a.team{
        text-align:center;
    }
    
    .serv-title h3 {
        font-size: 37px;
        line-height: 37px;
    }

    .hero-title {
        height: 63vh;
    }

    .navbar-cont {
        display: none;
    }

    .striscia-menu-2 {
        height: 3.5rem;
        left:7rem;
    }

    .menu-scroll .striscia-menu-2 {
        height: 3.5rem;
    }

    .logo {
        margin-left: 0;
    }

    .nav-containter {
        height: 1.5rem;
    }

    .bgd-nav {
        padding: 1rem;
    }

    .logo-gramma {
        width: 3rem;
    }

    .logo-tipo {
        width: 8.5rem;
    }

    .hero-title h2 {
        font-size: 55px;
        line-height: 60px;
    }

    .hero-title h1 {
        font-size: 55px;
        line-height: 60px;
    }

    .hero-logo{
        display: none;
    }

    .hero-mask{
        display: none;
    }
    
    .swiper-slide {
        height: 65vh;
    }

    .home-products {
        padding: 4rem 0 2rem 0;
    }

    .sub-title h2 {
        font-size: 40px;
        line-height: 42px;
    }

    .sub-title h3 {
        font-size: 40px;
        line-height: 40px;
    }

    .home-products-cards{
        padding: 1rem 0;
        align-content: center;
        justify-content: center;
        flex-direction: row;
        align-items: center;
        gap: 3rem;
        flex-wrap: wrap;
    }

    .card-wrapper {
        padding: 1rem;
    }

    .home-prod-card {
        max-width: 27%;
        padding: 1rem;
        margin-bottom: 0;
    }

    .prod-card-img img {
        width: 7rem;
    }

    .prod-card-text h3 {
        font-size: 26px;
        line-height: 29px;
    }

    .prod-card-text p {
        font-size: 17px;
        line-height: 21px;
    }


    .button-prod {
        opacity: 1;
        visibility: visible;
        transition: 0.3s;
    }


    .client-container {
        justify-content: center;
        /* flex-direction: column; */
        align-items: center;
        align-content: center;
        gap: 20rem;
    }

    .home-client-mask {
        left: -6rem;
    }

    .home-client-img img {
        width: 10rem;
        margin-bottom: 1rem;
    }

    .home-client-title {
        margin-bottom: 1rem;
    }

    .home-client-title h3 {
        font-size: 47px;
        line-height: 50px;
    }

    .home-specie {
        padding: 4rem 0;
    }

    .home-specie-container {
        padding: 0;
        justify-content: center;
        gap: 2rem;
    }

    .home-card-specie {
        width: 18%;
        padding: 0.5rem;
        min-height: 12rem;
    }

    .home-specie-button {
        margin-top: 2rem;
        padding: 0 1rem;
    }

    .specie-wrapper {
        padding: 0.5rem;
    }

    .home-card-specie:hover .specie-wrapper {
        transform: scale(1.1);
        padding: 0.5rem;
    }

    .home-cert {
        padding: 1rem 0 5rem 0;
    }

    .cert-container {
        justify-content: space-around;
        flex-direction: row;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .cert {
        padding: 1rem;
    }

    .cert img {
        width: 6rem;
    }


    .home-cert-button {
        margin-top: 2rem;
        padding: 0 1rem;
    }

    .home-specie-img img {
        width: 6rem;
    }


/* 
    .mob-none{
        display: none;
    } */

    .side-menu{
        display: block;
    }


    .nav-containter{
        border-bottom: 0;
    }


    .hero-container {
        padding: 2rem 1.5rem 0 1.5rem;
    }

    .h1-a{
        font-size: 50px;
        line-height: 50px;
    }

    .breadcrumb-page{
        display: none;
    }

    .hero {
        padding: 4rem 0;
    }

    .quality-container {
        padding-top: 4rem;
        padding-bottom: 2rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .ul-quality {
        padding: 2rem 0;
    }

    .quality-cert {
        padding: 4rem 1rem;
    }


    .h2-a {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 1rem;
    }

    .card-q {
        flex-wrap: nowrap;
        padding: 2rem;
        gap: 2rem;
    }

    .card-q-img {
        flex: 0 0 20%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .card-q-text {
        flex: 0 0 75%;
    }



    .stat-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
        align-content: space-around;
        padding-bottom: 0;
    }

    .stat-container > div {
        width: 45%;
    }



    .h2-b {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 1rem;
    }

    .azienda {
        padding: 4rem 1rem;
    }

    .storia {
        padding: 4rem 1rem;
    }

    .col-history {
        width: 100%;
    }

    .map-image {
        height: 43vh;
        margin-bottom: 0;
    }

    .azienda-stats {
        padding: 4rem 1rem;
    }

    /* .last-stat-1{
        border-bottom: 1px solid #fff!important;
    } */

    .h4-a {
        font-size: 23px;
    }

    .stat-img img {
        width: 5rem;
    }

    .last-stat-2{
        /* padding-bottom: 0!important; */
        /* margin-bottom: 0!important; */
    }



    .gamma {
        padding: 4rem 1rem;
    }

    /* .gamma-button {
        width: 80%;
    } */

    .gamma-products {
        margin-top: 0;
        padding-left: 0;
        border-left: 0;
    }

    .gamma-products li {
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .people{
        padding: 4rem 1rem;
    }
    
    .az-products-cards {
        gap: 2rem;
        flex-direction: row;
        margin: 0;
    }

    .stat-text p {
        font-size: 15px;
    }

    .customers {
        padding: 4rem 1rem;
    }

    .customers-container {
        flex-direction: row;
        gap: 2rem;
    }

    .customer-card {
        padding: 0;
        width: 100%;
    }

    .c-card-text h3 {
        font-size: 40px;
        line-height: 40px;
    }

    .contacts {
        padding: 4rem 1rem;
    }

    .choice-sel {
        display: grid;
        align-items: flex-start;
        grid-template-columns: 60px auto;
    }

    .checkbox-mask {
        margin-left: 5px;
    }

    .label-check {
        font-size: 13px;
        line-height: 16px;
    }

    .input-c {
        margin-bottom: 15px;
    }

    .m-t-2 {
        margin-top: 1rem;
    }

    .gamma-wrapper {
        padding-right: 0;
    }

    .tab{
        display: block;
    }

    .footer-mask {
        top: -12rem;
        width: 20rem;
    }

}