
@media only screen and (max-width: 1400px) {
	.app_header{padding: 0 20px;}
	.main_menu li a{padding: 5px 10px; font-size: 16px;}
	.header_tools{width: 100px;}
	.btn{min-width: 100px; padding: 10px 15px;}
}




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

	h1, .h1{ font-size: 38px; line-height: 1.1;}
	h2, .h2{ font-size: 28px; }
	h3, .h3{ font-size: 21px; }
	h4, .h4{ font-size: 18px; }
	h5, .h5{ font-size: 16px; }
	
	
	.header_tools{width: auto;}
	
		.btn{min-width: 100px; padding: 10px 15px; font-size: 14px;}	
	
	.site_logo{width: 120px;}
		.site_logo svg{width: 100%;}
	
	
	.hamburger{display: block; padding: 0 0 0 20px;}	
	
	.main_navbar{position: fixed; left: 0; right: 0; bottom: 100%; top: 120px; opacity: 0; background: var(--secondario); z-index: 99; display: flex; justify-content: center; overflow: hidden; transition: bottom .5s ease-in-out;}
		.main_navbar.menu-visible{bottom: 0; opacity: 1;}
		.main_menu li.sel a, body.home .main_menu li.sel a{color: var(--primario);}
		
		body.home .main_menu li a{color: #FFF;}
	
		.main_menu{flex-direction: column; align-items: center; justify-content: center;}
		
		.main_menu li a{font-size: 24px; padding: 20px 0;}
	
	.row_column_item{width: 50%;}
	
	.blocchetto-txt-sx .row_column_item{flex-direction: column;}
		.blocchetto-txt-sx .column_item_thumb{width: 100%; padding: 10px; max-width: 200px; margin: 0 auto;}
		.blocchetto-txt-sx .column_item_txts{width: 100%; padding: 10px; text-align: center;}

		.prezzo_abbonamento_coin{font-size: 40px;}
		.abb_descr{font-size: 13px;}
		.abbonamento_front{padding: 20px;}

}






