@media only screen and (min-width: 300px) and (max-width: 479px){
	
/*-----POP UP------*/
.pop-up-page {
    height: 390px !important;
    width: 299px !important;
}
.new-page-wrapper2 span.logo2 {
    height: 88px !important;
    width: 159px !important;
}
.new-page-wrapper2 span.text p {
    font-size: 15px !important;
}
.new-page-wrapper2 input {
    font-size: 16px !important;
    height: 35px !important;
}
/*-----END POP UP------*/
.interval1{
	background:url(../images/backgrounds/bg02.jpg) no-repeat center center;
		
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
.interval2{
	background:url(../images/backgrounds/bg03.jpg) no-repeat center center;
		-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
#screen7{
	background:url(../images/backgrounds/map.jpg) no-repeat center top;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
/*-----OVERLAYER------*/

.new-page {
    height: auto;
    width: 280px;
}

.new-page-wrapper {
 	margin: 0 !important;
    width: 62% !important;
}
.image-product {
    margin: 10px 0 0 10px !important;
}
.image-product img{
	width:73px !important;
	}
.new-page-wrapper span {
    font-size: 18px !important;
    margin: 0 0 12px !important;
}

.new-page-wrapper p {
    font-size: 12px !important;
    margin: 0 0 5px !important;
	line-height:15px !important;
}
.new-page-wrapper ul.valori {
    border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
    margin: 10px 0 0;
    padding: 10px 0;
}
.new-page-wrapper ul li {
    font-size: 12px !important;
	overflow:hidden;
}
.new-page-wrapper ul li span {
    font-size: 12px !important;
    margin: 0 5px 0 0 !important;
    min-width: 64px !important;
}
.etichetta {
    display: none !important;
}

/*-----END OVERLAYER------*/
	
#screen1 {
    background: url("../images/mobile/bg-01-320.jpg") no-repeat center center !important;
	background-size:cover;
} 
#screen1 h1 {
	height: 127px;
    margin: 25% auto 0 auto;
    width: 248px;
	display:block;
}
#screen1 p {
	padding:10px;
	font-size:15px;
}
nav li {
    padding: 2px 6px;
}
nav li a {
	 font-size: 14px;
    line-height: 17px;
}
/*-----STORIA-------*/
#screen2 {
    display: table;
    width: 100%;

}
.storia-content {
	width:auto;
    display: table;
	margin: 17% auto 0;
    padding: 0 10px;
    
}
.storia-content span {
    font-size: 18px;
}
.storia-content p {
    font-size: 14px;
    line-height: 18px;
}
/*-----END-STORIA-----*/

/*-----AMARO CIOCIARO-----*/
#screen3 {
    display: table;
    width: 100%;

}
#screen3 {
    background: url(../images/mobile/bg-amaro.jpg) no-repeat center center;
	background-size:cover;
}
.ciociaro-content {
    margin: 17% 0 0;
    width: auto;
}
.ciociaro-content span {
    font-size: 18px;
    text-align: center;
}
.ciociaro-content p {
    font-size: 14px;
}
.scheda-button {
	 margin: 15px 0;
    font-size: 13px;
}

/*-----END AMARO CIOCIARO-----*/

/*-----PRODOTTI-----*/
#screen4 span {
    font-size: 18px;
    margin: 14% 0 0;
}
#screen4 .list-container {
    width: 95%;
}
#screen4 .caption-style-1 li{
width:-moz-calc(50% - 2px);
width: -webkit-calc(50% - 2px);
width: -o-calc(50% - 2px);
width: calc(50% - 2px);

	}
.caption-text{
	top:20% !important;
}
#screen4 .caption-style-1 .caption-text h1, #screen4 .caption-style-2 .caption-text h1 {
    font-size: 14px;
}
#screen4 .caption-text p{
font-size: 11px;
padding:0 6px;
	}
/*-----END PRODOTTI-----*/

/*-----BAGNE----*/
.bagne-content span{
	font-size: 18px;
	  margin: 14% 0 2%;
	}
#screen5 .list-container {
    width: 95%;
}
#screen5 .caption-style-2 li {
width:-moz-calc(50% - 2px);
width: -webkit-calc(50% - 2px);
width: -o-calc(50% - 2px);
width: calc(50% - 2px);
margin:0 0 10px 0;
}
#screen5  .caption-text h1{
	 font-size: 11px;
    margin: 33px 0 0 0;
	}
/*-----END BAGNE----*/

/*-----COCKTAILS----*/
.cocktail-container {
    margin: 15% auto 0;
    width: 94%;
}
.cocktail-container span.title {
    font-size: 34px;
}

