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

header{
  padding:0%;
  padding-left:4%;
  padding-right:3%;
}

/* ---------------------------------------SLIDESHOW------------------------------------------------------- */

#slideshow{
  width:100%;
  padding-top:109px;
}
	
#slideshow .title-position{
  text-align:center;
  width:360px;
  height:180px; 
  border-radius: 180px/90px;
  margin: 20% auto 0;
}
#logo-slide{
	width:200px !important;
	padding-top:22px;
}	
	
#slideshow .slide{
  width:100% !important;
  height: 100% !important;
}
	
	
.bg-background-image{
	background: rgba(0, 0, 0, 0) url(../img/bg-pizzeria-ilmoro-milano.jpg) no-repeat center / cover;
}
.bg-background-image2{
	background: rgba(0, 0, 0, 0) url(../img/bg-spaghetti-allo-scoglio.jpg) no-repeat center / cover;
}
.bg-background-image3{
	background: rgba(0, 0, 0, 0) url(../img/bg-gamberoni-grigliati.jpg) no-repeat center / cover;
}
.bg-background-image4{
	background: rgba(0, 0, 0, 0) url(../img/bg-fiorentina-pepe-verde.jpg) no-repeat center / cover;
}
.bg-background-image5{
	background: rgba(0, 0, 0, 0) url(../img/bg-macedonia-frutta.jpg) no-repeat center / cover;
}
.bg-background-image6{
	background: rgba(0, 0, 0, 0) url(../img/bg-pizza-al-trancio-milano.jpg) no-repeat center / cover;
}	
	
.box-background h2 {
    font-size: 28px;
}
	
.bg-title {
    font-size: 50px !important;
}
.title {
    font-size: 59px;
}
.subtitle {
    font-size: 21px !important;
}	
	
/* ---------------------------------------BOX SETTING----------------------------------------------------- */

.box-container{
  width:100%;
  margin:0 auto;
  text-align: center;
}

.box-20{
  width:18.5%;
}
.box-25{
  width:26.5%;
}
.box-30{
  width:30%;
}
.box-35{
  width:35%;
}
.box-40{
  width:45%;
}
.box-40-70{
  width:70%;
}
.box-50{
  width:49.5%;
}
.box-80 {
  width: 82.5%;
}
.box-full{
  width:100%;
}


/*.box-padding{
  padding:8% 15px;
}*/
.box-margin{
  margin:7px;
}
.box-float-left{
  float:right;
}
.box-float-right{
  float:right;
}
.box-left-50{
  width:40%;
  float:left;
}
.box-right-50{
  width:45%;
  float:right;

}

.box-cat{
  width:25%;
}


/* ---------------------------------------BOX---------------------------------------------------------- */
 .box-background {
    clear: both;
    padding: 20px;
}

.box-background img {
  margin-bottom: 10px;
  margin-top: 0;
}

.bg-prenotazioni {
    padding-top:60px;
    margin-bottom: 0px;
    width: 100%;
}


/* ---------------------------------------FOOTER---------------------------------------------------------- */

footer .footer-padding {
    padding: 50px 18px 30px;
}

/* ---------------------------------------PAGE---------------------------------------------------------- */

hgroup {
    padding: 140px 46px 0px;
}

}

@media (max-width: 900px) {
 .box-cat{
   display:none;
 }
 .box-news-max{
    width:81%;
    text-align:center;
}


}



@media only screen and (min-width: 921px) and (max-width: 1048px) {

.box-form .dati{
  text-align: center;
  padding-right:0;
}

.bg-trasparente, .bg-bianco{
  top: 200px !important;
}
.bg-bianco{
  margin-left:-11% !important;
}

}


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

.bg-trasparente, .bg-bianco{
  top: 130px !important;
  width:440px;
}
	
	
#slideshow .title-position{
  text-align:center;
  width:300px;
  height:150px; 
  border-radius: 150px/75px;
  margin: 20% auto 0;
}
#logo-slide{
	width:180px !important;
	padding-top:22px;
}	

