/* iPads (portrait) ----------- */
@media only screen and (min-device-width :768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.parralax { background-attachment: inherit; background-size: contain; background-position: top center; }
	.activity h3 { font-size:50px; }
	.gap80 { gap:40px; }
	.cover { min-height:600px; height:auto; padding:20px; }
	.strategy .grid-2 { padding:18%; }
	
	.slider li.item1 { background-position: bottom right; background-color:#F9B60F }
	
	.activity-item h2 { font-size: 26px; }
	.activity-item .number h5 { font-size:50px; letter-spacing:0px; line-height:40px; margin-bottom: 10px; }
	.activity-item .number { width:120px; height: 120px; }
	.activity-item .number p { white-space:inherit; color:white; font-size:12px; }
	.about-2 { background-color:#FFF; background-size: cover; }
	
}

@media only screen and (min-device-width :1024px) and (max-device-width : 768px) and (orientation : landscape) {
	.parralax { background-attachment: inherit; background-size: contain; background-position: top center; }

}

/* mobile */


@media only screen and (max-width: 850px){

	.phone_show { display:block; }
	.phone_hide { display:none; }

	form .row { margin-bottom:0px; }
	input, select, textarea, input.col { margin-bottom:10px; line-height:normal; padding: 5px 10px; -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; }
	body { font-size: 16px; line-height: 22px; font-weight:400; }
	.wrapper { min-width:0px; width:auto; }
	.content { padding:20px; }
	.mb40 { margin-bottom:20px; }
	
	.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_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_50.text { padding:0px; }

	.mt40 { margin-top:20px; }
	.pt40 { padding-top:20px; }
	.pb40 { padding-bottom:20px; }
	.pl40 { padding-left:0px; }
	.break { margin-top:40px; }
	a.selected { border:0px; opacity:0.5; }
	
	p.preview { font-size:15px; line-height: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; }
	.title_accordion { padding: 10px; }
	.size { text-align: left; font-weight:bold; }
	.page-break { margin-top:20px }
	
	h1 { font-size: 28px; margin:0 0 20px 0; line-height:normal; }
	h2 { font-size: 20px; }
	h3 { font-size: 20px; }
	
	#header { height:110px; }
	header .logo { position: absolute; top:20px; left: 20px; z-index: 999; }
	header .icon { display:none; }
	header .menu nav { position:fixed; z-index:222; right:0px; top:0px; bottom:0px; left:0px; width:100%; max-width:100%; padding:140px 0 0 0; background:#000; display:none; overflow-y:scroll; }
	
	header .menu ul li { display:block; padding:0px; text-align:center; height:inherit; }
	header .menu ul li a { font-size:22px; padding:15px; color:#FFF; }
	header .menu ul li a:hover::after, header ul li a.selected::after { width:0%; }
	
	#footer .grid-4 { display:block; }
	#footer h3 { font-size:16px; margin-top:20px; }
	
	h2, h3 { font-weight:bold; }
	.acc_title h4 { font-weight:bold; }
	img.brand { height: 70px; }
	
	.slider .text h3 { font-size: 30px; line-height:32px; color:#F9B60F; }
	.slider .text { left:0; top:inherit; font-weight:bold; }
	.slider li.item { height:430px; background-size: contain; padding-bottom:200px; background-position: top center; }
	.slider li.item1 { background-position: bottom center; background-color:#F9B60F }
	.slider li.item1 .text { top:60px; }
	.slider li.item1 .text h3 { color:#000; }
	.slider li.item2 .text { bottom:80px; }
	
	.cover { min-height:430px; height:auto; padding:20px 20px; }
	.cover .content { padding: 20px 0; }
	.cover .grid-2, .cover .grid-3 { grid-template-columns: 1fr; }
	.cover .text { position:relative; }
	.cover h2 { margin-bottom:10px; }
	.parralax { background-attachment: inherit; background-size: contain; background-position: top center; }
	.about-2 { background-color:#FFF; background-size: cover; }
	 
	.about h2, .mission h2, .activity h3, .contact h2 { font-size:24px; } 
	.partners li { display:inline-block; margin:0px; line-height:normal; }
	.partners ul { display:grid; grid-template-columns: 1fr 1fr; gap:40px; margin-top:40px; }

	.strategy .grid-2 { padding:inherit; }

	.labyrinth { position:relative; border-bottom:25px solid #000; }
	.labyrinth .italic { font-size:13px; }
	.labyrinth { background-size:800px; background-position: right 240px; }

 
 	.bg_activity { background-image:none; }
 	.activity { background-size: 800px; background-position:top;  color:white;}
 	.activity h3, .activity h2 {  margin: 20px 0; }
 	.activity h2 {font-size: 20px;  }
	.activity .grid-3 { margin-top:360px; }
	.activity .right { color:#FFF; }
	
	.activity-main { background-size: 1000px; background-position: center -30px; }
	.activity-item { background-size: 800px; }
	.activity-item .number h5 { font-size:50px; letter-spacing:0px; line-height:40px; margin-bottom: 10px; }
	.activity-item .number { width:120px; height: 120px; }
	.activity-item .number p { white-space:inherit; color:white; font-size:12px; }
	.activity-item .grid-3 { margin-top:300px; }
	.activity-item .right { color:white; padding-top:20px; }
	.activity-item .list-disc { padding: 0px 0 40px 0; margin-bottom:40px; }
	.activity-item .acc_title { background:#222; border-bottom:1px solid #444; padding:15px 15px 15px 40px; font-weight:bold; text-transform:uppercase; }

	.activity-item .profile { font-size:12px;}
	
	.contact { background-position: center -50px; background-size: 800px; }
	.contact.cover .text { position:relative; bottom:inherit; left:inherit; margin-top: 200px; }
	.contact h1 { font-size: 24px; line-height:28px; font-weight:bold; }
	
	.sidbarmenu { right:20px; display:none;  }
	
	.gap80 { gap:20px; }
	.grid-6 { display:grid; grid-template-columns: 1fr 1fr;  }
	
	.grid .col { display: block; float:left; margin: 0 0 1.6% 1.6%;  }
	.grid .col:first-child { margin-left: 0; }
	.grid .span_1_of_3:nth-child(n) { margin-left:1.6%; }
	.grid .span_1_of_6:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_5:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_4:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_3:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_2:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_3 { width: 49.2%; }
	.grid .span_1_of_2 { width: 49.2%; }
	.grid .span_1_of_4 { width: 49.2%; }
	.grid .span_1_of_5 { width: 49.2%; }
	.grid .span_1_of_6 { width: 49.2%; }

	div.top { right:20px; bottom:20px; z-index:200;}

	.hamburger { display:block; top:40px; right:20px; position:fixed; z-index:2222; background:#F9B60F; color:#222;  padding:12px 10px; width:40px; height:40px;  }
	.flexnav li ul { width:100%; background:#f38346; }
	header .menu ul li a { font-size: 20px; }
}