.cocktail-container .scheda {
  	border-bottom: 1px solid #4d4d4d;
	border-right:none;
    float: none;
	clear:both;
    height: auto;
    width: -moz-calc(100% - 21px);
	width: -webkit-calc(100% - 21px);
	width: -o-calc(100% - 21px);
	width: calc(100% - 21px);
}
.cocktail-container .scheda em {
    font-size: 15px;
}
.cocktail-container .scheda a{
	   padding: 5px 20px 8px 0;
	}
.image {
    width: 45%;
}
.ingredients {
    width: 55%;
}
.ingredients ul li {
    color: #999;
    font-family: "titilliumtext22l250_wt";
    font-size: 11px;
    text-align: left;
}
.cocktail-container .scheda .description {
    font-size: 12px;
    text-align: justify;
}
/*-----END COCKTAILS----*/



/*-----CONTACT----*/
#screen7{
	width:auto;
	display:table;
	height:auto !important;
	}
.wrap-contact {
    display: block;
    margin: 20% auto 0;
    overflow: hidden;
    width: -moz-calc(98% - 21px);
	width: -webkit-calc(98% - 21px);
	width: -o-calc(98% - 21px);
	width: calc(98% - 21px);
}
.info-container span.log {
    height: 84px;
    width: 133px;
}
.info-container span {
    font-size: 15px;
}
.info-container p {
    font-size: 14px;
}
.date {
    font-size: 13px !important;
}
.date p {
    font-size: 14px !important;
}
.info-container {
    float:none;
    clear:both;
    padding: 25px;
	margin:0 0 15px 0;

    width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: -o-calc(100% - 50px);
	width: calc(100% - 50px);

}
.mail-container {
    float: none;
	clear:both;
    
	padding:13px;
	width: -moz-calc(100% - 46px);
	width: -webkit-calc(100% - 46px);
	width: -o-calc(100% - 46px);
	width: calc(100% - 46px);
}
.mail-container p {
    font-size: 12px;
}
.mail-container input {
    font-size: 13px;
    margin: 0 0 13px;
    padding: 7px 5px;
    width: -moz-calc(100% - 14px);
	width: -webkit-calc(100% - 14px);
	width: -o-calc(100% - 14px);
	width: calc(100% - 14px);
}
.mail-container textarea {
  font-size: 13px;
    height: 58px;
    margin: 0 0 13px;
    padding: 7px 5px;
    width: calc(100% - 14px);
}
.mail-container input.button {
    font-size: 15px;
    margin: 0 0 7px;
    padding: 6px 5px;
    width: calc(100% - 2px);
}
/*-----END CONTACT----*/

/*-----VIDEO------*/
.video-container {
    width: 90%;
}
.video-link {
    width: auto !important;
}

.video-link span.thumb {
    height: 153px;
	width:auto !important;
}
.video-target {
    float: none !important;
    width: 100%;
	margin:0 0 10px 0;
}
/*-----END VIDEO------*/

}


@media only screen and (min-width: 480px) and (max-width: 599px){
	
/*-----POP UP------*/
.pop-up-page {
    height: 280px !important;
    width: 441px !important;
}
.new-page-wrapper2 span.logo2 {
    height: 88px !important;
    width: 159px !important;
}
.new-page-wrapper2 span.text {
    margin: 0 !important;
}
.new-page-wrapper2 span.text p {
    font-size: 14px !important;
}
.new-page-wrapper2 span.text p b {
    font-size: 26px !important;
 }
.new-page-wrapper2 input {
    font-size: 16px !important;
    height: 35px !important;
}
.buttons {
    margin: 11px 0 0 !important;
}
/*-----END POP UP------*/
	
	.interval1{
	background:url(../images/backgrounds/bg02.jpg) no-repeat center center;
		
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
.interval2{
	background:url(../images/backgrounds/bg03.jpg) no-repeat center center;
		-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
#screen7{
	background:url(../images/backgrounds/map.jpg) no-repeat center top;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
/*-----OVERLAYER------*/

.new-page {
    height: auto;
    width: 420px;
}

.new-page-wrapper {
 	margin: 0 !important;
    width: 75% !important;
}
.image-product {
    margin: 10px 0 0 10px !important;
}
.image-product img{
	width:73px !important;
	}
.new-page-wrapper span {
    font-size: 18px !important;
    margin: 0 0 12px !important;
}

.new-page-wrapper p {
    font-size: 12px !important;
    margin: 0 0 5px !important;
	line-height:15px !important;
}
.new-page-wrapper ul.valori {
    border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
    margin: 10px 0 0;
    padding: 10px 0;
	width:100%;
}
.new-page-wrapper ul li {
    font-size: 12px !important;
	overflow:hidden;
}
.new-page-wrapper ul li span {
    font-size: 12px !important;
    margin: 0 5px 0 0 !important;
    min-width: 64px !important;
}
.etichetta {
    display: none !important;
}

/*-----END OVERLAYER------*/

#screen1 h1 {
	height: 136px;
    margin: 10% auto 0;
    width: 290px;
}
#screen1 p {
	padding:10px;
	font-size:16px;
}
nav li {
    padding: 5px;
}
nav li a {
	 font-size: 11px;
    line-height: 17px;
}
.fixed {
    height: 35px;
}
/*-----STORIA-------*/
#screen2 {
    display: table;
    width: 100%;

}