@media only screen and (max-width: 768px) {
	
	
	h1, .h1{ font-size: 38px; line-height: 1.1;}
	h2, .h2{ font-size: 28px; }
	h3, .h3{ font-size: 21px; }
	h4, .h4{ font-size: 18px; }
	h5, .h5{ font-size: 16px; }
	
	
	label{font-size: 14px;}
	
	form.form_sign_up{width: 100%;}
	
	.form_row{align-items: flex-end;}
	
	
	.fre_wizard_cnt{display: none;}
	
	.all_corsi_wizard-row{flex-direction: column;}
		.all_corsi_wizard-titoli_cnt{width: 100%; background: var(--primario); padding: 40px 0;}
	
	.all_corsi_wizard-cnt{width: 100%;}

	#back_step_btn{left: 20px;}
	
	
	#animation_artboard{align-items: flex-start;}
	
			.percorso{width: 50%; padding: 10px; display: flex;}	
		.percorso-btn{width: 100%; margin: 0;}
	
		.percorso-anno-corsi{display: none;}
	
	#step_1{justify-content: flex-start;}
	
	
	.btn{min-width: 100px; padding: 10px 15px; font-size: 14px;}	
	
	.site_logo{width: 120px;}
		.site_logo svg{width: 100%;}	
		
	.app_header{padding: 0 20px;}
		
	
		
	
	.row-paragrafo-basic{padding: 50px 0;}
		
	.row-header-homepage .myIn{flex-direction: column-reverse;}
	
	.header-homepage-contents, .header-homepage-img{width: 100%; margin: 20px 0;}
	
	.header-homepage-img{width: 70%;}
		
		
		.in_view .title .block{left: 0; right: 0;}
	
	.row-columns{margin: 50px 0;}
	
	.blocchetto-txt-sx .row_column_item{padding: 20px 0;}
		
	.row_column_cnt{flex-direction: column;}
	.row_column_item, .blocchetto-txt-sx .row_column_item{width: 100%;}
	.row_column_item{padding: 0 20px 60px 20px;}
	.row_column_item h4{padding: 0;}
		
	.txt-sx-img-dx .myIn{flex-direction: column;}
	.par-col-img{width: 70%;}
		
	.par-col-txt{width: 100%; padding: 40px 0;}
	.txt-sx-img-dx .par-col-txt, .txt-sx-img-dx-sufascia .par-col-txt{text-align: left;}
		
	.img-sx-txt-dx .myIn, .txt-sx-img-dx .myIn, .img-sx-txt-dx-sufascia .myIn, .txt-sx-img-dx-sufascia .myIn{flex-direction: column;}
		
		
	.img-sx-txt-dx-sufascia.blu, .txt-sx-img-dx-sufascia.blu {background: linear-gradient(0deg, rgba(255,255,255,1) 0%, var(--primario) 0%, var(--primario) 75%, rgba(255,255,255,1) 75%);}		
		
	.img-sx-txt-dx-sufascia.celeste, .txt-sx-img-dx-sufascia.celeste {background: linear-gradient(0deg, rgba(255,255,255,1) 0%, var(--secondario) 0%, var(--secondario) 75%, rgba(255,255,255,1) 75%);}
		
		.img-sx-txt-dx-sufascia h3, .txt-sx-img-dx-sufascia h3{padding-top: 0;}
		.img-sx-txt-dx-sufascia .par_fascia, .txt-sx-img-dx-sufascia par_fascia{padding-bottom: 0;}
		
		
	.app_login_page_cnt{padding: 40px 0;}	
		
	.profile_switch_item{width: 100%; display: flex; align-items: center; padding: 10px;} 	
	
		.profile_switch_item_thumb{width: 50px;}
		.profile_switch_item_nickname{font-size: 24px; margin-left: 10px;}
	
		
		
	.footer_navbar ul{flex-direction: column;}
	
	.webpage_dettaglio_corso_head{padding: 40px 0;}
	.webpage_dettaglio_corso_lezioni_list_item{padding: 20px 0;}
	.webpage_dettaglio_corso_lezioni_list{column-count: 1;}
	.webpage_dettaglio_corso_lezioni_list_item_info{padding: 0 5px 0 0;}
	
	.header_page_flex{ display: flex; flex-direction: column; }
	.header_page_flex_cta{ width: auto; text-align: left;}
	.header_page_flex_cta .cta_mess{ font-size: 1.7em; line-height: 1.0; font-weight: 700; font-family: 'futura', sans-serif; padding: 0 0 1em 0; }

	
	.row-header-homepage:after{display: none;}
		
		
		
	.in_view .h1, .in_view .h2, .in_view .h3, .in_view .h4, .in_view .h5, .in_view p, .in_view .cta_cnt, .in_view figure{animation-delay: .1s; }
	.in_view figure{animation-delay: .1s;}
	.in_view .h1{animation-delay: .2s;}
	.in_view .h2{animation-delay: .3s;}
	.in_view .h3{animation-delay: .4s;}
	.in_view .h4{animation-delay: .5s;}
	.in_view .h5{animation-delay: .5s;}
	.in_view p{animation-delay: .5s;}
	
	.col_in_view .row_column_item{animation: mainFadeIn 1s ease forwards; animation-delay: .1s;}
		.col_in_view .row_column_item:nth-child(2){animation-delay: .2s;}
		.col_in_view .row_column_item:nth-child(3){animation-delay: .3s;}
		.col_in_view .row_column_item:nth-child(4){animation-delay: .4s;}
		.col_in_view .row_column_item:nth-child(5){animation-delay: .5s;}	
		
		
		
	.app_login_page_cnt h1{font-size: 27px;}
		
	.profile_switch_item_add_new .profile_switch_item_thumb{height: 50px; font-size: 31px; padding-bottom: 3%;}	
		
		
		
		.profile_switch_cnt{flex-direction: column;}
		
		
		.registrati_abbonamento_form .form_row{flex-direction: column;}
		
		.descrizione_offerta_abbonamento_dett, .descrizione_offerta_abbonamento_dett p{font-size: 14px;}
		
		
		.abbonamenti_front_cnt{flex-direction: column;}
		
		.abbonamento_front{margin: 20px 0;}
		
		
		
	
}