@media only screen and (min-device-width : 1025px) and (max-device-width : 1280px) {

}
@media only screen and (min-width : 0px) and (max-width : 1024px) {
	.grid figure h2{
        font-size:26px;
    }
}
@media only screen and (min-width : 533px) and (max-width : 1024px) {
    .fb_iframe_widget{
		width : 300px;
	}
	.az{
        background-position:50% 50% !important;
        background-size:cover !important;
        background-attachment: initial !important;
    }
    .txt p{
        right:0% !important;
        top:0px !important;
        margin-top:0px !important;
        height:auto !important;
        padding:50px 20%;
        background: #20212d;
        width:60% !important;
        margin-right:0px !important;
    }
    .txtauto p{
        right:0% !important;
        top:0px !important;
        margin-top:0px !important;
        height:auto !important;
        padding:50px 20%;
        background: rgba(32,33,45,0.8);
        width:60% !important;
        margin-right:0px !important;
    }
	.insideout{
		width:90%;
    }
	.bee3D--effect__wave .bee3D--before {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0; 
		display:none;
	}
	.bee3D--effect__wave .bee3D--before-2 {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.3; 	
		display:none;
	}
	.bee3D--effect__wave .bee3D--before-1 {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.5; 
		display:block;
	}
	.bee3D--effect__wave .bee3D--after {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0; 
		display:none;
	}
	.bee3D--effect__wave .bee3D--after-1 {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.5; 
		display:block;
	}
	.bee3D--effect__wave .bee3D--after-2 {
		-webkit-transform: scale(0);
        transform: scale(0);
		opacity: 0.3; 
		display:none;
	}

    .testo{
        right:0% !important;
        top:auto !important;
        bottom:0;
        margin-top:0px !important;
        padding:50px 20%;
        width:60% !important;
        margin-right:0px !important;
    }
    .prodotti .testo, .interna .testo{
        position:static;
        padding:0% 20% !important;
        height:auto !important;
    }
    .prodotti .testo, .interna .testo{
        position:static;
        padding:0% 20% !important;
    }
    .interna .testo{
        background:#20212d;
    }
    .prodotti .testo div{
        padding-top:20px;
        padding-bottom:20px;
    }
    .interna .testo .interno{
        height: auto !important;
        padding: 0 20% !important;
        position: static;
    }
    .txt .interno{
        position:relative;
        top:50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    }
    .txt .interno p{
        width:100% !important;
        padding:0px;
    }
    .prodotti .testo h2{
        top:0px !important;
        padding-bottom:10px !important;
        -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    }
    .interna .testo h2{
        top:0px !important;
        padding-bottom:10px !important;
        -ms-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    main .news{
        background-size:auto 100% !important;
    }
    .page-id-20 .azienda1 h1{
        left:50% !important;
        top:50% !important;
    }
    .swall{
        margin-left:0px !important;
    }
    .page-id-8 .txt h1,.page-id-10 .txt h1{
		left:0%;
		width:100%;
		text-align: center;
    }
    .scrollto{
        right:50% !important;
    }
    footer .footleft{
        text-align: center !important;
        float:none !important;
        margin-left:0px !important;
    }
    footer .footright{
        text-align: center !important;
        float:none !important;
        margin-right:0px !important;
    }
    .marcellino .txt p{
        background:#341e1a !important;
    }
	.marcellinoa .txt p{
        background:#45322E !important;
    }
    .azienda1,.azienda1a,.azienda1b,.azienda2,.azienda3,.azienda4,.progetto1,.progetto2,.progetto3,.progetto4,.news,.contatti1,.contatti1a{
        width:100% !important;
    }
    #frase{
        width:533px !important;
        margin-left:-266px !important;
        font-size:20px !important;
    }
    #frase span{
        font-size:16px !important;
    }
    .category .scrollto{
        display:none;
    }
    .socialwall .azienda1{
        position:relative;
    }
    .page-id-20 .scrollto{
        display:block !important;
    }
    .page-id-12 .txt{
        width:100% !important;
        right:15% !important;
        background-color:#341e1a;
        padding-top:30px;
    }
    .page-id-12 .txt h1{
        background-color:#341e1a !important;
        margin-bottom:0px !important;
        margin-top:30px;
    }
    .page-id-12 .txt p{
        padding-bottom:30px;
    }
    .page-id-12a .txt{
        width:100% !important;
        right:15% !important;
        background-color:#45322E;
        padding-top:30px;
    }
    .page-id-12a .txt h1{
        background-color:#45322E !important;
        margin-bottom:0px !important;
        margin-top:30px;
    }
    .page-id-12a .txt p{
        padding-bottom:30px;
    }	
    figure{
        margin:0px !important;
    }
    #logo{
        left:20px !important;
    }
    #menu-toggle{
        right:20px !important;
    }
    .cc-50.left{
        float:none;
    }
    .grid figure{
        display:block !important;
    }
}
@media only screen and (min-width : 320px) and (max-width : 532px) {
    .az{
        background-position:50% 50% !important;
        background-size:cover !important;
        background-attachment: initial !important;
    }
    .txt p{
        right:0% !important;
        top:0px !important;
        margin-top:0px !important;
        height:auto !important;
        padding:50px 20%;
        background: #20212d;
        width:60% !important;
        margin-right:0px !important;
    }
    .txtauto p{
        right:0% !important;
        top:0px !important;
        margin-top:0px !important;
        height:auto !important;
        padding:50px 20%;
        background: rgba(32,33,45,0.8);
        width:60% !important;
        margin-right:0px !important;
    }	
	.insideout{
		width:90%;
    }	
	.bee3D--effect__wave .bee3D--before {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0; 
		display:none;
	}
	.bee3D--effect__wave .bee3D--before-2 {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.3; 	
		display:none;
	}
	.bee3D--effect__wave .bee3D--before-1 {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.5; 
		display:block;
	}
	.bee3D--effect__wave .bee3D--after {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0; 
		display:none;
	}
	.bee3D--effect__wave .bee3D--after-1 {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.5; 
		display:block;
	}
	.bee3D--effect__wave .bee3D--after-2 {
		-webkit-transform: scale(0);
        transform: scale(0);
		opacity: 0.3; 
		display:none;
	}
  
    .testo{
        right:0% !important;
        top:auto !important;
        bottom:0;
        margin-top:0px !important;
        padding:50px 5%;
        width:90% !important;
        margin-right:0px !important;
    }
    .prodotti .testo, .interna .testo{
        position:static;
        padding:1% 5% !important;
        height:auto !important;
    }
    .interna .testo{
        background:#20212d;
    }
    .prodotti .testo div{
        padding-top:20px;
        padding-bottom:20px;
    }
    .interna .testo .interno{
        height: auto !important;
    padding: 0 !important;
    position: static;
    }
    .txt .interno{
        
    }
    .txt .interno p{
        width:100% !important;
        padding:0px;
    }
    .prodotti .testo h2{
        top:0px !important;
        padding-bottom:10px !important;
        -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    }
    .interna .testo h2{
        top:0px !important;
        padding-bottom:10px !important;
        -ms-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    main .news{
        background-size:auto 100% !important;
    }
    .page-id-20 .azienda1 h1{
        left:50% !important;
        top:50% !important;
    }
    .swall{
        margin-left:0px !important;
    }
    .page-id-8 .txt h1,.page-id-10 .txt h1{
		left:0%;
		width:100%;
		text-align: center;
    }
    .scrollto{
        right:50% !important;
    }
    footer .footleft{
        text-align: center !important;
        float:none !important;
        margin-left:0px !important;
        line-height:20px !important;
    }
    footer .footright{
        text-align: center !important;
        float:none !important;
        margin-right:0px !important;
        line-height:20px !important;
    }
    .marcellino .txt p{
        background:#341e1a !important;
    }
    .marcellinoa .txt p{
        background:#45322E !important;
    }	
    .azienda1,.azienda1a,.azienda1b,.azienda2,.azienda3,.azienda4,.progetto1,.progetto2,.progetto3,.progetto4,.news{
        width:100% !important;
    }
    .contatti1{
        display:none;
    }
	.contatti1a{
        display:none;
    }
    #frase{
        width:320px !important;
        margin-left:-160px !important;
        font-size:8px !important;
    }
    #frase span{
        font-size:6px !important;
    }
    .category .scrollto{
        display:none;
    }
    .socialwall .azienda1{
        position:relative;
    }
    .page-id-20 .scrollto{
        display:block !important;
    }
    .page-id-12 .txt{
        width:100% !important;
        background-color:#341e1a;
        padding-top:70px;
        position:relative !important;
        height:auto !important;
        margin-right:0px !important;
        margin-top:0px !important;
        top:0px !important;
        right:0px !important;
    }
    .page-id-12 .txt h1{
        background-color:#341e1a !important;
        margin-bottom:0px !important;
        margin-top:30px;
        background-image:none !important;
        line-height:100px !important;
    }
    .page-id-12 .txt p{
        padding-bottom:30px;
    }
    .page-id-12a .txt{
        width:100% !important;
        background-color:#45322E;
        padding-top:70px;
        position:relative !important;
        height:auto !important;
        margin-right:0px !important;
        margin-top:0px !important;
        top:0px !important;
        right:0px !important;
    }
    .page-id-12a .txt h1{
        background-color:#45322E !important;
        margin-bottom:0px !important;
        margin-top:30px;
        background-image:none !important;
        line-height:100px !important;
    }
    .page-id-12a .txt p{
        padding-bottom:30px;
    }	
    figure{
        margin:0px !important;
    }
    #logo{
        top:20px !important;
        left:20px !important;
        z-index:190 !important;
    }
    #logo img{
        width:100px !important;
    }
    #menu-toggle{
        top:20px !important;
        right:20px !important;
    }
    .cc-50.left{
        float:none;
    }
    .grid figure{
        display:block !important;
    }    
    .vini img{
        min-height:0px !important;
    }
}