.storia-content {
	width:auto;
    display: table;
	margin: 5% auto 0;
    padding: 0 10px;
}
.storia-content span {
    font-size: 16px;
}
.storia-content p {
    font-size: 12px;
    line-height: 18px;
}
/*-----END-STORIA-----*/

/*-----AMARO CIOCIARO-----*/
#screen3 {
    display: table;
    width: 100%;

}
#screen3 {
    background: url("../images/mobile/bg-amaro-480.jpg") no-repeat center center;
	background-size:cover;
}
.ciociaro-content {
    margin: 5% 0 0;
    width: 57%;
}
.ciociaro-content span {
    font-size: 16px;
    text-align: left;
}
.ciociaro-content p {
    font-size: 12px;
    line-height: 14px;
}
.scheda-button {
	 margin: 15px 0;
    font-size: 13px;
}
/*-----END AMARO CIOCIARO-----*/

/*-----PRODOTTI-----*/
#screen4 span {
    font-size: 18px;
    margin: 5% 0 0;
}
#screen4 .list-container {
    width: 95%;
}
#screen4 .caption-style-1 li{
width:-moz-calc(33% - 2px);
width: -webkit-calc(33% - 2px);
width: -o-calc(33% - 2px);
width: calc(33% - 2px);	
	}
.caption-text{
	top:20% !important;
}
#screen4 .caption-style-1 .caption-text h1, #screen4 .caption-style-2 .caption-text h1 {
    font-size: 14px;
}
#screen4 .caption-text p{
font-size: 11px;
padding:0 6px;
	}
/*-----END PRODOTTI-----*/

/*-----BAGNE----*/
.bagne-content span{
	font-size: 18px;
	  margin: 8% 0 3%;
	}
#screen5 .list-container {
    width: 95%;
}
#screen5 .caption-style-2 li {
  width:-moz-calc(33% - 2px);
width: -webkit-calc(33% - 2px);
width: -o-calc(33% - 2px);
width: calc(33% - 2px);
margin:0 0 10px 0;
}
#screen5  .caption-text h1{
	 font-size: 11px;
    margin: 33px 0 0 0;
	}

/*-----END BAGNE----*/

/*-----COCKTAILS----*/
.cocktail-container {
    width: 94%;
	margin:10% auto 0 auto;
}
.cocktail-container span.title {
    font-size: 35px;
}
.cocktail-container .scheda {
	border-right:none;
	border-bottom:1px solid #4d4d4d;
    float: none;
	clear:both;
    height: auto;
	overflow:hidden;
    width: -moz-calc(100% - 21px);
	width: -webkit-calc(100% - 21px);
	width: -o-calc(100% - 21px);
	width: calc(100% - 21px);

}
.cocktail-container .scheda em {
    font-size: 22px;
}
.cocktail-container .scheda a{
	margin: 5px 0 0;
    padding: 5px 20px 8px 0;
	}
.image {
    width: 35%;
}
.ingredients {
    width: 65%;
}
.ingredients ul li {
    color: #999;
    font-family: "titilliumtext22l250_wt";
    font-size: 13px;
    text-align: left;
}
.cocktail-container .scheda .description {
    font-size: 14px;
    text-align: justify;
}
/*-----END COCKTAILS----*/

/*-----CONTACT----*/
#screen7{
	width:auto;
	display:table;
	height:auto !important;
	}
.wrap-contact {
    display: block;
    margin: 13% auto 0;
    overflow: hidden;
    width: -moz-calc(98% - 21px);
	width: -webkit-calc(98% - 21px);
	width: -o-calc(98% - 21px);
	width: calc(98% - 21px);
}
.info-container span.log {
  float: left;
    height: 84px;
   margin: 0 15px 0 0;
    width: 133px;
}
.info-container span {
    font-size: 15px;
}
.info-container p {
    font-size: 14px;
}
.date {
    font-size: 13px !important;
}
.date p {
    font-size: 14px !important;
}
.info-container {
 	clear: both;
    float: none;
    margin: 0 0 15px;
    padding: 7px;
	text-align:left;

    width: -moz-calc(100% - 14px);
	width: -webkit-calc(100% - 14px);
	width: -o-calc(100% - 14px);
	width: calc(100% - 14px);

}
.mail-container {
    float: none;
	clear:both;
    
	padding:13px;
	width: -moz-calc(100% - 46px);
	width: -webkit-calc(100% - 46px);
	width: -o-calc(100% - 46px);
	width: calc(100% - 46px);
}
.mail-container p {
    font-size: 13px;
}
.mail-container input {
    font-size: 13px;
    margin: 0 0 13px;
    padding: 7px 5px;
    width: -moz-calc(100% - 14px);
	width: -webkit-calc(100% - 14px);
	width: -o-calc(100% - 14px);
	width: calc(100% - 14px);
}
.mail-container textarea {
  font-size: 13px;
    height: 58px;
    margin: 0 0 13px;
    padding: 7px 5px;
    width: calc(100% - 14px);
}
.mail-container input.button {
    font-size: 15px;
    margin: 0 0 7px;
    padding: 6px 5px;
    width: calc(100% - 2px);
}
/*-----END CONTACT----*/

