/* extralarge Desktop */
@media only screen and (max-width : 1800px) {
}















/* Large Desktop */
@media only screen and (max-width : 1200px) {
    #home4 .riga2 .article {
        width: calc(37vw - 50px);
    }
    #home2 img {
        height: unset;
    }
    #home2 {
        height: unset;
    }
    #home5 {
        height: unset;
    }
    #home5 img, #chisiamo3 img {
        height: unset;
    }
    #home2 h3 {
        font-size: 32px;
    }
    #home5 h3 {
        font-size: 24px;
    }
    #newsletter .testo h4 {
        font-size: 32px;
    }
    #home3 .slick-slide h3 {
        font-size: 32px;
    }
    #articolo-interno .riga1 .col-md-12 {
        height: 65vh;
    }
}





/* Desktop */
@media only screen and (max-width : 991px) {
    .home header ul li a, .page-template header ul li a, .page-template-default header ul li a{
        margin: 65px 5px 0 5px;
    }
	#home1 .testo h2 {
        font-size: 60px;
    }
    #home1 .testo p {
        font-size: 24px;
    }
    #home1 .cta a {
        font-size: 20px;
        width: 200px;
    }
    #ilmenu1 .testo p, #chisiamo1 .testo p, #storie1 .testo p {
        font-size: 44px;
        line-height: 130%;
    }
    #home1 .cta a, #ilmenu2 .cta a {
        padding: 15px 30px;
        font-size: 20px;
        width: 250px;
    }
    #chisiamo2 .riga2 {
        margin: 0px 0 0px 0;
    }
    #chisiamo2 div:nth-child(3).container {
        width: 100%;
    }
    footer .vertical {
        display: block;
    }
}





/* Tablet */
@media only screen and (max-width : 767px) {
    #contatti2 {
        padding: 80px 0;
    }
    #ilmenu1 .testo p, #chisiamo1 .testo p, #storie1 .testo p {
        font-size: 36px;
    }
    #ilmenu2 .menu-box .testo p {
        max-width: 100%;
    }
    #ilmenu2 .col-md-3 .img-menu-img {
        height: auto;
    }
    #ilmenu2 .col-md-3 .img-menu-box {
        height: auto !important;
    }
    #ilmenu2 .riga2 {
        display: block;
    }

    footer #mailpoet_form_2 form.mailpoet_form {
        padding: 0;
        margin-bottom: 15px;
    }
    footer .testo.center-text {
        text-align: unset;
        margin-top: 40px;
    }
    .menu-footer {
        margin: 40px 0px;
    }
    #home4 .riga2 .article {
        width: calc(49vw - 50px);
    }
    #home4 .slick-prev.slick-arrow {
        display: none !important;
    }
    #home4 .slick-next.slick-arrow {
        display: none !important;
    }
    #home4 .riga2 .slick-track {
        margin-left: 15px;
    }
    .page-template-default header ul li a, .page-template-storie header ul li a, .post-template-default header ul li a, .page-template-menu header ul li a, .page-template-chi-siamo header ul li a, .single header ul li a {
        color: #fff;
    }
    #home3 .slick-next.slick-arrow, #home3 .slick-prev.slick-arrow {
        display: none !important;
    }
    #home3 .slick-slide h3 {
        font-size: 26px;
        max-width: 345px;
    }
    #home3 .slide img {
        width: 360px;
    }
    #home5 {
        padding: 60px 0px;
    }
    #home5 img, #chisiamo3 img {
        height: unset;
        margin-bottom: 15px;
    }
    #newsletter .testo h4 {
        font-size: 28px;
    }
    #home4 .riga1 {
        padding: 0 15px 0px 15px;
    }
    #home4 .riga1 .testo {
        max-width: 100%;
        padding-left: 0;
    }
    #home4 {
        height: auto;
    }
    #home1 .cta a {
        font-size: 16px;
        width: max-content;
        margin: 0 8px;
    }
    .logo-header-mobile {
        display: block;
        position: fixed;
        margin: 15px;
    }
    .logo-header-mobile img {
        width: 100px;
        height: auto;
    }
    #home2 {
        padding: 60px 0px;
        height: auto;
    }
    #home5 .testo .cta, #chisiamo3 .testo .cta {
        position: unset;
    }
    .flex {
        display: block;
    }
    #home1 .testo h2 {
        font-size: 56px;
    }
    #home1 .testo p {
        font-size: 20px;
    }
    #home1 {
        background: url('https://www.muffuletteria.it/wp-content/uploads/2024/03/MUFFULETTERIA0160-2.jpg') 30% no-repeat;
        background-size: cover;
    }
    #menu-principale-1 li {
        display: block;
    }
    #menu-principale-1 li a {
        width: 100%;
        margin: 0;
    }
    .menu-principale-container {
        float: unset;
        margin-right: unset;
        width: 100%;
    }
    #showTop {
        position: fixed;
        top: 30px;
        right: 15px;
        z-index: 99999;
        background: unset;
        border: unset;
    }
    
      
      .hamburger .line {
        width: 35px;
        height: 3px;
        background-color: #fff;
        display: block;
        margin: 8px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
      
      .hamburger:hover{
        cursor: pointer;
      }
      
      
      #hamburger-2.is-active .line:nth-child(1){
        -webkit-transform: translateY(13px);
        -ms-transform: translateY(13px);
        -o-transform: translateY(13px);
        transform: translateY(13px);
      }
      
      #hamburger-2.is-active .line:nth-child(3){
        -webkit-transform: translateY(-13px);
        -ms-transform: translateY(-13px);
        -o-transform: translateY(-13px);
        transform: translateY(-13px);
      }
      #chisiamo4 .riga2 {
        padding: 0;
    }
    #ing-testo-img img {
        width: 100%;
    }
    #articolo-interno .riga1 .col-md-12 {
        height: 50vh;
    }
    #unisciti {
        height: 60vh;
    }
    #showTop {
        margin: 0 15px;
        padding: 0 !important;
        width: 35px;
        height: 35px;
    }
    #hamburger-2 {
        width: 35px;
        height: 35px;
    }
}





/* Mobile */
@media only screen and (max-width : 480px) {
    #storie1, #contatti1, #ilmenu1, #chisiamo1  {
        height: 75vh;
    }
    #unisciti {
        display: flex;
        align-items: flex-end;
        height: 50vh;
    }
    #articolo-interno .riga1 .col-md-12 {
        height: 30vh;
    }
    #ilmenu2 .riga3 .cta a {
        width: 52vw !important;
    }
    #home1 .cta a, #ilmenu2 .cta a {
        font-size: 16px;
        width: 40vw;
    }
    footer {
        padding: 80px 0px 0 0px;
    }
    #home4 .riga2 .article {
        width: calc(75vw - 50px);
    }
    #home1 {
        height: 90vh;
    }
    #chisiamo5 .testo {
        position: unset;
    }
    #chisiamo4 .riga1 h3 {
        font-size: 26px;
    }
    #ilmenu2 .row:first-child .testo p, #ing-testo-img p {
        font-size: 20px;
    }
    #ilmenu1 .testo p, #chisiamo1 .testo p, #storie1 .testo p {
        font-size: 30px;
    }
    #ilmenu2 .menu-box .testo p {
        max-width: 90%;
    }
    #ilmenu2 .row:first-child, #ilmenu2 .riga2, #storie2 .row-wrap {
        padding: 0;
    }
    #home3 .slide img {
        width: 300px;
    }
    #home3 .slick-slide h3 {
        font-size: 24px;
        max-width: 285px;
    }
    #home3 .slick-slide {
        margin-right: 30px;
    }
}