@media screen and (max-width: 1470px){
    .content-row .img-scroll{ top: -175%; }
    .content-row .img-scroll.bottle{ top: -105%; }
    .content-row .img-scroll img.perc80{ width: 80%; }
    .content-row.sloegin-home-row .container-rombo{ right: 45%; }
}

@media screen and (max-width: 1400px){
    
    .content-row h1.title-mountains{ left: 5%; right: inherit; }
    .content-row.sloegin-home-row h1.title-mountains{ left: inherit; }
    /*.content-row .rombo{ width: 370px; height: 370px; }*/
    
}

@media screen and (max-width: 1340px){
    .content-row.sloegin-home-row .container-rombo{ right: 40%; top: -20%; }
}

@media screen and (max-width: 1270px){
    .content-row .container-rombo{ right: -7%; }
    .content-row h1.title-mountains{ width: 100%; max-width: 35%; }
}

@media screen and (max-width: 1230px){
    .content-row.sloegin-home-row h1.title-mountains { right: 25px; top: 0%; }
}

@media screen and (max-width: 1100px){
    .content-row.sloegin-home-row{ background-position: right; }
    .content-row.sloegin-home-row .container-rombo { 
        right: -135px;
        top: inherit;
        bottom: -240px;
        position: relative;
        float: right;
    }
    
}

@media screen and (max-width: 1023px){
    .content-row.image-row .col-img, .content-row.image-row .col-article{ width: 100%; }
    .content-row.image-row .col-img{ text-align: center; margin-top: 80px; }
    .content-row.image-row .col-img img{ max-width: 500px; width: 100%; }
    .content-row.image-row .col-article { padding: 5% 25px 25px 25px; }
    .content-row.image-row .col-article h3{ text-align: center; }
    .content-row.image-row .col-article article{ text-align: center; }
    .content-row.image-row .col-article article:before, .content-row.image-row .col-article article:after{ margin: 37px auto; }
    
    .content-row .img-scroll{ position: relative; width: 100%; text-align: center; margin-top: -450px; margin-bottom: -70px; }
    .content-row .img-scroll img.perc80{ width: 100%; max-width: 200px; }
    
    .content-row .img-scroll.bottle{ text-align: right; margin-top: -450px; }
    .content-row .img-scroll.bottle img.perc80{ max-width: 350px; }
    
    .content-row h1.title-mountains{ width: 100%; max-width: 45%; bottom: inherit; top: 15%; }
    
    #etichetta .title-etichetta h1{ margin: 0; text-align: center; width: 100%; padding: 25px 25px 50px 25px; }
    #etichetta .etichetta-container .text-img.t1{ top: -9%; right: 20%; }
    #etichetta .etichetta-container .text-img.t2{ top: 6%; left: 18%; }
    #etichetta .etichetta-container .text-img.t3{ top: 22%; right: 17%; }
    
    #product .content-row.parallax h1.title-mountains{ max-width: 45%; top: 3%; left: 7%; }
    #product #row-3.content-row .col-article:before, #product #row-3.content-row .col-article:after{ margin: 37px auto; }
    
    .content-row.image-row .col-article img.lakecomo-logo { margin:  15px auto 25px auto; display: block; }
    
    .gallery { padding-top: 20px; padding-bottom: 20px; }
}

@media screen and (max-width: 960px){    
    
    #header .menu-hamburger{ display: block; }
    
    #header .logo-content{ width: 100%; background-color: #ffffff; padding-top: 21px; }
    #header .logo-content img{ width: 100%; max-width: 220px; padding-top: 12px; }
    
    #header #menu{ display: none; position: fixed; left: 0; top: 0px; padding-top: 180px; background: #ffffff; width: 100%; height: 100%; z-index: 9; }
    #header #menu ul li{ float: none; width: 100%; margin: 0 0 20% 0; }
    #header #menu ul li a{ font-size: 18px; }
    
    #header .lang-content{ display: none; }
    #header .lang-content.responsive{ display: block; float: none; width: 100%; margin-top: 50px; }
    #header #menu .lang-content.responsive ul li{ float: left; width: auto; }
    #header #menu .lang-content.responsive ul li a{ font-size: 14px; }
    
    #contact .form{ padding-left: 0; padding-right: 0; }
    
}