/*-----VIDEO------*/
.video-container {
    width: 90%;
}
.video-link {
    width: auto !important;
}
.video-link span.thumb {
    height: 69px;
	width:auto !important;
}
.video-target {
    float: left;
	margin:0 10px 0 0;
	width: -moz-calc(33% - 6px);
    width: -webkit-calc(33% - 6px);
    width: -o-calc(33% - 6px);
    width: calc(33% - 6px);
}
.video-target:nth-child(3) {
	margin:0 !important;
}

.video-link p, .credit {
    font-size: 12px;
}
.video-title {
    font-size: 14px;
}
.video-link p.credit {
    font-size: 12px;
    margin: 7px 0 0;
}
/*-----END VIDEO------*/

}


@media only screen and (min-width: 600px) and (max-width: 767px) {
/*-----POP UP------*/
.pop-up-page {
    height: 488px !important;
    width: 510px !important;
}
.new-page-wrapper2 span.logo2 {
    height: 175px !important;
    width: 234px !important;
}
.new-page-wrapper2 span.text {
    margin:20px 0 !important;
}
.new-page-wrapper2 span.text p {
    font-size: 18px !important;
}
.new-page-wrapper2 span.text p b {
    font-size: 40px !important;
 }
.new-page-wrapper2 input {
    font-size: 18px !important;
	width:90px;
    height: 44px !important;
}
.privacy{
	font-size:18px !important;
	}
.buttons {
    margin: 20px 0!important;
}
/*-----END POP UP------*/


/*-----OVERLAYER------*/
.new-page {
    height: auto;
    width: 528px;
}

.new-page-wrapper {
 	margin: 0 !important;
    width: 59% !important;
}
.image-product {
    margin: 10px 0 0 10px !important;
}
.image-product img{
	width:178px !important;
	}
.new-page-wrapper span {
    font-size: 31px !important;
    margin: 0 0 12px !important;
}

.new-page-wrapper p {
    font-size: 14px !important;
    margin: 0 0 5px !important;
	line-height:21px !important;
}
.new-page-wrapper ul.valori {
    border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
    margin: 10px 0 0;
    padding: 10px 0;
	width:100%;
}
.new-page-wrapper ul li {
    font-size: 14px !important;
	overflow:hidden;
}
.new-page-wrapper ul li span {
    font-size: 14px !important;
    margin: 0 5px 0 0 !important;
    min-width: 72px !important;
}
.etichetta img {
    width: 115px;
}

/*-----END OVERLAYER------*/

#screen1 {
    background: url("../images/mobile/bg-01-600.jpg") no-repeat center center;
	background-size:cover;
}

#screen1 h1 {
	height: 189px;
    margin: 20vh auto 0;
    width: 373px;
}
#screen1 p {
    font-size: 22px;
}
nav li {
    padding: 13px 9px;
}
nav li a {
	font-size:16px;
}
/*----STORIA----*/
.storia-content{
	width:auto;
	left:auto;
	padding:0 8%;
}
.storia-content span {
font-size: 7vh;
}
/*----END STORIA-----*/

/*----AMARO CIOCIARO----*/
#screen3 {
    background: url("../images/mobile/bg-amaro-600.jpg") no-repeat center center;
	background-size:cover;
}
.ciociaro-content {
 	margin: 14% 0 0;
    width: auto;
}
.ciociaro-content span {
    font-size: 7vh;
    text-align: center;
}
.ciociaro-content p {
    font-size: 2.3vh;
}
/*----END AMARO CIOCIARO-----*/

/*-----PRODOTTI-----*/
#screen4 span {
    font-size: 6vh;
    margin: 8% 0 0;
}
#screen4 .list-container {
    width: 95%;
}
#screen4 .caption-style-1 li{
width:-moz-calc(33% - 2px);
width: -webkit-calc(33% - 2px);
width: -o-calc(33% - 2px);
width: calc(33% - 2px);		
	}
.caption-text{
	top:20% !important;
}
#screen4 .caption-style-1 .caption-text h1, #screen4 .caption-style-2 .caption-text h1 {
    font-size: 14px;
}
#screen4 .caption-text p{
font-size: 11px;
padding:0 6px;
	}
