@media only screen and (min-width : 0px) and (max-width : 1024px) {
	
    #contentMiddle,#contentMiddle2,#subprod{
        width:100%;
        margin:0px !important;
    }
    .cc-100{
        width:100% !important; 
        margin:0px !important;
    }
    
    
    .testoprod{
        font-size:20px !important;
        line-height:25px !important;
        padding:2%;
    }
    .h144.testoprod{
        padding:0px 2%;
    }
    #menu{
        padding-left:0px !important;
    }
    #separatore{
        display:none;
    }
    
    #product-info .shareon{
        width:50% !important;
        top: 50% !important;
        -ms-transform: translateY(-50%) !important;
        -webkit-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
        bottom:auto !important;
        left:50% !important;
        line-height:3px !important;
    }
    
    .notizia img{
        width:100% !important;
        height:auto !important;
    }
}
@media only screen and (min-width : 533px) and (max-width : 1024px) {
    .back{
        top:20px !important;
        width:50% !important;
    }
    .cc-50{
        width:50% !important;
        margin:0px !important;
    }
    .cc-50.testoprod{
        width:46% !important;
    }
    .cc-100.testoprod{
        width:96% !important;
    }
    .cc-50.h144 h2{
        position:relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size:12px !important;
        line-height:24px !important;
        letter-spacing:18px !important;
        padding-left:18px;
    }
    
    #menu .colonna1, #menu .colonna2, #menu .colonna3, #menu .colonna4{
        float:none !important;
        width:100%;
        text-align:center !important;
        margin-left:0px !important;
    }
    #menu .colonna2, #menu .colonna3, #menu .colonna4{
        margin-top:80px !important;
    }
    .notizia .cc-70{
        width:60% !important;
        overflow:hidden;
    }
    .notizia .cc-30{
        width:32% !important;
    }
	
    .notizia h2{
        font-size:22px !important;
        line-height:22px !important;
    }
    .notizia h3{
        font-size:10px !important;
        line-height:18px !important;
    }
    
    #separatore{
        height:480px !important;
    }
    #separatore .bg{
        height:480px !important;
    }
    footer .footleft{
        font-size:8px !important;
        margin-left:10px !important;
    }
    footer .footright{
        font-size:8px !important;
        margin-right:10px !important;
    }
    #cat_contacts{
        top:100px !important;
    }
    #cat_contacts p{
        margin-top:0px !important;
        font-size:100px !important;
    }
    #cat_contacts span{
        line-height:100px !important;
    }
    #product-info .intestazione{ 
        width:50% !important;
        top:50% !important;
    }
    .dcwss.dc-wall.col-4 .stream li{
        width:49% !important;
    }
}
@media only screen and (min-width : 320px) and (max-width : 532px) {
    
	
	.form_wrap {
		height:auto !important;
	}
	
	.form_wrap form .input {
		margin-left: 6%;
	}
	
	.half_30 {
		width: 100% !important;
		padding: 6% !important;
	}
	.half_45 {
		width: 100% !important;
		padding: 6% !important;
		margin-left: 0 !important;
	}
	.half_70 {
		width: 100% !important;
		padding: 6% !important;
	}
	.half_100 {
		width: 100% !important;
		padding: 6% !important;
	}
	.contact_info .post {
		line-height: 2em;
		right: auto;
		position:relative;
		-webkit-transform: rotate(-0deg) translateY(0);
		-ms-transform: rotate(0deg) translateY(0);
		transform: rotate(0deg) translateY(0);
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
		letter-spacing: .14em;
		text-transform: uppercase;
		color: #919191;
	}
	.back{
        top:10px !important;
        width:50% !important;
    }
    .mobile{display:block !important;}
    .desktop{display:none !important;}
	 #logo{
        left:20px !important;
    }
    #open-menu{
        right:20px !important;
    }
    .cc-50, .cc-100{ 
		width: 100% !important;
        margin:0px !important;
    }
    .testoprod{
        text-align:center !important;
        padding: 6% !important;
    }
    footer .footleft{
        font-size:6px !important;
        margin-left:10px !important;
    }
    footer .footright{
        font-size:6px !important;
        margin-right:10px !important;
    }
    #menu .colonna1, #menu .colonna2, #menu .colonna3, #menu .colonna4{
        float:none !important;
        width:100%;
        text-align:center !important;
        margin-left:0px !important;
    }
    
    #menu .colonna1{
        margin-top:10px !important;
    }
    #menu .colonna2, #menu .colonna3, #menu .colonna4{
        margin-top:10px !important;
    }
    #menu h2{margin-bottom:2px !important;}
    .h144 h2{
        letter-spacing:16px !important;
        padding-left:16px !important;
    }
    #cat_contacts{
        top:100px !important;
    }
    #cat_contacts p{
        margin-top:0px !important;
        font-size:50px !important;
    }
    #cat_contacts span{
        line-height:50px !important;
        font-size:8px !important;
    }
    #cat_title p{
        font-size:50px !important;
    }
    #separatore{
        height:240px !important;
    }
    #separatore .bg{
        height:240px !important;
    }
    #product-info .soc, .notizia .soc{
        line-height:13px !important;
        letter-spacing:0px !important;
        padding-left:0px !important;
    }
    .notizia .cc-70{
        float:none !important;
        width:100% !important;
        height:auto !important;
    }
    .notizia .cc-30{
        float:none !important;
        width:92% !important;
        height:auto !important;
    }
    .notizia .bianco div{
        top: 0% !important;
        -ms-transform: translateY(0%) !important;
        -webkit-transform: translateY(0%) !important;
        transform: translateY(0%) !important;
        padding-bottom:20px;
    }
    #logo{top:60% !important;}
    #logo img{width:100px !important;}
    #product-info .intestazione{ 
        width:50% !important;
        top:60% !important;
    }
    .back, .intestazione h2{
        letter-spacing:0px !important;
        padding-left:0px !important;
    }
    .dcwss.dc-wall.col-4 .stream li{
        width:98% !important;
    }
}
@media only screen and (min-width : 320px) and (max-width : 760px) {
    footer .footleft, footer .footright{
        margin:0px !important;
        float:none !important;
        text-align:center !important;
    }
   
    
}