@media screen and (max-width: 40em){

}


/* iPads (landscape) orizzontale ----------- */
@media only screen and (min-device-width : 421px) and (max-device-width : 768px) and (orientation : landscape) {
	
}

/* iPads (portrait) verticale ----------- */
@media only screen and (min-device-width : 421px) and (max-device-width : 768px) and (orientation : portrait) {
	
	 
}


/* mobile */
@media only screen and (max-width: 780px){
	
	
	.phone_show { display:block; }
	.phone_hide { display:none; } 
	
	form .row { margin-bottom:0px; }
	input, select, textarea { margin-bottom:10px; line-height:normal; padding: 5px 10px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	input, select  { height:40px; }
	::-webkit-input-placeholder { line-height:normal; font-size:12px; }
	.form_contatto input[type='submit'] { margin: 20px 0 60px 0; }
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:10px; }
	.col.break { margin-top:80px; }
	
	.wrapper { min-width:0px; width:auto; }
	.content { padding:0 10px; }
	
	.col { margin:0px; }
	.span_1_of_2 { width: 100%; }
	
	.span_1_of_3 { width: 100%; }
	.span_2_of_3 { width: 100%; }
	.span_3_of_3 { width: 100%; }
	
	.span_1_of_4 { width: 100%; }
	.span_2_of_4 { width: 100%; }
	.span_3_of_4 { width: 100%; }
	
	.span_1_of_5 { width: 100%; }
	.span_2_of_5 { width: 100%; }
	.span_3_of_5 { width: 100%; }
	.span_4_of_5 { width: 100%; }
	.span_5_of_5 { width: 100%; }

	.span_1_of_6 { width: 100%; }
	.span_2_of_6 { width: 100%; }
	.span_3_of_6 { width: 100%; }
	.span_4_of_6 { width: 100%; }
	.span_5_of_6 { width: 100%; }
	.span_6_of_6 { width: 100%; }
	
	.span_1_of_7 { width: 100%; }
	.span_2_of_7 { width: 100%; }
	.span_3_of_7 { width: 100%; }
	.span_4_of_7 { width: 100%; }
	.span_5_of_7 { width: 100%; }
	.span_6_of_7 { width: 100%; }
	.span_7_of_7 { width: 100%; }
	
	.span_1_of_8 { width: 100%; }
	.span_2_of_8 { width: 100%; }
	.span_3_of_8 { width: 100%; }
	.span_4_of_8 { width: 100%; }
	.span_5_of_8 { width: 100%; }
	.span_6_of_8 { width: 100%; }
	.span_7_of_8 { width: 100%; }
	.span_8_of_8 { width: 100%; }
	
	.span_1_of_10 { width: 100%; }
	.span_2_of_10 { width: 100%; }
	.span_3_of_10 { width: 100%; }
	.span_4_of_10 { width: 100%; }
	.span_5_of_10 { width: 100%; }
	.span_6_of_10 { width: 100%; }
	.span_7_of_10 { width: 100%; }
	.span_8_of_10 { width: 100%; }
	.span_9_of_10 { width: 100%; }
	.span_10_of_10 { width: 100%; }
	
	.span_50 { width: 100%; float:none; }
	.span_30, .span_70 { width:100%; float:none; }
	.grid .span_30, .preview.list .span_30 { width: 30%; float:left; }
	.grid .span_70, .preview.list .span_70 { width: 70%; float:left; }
	.span_20 { width: 30%; }
	.span_80 { width: 70%; }
	.span_65, .span_35 { width: 100%; float:none; }
	
	.mt40 { margin-top:20px; }
	.pt40 { padding-top:20px; }
	.pb40 { padding-bottom:20px; }
	.tabs .span_1_of_3 { width: 32.2%; }
	.tabs .col { margin-left: 1.6%; }
	.tabs .col:first-child{ margin-left: 0; }
	.tabs a { padding: 10px; line-height:20px; }
	.tabcontent { padding: 10px; }
	
	.tabs .span_1_of_2 { width: 49.2%;  }
	.tabs .col { display: block; float:left; margin: 0 0 0 1.6%; }
	.tabs .col:first-child { margin-left: 0; }
	
	.leaderboard .container { padding:0 0 20px 0; }
	
	header, header.smaller { height: 120px; }
	header.smaller .header-logo { display:block; }
	header .header-logo { height:auto; display:block; }
	header .logo img { height:32px; width:auto; margin-top: 42px; }
	header .span_10 { display:none; }
	header .navigation { display:none; }
	
	.hamburger { display:block; position:absolute; right:23px; top:40px; z-index:999;  color:var(--yellow-color); width:42px; height:42px; border-radius:200px; padding:12px 11px; display:block; }
	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after, .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background-color:var(--yellow-color); }
	nav.mobile { padding:20px; position:fixed; top:90px; bottom:0; background:var(--blue-color); width:100%; display:none; z-index:999; }
	nav.mobile li { position:relative; }
	nav.mobile li a {  border-left:5px solid var(--blue-color-4); border-bottom:1px solid var(--blue-color-4); color:#FFF; font-family: var(--body-fonts-2); font-size:18px; font-weight:bold; display:block; padding:10px 10px 10px 20px; }
	nav.mobile .menu-mobile-content a { display: block; font-family: var(--body-fonts); font-size:13px; font-weight:normal; color:#FFF; border-bottom:0px; padding:4px 4px 4px 20px;  }
	nav.mobile li i { position:absolute; right:20px; color:#FFF;  }
	nav.mobile li i.icon-down { top:18px; }
	nav.mobile li i.icon-up { top:22px; }
	nav.mobile li span { background:none; }
	nav.mobile { overflow-y:scroll; }
	 
	.tabnews { overflow:hidden; margin-bottom:20px; }
	.tabnews .tabcontent { width:100%; white-space: nowrap; padding:10px 20px; overflow: auto; }
	.tabnews .item { white-space:normal; width:180px; display: inline-table; float: none; }
	.grid-column_news { grid-template-columns: auto; align-items: normal; }
	.grid-column_news.grid-container { display:block; }
	.grid-column_news.grid-container .item { padding: 0 15px 0 0;  }
	.grid-column_news .flex { display:block; }
	.grid-column_news .title { margin:10px 20px; border:0px; }
	.grid-column_news .submenu li { display:inline-block; margin-right:20px; border:0px; }
	.tabnews.piuvisti .item { padding: 0 10px 0 50px; }
	.tabnews.piuvisti .container { grid-template-columns:repeat(10, 250px); grid-row-gap: 0; }
	
	.grid-container.separator .item { padding-bottom:10px; }
	
	footer .row-2 .content { grid-template-columns: 50% 50%; }
	footer .row-2 .item:first-child, footer .row-2 .item:nth-child(2n+1){ border-left:0px; }
	footer .row-2 .item:last-child { border-right:0px; }
	footer .contributor { margin-right:-10px; position:relative; }
	footer .logo { display:none; }
	footer .social i { margin: 0 5px; }
	
	#main { margin-top: 120px; }
	#main .content { padding:0px; }
	#main .content .border { border:0px; }
	.preview.main p.text { padding-bottom: 120px;  padding-left:0px;}
	.scheda .break { padding-top: 190px; }
	.scheda .container { margin-left: 0; width: 100%; }
	.scheda .borderLeft { margin-left: 0%; }
	.scheda .user { left:20px; }
	.scheda .image { margin-left:0; }
	.scheda .text { font-size: 16px; line-height: 24px; }
	.scheda h2 { height:auto; margin-bottom:40px; overflow: initial; font-size: 22px; line-height: 30px; }
    .scheda .text a { word-wrap: break-word; overflow-wrap: break-word; word-break: break-all; }
    .grid-container .list-gallery .item { margin:0px; }

	.share li i { font-size: 18px; }
	.share li { margin-right:15px; }
	.preview h2 { height:auto; margin-bottom:20px; font-size:22px; line-height: 22px; overflow: initial; }
	.preview.main h2 { padding-right: 0px; font-size: 28px; line-height: 30px; height:auto; margin-bottom:30px; }
	.span_30 h2 { font-size: 22px; line-height: 26px; height:auto; margin-bottom:30px; }
	.preview p.text { height:auto; margin-bottom:10px; }
	.preview.list h2 { height:auto; }
	.preview.list { margin: 10px 0; }
	
	.about .stat li { width:100%; }
	.about .management .col { margin-bottom:20px; }
	.about .management .col:last-child { margin-bottom:0px; }
	.indice { margin-top:20px; }
	.indice li { margin-bottom:10px; }
	
	.item-event .grid-event-item { display:block;  }
	.item-event .info { margin-top:10px; }
	.grid-event-item .event { margin-top:10px; }
	
	.user-header { position:relative; padding-left:0px; height:auto; display: block; margin-bottom:40px; }
	.user-header img { position:relative; margin-bottom:20px; }
	
	
	.box-focus { height:auto;}
	.box-focus .image { grid-area: image; }
	.box-focus .text { grid-area: text; padding:20px 40px; }
	.box-focus .container { display:grid; grid-template-columns:1fr; 
		grid-template-areas: 
		"text text"
		"image image"; }
	.box-focus h1 { font-size:24px; }
  
	.grid-2 { grid-template-columns: 1fr; }
	
	.grid-column_6 .preview .container, .grid-column_8 .preview .container { min-height:140px; }
	.grid-column_4.mt40 { margin:0px; }
	
	.grid-container .item { border:0px; padding:0px; margin-bottom:20px; }
	.grid-container .item.pt20 { padding-top:0px; }
	
	.grid-column_1 { grid-template-columns: auto; }
	.grid-column_1 .nb { display:none; }
	.grid-column_2 { grid-template-columns: auto; }
	.grid-column_3 { grid-template-columns: auto; }
	
	.grid-column_4_DELETE { overflow-y: hidden; grid-template-columns: 250px 250px 250px 350px; }
	.grid-column_4 { grid-template-columns: 1fr; }
	.grid-column_4.grid-container .item { border-right:0px; padding: 0 0 0 0;  }
	.grid-column_5 { grid-template-columns: 100%; }
	.grid-column_6 { grid-template-columns: 50% 50%; }
	.grid-column_6 .item { border-right: 0px solid var(--blue-color-4); padding: 0; }
	.grid-column_6 .item:first-child, .grid-column_6.grid-container .item:nth-child(2n+1) { padding-left:0px; }
	.grid-column_6 .item:nth-child(2n) { padding-right:0px; border:0px; }
	.grid-column_6 .item:last-child { grid-column-start: 1; grid-column-end: 3; }
	
	.grid-column_7 { grid-template-columns: 100%; }
	
	.grid-6 { grid-template-columns: 100%; }
	.grid-6 .item, .grid-6 .item:nth-child(3n), .grid-6 .item:nth-child(3n+1) { border-right: 0px solid var(--blue-color-4); padding: 0; }
	.grid-6  .item:first-child, .grid-6 .item:nth-child(2n+1) { padding-left:0px; }
	.grid-6  .item:nth-child(2n) { padding-right:0px; border:0px; }
	
	.grid-column_8 { grid-template-columns: 50% 50%; }
	.grid-column_8 .item:last-child { grid-row-start: 2; grid-column-start: 1; grid-row-end: 1; grid-column-end: 3; }
    .grid-column_8 .item { border-right: 1px solid var(--blue-color-4); padding: 0 5px; }
	.grid-column_8 .item:first-child, .grid-column_8 .item:nth-child(2n+1) { padding-left:0px; }
	.grid-column_8 .item:nth-child(2n) { padding-right:0px; border:0px; }
	
	.grid-column_9, .grid-column_12 { grid-template-columns: 100%; }
	.grid-column_10, .grid-column_11 { grid-template-columns: auto; }
	
	.grid-container { display:block; }
	
	.sponsorizzata .span_20 { width: 100%; float:none; }
	.sponsorizzata .span_80 { width: 100%; float:none; }
	
	
	.paginazione, .paginazione .links  { text-align:center; }
	.paginazione a, .paginazione b { margin-top:10px; }
		
	.global-site-notice { position: fixed; right:0px; bottom:0px; left:0px; z-index:222; width:100%; max-width:400px; }
	div.top { right:20px; bottom:20px; z-index:200;}
	
		
}

@media only screen and (max-width: 400px){
	.iphone_hide { display:none; }
}