/*-----END PRODOTTI-----*/

/*-----BAGNE----*/
.bagne-content span{
	font-size: 6vh;
	  margin: 5% 0 3%;
	}
#screen5 .list-container {
    width: 95%;
}
#screen5 .caption-style-2 li {
width:-moz-calc(33% - 2px);
width: -webkit-calc(33% - 2px);
width: -o-calc(33% - 2px);
width: calc(33% - 2px);
margin:0 0 10px 0;
}
#screen5  .caption-text h1{
	 font-size: 14px;
    margin: 33px 0 0 0;
	}

/*-----END BAGNE----*/

/*-----COCKTAILS----*/
.cocktail-container {
    margin: 7% 0 0;
    width: 98%;
}
.cocktail-container span.title {
    font-size: 44px;
}
.cocktail-container .scheda {
    height: 240px;
    width:-moz-calc(50% - 21px);
	width: -webkit-calc(50% - 21px);
	width: -o-calc(50% - 21px);
	width: calc(50% - 21px);	
}
.image {
    width: 34%;
}
.ingredients {
    width: 66%;
}
.ingredients ul li {
    font-size: 12px;
}
.cocktail-container .scheda .description {
    font-size: 12px;
}
/*-----END COCKTAILS----*/

/*-----CONTACT----*/
.wrap-contact {
    display: block;
    margin: 20% auto 0;
    overflow: hidden;
    width: -moz-calc(98% - 21px);
	width: -webkit-calc(98% - 21px);
	width: -o-calc(98% - 21px);
	width: calc(98% - 21px);
}
.info-container {
    padding: 25px;
     width: -moz-calc(30% - 11px);
	width: -webkit-calc(30% - 11px);
	width: -o-calc(30% - 11px);
	width: calc(30% - 11px);
}
.mail-container {
    padding: 18px;
      width: -moz-calc(53% - 11px);
	width: -webkit-calc(53% - 11px);
	width: -o-calc(53% - 11px);
	width: calc(53% - 11px);
}
.info-container span.log {
    height: 87px;
    width: 138px;
}
.info-container span {
    font-size: 17px;
}
.info-container p {
    font-size: 14px;
}
.date-container {
    margin: 7px 0 0;
}
.date {
    font-size: 13px !important;
}
.date p {
    font-size: 12px !important;
}
.mail-container p {
    font-size: 14px;
}
.mail-container input {
    margin: 0 0 14px;
    padding: 4px 5px;
}
.mail-container textarea {
    height: 69px;
    margin: 0 0 14px;
    padding: 2px 5px;
}
.mail-container textarea {
    height: 69px;
    margin: 0 0 14px;
    padding: 2px 5px;
}
/*-----END CONTACT----*/

/*-----VIDEO------*/
.video-container {
    width: 90%;
}
.video-link {
    width: auto !important;
}
.video-link span.thumb {
    height: 88px;
	width:auto !important;
}
.video-target {
    float: left;
	margin:0 10px 0 0;
	width: -moz-calc(33% - 6px);
    width: -webkit-calc(33% - 6px);
    width: -o-calc(33% - 6px);
    width: calc(33% - 6px);
}
.video-target:nth-child(3) {
	margin:0 !important;
}

.video-link p, .credit {
    font-size: 13px;
}
.video-title {
    font-size: 17px;
}
.video-link p.credit {
    font-size: 12px;
    margin: 7px 0 0;
}
/*-----END VIDEO------*/
	}


@media only screen and (min-width: 768px) and (max-width: 799px) {
nav li {
    padding: 13px 6px;
}
nav li a {
	font-size:15px;
}
.interval1{
	background:url(../images/backgrounds/bg02.jpg) no-repeat center center;
		
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
.interval2{
	background:url(../images/backgrounds/bg03.jpg) no-repeat center center;
		-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
#screen7{
	background:url(../images/backgrounds/map.jpg) no-repeat center top;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}

/*-----OVERLAYER------*/
.new-page {
    height: auto;
    width: 680px;
}

.new-page-wrapper {
 	margin: 0 !important;
    width: 59% !important;
}
.image-product {
    margin: 10px 0 0 0 !important;
}
.image-product img{
	width:240px !important;
	}
.new-page-wrapper span {
    font-size: 31px !important;
    margin: 0 0 12px !important;
}

.new-page-wrapper p {
    font-size: 16px !important;
    margin: 0 0 5px !important;
	line-height:25px !important;
}
.new-page-wrapper ul.valori {
    border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
    margin: 10px 0 0;
    padding: 10px 0;
	width:100%;
}
.new-page-wrapper ul li {
    font-size: 16px !important;
	overflow:hidden;
}
.new-page-wrapper ul li span {
    font-size: 16px !important;
    margin: 0 5px 0 0 !important;
    min-width: 72px !important;
}
.etichetta img {
    width: 145px;
}

/*-----END OVERLAYER------*/

	#screen1 {
    background: url("../images/mobile/bg-01-768.jpg") no-repeat center center;
	background-size:cover;
}

#screen1 h1 {
	height: 212px;
    margin: 30vh auto 0;
    width: 420px;
}
#screen1 p {
    font-size: 26px;
}

