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

    .desktop-lang {
        transform: translateX(0);
    }
    
    .contacts.mob-height {
        height: 50vh;
        overflow: hidden;
    }

    .single-stat{
        gap: 2rem;
    }
    
    .button-cert {
        display: block;
        width: 100%;
    }
    .products-page {
        padding: 2rem 0;
    }

    .serv-title h3 {
        font-size: 25px;
        line-height: 28px;
    }

    .serv-card {
        padding: 0;
    }

    .collapse-services {
        padding: 4rem 1rem;
    }

    .services {
        padding: 4rem 1rem;
    }

    .prod-button {
        width: 100%;
        margin-top: 1rem;
    }

    .prod-card {
        padding: 1rem;
    }

    .prod-text h3 {
        text-align: left;
    }

    .prod-text p {
        text-align: left;
    }

    .prod-card-wrapper {
        flex-direction: column;
        gap: 1rem;
        align-items: left;
    } 

    .map-text {
        padding-bottom: 2rem;
    }
    
    .num-img img {
        width: 6rem;
    }

    .num-container > div {
        border-right: 0;
        width: 100%;
        border-bottom: 1px solid #fff;
    }

    .num-container > div:last-child {
        border-bottom: 0;
    }

    .num-container {
        flex-direction: column;
    }

    .navbar-cont {
        display: none;
    }

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

    .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: 50px;
        line-height: 55px;
    }

    .hero-logo{
        display: none;
    }

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

    .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: column;
        align-items: center;
        gap: 2rem;
    }

    .card-wrapper {
        padding: 1rem;
    }

    .home-prod-card {
        max-width: 100%;
        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: 6rem;
    }

    .home-client-mask {
        display: none;
    }

    .home-client-mask-2 {
        left: 0;
        top: 0;
        width: 100%;
        height: 50%;
    }

    .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:1rem
    }

    .home-card-specie {
        width: 43%;
        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: center;
        flex-direction: row;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .cert {
        padding: 1rem;
    }

    .cert img {
        width: 7rem;
    }


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

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

    .button-sp {
        padding: 15px 29px;
        font-size: 16px;
        line-height: 18px;
    }



    .footer-wrapper {
        flex-direction: column;
        gap: 2rem;
        padding: 4rem 2rem 1rem 2rem;
    }

    .footer-info-wrapper {
        flex-direction: column;
        gap: 2rem;
        padding: 1rem 2rem 1rem 2rem;
    }

    .footer-logo {
        display: flex;
        width: 100%;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
    }

    .mob-none{
        display: none;
    }

    .footer-logo img {
        width: 8rem;
        height: 100%;
    }

    .footer-mask {
        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: 42px;
        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: left;
    }

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



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

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



    .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: 28vh;
        margin-bottom: 2rem;
    }

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

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

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

    .h4-b {
        font-size: 21px;
    }

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

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



    .gamma {
        padding: 4rem 1rem;
    }

    .gamma-button {
        width: 100%;
    }

    .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: column;
        margin: 0;
    }

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

    .customers {
        padding: 4rem 1rem;
    }

    .customers-container {
        flex-direction: column;
        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;
    }

    .home-specie-title h3 {
        font-size: 18px;
        line-height: 20px;
    }

    .flex-button {
        gap: 1rem;
    }

    .popup {
        padding: 1rem;
        left: 0;
        width: 100%;
        background-color: #000;
    }
    
    .body-popup {
        margin-top: 3rem;
        height: 30vh;
        overflow: scroll;
        margin: 3rem 0 0 0;
        padding-bottom: 0rem;
    }
    
    .close-popup {
    
        right: 1rem;
        top: 1rem;
    }
    
    .popup.show {
        transform: translateY(-62%);
    }

    .video-window {
        width: 100%;
        height: 27vh;
        border-radius: 15px;
    }

    .close-popup svg{
        fill: #fff;
    }
}