.box-form{
  padding: 5px 20px;
}

.box-margin-bottom{
  margin-bottom:30px;
}

.box-float {
    float: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 90%;
}
.box-float-right {
    float: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}

.box-form .dati{
  text-align: center;
  padding-right:0;
}

.box-form .dati{
  text-align: center;
  padding-right:0;
}

}



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

/* ---------------------------------------SLIDESHOW------------------------------------------------------- */


.slogan-background {
    padding: 0px 20px 50px;
}

/* ---------------------------------------BOX SETTING----------------------------------------------------- */

.box-90-footer{
  width:88%;
  display:inline-block !important;
}

.box-column-dati {
    float: none;
    padding:15px;
    margin: 0px auto;
    text-align: center;
}

.box-background #mappa{

  margin-top:30px;
}

/* ---------------------------------------FOOTER---------------------------------------------------------- */

footer .box-gallery {
    margin-top: 0;
    padding: 20px 40px;
}

footer .footer-padding {
    padding: 50px 0px 30px;
}

footer .box-news p a {
    float:none;
}


}

@media (max-width: 768px) {

.bg-bianco{
  margin-left:-17% !important;
}

#slideshow .title-position{
  text-align:center;
  width:260px;
  height:130px; 
  border-radius: 130px/65px;
  margin: 19% auto 0;
}
#logo-slide{
	width:150px !important;
	padding-top:20px;
}

#slideshow .title-slideshow{
  font-size:70px;
  border-bottom: 1px solid #FFFFFF;
}

#slideshow .subtitle-slideshow{
  font-size:29px;
}

.space-background {
   padding: 20% 5%;
}	

.space{
  padding-top: 18% !important;
  padding-bottom: 18% !important;
}
.box-margin-bottom{
  margin-bottom:30px;
}
.box-float{
    float: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 90%;
}
.box-padding-90{
  padding:5px 0px;
  width:88%;
}

.box-form .dati{
  text-align: center;
  padding-right:0;
}


/* ---------------------------------------FOOTER---------------------------------------------------------- */

footer {
    padding: 40px 10%;
}

footer .logo {
    float: none;
    margin: 0px auto;
    margin-top:20px;
    text-align: center;
}
footer .dati{
  padding-right:0px;
}
footer h3{
  text-align:center;
}

}

@media (max-width: 767px) {

/* ---------------------------------------BOX SETTING----------------------------------------------------- */
#slideshow {
    padding-top: 93px;
}

  .box-90{
    width:88%;
}

.box-none{
  display: none;
}

  .box-padding-90{
  text-align:center;
}
  .box-90-footer{
  width:88%;
  display:inline-block !important;
}
 .box-padding-90 {
    padding: 5px 0;
}
.box-column-dati {
    float: none;
    padding:15px;
    margin: 0px auto;
    text-align: center;
}

.box-left-50{
  width:100%;
  float:none;
}
.box-right-50{
  width:100%;
  float:none;

}

hgroup {
    padding: 125px 46px 0px;
}
	
	

.title{
   text-align: center;
	font-size:55px;
}

	
		
.font-mini{
  font-size:16px;
}
.font-regular{
  font-size:18px;
}	
	
footer {
    padding: 20px 10%;
}

}

@media only screen and (min-width: 521px) and (max-width: 674px) {

/* ---------------------------------------SLIDESHOW------------------------------------------------------- */

header{
  position: absolute;
}	
	

.box-30-tablet{
  width: 30%;
  margin:20px;
}

.box-float{
    float: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}
.box-background iframe{
  width:100%;
  height: 200px;
}

}

@media only screen and (max-width: 674px) {
	
#logo-slide {
    width: 130px !important;
    padding-top: 16px;
}
#slideshow .title-position {
    text-align: center;
    width: 220px;
    height: 110px;
    border-radius: 110px/55px;
    margin: 19% auto 0;
}

}