/*----STORIA----*/
.storia-content{
	width:auto;
	left:auto;
	padding:0 8%;
}
.storia-content span {
font-size: 50px;
}
.storia-content p {
    font-size: 22px;
    padding: 3%;
}
/*----END STORIA-----*/

/*----AMARO CIOCIARO----*/
#screen3 {
    background: url("../images/mobile/bg-amaro-768.jpg") no-repeat center center;
	background-size:cover;
}
.ciociaro-content {
 	margin: 13% 0 0;
    width: 80%;
}
.ciociaro-content span{
 font-size: 50px;
 text-align:center;
 }
.ciociaro-content p {
    font-size: 22px;
    padding: 3% 0 0;
}
.scheda-button {
	 margin: 15px 0;
    font-size: 18px;
}
/*----END AMARO CIOCIARO-----*/

/*-----PRODOTTI-----*/
#screen4 span {
    font-size: 50px;
    margin: 6% 0 0;
}
#screen4 .list-container {
    width: 95%;
}
#screen4 .caption-style-1 li{
width:-moz-calc(33% - 2px);
width: -webkit-calc(33% - 2px);
width: -o-calc(33% - 2px);
width: calc(33% - 2px);		
	}
.caption-text{
	top:30% !important;
}
#screen4 .caption-style-1 .caption-text h1, #screen4 .caption-style-2 .caption-text h1 {
    font-size: 18px;
}
#screen4 .caption-text p{
font-size: 15px;
padding:0 6px;
	}
/*-----END PRODOTTI-----*/

/*-----BAGNE----*/
.bagne-content span{
	font-size: 50px;
	  margin: 5% 0 3%;
	}
#screen5 .list-container {
    width: 95%;
}
#screen5 .caption-style-2 li {
width:-moz-calc(33% - 2px);
width: -webkit-calc(33% - 2px);
width: -o-calc(33% - 2px);
width: calc(33% - 2px);
margin:0 0 10px 0;
}
#screen5  .caption-text h1{
	 font-size: 18px;
    margin: 31px 0 0 0;
	}

/*-----END BAGNE----*/

/*-----COKTAILS-----*/
.cocktail-container {
	margin: 6% auto 1% auto;
    width: 98%;
}
.cocktail-container .scheda {
 width:-moz-calc(50% - 21px);
width: -webkit-calc(50% - 21px);
width: -o-calc(50% - 21px);
width: calc(50% - 21px);	
}
.cocktail-container span.title {
    font-size: 55px;
}
.cocktail-container .scheda em {
    font-size: 21px;
}
.cocktail-container .scheda .description {
    font-size: 14px;
}
.ingredients ul li {
    font-size: 13px;
}
/*-----END COKTAILS-----*/

/*-----CONTACT-----*/
.wrap-contact {
	width:98%;
    margin: 30% auto 0;

}
.mail-container input {
    padding: 7px 5px;
}
.mail-container p {
    font-size: 13px;
}
.mail-container textarea {
    height: 60px;
    margin: 0 0 14px;
    padding: 7px 5px;
}
.mail-container input.button {
    margin: 0;
    padding: 5px;
}
/*-----END CONTACT-----*/

/*-----VIDEO------*/
.video-container {
    width: 90%;
}
.video-link {
    width: auto !important;
}
.video-link span.thumb {
    height: 117px;
	width:auto !important;
}
.video-target {
    float: left;
	margin:0 10px 0 0;
	width: -moz-calc(33% - 6px);
    width: -webkit-calc(33% - 6px);
    width: -o-calc(33% - 6px);
    width: calc(33% - 6px);
}
.video-target:nth-child(3) {
	margin:0 !important;
}

.video-link p, .credit {
    font-size: 13px;
}
.video-title {
    font-size: 17px;
}
.video-link p.credit {
    font-size: 12px;
    margin: 7px 0 0;
}
/*-----END VIDEO------*/

}



