/* Theme Name: Masotti Cassella device */
@media only screen and (max-width : 1600px) {   
    .side-menu{max-width: 530px;}
	.mc-header{
        width: 500px;
        height: auto;
        margin-top: 327px;
    }    
    #page-header{height: 420px;} 
	.page-cv img{height:390px;padding:15px 0;}
}
@media only screen and (max-width : 1400px) {
    .box-button{width: 300px;}
	.box-button.boxer.last{width: 280px;}   
    .button-wrap a{
		top: 110px;
    } 
	
		.immaginebg{
		max-width: 960px; 
	}  
    .primary.page {max-width: 960px;} 
	.titoli.page {max-width: 960px;}
    .area-title span {max-width: 945px;}   
    .columns-content {max-width: 945px;} 
    .team {width: 295px;height: 360px;}    
    .team a {
		left:0px;
    top:310px;
    width: 295px;
    height: 35px;
    }   
}
@media only screen and (max-width : 1220px) {
    .box-wrap{padding: 25px 25px 25px 0px;display: block;}
    .title, .box.white strong{font-size: 18px;} 
}
@media only screen and (max-width : 1150px) {
     .text{
        font-size: 28px;
        line-height: 36px;
        margin-top: 227px;
        padding-top: 15px;
        width: 360px;
    } 
	.text .little{font-size: 16px;
    line-height: 20px;} 
	.box-button {width: 285px; margin: 0px 20px 20px 0px;}    
    .button-wrap a {
		top:103px;
    }  
	/* width: 400px;
    height: 30px;
    position: absolute;
    left: 0px;
    top: 160px;*/
    .primary.page {
        float: none;
        width: auto;
        max-width: 1400px;
        margin: 0 auto !important;
    } 
	#posts {background: #fff;}
	.columns-content p a {font-size: 14px;}       
    .columns-content {
        float: none;
        width: auto;
        max-width: 1200px;
        padding: 15px 15px 90px 15px;
    } 
    .area-title span {
        float: none;
        display: block;
        margin: 0px 15px !important;
        width: auto;
        max-width: 1400px;
    } 
	.titoli.page {
		float:left;
    } 
	.titoli span {
    font-size: 18px;
}
.box-button.boxer {
    padding: 15px 0px 15px 0px;
}
    .area-title h3 {padding: 0px 55px;}   
    .team-list,.rank-list {text-align: center;margin: 0px 30px;}
    .team{
        float: none !important;
        display: inline-block;
        margin: 0px 15px 30px 15px !important;        
    }  
	/* rank */
.rank{ width: 200px;height: 200px;}
.rank a{width: 160px; height: 100px;padding-top: 60px;}   
}
@media only screen and (max-width : 1025px) {
    .mc-header{
        width: 320px;
        height: auto;
        margin-top: 225px;
    }
    .text{
        font-size: 18px;
        line-height: 23px;
        background: url(../images/mc-sep-s.jpg) no-repeat left top;
        margin-top: 227px;
        padding-top: 15px;
        width: 230px;
    }  
    .container{max-width: 1640px; margin: 0 auto;padding: 0px 40px;position: relative;}
    .top .wrap-container {
        max-width: 1640px;
        margin: 0 auto;
        padding: 0px 40px;
    }      
    .area-title h3 {padding: 0px 40px;}
    .actions-list{text-align: center;}
	.columns-content .box-button {
        float:left;
    }
	.box-button {
        width: 30%;
        float: none;
        margin: 0px 5px 20px 5px;
        display: inline-block;
    }
	.box-button.big {
        width: 80%;
        margin: 0px 0px 20px 0px;
    }
    .button-wrap a {
        height: 30px;
        top: 106px;
		padding-top:5px
    }  
    .button-wrap a span {margin-left: 10px;}    
    .button-wrap a em {margin-right: 10px;}   
    #insights .actions-list .button-wrap a {
        position: static !important;
        display: block;
        padding: 10px !important;
        margin: 0px !important;
        background: none !important;
    }  
    #insights .actions-list .button-wrap{height: 180px;}    
    #insights .actions-list .button-wrap span{text-align: left !important;}
    #insights .actions-list .button-wrap em{text-align: left !important; font-size: 16px !important;}
	.actions-list .indirizzi {
    text-align: left;
}
    #insights .actions-list .button-wrap strong{right: 10px; bottom: 10px;}
	.button-wrap .indirizzi, .button-wrap .indirizzi a {font-size:14px;}
}
@media only screen and (max-width : 1005px) {
    .side-menu{max-width: 420px;}
    .top .wrap {padding-right: 70px;}    
    .message {margin: 56px 25px 0px 0px;}    
    .top .wrap-container {padding: 0px 40px;}  
    .arrow-down, .arrow-up {right: 40px;}
    .link-list *{font-size: 24px;font-family: HelveticaNeueLTStd-Th;}
    .social{right: 40px;}    
    #columns {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    } 
}
@media only screen and (max-width : 960px) {
    .box{float: left; width: 50%;}
    .box.white{clear: both; width: 100%; float: none; display: block;}    
    #news{padding-bottom: 30px;}
    .box p{padding: 5px 0px; height: auto; overflow: auto;}
	.box-double {width: 90%;}
	.box-button {
        width: 200px;
        margin: 0px 5px 20px 5px;
    }	
    .button-wrap a {
        height: 45px;
        padding-top:5px;
        top: 50px;
    }   
    .box-button.ranking{width: 90%;}
	.columns-content .box-button {
        float:none;
		width:90%;
    }
	.columns-content .box-button.last {width: 90%;}
	.nomobile{ display:none;}
	.onlymobile{ 
	display: block;
	margin-bottom: 20px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 0px 15px 0px;   
	color: #f26626;
    font-family: 'Noto Serif', Georgia, "Times New Roman", Times, serif ;
    font-size: 18px;
    margin-right: 20px;
} 
   
}
@media only screen and (max-width : 825px) {  
.message{display: none;}/* post 60°*/
}
@media only screen and (max-width : 740px) {  
    .side-menu{max-width: 100%;}
    .arrow-down, .arrow-up {right: 20px;}   
    .parent{padding-left: 15px;}    
	.logo {
        float: left;
        width: 260px;/* 180 pre60*/
        float: left;
        margin: 25px 0px 0px 0px;
    }    
    .logo img{width: 100%;}
    .top .wrap-container {padding: 0px 15px;}
    .area-title h3 {padding: 0px 15px;}
    .social{right: 15px;} 
    /*.message{display: none;} pre60°*/
    .menu-toggle {width: 35px;top: 38px;}
    .close-menu {width: 35px;top: 38px;}    
    .menu-toggle img, .close-menu img{width: 100%;}
    .language{margin: 41px 0px 0px 0px;}  
    .side-menu li a{font-size: 26px; padding: 2px 0px;}   
    .submenu .livsec a{color : #6f6f6f; font-size: 16px; padding: 3px 0px 3px 0px;}
    .mc-header{
        width: 96%;        
        max-width: 320px;
        height: auto;
        float: none;
        display: block;
        margin: 0px auto 0 auto;
        padding-top: 380px;
    }
.text{
        font-size: 18px;
        line-height: 23px;
        width: 96%;  
        max-width: 320px;
		margin-top: 180px;
		
    } 
	.text .little{font-size: 14px;
    line-height: 18px;} 
    .container{padding: 0px 15px;position: relative;}  
	.page-title{
    font-size: 36px;
	line-height:36px;
    margin-bottom:6px;
}
    .subtitle {
    font-size: 20px;
    line-height: 32px;
}
	.box{float: none; display: block; width: 100%;min-height: 60px;height: auto !important;}
    #news{padding-bottom: 30px;}
    .box p{padding: 5px 0px; height: auto; overflow: auto;}    
    .box-wrap{padding: 20px 0px 0px 0px;display: block;}
    .box.white{margin-top: 20px;}
    .addresses {
        padding: 0px;
        float: none;
        display: block;
        width: 100%;
        font-size: 14px;
        border: 0px;
    }
    .social{
        position: static;
        display: block;
        width: 185px;
        margin-top:80px;
        margin-left: 0px;
    }  
	.wewealth{ position:relative;}  
    .hidden-mobile{display: block;}
    .hidden-mobile span{display: none;}
	 .box-button{
        float: none;
        width: 400px;
        margin: 0px 0 30px 0 !important;
        display: block;
    }    
    .button-wrap a{
        display: block;		
        height: 20px;
        position: absolute;		
        top: 170px;
        padding:5px 0;
    }    
	 .box-button.ranking {
    float: none;
    display: inline-block;}
	#insights .actions-list .button-wrap a em.ranking {
    font-size: 14px!important;}	
    .button-wrap a span{float: left; margin-left: 20px;}
    .button-wrap a em{margin-right: 20px; font-size: 20px;}    
    #insights .actions-list .button-wrap a {
        position: static !important;
        display: block;
        padding: 20px !important;
        margin: 0px !important;
        background: none !important;
    }  
    #insights .actions-list .button-wrap{height: 200px;}    
    #insights .actions-list .button-wrap span{text-align: left !important;}
    #insights .actions-list .button-wrap em{text-align: left !important; font-size: 18px !important;}
    #insights .actions-list .button-wrap strong{right: 20px; bottom: 20px;} 
	.nomobile{ display:none;}
	
}
@media only screen and (max-width : 641px) {   
    #columns {
        -moz-column-count: 1;
        -moz-column-gap: 0px;
        -webkit-column-count: 1;
        -webkit-column-gap: 0px;
        column-count: 1;
        column-gap: 0px;
    } 
    #insights .actions-list .button-wrap a {padding: 10px !important;}  
    #insights .actions-list .button-wrap em{text-align: left !important; font-size: 18px !important;}
    #insights .actions-list .button-wrap strong{right: 10px; bottom: 10px;} 
    .team-list, .rank-list{text-align: center;margin: 0px 30px;}
    .team{
        float: none !important;
        width: 250px;
        height: 305px;
        display: inline-block;
        margin: 0px 15px 30px 15px !important;        
    }    
    .team a {
        width: 250px;
        height: 30px;
        padding-top:5px;
        left: 0px;
        top: 265px;
    }
	/* rank */
.rank{ width: 260px;height: 260px;}
.rank a{width: 220px; height: 200px;padding-top: 20px;}      
	.button-wrap.hauto{max-width: 90%;}
}
@media only screen and (max-width : 500px) {  
.logo {
	  margin: 29px 0px 0px 0px;
        width: 220px; /*180 pre60*/
    }
  .language {
    margin: 41px -20px 0px 0px;
  }
} 
@media only screen and (max-width : 419px) {   
	 .box-button{
        width: 300px;
        margin: 0px 0 20px 0 !important;
    }    
    .button-wrap a{
        top: 120px;
    }   
	.box-button.ranking .button-wrap img.luca{display: block;float:left; width: 85%; height:auto; margin:0 0 0 25px;}
}
@media only screen and (max-width : 310px) {   
.box-button.big {
        width: 100%;
        margin: 0px 0px 20px 0px;
 
    }
}
@media only screen and (max-width : 290px) {   
.language { display:none}

}

@media only screen and (max-height : 600px) {
     .mc-header{
        padding-top: 90%;
    }
}