@media only screen and (min-width: 320px) and (max-width: 480px) { /*Mobile portrait (320x480)*/
    .header-logo{ width: 100%;  }
    .header-logo .logo-content{ width: 100%; }
    .header-logo .logo-content .logo .logo-img{ height: 110px; }
    .titolo { display: none; }
    .titolo-responsive{ display: block; }
    .header-foto{ width: 100%; right: 50px; }
    .header-foto .nome{ display: none; }
    
    .header-top.is-sticky .menu-sidebar-top { margin: 25px 35px 0 0;  }
    
.footer-background .responsive-contatti{ width: 100%; }
.footer-background .responsive-mappa,
.footer-background .responsive-menu{ display: none; }
    
    .footer-background .footer-mappa, 
    .footer-background .footer-menu,
    .footer-background .social-icon{ display: none; }
	.footer-background{ background-image: url(../images/footer/footer-background-reverse.jpg), url(../images/footer/footer-background.jpg); background-position: top center, bottom center; background-size: contain; padding: 70px 50px 50px 35px; }
    .copyright{ text-align: center; margin-bottom: 15px; }
    .copyright br{ display: block; }
    .copyright .space{ display: none; }
    .credit{ text-align: center; }
    .lista-login-background { height: 80vh;  background-position: center 0px; background-size: cover; }
    .lista-login-background .login-nozze { background-position: 12px 30px;  background-size: 91%;  width: 132%; padding: 112px; bottom: -107px; left: -51px; }
    .carousel-control-prev { left: -9px; }
    .carousel-control-next { right: -9px; }
    .item-auguri{ width: 92%; margin: 0 2% 40px 6%; }
    .auguri-img{ width: 100%; }
    .auguri-messaggio{ width: 97%;  margin: 0px 4%; }
    .item-buono{ width: 100%; }
    .item-lista{ width: 94%; margin: 0 3% 25px 3%; }
    .item-lista .lista-pagamento{ font-size: 0.85em; }
    .blocco-totale{ width: 100%; }
    header .nuvola-footer:before{ bottom: -220px; left: -255px; }
    header .nuvola-footer:after{ right: 0px; }
    header .nuvola-bianca:after{ display: none; }
    header .header{ width: 90%; }
    header .header .social{ width: 13%; }
    header .header .logo{width: 75%; }
    header .header .logo .logo-img{ width: 100%; height: auto; padding: 0px 0; }
    .chisiamo-box::after, .chisiamo-box::before { display: none; }
    .chisiamo-left{ float: left; width: 90%; margin: 0 5% 20px 5%; padding: 0; }
    .chisiamo-right{ float: left; width: 90%; margin: 0 5% 0 5%; padding: 0; }
    .lista .lista-nozze,
    .lista .lista-regalo{ width: 100%; background-position: -545px center; }
    .lista .lista-nozze .login, 
    .lista .lista-regalo .login { width: 100%; left: 0; }
    .lista .lista-regalo::after,
    .lista .lista-nozze::after { bottom: -211px; left: -135px; } 
    .gattinoni .form{ height: 580px; }
    .gattinoni .form .h1{ font-size: 46px; line-height: 46px; padding: 36px 0 7px 0; }
    .gattinoni .form .h2 { font-size: 18px; padding: 0 8px 40px 8px; }
    .gattinoni .form .button{ overflow: hidden;  }
    .gattinoni .form .button li{ padding: 5px 3px 5px 26px; }
    .gattinoni .form .button li.itinerario,
    .gattinoni .form .button li.attivita,
    .gattinoni .form .button li.noleggio,
    .gattinoni .form .button li.trasferimento,
    .gattinoni .form .button li.ontheroad,
    .gattinoni .form .button li.altro { display: none; }
    .gattinoni .form .modulo{ display: block; width: 85%; }
    .gattinoni .form .modulo .colonna1{ width: 100%; }
    .gattinoni .form .modulo .colonna2{ width: 48.5%; float: left; }
    .gattinoni .form .modulo .colonna2.marginleft{ margin: 0 1.5% 0 0%; }
    .gattinoni .form .modulo .colonna2.marginright{ margin: 0 0% 0 1.5%; }
    .gattinoni .form .modulo .colonna1.responsive{ width: 81%; float: left; margin: 2px 3% 0 0; }
    .gattinoni .form .modulo .colonna3{ width: auto; }
    .gattinoni .monumenti{ height: 200px; background-size: 120%; }
    .gattinoni .form .modulo .colonna1 .label, .gattinoni .form .modulo .colonna2 .label { font-size: 13px; line-height: 1.7; }
    
}
@media only screen and (min-width: 769px) and (max-width: 1024px) { /*Small tablet landscape (800x600) Tablet portrait (768x1024) */
    #myVideo { height: 340px; }
    .header-top.is-sticky .menu-sidebar-top { margin: 25px 35px 0 0;  }
    .header-listenozze{ height: 340px; }
    .content{ height: 340px; }
    .header-logo{ width: 50%; }
    .header-logo .logo-content{ width: 100%; }
    .header-logo .logo-content .logo{ width: 77%; text-align: center; }
    .header-logo .logo-content .logo .logo-img{ height: 92px; }
    .header-logo .logo-content .social{ width: 9%; }
    .header-logo .logo-content .social .menu-social li a,
    .header-logo .logo-content .social .menu-social li a .social-icon{ height: 24px; width: 24px; }
    .header-foto{ width: 50%; right: 135px; top: -25px; }
    .header-foto .cornice{ background-size: 77%; }
    .header-foto .foto{ top: 33px; left: 145px; width: 286px; height: 286px; }
    .header-foto .nome{ display: none; }
    .nav-link{ font-size: 0.9em; }
	.footer-background{ background-image: url(../images/footer/footer-background-reverse.jpg), url(../images/footer/footer-background.jpg); background-position: top center, bottom center; background-size: contain; padding: 70px 60px 50px 159px; }
    .footer-background .responsive-contatti{ width: 50%; margin: 70px 0 50px 0px; }
    .footer-background .responsive-mappa{ display: none; }
    .footer-background .responsive-menu{ width: 50%; margin: 59px 0 0 0; }
    .footer-background .footer-menu li a.bianco { background-image: url(../images/footer/footer-li-blu.png); color: #206ebf; }
    .footer-background .footer-menu.legal{ margin:24px 0 0 0; }
    .copyright{ margin-bottom: 15px; }
    .copyright br{ display: block; }
    .copyright .space{ display: none; }
    .lista-login-background{ background-position: center; }
    .lista-login-background .login-nozze{ background-size: 74%; width: 83%; padding: 135px; bottom: -132px; left: -79px; }
    .carousel-control-prev { left: -8px; }
    .carousel-control-next { right: -9px; }
    .item-auguri{ width: 31.3%; margin: 0 1% 40px 1%; }
    .auguri-img{ width: 25%; }
    .auguri-messaggio{ width: 75%;  margin: 0px 0%; }
    .item-buono{ width: 50%; }
    .item-lista{ width: 48%; margin: 0 1% 25px 1%; }
    .item-lista .lista-pagamento{ font-size: 0.85em; }
    .blocco-totale{ width: 50%; }
    .page-left, .page-right{ width: 100%; }
    header .nuvola-footer:before{ bottom: -220px; left: -210px; }
    header .nuvola-footer:after{ right: 0px; }
    header .nuvola-bianca:after{ top: -280px; right: -95px; }
    header .header{ width: 50%; }
    header .header .social{ width: 10%; }
    header .header .logo{width: 78%; }
    header .header .logo .logo-img{ padding: 10px 0; }
    .section-background {  min-height: auto; background-position: left; }
    .chisiamo-box::after, .chisiamo-box::before { display: none; }
    .chisiamo-left{ float: left; width: 90%; margin: 0 5% 20px 5%; padding: 0; }
    .chisiamo-right{ float: left; width: 80%; margin: 0 10% 0 10%; padding: 0; }
    .lista .lista-nozze,
    .lista .lista-regalo{ width: 100%; min-height: 50vh; }
    .lista .lista-nozze::after, .lista .lista-regalo::after { bottom: -279px; left: -90px; }   
    .lista .lista-nozze .login, .lista .lista-regalo .login { width: 55%; left: 0px; padding: 25px; bottom: -22px; }    
    .gattinoni .form{ height: 510px; }
    .gattinoni .form .h1{ font-size: 46px; line-height: 46px; padding: 36px 0 7px 0; }
    .gattinoni .form .h2 { font-size: 18px; padding: 0 8px 40px 8px; }
    .gattinoni .form .button{ overflow: hidden;  }
    .gattinoni .form .button li{ padding: 5px 15px 5px 26px; }
    .gattinoni .form .button li.attivita,
    .gattinoni .form .button li.noleggio,
    .gattinoni .form .button li.trasferimento,
    .gattinoni .form .button li.ontheroad{ display: none; }
    .gattinoni .form .modulo{ display: block;}
    .gattinoni .form .modulo .colonna1{ width: 67%; display: inline-block; }
    .gattinoni .form .modulo .colonna2{ width: 30%; display: inline-block; }
    .gattinoni .form .modulo .colonna1.responsive{ width: 59%; display: inline-block; }
    .gattinoni .form .modulo .colonna3{ display: inline-block; }
    .gattinoni .form .modulo .colonna3.nomarginright { position: absolute; }
    .gattinoni .monumenti{ height: 200px; }
   
    
    
}
@media only screen and (min-width: 578px) and (max-width: 768px) { /* Mobile landscape (480x320) - Small tablet portrait (600x800)*/
    #myVideo { height: 290px; }
     .header-top.is-sticky .menu-sidebar-top { margin: 25px 35px 0 0;  }
   .header-listenozze{ height: 290px; }
    .content{ height: 290px; }
    .header-logo{ width: 50%; }
    .header-logo .logo-content{ width: 100%; }
    .header-logo .logo-content .logo{ width: 77%; text-align: center; }
    .header-logo .logo-content .logo .logo-img{ height: 92px; }
    .header-logo .logo-content .social{ width: 9%; }
    .header-logo .logo-content .social .menu-social li a,
    .header-logo .logo-content .social .menu-social li a .social-icon{ height: 24px; width: 24px; }
    .header-foto{ width: 50%; right: 215px; top: -25px; }
    .header-foto .cornice{ background-size: 60%; }
    .header-foto .foto{ top: 26px; left: 213px; width: 222px; height: 222px;}
    .header-foto .nome{ display: none; }
    .titolo { display: none; }
    .titolo-responsive{ display: block; }
	.footer-background{ background-image: url(../images/footer/footer-background-reverse.jpg), url(../images/footer/footer-background.jpg); background-position: top center, bottom center; background-size: contain; padding: 70px 60px 50px 60px; }
	.footer-background .responsive-contatti { width:60%; margin: 89px 0 17px 0; }
	.footer-background .responsive-mappa { display: none; }
	.footer-background .responsive-menu { width:40%; margin: 59px 0 0 0; }
    .footer-background .footer-menu li a.bianco { background-image: url(../images/footer/footer-li-blu.png); color: #206ebf; }
    .footer-background .footer-menu.legal{ margin:20px 0 0 0; }
    .copyright{ margin-bottom: 15px; }
    .copyright br{ display: block; }
    .copyright .space{ display: none; }
    .lista-login-background{ background-position: center 0px; }
    .lista-login-background .login-nozze{ background-size: 74%; width: 90%; padding: 130px; bottom: -132px; left: -99px; }
    .carousel-control-prev { left: -8px; }
    .carousel-control-next { right: -8px; }
    .item-auguri{ width: 44%; margin: 0 2% 40px 4%; }
    .auguri-img{ width: 25%; }
    .auguri-messaggio{ width: 75%;  margin: 0px 0%; }
    .item-buono{ width: 50%; }
    .item-lista{ width: 46%; margin: 0 2% 25px 2%; }
    .item-lista .lista-pagamento{ font-size: 0.85em; }
    .blocco-totale{ width: 50%; }
    .page-left, .page-right{ width: 100%; }
    header .nuvola-footer:before{ bottom: -220px; left: -210px; }
    header .nuvola-footer:after{ right: 0px; }
    header .nuvola-bianca:after{ top: -280px; right: -95px; }
    header .header{ width: 50%; }
    header .header .social{ width: 10%; }
    header .header .logo{width: 78%; }
    header .header .logo .logo-img { padding: 0px 0; }
    .chisiamo-box::after, .chisiamo-box::before { display: none; }
    .chisiamo-left{ float: left; width: 90%; margin: 0 5% 20px 5%; padding: 0; }
    .chisiamo-right{ float: left; width: 80%; margin: 0 10% 0 10%; padding: 0; }
    .section-background { background-position: left;  min-height: auto; }    
    .lista .lista-nozze,
    .lista .lista-regalo{ width: 100%; }
    .lista .lista-nozze::after, .lista .lista-regalo::after { bottom: -282px; left: -90px; }   
    .lista .lista-nozze .login, .lista .lista-regalo .login { width: 63%; left: 0px; padding: 47px; bottom: -51px; }    
    .gattinoni .form{ height: 510px; }
    .gattinoni .form .h1{ font-size: 46px; line-height: 46px; padding: 36px 0 7px 0; }
    .gattinoni .form .h2 { font-size: 18px; padding: 0 8px 40px 8px; }
    .gattinoni .form .button{ overflow: hidden;  }
    .gattinoni .form .button li{ padding: 5px 15px 5px 26px; }
    .gattinoni .form .button li.noleggio,
    .gattinoni .form .button li.trasferimento,
    .gattinoni .form .button li.ontheroad,
    .gattinoni .form .button li.altro{ display: none; }
    .gattinoni .form .modulo{ display: block; width: 95%; }
    .gattinoni .form .modulo .colonna1{ width: 67%; display: inline-block; }
    .gattinoni .form .modulo .colonna2{ width: 30%; display: inline-block; }
    .gattinoni .form .modulo .colonna1.responsive{ width: 59%; display: inline-block; }
    .gattinoni .form .modulo .colonna3{ display: inline-block; }
    .gattinoni .form .modulo .colonna3.nomarginright { position: absolute; }
    .gattinoni .monumenti{ height: 200px; }


}

@media only screen and (min-width: 1025px) and (max-width: 1280px) { /*Tablet landscape (1024x768)*/
    .header-logo .logo-content{ width: 86%; }
    .header-logo{ width: 47%; }
    .header-foto .nome{ padding: 0 0px 0 67px; font-size: 18px; line-height: 18px; }
    .nav-link{ font-size: 0.9em; }
	.footer-background .responsive-contatti { width:33.3%; }
	.footer-background .responsive-mappa { width:33.3%; }
	.footer-background .responsive-menu { width:33.3%;  }
    .copyright{ margin-bottom: 15px; }
    .copyright br{ display: block; }
    .copyright .space{ display: none; }
    .lista-login-background{ background-position: center; }
    .lista-login-background .login-nozze{ background-size: 81%; width: 52%; padding: 130px; position: absolute; bottom: -100px; left: 22px; }
    .carousel-control-prev { left: -17px; }
    .carousel-control-next { right: -17px; }
    .item-auguri{ width: 31.3%; margin: 0 1% 40px 1%; }
    .item-buono{ width: 33.3%; }
    .item-lista{ width: 48%; margin: 0 1% 25px 1%; }
    .blocco-totale{ width: 50%; }
    iframe {  height: 255px; }
    header .nuvola-bianca:after{ top: -270px; }
    header .nuvola-footer:before{ bottom: -185px; left: -163px; }
    header .nuvola-footer:after{ right: 0px; }
    header .header{ width: 40%; }
    header .header .social{ width: 10%; }
    header .header .logo{width: 78%; }
    .section-background {  min-height: auto;  }
    .chisiamo-box::after, .chisiamo-box::before { display: none; }
    .chisiamo-left{ float: left; width: 42%; margin: 0 4% 0 4%; padding: 0; }
    .chisiamo-right{ float: left; width: 46%; margin: 0 4% 0 0; padding: 0; }
    .lista .lista-nozze .login, .lista .lista-regalo .login { width: 82%; left: 40px; bottom: -50px; }
    .lista .lista-nozze::after, .lista .lista-regalo::after { bottom: -290px; left: -47px; }
    .gattinoni .form{ height: 490px; }
    .gattinoni .form .h1{ font-size: 46px; line-height: 46px; padding: 36px 0 7px 0; }
    .gattinoni .form .h2 { font-size: 18px; padding: 0 8px 40px 8px; }
    .gattinoni .form .button{ overflow: hidden;  }
    .gattinoni .form .button li{ padding: 5px 15px 5px 26px; }
    .gattinoni .form .button li.noleggio,
    .gattinoni .form .button li.trasferimento,
    .gattinoni .form .button li.ontheroad,
    .gattinoni .form .button li.altro{ display: none; }
    .gattinoni .form .modulo .colonna1{ width: 28%; }
    .gattinoni .form .modulo .colonna2{ width: 18%; }
    .gattinoni .monumenti{ height: 220px; }
    
    
}


@media only screen and (min-width: 481px) and (max-width: 576px) { /* Mobile landscape (480x320) - Small tablet portrait (600x800)*/
    .header-logo{ width: 100%;  }
    .header-logo .logo-content{ width: 100%; }
    .header-logo .logo-content .logo .logo-img{ height: 110px; }
    .titolo { display: none; }
    .titolo-responsive{ display: block; }
    .header-foto{ width: 100%; right: 50px; }
    .header-foto .nome{ display: none; }
    .footer-background .footer-mappa, 
    .footer-background .footer-menu,
    .footer-background .social-icon{ display: none; }

}










@media only screen and (min-width: 1281px) and (max-width: 1440px) { /*  */
    .lista-login-background{ background-position: center; }
    .lista-login-background .login-nozze{ width: 52%; left: 0px; }
  .lista .lista-nozze .login, .lista .lista-regalo .login { width: 66%; }  
     .gattinoni .form .button li.ontheroad{ display: none; }
    
	
	
}