@media only screen and (min-width: 800px) and (max-width: 1023px) {
/*-----OVERLAYER------*/

.new-page {
    height: auto;
    width: 680px;
}

.new-page-wrapper {
 	margin: 0 !important;
    width: 70% !important;
}
.image-product {
    margin: 10px 0 0 10px !important;
}
.image-product img{
	width:164px !important;
	}
.new-page-wrapper span {
    font-size: 31px !important;
    margin: 0 0 12px !important;
}

.new-page-wrapper p {
    font-size: 14px !important;
    margin: 0 0 5px !important;
	line-height:21px !important;
}
.new-page-wrapper ul.valori {
    border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
    margin: 10px 0 0;
    padding: 10px 0;
	width:100%;
}
.new-page-wrapper ul li {
    font-size: 14px !important;
	overflow:hidden;
}
.new-page-wrapper ul li span {
    font-size: 14px !important;
    margin: 0 5px 0 0 !important;
    min-width: 72px !important;
}
.etichetta img {
    width: 115px;
}

/*-----END OVERLAYER------*/

#screen1 {
    background: url("../images/mobile/bg-01-768.jpg") no-repeat center center;
	background-size:cover;
}

#screen1 h1 {
	height: 212px;
    margin: 16vh auto 0;
    width: 420px;
}
#screen1 p {
    font-size: 20px;
}
/*----STORIA----*/
.storia-content{
	width:auto;
	left:auto;
	padding:0 8%;
}
storia-content p {
    font-size: 3vh;
}
/*----END STORIA----*/

/*----AMARO CIOCIARO-----*/
.ciociaro-content {
    margin: 11% 0 0;
    width: 50%;
}
.ciociaro-content span{
	font-size: 8vh;
	}

/*----END AMARO CIOCIARO-----*/

/*-----PRODOTTI-----*/
#screen4 span {
    font-size: 7vh;
    margin: 8% 0 0;
}
#screen4 .list-container {
    width: 95%;
}
#screen4 .caption-style-1 li{
width:-moz-calc(33% - 2px);
width: -webkit-calc(33% - 2px);
width: -o-calc(33% - 2px);
width: calc(33% - 2px);		
	}
.caption-text{
	top:30% !important;
}
#screen4 .caption-style-1 .caption-text h1, #screen4 .caption-style-2 .caption-text h1 {
    font-size: 18px;
}
#screen4 .caption-text p{
font-size: 15px;
padding:0 6px;
	}
/*-----END PRODOTTI-----*/

/*-----BAGNE----*/
.bagne-content span{
	font-size: 6vh;
	  margin: 5% 0 3%;
	}
#screen5 .list-container {
    width: 95%;
}
#screen5 .caption-style-2 li {
width:-moz-calc(33% - 2px);
width: -webkit-calc(33% - 2px);
width: -o-calc(33% - 2px);
width: calc(33% - 2px);	
margin:0 0 10px 0;
}
#screen5  .caption-text h1{
	 font-size: 18px;
    margin: 31px 0 0 0;
	}

/*-----END BAGNE----*/
/*-----COKTAILS-----*/
.cocktail-container {
	margin: 6% auto 1% auto;
    width: 98%;
}
.cocktail-container .scheda {
 width:-moz-calc(50% - 21px);
width: -webkit-calc(50% - 21px);
width: -o-calc(50% - 21px);
width: calc(50% - 21px);	
}
.cocktail-container .scheda em {
    font-size: 21px;
}
.cocktail-container .scheda .description {
    font-size: 14px;
}
.ingredients ul li {
    font-size: 13px;
}
/*-----END COKTAILS-----*/

/*-----CONTACT-----*/
.mail-container input {
    padding: 7px 5px;
}
.mail-container p {
    font-size: 13px;
}
.mail-container textarea {
    height: 60px;
    margin: 0 0 14px;
    padding: 7px 5px;
}
.mail-container input.button {
    margin: 0;
    padding: 5px;
}
/*-----END CONTACT-----*/

/*-----VIDEO------*/
.video-container {
    width: 90%;
}
.video-link {
    width: auto !important;
}
.video-link span.thumb {
    height: 122px;
	width:auto !important;
}
.video-target {
    float: left;
	margin:0 10px 0 0;
	width: -moz-calc(33% - 6px);
    width: -webkit-calc(33% - 6px);
    width: -o-calc(33% - 6px);
    width: calc(33% - 6px);
}
.video-target:nth-child(3) {
	margin:0 !important;
}

.video-link p, .credit {
    font-size: 13px;
}
.video-title {
    font-size: 17px;
}
.video-link p.credit {
    font-size: 12px;
    margin: 7px 0 0;
}
/*-----END VIDEO------*/
}
	
