@media(min-width:1500px){
	.imgintro .img2 {	
	bottom: -406px;
	}
    .cnt.particolare2 {
	margin-bottom: 100px;
	}
	.intro .imgp img {
	
		max-height: 300px;
    width: auto;
    top: -33px;
	}
	.particolare3 {
		height:390px !important;
		max-height: 600px !important;
	}
	.slide_cont.spariscisumobile {
		margin-left: 39px;
		top: 38px;
		position:relative;
	}
	#newsletter header {
		margin-left: -89px;
	}
	.formcontatti  {
		margin-left: 26px;
	}
	
	.intro1 h2::after {
		width: 31%;
	}
	.intro .a1 .cnt {
		height: 26vh;
	}
	.intro1 {
		margin-bottom: 69px;
	}	
	.particolare1 {
		margin-top: 80px;
	}
	.particolare2 {
		margin-bottom: 54px;
	}
	.particolare4 {
		position:relative;
		top:50px;
	}
	div#newsletter {
    position: relative;
    left: -16px;
}

}	
@media (min-width: 1800px)
{
	.imgintro .img2 {
   		 bottom: -447px;
	}

	.intro .imgp img {
   	   max-height: 318px;
	   width: auto;
	   top: -20px;
    }
  
	figure#fiximg {
	max-height: 300px;
		width: auto;
		position: relative;
	top: 193px;
	left:18px;
	}  
	.particolare3 {
		position:relative;
		top:-88px;
		height: 500px !important;
    left: -40px;
	}
}
@media(max-width:1000px){
	body{
		font-size: 12px;
	}

.chisiamo > header p {
    text-align: center;
}

.intro .a1 p, .intro .a2 p {
    font-size: 100%;
}

.intro .slide .slide_cont p {
    font-size: 100%;
}

.chisiamo > header > div:before {
    position: relative;
    display: block;
    right: auto;
    top: 0;
    margin: 0 auto;
    display: none;
}

.notmobile{
	display: none !important;
}

nav.mainnav ul {
    text-align: center;
}

nav.mainnav ul li {
    float: none;
    display: inline-block;
}

nav.mainmenu ul {
    text-align: center;
}

nav.mainmenu ul li {
    float: none;
    display: inline-block;
}

.slide_cont {
    clear: both;
    margin-top: 80rem;
    /* background: rgba(255,255,255,0.8); */
}

svg {
    display: none;
}

.slides #immaginislide {
    height: auto;
    overflow: visible;
    position: relative;
}
	.w50{
		width: 100%;
	}

.l.w50.a2 {
    width: 100%;
}

	.intro .a1{
		width: 100%;
		margin:0;
	}



.intro .imgp{
	height:auto;
}
.slides > a:after{
    content: '';
    display: block;
    height: 4rem;
    width: 4rem;
    border-radius:2rem;
    background-color: #fff; 
    border: 1px solid #CCCCCC;

}


.intro{
   /* background-color: #FFF44D;
    background: url('../img/intro1280.jpg') no-repeat;
    background-size: cover;*/
    min-height: auto;
     
}
	.intro .a2 .cnt{
		overflow: visible;
		height: auto;
	}

.contatti form{
	text-align: center;
	margin:20px;
	margin-top: 0px;
	padding-top: 20px;
	box-shadow: none;
}

.newsletter_w{
	box-shadow: none;
}
.formnewsletter header{
	background-color: #fff;
	padding:5px;
}
.newsletter_w{
	padding:20px;
}
.contatti form input[type=submit]{
	position: relative;
	margin:0 auto;
}

.contatti .forms,.ctr{
    width:100%;
    position: relative;
    margin:0 auto;
    padding:0px 0px;
}

.contatti .w50 > div{
    width: 100%;
}
.contatti header p{
	text-align: center;
}
#timeline {
   
  
   
    -webkit-transition:left 50ms linear;
    /* width: 100% !important; */
}
	article{
		padding:0;
		padding:20px;
	}

.timeline article {
    /* width: 100%; */
    position: relative;
    /* left: 0; */
    /* top: 0; */
    top: 20px;
    font-size: 1em;
    float: left;
    left: auto !important;
    margin: 0;
}

.timeline article.g {
    top: 20px !important;
    bottom: auto !important;
}

.timeline article >div:not(.linea):after {
    display: none;
}

.timeline article:before {
    display: none;
}

.timeline .base {
    display: none;
}

.timeline article > div.linea {
    display: none;
}

.slide_cont article {
    background: rgba(255,255,255,0.8);
}

	h2{
		font-size: 2em;
		text-align: center;
	
		width: 100%;
}

h2:after {
    width: 80%;
    background-repeat: repeat-x;
}

.onlymobile {
    display: block;
    position: relative;
    margin: 0 auto;
}
	h1{
		font-size: 3em;
		text-align: center;
	}
	img{
		max-width: 100%;
		height:auto !important;
		margin:0 auto;
		position: relative;
		display: block;
	}

img.mustachié {}

.slides #immaginislide img {
    position: absolute;
    /* height: 200px; */
    -webkit-transition:none;
}

	.slides > a span{
		display: none;
	}

	.intro .logo{
		width: 100%;
		height: 10vh;
	}


	.slide{
		overflow: hidden;
	}

	.slides{
		width: 100%;
		height: auto;
		border-radius: 0;
	}
	.slides > a:after{
		width:10vw;
		height:10vw;
	}

.slides >a {
    position: relative;
    top: 0;
    left: 0 !important;
    right: 0;
    bottom: 0 !important;
    float: left;
    margin: 0;
    display: none;
}
	.storia{
		float:none;
		width:auto;
		margin:10px;
	}
	.timeline{
		margin:10px;
	
		height: auto;
}

	.timeline > .content{
		margin:0;
	
		height: auto;
}

	.timeline .prev{
		bottom:0px;
		top:100%;
	
		z-index: 100;
}
	.timeline .next{
		bottom:0px;
		top:100%;
	
		z-index: 100;
}


	.chisiamo header h1{
		font-size: 2em;
	}
	.chisiamo header h2{
		font-size: 1em;
	}
	.farmaceutici{
		width:80%;
		position: relative;
		margin:0 auto;
	}
	.chisiamo > header p.farm-qualita{
		margin-top: 0px;
	}

}