@charset "utf-8";
/* CSS Document */

@media (max-width: 1199px) {
	
	/*header*/

	#mb-id-8{
		display:none;
	}
	.navbar-inverse .nav-collapse .nav > li{
		padding:0 0 10px 15px;
	}
	.navbar-inverse .nav-collapse .nav > li > a{
		font-size:14px;
		letter-spacing:-1px;
	}

	/*evidenza homepage*/
	
	.evidenza-hp .row .span4{
		width:313px;
	}
	
	
	/*ricerca pagina*/
	
	.ricerca-pag .span6{
		width:440px;
	}


	/*macro categorie prodotti*/
	
	#down-arrow{
		right:20%;
	}
	
	/*scheda*/
	
	div.box-foto{
		width:146px;
	}

	
	/*macro categorie prodotti*/
	
	#down-arrow{
		right:15%;
	}
	
	/*scheda prodotto*/
	
	.ico-360{
		width:80px;
		height:60px;
	}

}

/*---------------*/

@media (max-width: 979px) {

	/*header*/
	
	#mb-id-8{
		display:block;
	}
	
	.nav-info{
		width:auto;
		padding:3px 9px 0 0;
		float:right;
	}
	
	.navbar-fixed-top{
		margin-bottom:0;
	}
	
	.navbar-inverse .btn-navbar{
		clear:both;
		margin-bottom:10px;
	}
	
	.navbar-inverse .nav-collapse .nav > li{
		margin:1px 5px 0;
		padding:1px 0 0;
		border-top:1px dotted #333;
	}
	
	.navbar-inverse .nav-collapse .nav > li > a{
		margin-bottom:0;
		padding:5px;
		color:#ccc;
		background-color:transparent;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		font-size:16px;
		font-weight:300;
		text-shadow:none;
	}
	.navbar-inverse .nav-collapse .nav > li > a:focus,
	.navbar-inverse .nav-collapse .nav > li > a:hover{
		color:#fff;
		background-color:#222;
	}
	.navbar-inverse .nav-collapse .nav > .active > a,
	.navbar-inverse .nav-collapse .nav > .active > a:hover,
	.navbar-inverse .nav-collapse .nav > .active > a:focus{
		color:#fff;
		background-color:transparent;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	
	
	/*carousel*/
	
	.carousel .item-cont{
		height:400px!important;
	}
	
	
	/*box homepage*/
	
	.col-1{
		/*width:55%;*/
		width:50%;
	}
	.col-2{
		/*width:45%;*/
		width:50%;
	}
	.col-3{
		width:50%;
	}
	.col-3.slider-mc,
	.col-3.cont-mc,
	.col-3.contatti-mc{
		width:100%;
	}
	.col-4{
		width:100%;
	}
	.col-5{
		width:100%;
	}
	.col-6{
		width:50%;
	}
	.col-7{
		width:100%;
	}
	.box span{
		font-size:28px;
		line-height:30px;
	}
	
	/*macro categorie prodotti*/
	
	.slider-mc{
		position:static;
	}
	.elenco-mc,
	.cont-mc,
	.contatti-mc{
		padding:0;
	}
	.cat-mc{
		position:static;
		border-left:0;
		border-bottom:1px solid #111;
	}

	.cat-mc span{
		padding:0 15px 10px;
		border-bottom:0;
		border-right:1px dotted #333;
		float:left;
		line-height:40px;
	}	
	.cat-mc span:last-child{
		border-right:0;
	}
	
	#down-arrow{
		display:none!important;
	}
	
	
	/*scheda prodotto*/
	
	.prod-main h1 {
		font-size:40px;
	}
	
	.prod-simboli img{
		max-width:80%;
	}
	
	.ico-360{
		width:60px;
		height:45px;
	}
	
	/*footer*/
	
	#footer{
		position:static;
		width:auto;
	}
	#footer p{
		font-size:14px;
		line-height:20px;
	}

}

/*---------------*/

@media (max-width: 767px) {	
	
	/*box*/
	
	.box span{
		top:15%;
		padding-top:60px;
		background-size:50px;
		font-size:20px;
		line-height:22px;
	}
	
	/*carousel*/
	
	.carousel{
		margin-left:-20px;
		margin-right:-20px;
	}
	.carousel .item-cont{
		height:300px!important;
	}
	.carousel-caption{
		width:65%;
		padding:0 70px;
		margin-top:30px;
	}
	.carousel-caption h1{
		font-size:30px;
	}
	.carousel-caption .lead,
	.carousel-caption .btn{
		font-size:18px;
	}
	

	/*scheda prodotto*/
	
	.prod-simboli{
		padding:10px 0 0;
	}
	.prod-simboli:after{
		content:"";
		display:block;
		width:100%;
		height:1px;
		clear:both;
	}
	
	.ico-360{
		width:100px;
		height:75px;
	}

	.prod-simboli img{
		max-width:20%;
		padding-right:20px;
		float:left;
		clear:none;
	}
	
	.prod-main{
		padding:10px 0 0;
	}
	
	.ico-360-modal{
		display:none;
	}
	.ico-360-href{
		display:block;
	}
	
	.prod-simboli2{
		padding:20px 0 0;
	}
	
	.prod-caratteristiche{
		padding:0 0 20px;
	}
	
	.prod-logo{
		text-align:left;
		padding:0 0 30px;
	}
	.prod-logo:after{
		content:"";
		display:block;
		width:100%;
		height:1px;
		clear:both;
	}
	.prod-logo a img{
		width:100px;
		margin-right:10px;
		float:left;	
	}
	.prod-logo a h2{
		font-size:28px;
	}
	
	
	/*footer*/
	
	#footer{
		padding:30px 20px 20px;
	}
	
	.loghias{
		padding-top:20px;
		text-align:left;
	}
	.loghias img{
		margin-left:0;
		margin-right:20px;
		margin-bottom:10px;
	}
	
	.banner-cont{
		text-align:left;
	}
	.banner-cont div{
		padding-right:0;
	}
	
}

/*---------------*/

@media (max-width: 480px) {

	/*carousel*/
	
	.carousel .item-cont{
		height:200px!important;
	}
	
	
	/*box homepage*/
	
	.col-3{
		width:100%;
	}
	
	
	/*scheda prodotto*/
	
	.prod-simboli img{
		max-width:40%;
	}
	
	.ico-360{
		width:60px;
		height:45px;
	}
	
	div.box-foto{
		width:48%;
		margin:1%;
	}

}