/* ---------------- */
/* ---- RESIZE ---- */
/* ---------------- */

/* Da 1770 in poi */
@media (min-width: 1170px) {

	.page {
		width: 1150px;
		margin: 0 auto;
	}
	#mappaClienti iframe {
		width: 1150px;
	}
	.img-software {
		padding: 30px 0;
		width: 980px;
	}
	.img-software h1 {
		color: #ffffff;
		font-size: 28px;
		font-weight: 400;
		text-align: center;
		line-height: 60px;
	}
	section.prodotti article {
		width: 502px;
	}
	.slide-box {
		margin-left: 70px;
	}
	.slide-box-app i {
		margin: 10px 20px;
	}
	section.servizi article {
		width: 514px;
	}

}
/* Da 990 a 1169  */
@media screen and (min-width: 990px) and (max-width: 1169px) {

	/* già fatto nei css durante la costruzione */ 
	#mappaClienti iframe {
		width: 970px;
	}

	.img-software {
		padding: 30px 0;
		width: 980px;
	}

}

/* Da 769 a 989  */
@media screen and (min-width: 769px) and (max-width: 989px) {

	.page {
		width: 749px;
		margin: 0 auto;
	}
	#mappaClienti iframe {
		width: 749px;
	}
	#img-software-3 {
		display: none;
		visibility: hidden;
	}
	.img-software {
		padding: 30px 0;
		width: 680px;
	}
	section.prodotti article {
		width: 302px;
	}
	section.prodotti article h2 {
		font-size: 19px;
	}
	.slide-box {
		margin-left: 10px;
		width: 200px;
	}
	.stat-count {
		font-size: 70px;
	}
	.stat-detail {
		font-size: 20px;
		padding-left: 10px;
		margin: 10px 0;
	}
	.slide-box-app i {
		margin: 10px 10px;
		font-size: 90px;
	}
	section.servizi article {
		width: 300px;
	}
	section.servizi article i {
		font-size: 40px;
	}
	section.servizi article h3 {
		font-size: 12px;
		margin-left: 5px;
	}
	section.servizi article h2 {
		font-size: 20px;
		margin-left: 5px;
	}
	.mnubox {
		width: 749px;
	}
	.mnumess {
		display: none;
	}
	#menu {
		width: 749px;
	}
	section.descr-home article h1 {
		font-size: 20px;
	}

}

/* Da 570 a 768  */
@media (min-width: 570px) and (max-width: 768px) {
	
	.page {
		width: 550px;
		margin: 0 auto;
	}
	#mappaClienti iframe {
		width: 550px;
	}
	#img-software-1, #img-software-3 {
		display: none;
		visibility: hidden;
	}
	.img-software {
		padding: 30px 0;
		width: 350px;
	}

	section.prodotti article {
		width: 550px;
		margin: 10px 0;
		padding: 20px 0;
	}
	section.prodotti article img {
		float: left;
		margin-left: 10px;
	}
	section.prodotti article h2 {
		font-size: 24px;
		float: left;
		margin-left: 10px;
	}
	section.prodotti article p {
		height: 40px;
		float: left;
		margin-left: 10px;
		text-decoration: underline;
	}
	section.prodotti article a {
		padding: 10px 6px;
		margin: 0;
	}
	#slider {
		height: 280px;
	}
	.slide-box {
		margin-left: 5px;
		width: 140px;
	}
	.stat-count {
		font-size: 50px;
	}
	.stat-detail {
		font-size: 16px;
		padding-left: 10px;
		margin: 10px 0;
	}
	.slide-box-app i {
		margin: 10px 10px;
		font-size: 60px;
	}
	section.servizi article {
		width: 210px;
	}
	section.servizi article i {
		display: none;
	}
	section.servizi article h3 {
		font-size: 10px;
		margin-left: 0;
	}
	section.servizi article h2 {
		font-size: 18px;
		margin-left: 0;
	}
	section.servizi article p {
		height: 60px;
		margin: 10px 0;
	}
	section.testo h1 {
		font-size: 28px;
	}
	section.descr-home article h1 {
		font-size: 22px;
	}
	.mnubox {
		width: 550px;
		border-bottom: 1px solid #cccccc;
	}
	.mnumess, .mnuwebpreview {
		display: none;
	}
	#menu {
		width: 550px;
	}
	
	nav ul li a {
		font-size: 14px;
		padding: 24px 10px;
	}
	.mnuitem {
		width: 490px;
	}
	.mnutext {
		width: 400px;
	}
	#Social {
		margin-bottom: 20px;
	}
	#Copyright {
		margin-left: 10px;
	}
	
}

