@media screen and (max-width:768px){

    body h1, body .h1{
        font-size: 40px;
    }

    body h2, body .h2{
        font-size: 36px;
    }

    body h4, body .h4{
        font-size: 24px;
    }

    .header_wrap .logo_header img{
        width: 95px;
    }
    .hero--wrapper .d-flex{
        flex-direction: column-reverse;
        padding-top: 90px;
    }

    .hero--wrapper .d-flex .img_wrap{
        max-width: 75%;
        margin: auto;
    }

    .section-hero::after{
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='289' height='559' viewBox='0 0 289 559' fill='none'%3E%3Cpath d='M73.4856 235.423C-65.4511 214.684 27.5231 51.1877 86.6006 -1.43763L547.321 -58.5728L593.935 492.652C304.132 651.249 232.304 487.645 265.502 372.137C291.332 282.264 212.422 256.162 73.4856 235.423Z' fill='%2368A3A9'/%3E%3C/svg%3E");
        background-size: 334px;
        background-repeat: no-repeat;
        padding-top: 60px;
        background-position: 55px 100px;
        position: absolute;
        width: 100%;
        height: 100vh !important;
        right: -25px;
        top: -109px;
        z-index: -1;
    }
    .section-hero{
        background-image: none !important;
        position: relative;
        overflow-x: hidden;
    }
    .section-hero .hero--wrapper{
        background-image: url(../img/mob_hero_pattern.png);
        background-size: cover;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .section-hero-nav .d-flex{
        flex-wrap: wrap;
        /* align-items: flex-start !important; */
        justify-content: flex-start !important;
    }

    .section-hero-nav .d-flex .each_item{
        width: 50%;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .section-hero .left_wrap{
        padding-top: 30px;
    }

    .section-hero-nav{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .section_grid_wrap{
        margin-top: 40px;
    }

    .section_grid_wrap .outer-flex{
        flex-direction: column;
    }

    .section-diary-grid .left{
        width: 100%;
    }

    .section-diary-grid .right{
        width: 100%;
    }

    .section_grid_wrap .inner-flex{
        flex-direction: column;
        gap: 10px !important;
    }
    .section_grid_wrap .inner-flex .item:not(.image) .item-inner .item_wrap{
        padding: 24px !important;
    }

    .section_grid_wrap .inner-flex .item{
        width: 100%;
        padding-top: 50%;
        position: relative;
    }

    .section_grid_wrap .inner-flex .item .item-inner{
        padding-top: 0;
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .section_grid_wrap .inner-flex .item .item-inner .item_wrap{
        /* padding: 24px; */
        position: relative;
    }

    .section_grid_wrap .inner-flex .item:first-child{
        border-radius: 9px 9px 0 0;
    }

    .section_grid_wrap .inner-flex .item:nth-child(2){
        border-radius: 0 0 9px 9px;
    }

    .section_grid_wrap .inner-flex .item:nth-child(3){
        border-radius: 9px 9px 0 0;
        margin-top: 14px;
    }

    .section_grid_wrap .inner-flex .item:nth-child(4){
        border-radius: 0 0 9px 9px;
    }

    .section-4col-grid{
        padding: 60px 0;
        background-image: url(../img/mob_pattern3.png);
        background-size: cover;
    }

    .section-4col-grid .grid_wrap{
        gap: 16px;
    }

    .section-4col-grid .grid_wrap .item, 
    .formaggio_4col_item.item{
        max-width: calc(50% - 8px);
    }

    .section-4col-grid .grid_wrap .img_wrap, 
    .formaggio_4col_item .img_wrap{
        margin-bottom: 15px;
    }

    .section-4col-grid .grid_wrap .btn_wrap, 
    .formaggio_4col_item .btn_wrap{
        padding-top: 1px;
        padding-bottom: 12px;
    }

    .section-4col-grid .grid_wrap .desc, 
    .formaggio_4col_item .desc{
        display: none;
    }

    .section-3col-slider .section-top-block{
        flex-direction: column;
    }

    .section-3col-slider .section-top-block .top_left{
        width: 100%;
    }

    .section-3col-slider .section-bottom-block{
        padding-left: 0;
        padding-right: 0;
    }

    .section-top-block .description{
        padding-bottom: 10px;
    }

    .section-3col-slider{
        padding-top: 36px;
        padding-bottom: 36px;
    }

    .section-3col-slider .owl_3col_slider{
        padding-left: 12px;
    }

    .owl_3col_slider{
        margin-top: 40px;
    }

    .footer_wrap{
        padding-left: 0;
        padding-right: 0;
    }

    .footer_menu ul{
        flex-direction: column;
    }

    .footer_wrap .logo_footer img{
        width: 130px;
    }

    .footer_wrap .social{
        margin-top: 24px;
    }

    .footer_wrap .bottom_wrap{
        text-align: left;
    }

    .footer_wrap .footer_copy{
        padding-bottom: 16px;
    }

    .formaggi_archive_category_nav .each_item img{
        min-width: 50px;
    }

    .formaggi_archive_category_nav .each_item{
        padding: 10px 5px;
        min-width: 126px;
    }

    .formaggi_archive_category_nav .formaggi_nav_wrap{
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-behavior: smooth;
        padding-left: 30px;
        padding-right: 30px;
    }

    .formaggi_archive_category_nav{
        position: relative;
    }

    .formaggi_archive_category_nav .left_btn_mob{
        position: absolute;
        width: 30px;
        height: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 64.7%, rgba(255, 255, 255, 0) 100%);
    }

    .formaggi_archive_category_nav .left_btn_mob::after{
        position: absolute;
        content: ' ';
        background-image: url(../img/icon_down.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 10px;
        width: 10px;
        left: 6px;
        top: calc(50% - 5px);
        transform: rotate(90deg);
    }

    .formaggi_archive_category_nav .right_btn_mob{
        position: absolute;
        width: 30px;
        height: 100%;
        top: 0;
        right: 0;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 35.3%);
    }

    .formaggi_archive_category_nav .right_btn_mob::after{
        position: absolute;
        content: ' ';
        background-image: url(../img/icon_down.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 10px;
        width: 10px;
        right: 6px;
        top: calc(50% - 5px);
        transform: rotate(270deg);
    }

    .archive_formaggio_inner{
        margin: 0;
    }

    .archive_formaggio_wrapper .archives_container{
        gap: 16px;
        justify-content: space-between;
    }

    .formaggi_nav_wrap{
        margin: 0;
    }

    .formaggi_nav_wrap .content-container{
        padding: 0;
        /* padding-left: 30px; */
        /* padding-right: 30px; */
        width: auto;
    }

    .section_formaggio_tax_block .left{
        flex-direction: column;
    }

    .section_ricetta_filter .each_flter{
        width: 100%;
    }

    .section_ricetta_filter .filters_outer{
        flex-direction: column;
        max-width: 290px;
        margin: auto;
        padding-top: 32px;
    }

    .archive_ricetta_wrapper .archives_container .each_item{
        width: 50%;
        padding-left: 8px;
        padding-right: 8px;
    }

    .section_grid_3col_colored .content_wrap{
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
        /* padding-left: 12px;
        padding-right: 12px; */
    }

    .section-3col-colored-grid{
        margin-top: 40px;
    }

    .section_grid_3col_colored .content_col{
        min-height: initial;
        padding: 32px 16px;
    }

    .section_grid_3col_colored .col{
        padding-bottom: 24px;
    }

    .awards_card_wrap{
        width: 100%;
    }

    .section-awards{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .section-awards .swiper-nav.mob_nav{
	padding-top: 30px;
	display: flex !important;
	gap: 8px;
	justify-content: center;
    margin-top: 10px !important;
}

    .section-awards .swiper-nav.mob_nav .swiper-button-prev,
    .section-awards .swiper-nav.mob_nav .swiper-button-next{
        position: initial;
        display: inline-block;
        width: 44px;
        height: 44px;
    }

    .testomial_slider_outer .testimony::before{
        left: calc(50% - 40px);
        width: 80px;
        height: 80px;
        top: 0;
    }

    .testomial_slider_outer .testimony::after{
        left: calc(50% - 40px);
        width: 80px;
        height: 100px;
        bottom: -115px;
        top: initial;
    }

    .testomial_slider_outer .testimony{
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 90px;
        padding-bottom: 100px;
    }

    .section-block-testimonials{
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .wrapper-partners .title-block{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .wrapper-partners .cont-logo img{
        max-width: 30px;
        height: auto;
    }

    .wrapper-partners .cont-logo span{
        font-size: 15px;
        margin-left: 10px;
    }

    .wrapper-partners{
        padding-bottom: 16px;
    }

    .section_ricetta_filter .active{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .ricette_mob_switch_wrap .btn_wrap{
        text-align: center;
        padding: 12px;
    }

    .ricette_mob_switch_wrap .btn_wrap a .a_content{
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .ricette_mob_switch_wrap .btn_wrap a span.icon{
        background-image: url(../img/switch_filter.png);
        display: inline-block;
        background-repeat: no-repeat;
        background-size: cover;
        width: 24px;
        height: 23px;
    }

    .section_ricetta_filter .ricette_mob_switch_wrap .btn_wrap a span.icon{
        background-image: url(../img/switch_close.png);
        background-size: 12px;
        background-position: center;
    }

    .section_ricetta_filter .ricette_mob_switch_wrap .btn_wrap a span.a_content{
        gap: 6px;
    }

    .section_ricetta_filter{
        display: none;
    }

    .section_ricetta_filter.active{
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

    .section_ricetta_filter_switch{
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: #fff;
    }

    .archive_ricetta_wrapper{
        padding-top: 20px;
    }

    .ricette_mob_title_wrap{
        padding: 40px 12px;
        background-image: url(../img/pattern4.png);
        background-size: cover;
        text-align: center;
        margin-top: 20px;
    }

    .ricetta_mob_action .action_wrap{
        display: flex;
        justify-content: center;
        gap: 12px;
        margin-bottom: 72px;
    }

    .archive_ricetta_wrapper .ricette_3col_item .icon_nav .each_icon{
        width: 50%;
        padding:4px 4px 4px 0px;
        font-size: 14px;
    }

    .archive_ricetta_wrapper .ricette_3col_item .icon_nav{
        flex-wrap: wrap;
        margin-top: 12px;
        margin-bottom: 4px;
    }

    .archive_ricetta_wrapper .ricette_3col_item .icon_nav .icon{
        width: 16px;
        height: 16px;
        background-size: contain;
    }

    .archive_ricetta_wrapper .ricette_3col_item .title{
        font-size: 16px;
    }

    .archive_ricetta_wrapper .ricette_3col_item .link_wrap a{
        font-size: 16px;
    }

    .archive_ricetta_wrapper .archives_container{
        padding-bottom: 0;
    }

    .archive_ricetta_wrapper .post_archive_wrapper{
        padding-bottom: 32px;
    }

    .section-hero-nav .img_wrap{
        margin: auto;
    }

    .section-diary-grid{
        padding: 40px 0px;
    }

    .footer_menu ul{
        gap: 16px;
    }
    /* Sing. formaggio */
    .single-product-formaggio{
        margin-top: 16px !important;
    }
    .single-product-formaggio .dx-part {
        padding-left: 16px !important;
    }
    .single-product-formaggio .title-premi {
        font-size: 1.5em !important;
        line-height: 30px !important;
    }
    .single-product-formaggio .premi-wrapper p {
        font-size: 1.25em !important;
        line-height: 30px !important;
    }
    .footer_wrap .top_wrap{
        justify-content: space-evenly !important;
    }
    .wrapper-slider-sid .slider-part{
        left:0px;
    }
    .wrapper-slider-side .swiper-button-prev,
    .wrapper-slider-side .swiper-button-next{
        top: 47px !important;
    }
    .content-slider-imgs-side .swiper-slide .p-relative{
        height: 345px !important;
    }
    .single-product-formaggio ul.main-info-recipe{
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .single-product-formaggio ul.main-info-recipe li{
        padding: 10px;
        margin-right: 10px;
    }
    .single-product-formaggio .block-specifiche .list-specs li{
        display: flex;
        justify-content: space-around;
    }
    .single-product-formaggio .block-specifiche .list-specs li span:first-of-type{
        text-align: left;
        display: block;
    }
    .single-product-formaggio .block-specifiche .list-specs li span:last-of-type{
        text-align: right;
        display: block;
    }
    .wrapper-quote.quote-ricetta .quote-cont p{
        font-size: 1.5635em !important;
        line-height: 30px !important;
    }
    .wrapper-quote.quote-ricetta .quote-icon.me-2{
        margin-bottom: 15px !important;
        display: block;
    }
    .wrapper-quote.quote-ricetta .quote-cont p:last-of-type{
        margin-bottom: 0 !important;
    }
    .section-4col-grid .grid_wrap .title,
    .formaggio_4col_item .title{
        margin-top: 0px !important;
    }
    .section-4col-grid .item_wrap .content .sub_title, .section-4col-grid .item_wrap .content .desc p{ 
        font-size: 1.1em !important;
        line-height: 23px !important
    }
    .section-4col-grid .grid_wrap .img_wrap img,
    .formaggio_4col_item .img_wrap img{
        max-height: 100px !important;
    }
    .archive_ricetta_wrapper .archives_container .each_item:first-of-type,
    .archive_ricetta_wrapper .archives_container .each_item:nth-of-type(2){
        width: 100% !important;
    }
}
@media screen and (max-width:480px){

}