/***
 * F5 - Content Management System
 * 
 * Copyright © 2022
 * Reload - Laboratorio Multimediale
 * (http://www.reloadlab.it - info@reloadlab.it)
 * 
 * authors: Domenico Gigante (domenico.gigante@reloadlab.it) and Alessio Attanasio (alessio.attanasio@reloadlab.it)
 ***/
@charset "utf-8";

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

.qandabot span {
	display: none;
}
.qandabot img {
	margin-right: 0;
}
header.loghi .payoff {
	display: none;
}
nav.main-menu .menu {
	display: none;
	height: auto;
	margin-left: -15px;
	margin-right: -15px;
}
nav.main-menu .menu a {
	margin-right: 0;
	text-align: center;
}
.banner-home:before {
	width: calc(100% + 100px);
}
.banner-home h1 {
	font-size: 24px;
}
.intro-home {
	padding-top: 34px;
	padding-bottom: 23px;
}
.anchor-menu {
	margin-bottom: 30px;
	padding-top: 25px;
	padding-bottom: 25px;
}
.anchor-menu a {
	margin-left: 10px;
	margin-right: 10px;
}
.card1 {
	max-width: 481px;
	margin: 0 auto;
}
.card1 .image {
	height: 230px;
}
.card1 .ico {
	margin-left: 0;
	margin-top: -40px;
}
.card1 .text {
	padding: 25px 16px;	
}
.card2 {
	max-width: 481px;
	margin: 0 auto;
}
.card2 .image {
	flex: 0 0 230px;
}
.card2 .text {
	margin-left: 0;
	padding: 25px 16px 0 25px;	
}
.main {
	padding-bottom: 75px;
}
.main-title {
	margin-top: 30px;
	margin-bottom: 40px;
}
.secondary-title {
	margin-top: 0;
	margin-bottom: 18px;
}
.other-title {
	margin-top: 40px;
}
.tab-menu {
	margin-bottom: 30px;
}
.tab-menu a {
	line-height: 50px;
}
.intro-text {
	margin-bottom: 30px;
}
}
@media only screen and (max-width: 699.99px) {

.anchor-menu a {
	flex: 0 0 50%;
	margin-left: 0;
	margin-right: 0;
}
}
@media only screen and (max-width: 575.99px) {

header.loghi .payoff {
	display: none !important;
}
.title-violet {
	margin-bottom: 20px;
	font-size: 18px;
}
.vedi-tutti a,
.torna-su a {
	font-size: 16px;
}
.quanto-sai-home,
.contenuti-video-home,
.scopri-profilo-home,
.calendario-webinar-home {
	padding-bottom: 30px;
}
.lancio-yes-home {
	padding-top: 30px;
	padding-bottom: 30px;
}
.ask-payroll-home {
	padding-top: 45px;
	padding-bottom: 45px;
}
.card1 .image {
	height: 180px;
}
.webinar-row .num {
	margin-right: 15px;
}
.webinar-row .data {
	width: 120px;
	padding-right: 15px;
}
.main-title h1,
.secondary-title h2,
.other-title h3 {
	font-size: 20px;
}
.webinar-visore .fa {
	font-size: 66px;
}
}