@media screen and (max-width: 900px){
    .content-row h1.title-mountains{ position: relative; max-width: 100%; left: 0; padding: 25px 0; }
    .content-row .container-rombo { right: 50%; margin-right: -423px; }
    .home .content-row .container-rombo { top: 45%; }
    #product .content-row.parallax h1.title-mountains{ max-width: 100%; top: 0%; left: 0; }
    
    
    .content-row.sloegin-home-row { background-position: center top; padding:0; }
    .content-row.sloegin-home-row h1.title-mountains{ right: 0; float: left; width: auto; padding-top: 0; }
    .content-row.sloegin-home-row .rombo { display: none; }
    .content-row.sloegin-home-row .scritta { display: block; position: relative; color: #ffffff; }
    .content-row.sloegin-home-row>.container{ padding-bottom: 10%; }
    .content-row.sloegin-home-row .container-rombo{
        right: 3%;
        left: 3%;
        width: 94%;
        position: absolute;
        float: none;
        bottom: 2%;
        top: inherit;
        padding: 25px;
        background-color: #84254d;
    }
    
}

@media screen and (max-width: 870px){
    .header-img.home-h{ min-height: 500px; background-size: cover; background-position: center; background-repeat: no-repeat; }
    .header-img.prod-h{ background-position-x: 55%; }
    .header-img.home-h img{ display: none; }
    
    
    #etichetta .etichetta-container .text-img.t1{ top: -9%; right: 12%; }
    #etichetta .etichetta-container .text-img.t2{ top: 6%; left: 8%; }
    #etichetta .etichetta-container .text-img.t3{ top: 27%; right: 11%; }
    
    
}

@media screen and (max-width: 768px){    
    .form  label{ margin-bottom: 5px; }
    #footer .col-footer{ float: none; width: 100%; padding: 15px 0; text-align: center; }
    #footer .col-footer.c1, #footer .col-footer.c2, #footer .col-footer.c3{ text-align: center; width: 100%; }
    #footer .col-footer.c1{ padding-bottom: 50px; }
    #footer .col-footer.c3{ padding-top: 25px; }
}

@media screen and (max-width: 700px){
    .content-row.sloegin-home-row h1.title-mountains{
        padding: 0;
        text-align: center;
        width: 100%;
    }
}

@media screen and (max-width: 650px){
    #etichetta .etichetta-container .text-img.t1{ top: -19%; right: 5px; }
    #etichetta .etichetta-container .text-img.t2{ top: -5%; left: 5px; }
    #etichetta .etichetta-container .text-img.t3{ top: 27%; right: 5px; }
    
    #etichetta .title-etichetta h1{ padding-bottom: 25px; }
}


@media screen and (max-width: 640px){
    
    #header{ padding-bottom: 0; padding-top: 0px; height: 70px; }
    #header .logo-content img{ width: 100%; max-width: 150px; padding-top: 0; }
    #header .menu-hamburger{ top: 15px; left: 0; }
    #header #menu{ padding-top: 120px; }
    #header #menu ul li{ margin-bottom: 25%; }
    #header .lang-content.responsive{ margin-top: 30px; } 
    
    .home .content-row.parallax { min-height: 600px; }
    
    #wrapper{ margin-top: 70px; }
    
    .content-row .rombo { width: 300px; height: 300px;}
    .content-row .container-rombo { margin-right: -300px; }
    
    .form p.w-half, .form select{ max-width: 100%; width: 100%; }
    .form p{ padding: 15px 0; }
    .form .privacy{ padding: 0; }
    
}

@media screen and (max-width: 480px){
    
    .content-row.parallax .container{ padding: 0; }
    .content-row h1.title-mountains{ padding: 25px; }
    .content-row .container-rombo{ position: relative; margin-right: 0; right: 0; width: 100%; height: auto;  background-color: #0098E2; padding: 80px 25px; }
    .sloegin .content-row .container-rombo{ background-color: #84254d; }
    
    .content-row .rombo { display: none; }
    .content-row .scritta{ display: block; position: relative; color: #ffffff; }
    
    #product .content-row.parallax>.container{ position: relative; padding: 0; }
    #product .content-row .container-rombo{ position: relative; }
    #product .content-row.parallax h1.title-mountains{ padding-left: 25px; padding-right: 25px; line-height: 1.3em; }
    
    .content-row.parallax{ min-height: 600px; }
    #product .content-row.parallax{ min-height: 0; }
    
    .gallery-box .box-img{ width: 50%; }
    
    .stamp{ left: -145px; height: 165px; width: 290px; }
    .stamp h1{ letter-spacing: 15px }
    .grid-sizer, .grid-item{ width: 85%; }
    
    .header-img .stamp h1{ font-size: 25px; }
    .form label.checkbox{ width: 88%; }
    
}

@media screen and (max-width: 460px){
    .sloegin #product .content-row.parallax h1.title-mountains:before, .sloegin #product .content-row.parallax h1.title-mountains:after { width: 100%; }
    #product .content-row.parallax.sloegin-row>.container img.logo-sloegin{ bottom: -80px; }
    #product .content-row.parallax.sloegin-row{ margin-bottom: 50px; }
}

@media screen and (max-width: 370px){
    
    #header #menu{ padding-top: 100px; }
    #header #menu ul li { margin-bottom: 10%; }
    
    .header-img.home-h {min-height: 435px;}
    .header-img.home-h.prod-h, .header-img.home-h.resize-resp { min-height: 300px;}
    .header-img.home-h.resize-resp  .stamp-position { top: 24%; }
    
    .content-row .img-scroll{ margin-top: -470px; }
    .content-row .img-scroll img.perc80 { max-width: 170px; }
    
    .content-row article * { font-size: 16px;line-height: 1.4em; }
    .content-row.image-row .col-article { padding: 5% 0px 25px 0px; }
    
}