@media only screen and (min-width: 1024px) and (max-width: 1099px) {
/*-----OVERLAYER------*/
.new-page {
    height: auto;
    width: 870px;
}

.new-page-wrapper {
 	margin: 0 !important;
    width: 73% !important;
}
.image-product {
    margin: 10px 0 0 0 !important;
}
.image-product img{
	width:214px !important;
	}
.new-page-wrapper span {
    font-size: 31px !important;
    margin: 0 0 12px !important;
}

.new-page-wrapper p {
    font-size: 18px !important;
    margin: 0 0 5px !important;
	line-height:26px !important;
}
.new-page-wrapper ul.valori {
    border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
    margin: 10px 0 0;
    padding: 10px 0;
	width:100%;
}
.new-page-wrapper ul li {
    font-size: 18px !important;
	overflow:hidden;
}
.new-page-wrapper ul li span {
    font-size: 17px !important;
    margin: 0 5px 0 0 !important;
    min-width: 95px !important;
}
.etichetta img {
    width: 155px;
}

/*-----END OVERLAYER------*/

.interval1{
	background:url(../images/backgrounds/bg02.jpg) no-repeat center center;
		
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
.interval2{
	background:url(../images/backgrounds/bg03.jpg) no-repeat center center;
		-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
#screen7{
	background:url(../images/backgrounds/map.jpg) no-repeat center top;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
/*----HOME----*/
#screen1 h1 {
    margin: 10% auto 0;
 }
/*----END HOME----*/
/*----STORIA----*/
.storia-content{
	width:auto;
	left:auto;
	padding:0 8%;
}
.storia-content span {
    font-size: 50px;
}
.storia-content p {
    font-size: 22px;
	line-height:normal !important;
}
/*----END STORIA----*/

/*----AMARO CIOCIARO-----*/
.ciociaro-content {
    margin: 8% 0 0;
    width: 50%;
}
.ciociaro-content span{
	font-size: 50px;
	}
.ciociaro-content p{
	font-size: 22px;
	}
.scheda-button {
	 margin: 15px 0;
    font-size: 18px;
}
/*----END AMARO CIOCIARO-----*/

/*----PRODOTTI----*/
#screen4 span {
    font-size: 50px;
    margin: 4% 0 1%;

}
.list-container{
	width:98% !important;
}
.caption-text p {
    font-size: 12px;
    padding: 0 15px;
}
.caption-style-1 .caption-text h1{
    font-size: 20px !important;
}
 .caption-style-2 .caption-text h1 {
	  font-size: 18px !important;
    margin: 30px 0 0;
}
.caption-style-2 li {
	margin:10px 0;
width:-moz-calc(25% - 2px) !important;
width: -webkit-calc(25% - 2px) !important;
width: -o-calc(25% - 2px) !important;
width: calc(25% - 2px) !important;	
}

/*----END PRODOTTI----*/
/*----BAGNE----*/
.bagne-content span {
    font-size: 50px;
}
.caption-style-2 li {
	margin:10px 0;
width:-moz-calc(20% - 2px) !important;
width: -webkit-calc(20% - 2px) !important;
width: -o-calc(20% - 2px) !important;
width: calc(20% - 2px) !important;	
}
/*---- END BAGNE----*/
/*----COKTAIL-----*/
.cocktail-container span.title {
    font-size: 50px;
}
.cocktail-container {
    margin: 4% auto 1% auto;
    overflow: hidden;
    width: 98%;
}
.cocktail-container .scheda {
    height: 274px;
    width: calc(33% - 21px);
}
.cocktail-container .scheda em {
    font-size: 17px;
}
.ingredients ul li {
    font-size: 13px;
}
.cocktail-container .scheda .description p {
    font-size: 14px;
}
/*----END COKTAIL-----*/

/*-----VIDEO------*/
.video-container {
    width: 90%;
}
.video-link {
    width: auto !important;
}
.video-link span.thumb {
    height: 159px;
	width:auto !important;
}
.video-target {
    float: left;
	margin:0 10px 0 0;
	width: -moz-calc(33% - 6px);
    width: -webkit-calc(33% - 6px);
    width: -o-calc(33% - 6px);
    width: calc(33% - 6px);
}
.video-target:nth-child(3) {
	margin:0 !important;
}

.video-link p, .credit {
    font-size: 13px;
}
.video-title {
    font-size: 17px;
}
.video-link p.credit {
    font-size: 12px;
    margin: 7px 0 0;
}
/*-----END VIDEO------*/
	}


@media only screen and (min-width: 1100px) and (max-width: 1280px) {
.scheda-button {
    font-size: 2vmin;
 
}
	.caption-style-1 .caption-text h1, .caption-style-2 .caption-text h1 {
    font-size: 22px;
}
.caption-text p {
    font-size: 14px;
}
.cocktail-container {
    width: 90%;
}
.cocktail-container .scheda .description p {
    font-size: 13px;

}
.ingredients ul li {
    font-size: 1.58vmin;
}
.image {
    width: 47%;
}
.cocktail-container .scheda em {
    font-size: 2.55vmin;
 }
 .video-container {
    width: 90%;
}
 .video-link span.thumb {
    clear: both;
    display: block;
    height: 201px;
    position: relative;
	width: -moz-calc(100% - 11px);
    width: -webkit-calc(100% - 11px);
    width: -o-calc(100% - 11px);
    width: calc(100% - 11px);
}
	}

@media only screen and (min-width: 1281px) and (max-width: 5000px) {
	
	}