/* Fino a 569  */
@media (max-width: 569px) {

	.page {
		width: 100%;
		margin: 0 auto;
	}
	#mappaClienti iframe {
		width: 340px;
	}
	#live-chat-up {
		display: none;
	}
	#img-software-1, #img-software-3 {
		display: none;
		visibility: hidden;
	}
	.img-software {
		padding: 30px 0;
		width: 320px;
	}
	section.prodotti article {
		width: 100%;
		margin: 10px 0;
		padding: 20px 0;
	}
	section.prodotti article img {
		float: left;
		margin-left: 10px;
	}
	section.prodotti article h2 {
		font-size: 24px;
		float: left;
		margin-left: 10px;
	}
	section.prodotti article p {
		height: 40px;
		float: left;
		margin-left: 10px;
		text-decoration: underline;
	}
	section.prodotti article a {
		padding: 10px 6px;
		margin: 0;
	}
	#slider {
		height: 280px;
	}
	.slide-box {
		margin: 20px 0;
		margin-left: 8px;
		width: 110px;
	}
	.stat-count {
		font-size: 36px;
		height: 44px;
	}
	.stat-detail {
		font-size: 14px;
		padding: 0;
		margin: 4px 0;
		height: 18px;
		line-height: 18px;
	}
	.slide-box-app i {
		margin: 10px 10px;
		font-size: 60px;
	}
	section.servizi {
		background: none;
	}
	section.servizi article {
		float: none;
		width: 100%;
		background: #2a363f;
	}
	section.servizi article.serv-dx {
		background: #3f4a52;
	}
	section.servizi article i {
		display: none;
	}
	section.servizi article h3 {
		font-size: 14px;
		margin-left: 0;
		float: none;
	}
	section.servizi article h2 {
		font-size: 26px;
		margin-left: 0;
		float: none;
	}
	section.servizi article p {
		margin: 10px 0;
	}
	section.testo {
		background: none;
	}
	section.testo h1 {
		font-size: 18px;
		font-weight: 500;
		padding: 30px 0;
	}
	section.descr-home article h1 {
		font-size: 22px;
	}
	
	nav {
		height: 30px;
	}
	#menu ul {
		width: 200px !important;
		background: #e54c4c;
	}
	#menu ul span {
		display: block;
		color: #ffffff;
		font-size: 16px;
		font-weight: 400;
		height: 30px;
		line-height: 30px;
		padding: 0px 15px;
		border-right: 1px solid #c94242;
		width: 50px;
		text-transform: none;
	}
	#menu ul span:hover {
		cursor: pointer;
	}
	#menu ul li {
		display: none;
	}


	.mnuitem {
		width: 300px;
	}
	.mnutext {
		width: 300px;
	}
	.mnubox {
		width: 300px;
		border-bottom: 1px solid #cccccc;
	}
	.mnumess, .mnuwebpreview {
		display: none;
	}
	
	#Link {
		width: 310px;
	}
	#Social {
		margin-bottom: 20px;
	}
	#Copyright {
		margin-left: 10px;
	}
	
	.blocco-footer a {
		padding: 5px;
		margin: 0px;
		line-height: 30px;
	}

	#cookieBox {
		visibility: hidden !important;
		display: none !important;
	}
	a {
		padding: 5px !important;
		margin: 0 !important;
		line-height: 35px !important;
	}
	li {
		padding: 5px !important;
		margin: 0 !important;
	}
}