@media (min-width: 320px) and (max-width: 1650px) {
    .container {
        max-width: 1450px;
    }
    .main-menu ul li a {
        font-size: 19px;
        padding: 0 3px;
    }
    .header-left li {
        margin-right: 10px;
    }
    .header-right li {
        margin-right: 51px;
    }
    .heade-search input {
        width: 200px;
    }
    .logo-main a img {
        max-width: 250px;
    }
    .s {
        top: -30px;
    }
    .hero-content h2 {
        font-size: 112px;
    }
    .hero-area {
        padding: 220px 0;
        padding-bottom: 260px;
    }
    .common-content-wrap h3 {
        font-size: 90px;
        margin-bottom: 35px;
    }
    .common-content-wrap p {
        font-size: 30px;
    }
    .common-area {
        padding: 300px 0;
    }
    .common-area.common-3 {
        padding: 430px 0;
        padding-bottom: 380px;
    }
    .mlt-btns .mbtn a {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
    .mlt-btns .mbtn {
        flex: 0 0 47%;
    }

    /*.container.diff { 
        padding-left: 45px;
    }*/




}

@media (min-width: 320px) and (max-width: 1500px) {
    .si-4.rellax { 
        left: 50%; 
    }
    /*.container.diff { 
        padding-left: 25px;
    }*/
   
    .hero-2-area .s {
        top: 35px;
    }
    .product-thumb {
        height: 410px;
    }
    .product-title h2, .product-title h1 {
        font-size: 90px;
    }
	.video-title h2, .video-title h1 {
        font-size: 90px;
    }
    .container {
        max-width: 1345px;
    }
	.logo-main {margin-left:-10px;}
    .logo-main a img {
        max-width: 200px;
    }
    .main-menu ul li a {
        font-size: 18px;
    }
    .header-right li {
        margin-right: 40px;
    }
    .heade-search input {
        width: 180px;
    }
    .hero-content h2 {
        font-size: 90px;
    }
    .s {
        top: 0px;
    }
    .common-content-wrap h3 {
        font-size: 90px;
        margin-bottom: 33px;
    }
    .common-content-wrap p {
        font-size: 30px;
    }
    .common-btn {
        padding: 15px 47px;
    }
    .common-area {
        padding: 265px 0;
    }
    .common-area.common-3 {
        padding: 385px 0;
        padding-bottom: 350px;
    }
    .product-content h4 {
        font-size: 35px;
		font-weight: 800;
    }
    .h2-content-wrap h3 {
        font-size: 90px;
    }
    .h2-content-wrap p {
        font-size: 19px;
        margin-bottom: 21px;
    }
    .h2-content-wrap a {
        margin-top: 26px;
    }
    .article-area p {
        font-size: 25px;
    }
}

@media (min-width: 320px) and (max-width: 1360px) {
    .si-4.rellax { 
        left: 6%; 
        top: 16%;
    }
    .si-5.rellax { 
        top:-57%; 
    }
     .si-6.rellax { 
        top:-37%; 
    }
     .si-7.rellax { 
        top: -10%; 
    }
    .article-area .container {
        max-width: 1150px;
    }
    .single-story-item .product-content h4 {
        font-size: 34px;
    }
    .article-area p {
        font-size: 24px;
    }
    /*.img-area {
        height: 850px;
    }*/
	.img-area-impatto-positivo {
        height: 850px;
    }
    .hero-2-area .s {
        top: 48px;
    }
    .h2-content-wrap h3 {
        font-size: 78px;
    }
    .h2-content-wrap p {
        font-size: 19px;
        margin-bottom: 20px;
    }
    .h2-content-wrap {
        padding-left: 80px;
    }
    .hero-2-area {
        background-size: cover;
        padding: 285px 0;
        padding-bottom: 270px;
    }
    .product-content h4 {
        font-size: 30px;
    }
	.video-area {padding: 200px 0;
        padding-bottom: 205px;}
    .product-area {
        padding: 200px 0;
        padding-bottom: 205px;
    }
    .multi-content-wrap h3 {
        font-size: 80px;
        margin-bottom: 33px;
    }
	.multi-content-wrap h1 {
     font-size: 80px;
     margin-bottom: 33px;
 	}
    .ft-detail {
        padding-left: 20px;
    }
    .logo-main a img {
        max-width: 200px;
    }
    .htm {
        flex: 0 0 39%;
    }
    .main-menu ul li a {
        font-size: 17px;
    }
    .header-right li {
        margin-right: 25px;
    }
    .logo-main a img {
        max-width: 190px;
    }
    .container {
        max-width: 1185px;
    }
    .s {
        top: 0;
    }
	.logo-menu {
		max-width: 200px;
		display: block;
		margin: 0 auto;}
    .hero-content h2 {
        font-size: 97px;
    }
    .hero-area {
        padding: 198px 0;
        padding-bottom: 230px;
    }
    .common-content-wrap h3 {
        font-size: 90px;
        margin-bottom: 30px;
    }
    .common-content-wrap p {
        font-size: 30px;
    }
    .common-btn {
        padding: 15px 47px;
        font-size: 19px;
    }
    .common-area {
        padding: 216px 0;
    }
    .common-2 .common-content-wrap h3 {
        font-size: 90px;
    }
    .common-area.common-3 {
        padding: 335px 0;
        padding-bottom: 295px;
    }
    .ft-items {
        flex: 0 0 33%;
    }
    .heade-search input {
        width: 171px;
    }
    .ft-menu li a {
        font-size: 25px;
    }
}

@media (min-width: 320px) and (max-width: 1200px) {
    .h2-content-wrap {
        padding-left: 0;
    }
	.s {
        top: 25px;
    }
    .hero-2-area {
        background-size: cover;
        padding: 280px 0;
        padding-bottom: 290px;
    }
    .story-area {
        padding: 150px 0;
        padding-top: 205px;
    }
    .story-thumb {
        height: 200px;
        width: 200px;
        margin-bottom: 25px;
    }
    .single-story-item .product-content h4 {
        font-size: 29px;
        margin-bottom: 24px;
    }
    .story-items-wrap .single-story-item .common-btn {
        padding: 14px 41px;
    }
    .single-story-item .product-content p {
        margin-bottom: 19px;
    }
    .article-area {
        padding: 65px 0;
        padding-top: 225px;
        margin-top: -133px;
    }
    .story-items-wrap {
        padding-top: 95px;
    }
    .multi-content-wrap {
        padding-left: 30px;
    }
    .multi-content-wrap h3 {
        font-size: 80px;
        margin-bottom: 31px;
    }
	.multi-content-wrap h1 {
     font-size: 80px;
     margin-bottom: 33px;
 	}
    .multi-content-wrap p {
        font-size: 16px;
    }
    .product-title h2, .product-title h1 {
        font-size: 75px;
    }
    .product-title p {
        font-size: 19px;
    }
	.video-title h2, .video-title h1 {
        font-size: 75px;
    }
    .video-title p {
        font-size: 19px;
    }
    .product-thumb {
        height: 390px;
    }
    .header-main .main-menu {
        display: none;
    }
    .header-right {
        justify-content: flex-end;
    }
    .heade-search input {
        width: 190px;
        margin-right: 6px;
    }
    .menu-open {
        display: block;
    }
    .logo-main a img {
        max-width: 130px;
		position: relative;
		left: 0;
    }
    .htm {
        flex: 0;
    }
    .hero-content h2 {
        font-size: 79px;
    }
    .hero-area {
        padding: 180px 0;
        padding-bottom: 230px;
    }
    .common-content-wrap h3 {
        font-size: 90px;
        margin-bottom: 26px;
    }
    .common-content-wrap p {
        font-size: 24px;
    }
    .common-area {
        padding: 170px 0;
    }
    .common-2 .common-content-wrap h3 {
        font-size: 90px;
    }
    .common-btn {
        padding: 14px 44px;
        font-size: 18px;
    }
    .common-area.common-2 {
        padding-bottom: 200px;
    }
    .common-area.common-3 {
        padding: 270px 0;
        padding-bottom: 240px;
    }
    .container {
        max-width: 970px;
    }
    .ft-menu li a {
        font-size: 22px;
    }
    .ft-social ul a {
        font-size: 32px;
        margin-right: 17px;
    }
    .ft-items {
        flex: 0 0 33.3%;
        width: 33.3%;
    }
    .ft-detail h5 {
        font-size: 16px;
    }
    .ft-detail p {
        font-size: 13px;
    }
    .footer-area {
        padding: 95px 0;
        padding-bottom: 30px;
    }
}

@media (min-width: 320px) and (max-width: 991px) {
    .hero-area .col-lg-7.rellax {
        display: none;
    }
	.togli-mobile {display:none;}
    .hero-area {
        background-size: cover;
    }
    .hero-area .col-lg-5 {
        width: 100%;
    }

    .hero-content {
        padding-top: 0;
    }



	.video-title h2, .video-title h1 {
        font-size: 60px;
    }

    .product-title h2, .product-title h1 {
        font-size: 60px;
    }
    .multi-area {
        margin-top: -70px;
    }
	
    .ft-detail {
        padding-left: 0px;
        margin-bottom: 0;
        padding-top: 20px;
    }
    .htm {
        display: none;
    }
    .header-main {
        flex-direction: row-reverse;
    }
    .logo-main a img {
        left: 0;
    }
    .s {
        top: 10px;
    }
    .hero-content h2 {
        font-size: 85px;
        line-height: .9;
    }
    .hero-area {
        padding: 160px 0;
        padding-bottom: 255px;
    }
    .common-area {
        padding: 180px 0;
        background-size: 107% 100%;
    }
    .common-content-wrap h3 {
        font-size: 90px;
        margin-bottom: 23px;
    }
    .common-content-wrap p {
        font-size: 26px;
    }
    .common-btn {
        padding: 13px 42px;
        font-size: 17px;
    }
    .common-2 .common-content-wrap h3 {
        font-size: 90px;
    }
    .common-area.common-3 .common-content-wrap h3 {
        font-size: 90px;
    }
    .common-area.common-3 {
        padding: 245px 0;
        padding-bottom: 215px;
    }
    .ft-details-wrap {
        padding-top: 40px;
    }
    /*.img-area {
        height: 625px;
    }*/
	.img-area-impatto-positivo {
        height: 625px;
    }
    .s-2 {
        bottom: -10px;
    }
    .article-area p {
        font-size: 22px;
    }
    .article-area {
        padding: 55px 0;
        padding-top: 190px;
        margin-top: -133px;
    }
    .hero-2-area .s {
        top: 60px;
    }
    .header-area.h-3::after {
        height: 62px;
    }
    .h2-content-wrap h3 {
        font-size: 65px;
    }
    .h2-content-wrap p {
        font-size: 18px;
        
    }
    .hero-2-area {
        background-size: cover;
        padding: 270px 0;
        padding-bottom: 272px;
    }
    .story-area {
        padding: 135px 0;
        margin-top: -155px;
        padding-top: 200px;
    }
	.story-area, .multi-area, .article-area {margin-top:-71px;padding-top:100px;padding-bottom: 30px;}
}

@media (min-width: 320px) and (max-width: 767px) {
    .si-3.rellax { 
        max-width: 50%;
		margin-top:-250px;
    }

    .si-8.rellax { 
        bottom:  25%;
        left: 0;
        right: -50px;
        max-width: 35%; 
    }
    
    .si-9.rellax { 
        bottom:  42%; 
        right: 20px;
        max-width: 42%; 
    }
    
    






    .hero-content h2 {
        font-size: 63px;
    }
    .hero-area {
        padding: 190px 0;
        padding-bottom: 235px;
        background-size: cover;
        background-position: 100% 100%;
    }
    .common-area {
        background-size: cover;
    }
    .common-content-wrap h3 {
        font-size: 00px;
        margin-bottom: 21px;
    }
    .common-content-wrap p {
        font-size: 25px;
        margin-bottom: 30px;
    }
    .common-btn {
        padding: 12px 40px;
        font-size: 16px;
    }
    .common-2 .common-content-wrap h3 {
        font-size: 90px;
    }
    .common-area.common-3 .common-content-wrap h3 {
        font-size: 90px;
    }
    .common-area.common-3 {
        padding: 220px 0;
        padding-bottom: 180px;
    }
    .footer-area {
        padding: 75px 0;
        padding-bottom: 35px;
    }
    .owl-dots {
        margin-top: 85px;
    }
    .product-title h2 , .product-title h1 {
        font-size: 52px;
    }
    .product-title p {
        font-size: 18px;
    }
	.video-title h2, .video-title h1 {
        font-size: 52px;
    }
    .video-title p {
        font-size: 18px;
    }
    .product-thumb {
        height: 350px;
    }
    .common-product-item .common-btn, .multi-content-wrap .common-btn, .single-story-item .common-btn {
        padding: 14px 44px;
    }
    .multi-content-wrap {
        padding-left: 0;
    }
    .multi-thumb {
        margin-top: 50px;
    }
    .multi-content-wrap h3 {
        font-size: 74px;
    }
	.multi-content-wrap h1 {
     font-size: 74px;
 	}
    .multi-item {
        flex: 0 0 47%;
    }
    .multi-content-wrap p {
        font-size: 16px;
    }
    .mlt-cnt h4 {
        font-size: 36px;
    }
    .single-product-item .product-content h4 {
        font-size: 32px;
    }
    .h2-content-wrap h3 {
        font-size: 58px;
        margin-bottom: 28px;
    }
    .h2-content-wrap p {
        font-size: 17px;
        
    }
    .hero-2-area {
        background-size: cover;
        padding: 255px 0;
        padding-bottom: 305px;
    }
    .story-area {
        padding: 135px 0;
        margin-top: -210px;
        padding-top: 200px;
        background-size: 140% 100%;
    }
    .article-item {
        padding-top: 50px;
    }
    .article-area {
        padding: 55px 0;
        padding-top: 190px;
        margin-top: -155px;
    }
   /* .img-area {
        height: 425px;
    }*/
	.img-area-impatto-positivo {
        height: 425px;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .hero-2-area {
        background-size: cover;
        padding: 230px 0;
        padding-bottom: 265px;
        text-align: center;
    }
    .h2-content-wrap h3 {
        font-size: 48px;
        margin-bottom: 26px;
    }
    .hero-2-area .s {
        top: 85px;
    }
    .story-area {
        padding: 135px 0;
        padding-top: 295px;
        background-size: cover;
    }
    .h2-content-wrap p {
        max-width: 100%;
    }
    .h2-content-wrap a {
        margin-top: 20px;
    }
    .story-items-wrap {
        padding-top: 65px;
    }
    .article-area p {
        font-size: 20px;
        padding-top: 20px;
    }
    .article-area span {
        font-size: 17px;
    }
    .article-area span br {
        display: none;
    }
    .sh {
        top: -2px;
    }
    /*.img-area {
        height: 325px;
    }*/
	.img-area-impatto-positivo {
        height: 325px;
    }
    .article-thumbnail {
        margin-bottom: 35px;
    }
    .single-product-item .product-content h4 {
    font-size: 49px;font-weight: 800;
	}
    .product-thumb {
        height: 295px;
    }
    .common-product-item .common-btn, .multi-content-wrap .common-btn, .single-story-item .common-btn {
        padding: 13px 33px;
    }
    .owl-dots {
        margin-top: 40px;
    }
    .multi-content-wrap h3 {
        font-size: 62px;
    }
	.multi-content-wrap h1 {
     font-size: 62px;
 	}
    .mlt-cnt h4 {
        font-size: 34px;
    }
    .multi-content-wrap p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .multi-area {
        background-size: 200% 100%;
        margin-top: -220px;
    }
	.video-area {padding: 160px 0;
        padding-bottom: 200px;}
    .product-area {
        padding: 160px 0;
        padding-bottom: 200px;
    }
    .product-title h2, .product-title h1 {
        font-size: 55px;
    }
    .product-title p {
        font-size: 17px;
    }
	.video-title h2, .video-title h1 {
        font-size: 49px;
    }
    .video-title p {
        font-size: 17px;
    }
    .logo-main a img {
        max-width: 145px;
    }
    .header-area::after {
        height: 80px;
        z-index: 1;
    }
    .s {
        top: 25px;
    }
    .offcanvas-area {
        width: 100%;
    }
    .hero-content h2 {
        font-size: 48px;
        display: block;
    }
    .hero-area {
        background-size: cover;
    }
    .common-content-wrap h3 {
        font-size: 57px;
        margin-bottom: 21px;
        line-height: .8;
    }
    .common-content-wrap p {
		font-size: 26px;
		margin-bottom: 27px;
		padding-left: 5px;
		padding-right: 5px;
    }
    .common-btn {
        padding: 11px 32px;
        font-size: 15px;
    }
    .common-content-wrap {
        text-align: center !important;
    }
    .common-area {
        padding: 150px 0;
        background-size: cover;
        padding-bottom: 200px;
    }
    .common-2 .common-content-wrap h3 {
        font-size: 58px;
    }
    .common-area.common-3 .common-content-wrap h3 {
        font-size: 48px;
    }
    .common-area.common-3 {
        padding: 180px 0;
        padding-bottom: 145px;
    }
    .ft-logo a img {
        max-width: 200px;
    }
    .ft-btns {
        margin-top: 71px;
    }
    .ft-btns a {
        margin-bottom: 8px;
    }
    .ft-wrap {
        padding-left: 0;
        padding-top: 15px;
    }
    .ft-items {
        flex: 0 0 50%;
        width: 50%;
    }
    .ft-detail {
        padding-top: 20px;
        padding-right: 20px;
    }
    .ft-detail p {
        word-break: break-all;
    }
}

@media (min-width: 320px) and (max-width: 1500px) {}



@media (max-width: 576px) {
   /*.img-area {height: 800px;}*/
   .img-area-impatto-positivo {height: 800px;}
   .header-area {padding: 5px 0;z-index:10;}
   .s {top: 70px;}
   .fixed::before {display:none;}
   .products-wrapper {padding-bottom: 40px;}	
   .multi-area {background-size: cover; margin-top: -110px;padding: 180px 0 50px 0;}
   .footer-area {padding-bottom:0px;}
   .logo-main {position: relative;left: 50%;transform: translateX(-50%);}
   .s {top: 80px;z-index: 10;}
   .ce-piu-mobile {display:block;}
   .logo-menu {width:140px;margin: 0 auto;display: block;}
   .hero-area {padding-top: 140px;/*padding-bottom: 160px;*/}
   .si-2.rellax {top:46%;}
   .container.diff {padding-left: 0;}
	
   .seconda-immagine-home {padding: 0;padding-bottom: 120px; background-color:#FEE889;background-image:none !important;}
	
   .seconda-immagine-mobile {top: 0px;position: relative;}
   .si-4.rellax {right: 0;top: 0%; left:auto; margin-right:-50px; margin-top:-50px;z-index:1;}
   .testo-dx-mobile-home {text-align:right !important; padding-right: 30px;}
	
	.terza-immagine-home {background-image:none !important;margin-top:0;padding-bottom: 120px !important;background-color:#D1FFFA;padding: 0; }
	.testo-sx-mobile-home {text-align:left !important; padding-left: 30px;}
	.terza-immagine-mobile {top: 0px;position: relative;}
	
	.quarta-immagine-home {padding: 280px 0;padding-bottom: 200px;}
	
	.prima-immagine-pmaiuscola {background-repeat: no-repeat;background-size: cover;background-position:60%;}
	
	
	.si-8.rellax {bottom: 0;left: 0;right: auto;max-width: 60%;top: 40%;}
	.si-9.rellax {bottom: auto;right: 0;max-width: 42%;top: 20%;margin-right: -50px;}
	
	.article-thumb {text-align:center;}
	
	.products-wrapper {padding-top:100px;}
	
	.footer-area {padding-top:30px;}
	
	.ft-logo a img {max-width:80%;}
	.ft-menu li a {font-size: 16px;}
	.ft-menu {margin-bottom:30px}
	.ft-btns {margin-top: 12px;}
	.ft-btns a {margin-bottom: 0px; font-size:12px; margin-left:30px;}
	.ft-social {text-align:center; margin-top:0; margin-bottom:40px;}
	.ft-social ul a {font-size: 32px;margin-right: 10px;margin-left:10px;}
	
	.video-area {padding-bottom: 90px;}
	
	.succonlavita-prima-immagine {background:none !important; background-color:#D2FFFA !important; padding-bottom:0; text-align:center;}
	.succonlavita-seconda-immagine {background:none !important; background-color:#FF0048 !important; padding-top:40px; padding-bottom:0; text-align:center;}
	.succonlavita-terza-immagine {background:none !important; background-color:#D2FFFA !important; padding-bottom:0;padding-top: 0px;}
	.diventa-intenditore {background:none !important; background-color:#A7EAE1 !important; padding-bottom:0;padding-top: 50px;}
	.la-conservazione {background:none !important; background-color:#F5D739 !important; padding-bottom:0;padding-top: 0px;}
	.video-carousel img {padding-left:10px; padding-right:10px;}
	.comefacciamo-prima-immagine {background-image:none !important; background-color:#A7EBE0 !important; padding-bottom:0; text-align:center;}
	
	.multi-thumb {margin-top:30px; margin-bottom:50px;}
	
	.product-content p {font-size: 12px;}
	.product-content h4 {font-size: 20px;margin-bottom: 20px;min-height: 0;}
	
	.common-product-item .common-btn {padding: 13px 20px; font-size:12px;}
	.product-area {padding-bottom:60px;}
	
	.descrizione-linea {width:100%;}
	.link-altri-prodotti {margin-top:0 !important;}
	.link-altri-prodotti a {font-size: 20px;border-bottom: 2px solid #008386;}
	
	.lista-immagini-frutta img {margin-bottom:0px; width:40px;}
	.lista-immagini-frutta a {font-size:11px;}
	.lista-immagini-frutta li {margin-bottom:10px;}
	.lista-immagini-frutta {right: 5vw;}
	
	.article-area {margin-top: -120px;}
	
	.margine-negativo-100 {margin-top:50px;}
}


/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width:768px) 
and (max-device-width:1024px) 
and (orientation : landscape) {
	.logo-main a img {max-width: 150px;position: relative;left:0px;}
	.header-area {padding: 5px 0 34px 0;}
	.menu-open {top: -8px;}
	.heade-search {margin-top: -12px;}
	.logo-menu {max-width: 200px;display: block;margin: 0 auto;}
	.header-area.fixed {padding: 5px 0 8px 0;}
	.header-area.fixed .menu-open {top: 7px;}
	.header-area.fixed .heade-search {margin-top: 10px;}
	.hero-area {padding-bottom: 190px;}
	.common-product-item .common-btn {padding: 15px 38px;}
	.video-area {padding-bottom: 140px;}
	.article-area {margin-top: -71px;padding-top: 125px;}
	.article-area .container, .impatto-positivo .container {max-width: 970px;}
	.s {top: 0px;}
}

/* iPads (porttrait) ----------- */
@media only screen 
and (min-device-width:768px) 
and (max-device-width:1024px) 
and (orientation : portrait) {
	.hero-area {padding-top:160px;}
	.hero-content h2 {margin-bottom: 60px;}
	.logo-main a img {left: 0;padding-bottom: 50px;max-width: 110px;position: relative;}
	.menu-open {display: block;top: -20px;}
	.logo-menu {max-width: 200px;display: block;margin: 0 auto;}
	.header-area.fixed {padding: 5px 0 8px 0;}
	.header-area.fixed .menu-open {top: 7px;}
	.fixed .logo-main a img {max-width: 150px;padding-bottom: 0;}
	.product-area,.video-area {padding: 100px 0;padding-bottom: 135px;}
	.story-area, .multi-area, .article-area {margin-top:-71px;padding-top:100px;padding-bottom: 30px;}
	.common-content-wrap h3 {font-size: 65px;}
	.common-content-wrap p {font-size: 18px;}
	.s {top: 0;}
}



@media (min-width: 1930px) {
.product-title h1, .video-title h1 {margin-top: 50px;}
.products-wrapper {margin-bottom: 100px;}
.link-altri-prodotti  {margin-bottom:100px;}
.hero-area, .common-area {padding-top: 300px;padding-bottom: 300px;}	
.contatti-area {padding-bottom:280px;}
.impatto-positivo {padding-top: 260px;padding-bottom: 238px;}
.story-items-wrap {padding-bottom:150px;}
.interno-articolo { padding-top:150px;}
/*.img-area {height:1200px;}*/
.interno-prodotto {padding-top:100px; padding-bottom:100px;}
}


@media (min-width: 2600px) {
.product-title h1, .video-title h1 {margin-top: 50px;}
.hero-area, .common-area {padding-top: 538px;padding-bottom: 538px;}
.common-area.common-3 {padding-top: 638px;padding-bottom: 638px;}
/*.img-area {height:1500px;}*/
}
   
   

/*--- NUOVO --*/
::placeholder {color: #008386;opacity: 1;}
:-ms-input-placeholder {color: #008386;}
::-ms-input-placeholder { color: #008386;}

.product-search-section {border-top: 1px solid #008386;padding-top: 30px;padding-bottom: 30px;}
.product-search-section h2 {font-weight: 800;}
.product-search-section .common-btn {font-size:14px; margin-top:10px;}

.header-area {position: fixed !important;top: 0;transition: top 0.6s ease-in-out;width: 100%;z-index: 10;}
.nav-up {top: -380px;}
.s {top:50px;}
.spazio-menu {height:70px;}
@media (max-width: 576px) {
	.s {top: 75px;}
	.ricerca-prodotto button {font-size:22px;}
	.product-title h2, .product-title h1 {margin-top:0px !important;}
}	

@media (max-width:768px) {
.product-search-section {padding-right: 15px;padding-left: 15px;padding-bottom: 20px;padding-top:20px; text-align:center !important;}
.product-search-section .text-right {text-align:center !important;}
.xs-pb-100 {padding-bottom: 100px !important;}
}

.product-search-section .descrizione-interna-prodotto {max-height: 128px;overflow: hidden;}


.products-wrapper .owl-nav {
  position: relative;
}
.products-wrapper .owl-nav {
  position: absolute;
  top: 0%;
  left: 0;
  right: 0;
}
.products-wrapper .owl-nav .owl-prev, .products-wrapper .owl-nav .owl-next {
  position: absolute;
  color: inherit;
  background: none;
  border: none;
  z-index: 100;
}
.products-wrapper .owl-nav  .owl-prev i, .products-wrapper .owl-nav .owl-next i {
  font-size: 3rem;
  color: #008386;
}
.products-wrapper .owl-nav  .owl-prev {
  left: 12vw;
}
.products-wrapper .owl-nav  .owl-next {
  right: 12vw;
}

.la-scelta-nuvole.rellax {position: absolute;top: 0;left: 50%;max-width: 55%; margin-top:-100px}
.la-spremitura-1.rellax {position: absolute;top: 40%;left: 0;max-width: 17%;}
.la-spremitura.rellax {position: absolute;top: 26%;right: 0;max-width: 42%;}


.la-conservazione-nuvole.rellax {position: absolute;top:0;left: 0;max-width: 25%; margin-left:-100px;}
.la-conservazione-nuvole-1.rellax {right: 0;top: 0%; position: absolute; margin-right:-50px; margin-top:-50px;z-index:1;}


.diventa-intenditore-nuvole.rellax {position: absolute;top:-40%;left: 0;max-width: 25%; margin-left:-100px;}
.diventa-intenditore-nuvole-1.rellax {right: 0;top: 0%; position: absolute; margin-right:-50px; margin-top:-50px;z-index:1;}

@media (max-width: 576px) {
.products-wrapper .owl-nav  .owl-prev {left: 5vw;}
.products-wrapper .owl-nav  .owl-next {right: 5vw;}
.products-wrapper .owl-nav {position: absolute;top: 26%;left: 0;right: 0;}
.mt-xs-0 {margin-top:0 !important;}
	
.la-spremitura-1.rellax {position: absolute;bottom: 0%; top: auto;left: 0;max-width: 37%;}
.la-spremitura.rellax {position: absolute;bottom: 10%;top: auto;right: 0;max-width: 52%;}
	
.la-conservazione-nuvole.rellax {top: 0;    margin-top: -40px;}
.la-conservazione-nuvole-1.rellax {right: 0;top: auto;z-index: 1;bottom: 50%;}
	
.diventa-intenditore-nuvole.rellax {display:none;}
.diventa-intenditore-nuvole-1.rellax {display:none;}
	
.la-scelta-nuvole.rellax {top:auto; margin-top: 0;}	
		
}

/* Ipad Portrait */
@media only screen 
and (min-device-width:768px) 
and (max-device-width:1024px) 
and (orientation : portrait) {
	.mobile-horizontal-panel {width: 100%;height: 120%;background-color: #008386;position: fixed;z-index: 5000;display: block;background-image: url(../img/rotate-device_risultato.png);background-repeat: no-repeat;background-position: 50% 30%;background-size: 200px;}
}

/* Mobile Landscape */
@media only screen and (min-width: 480px) and (max-width: 1000px) {
		.mobile-horizontal-panel {width: 100%;height: 120%;background-color: #008386;position: fixed;z-index: 5000;display: block;background-image: url(../img/rotate-device_risultato.png);background-repeat: no-repeat;background-position: 50% 40%;background-size: 200px;}
}