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

		/* MENU */
		header#page-header nav.w-nav .menu-item.level_1>a {
				padding-left: 10px;
				padding-right: 10px;
				font-size: 14px;
		}
		header#page-header .l-subheader-cell.at_right .w-btn {
				font-size: 13px;
		}

}

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

	#col_fixed.col_form {
		max-height: 600px;
	}
	#col_fixed.col_form .w-hwrapper p {
		font-size: 12px;
		line-height: 16px;
	}

	.animazione_hero#hero_home_anim h4 {
	    transform: translate(60%, 50px);
	}
	.animazione_hero#hero_home_anim ul {
	    transform: translate(35%, 50px);
	}

	.pagina_prezzi#bollini_percentuali .bollino1.wpb_text_column {
			background-size: 80% !important;
	}

}
@media screen and (max-width: 1100px) {

	.animazione_hero#hero_home_anim h4 {
	    transform: translate(48%, 50px);
	}
	.animazione_hero#hero_home_anim ul {
	    transform: translate(32%, 50px);
	}
	.animazione_hero#hero_home_anim .w-video {
	    margin-top: -70%;
	}

}

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

		main#page-content #spoki_live_chat .w-video.align_none.ratio_16x9>div.w-video-h>video {
		    height: auto;
		}

		.animazione_hero#hero_home_anim h4 {
		    transform: translate(40%, 50px);
		}
		.animazione_hero#hero_home_anim ul {
		    transform: translate(30%, 50px);
		}

		.loghi_clienti h2 {
		    font-size: 90px;
		    line-height: 90px;
		}

}
@media screen and (max-width: 1024px) {

		.animazione_hero#hero_home_anim .l-section-h.i-cf {
				padding: 40px;
		}
		.animazione_hero#hero_home_anim h4 {
				transform: translate(60%, 50px);
				font-size: 28px;
		}
		.animazione_hero#hero_home_anim ul {
				transform: translate(32%, 50px);
		}
		.animazione_hero#hero_home_anim h4 span {
		    margin: 0 14%;
		}
		.animazione_hero#hero_home_anim .w-video {
		    margin-top: -50%;
		}

		#form_registrazione .g-cols.cols_3 {
		    grid-template-columns: auto;
				padding: 0 15%;
		}

		#col_fixed {
				position: fixed;
				left: 50%;
				z-index: 9;
				max-width: 600px;
		}
		#col_fixed.col_form {
		    padding: 25px 35px;
				margin-top: -30px;
		}
		#col_fixed .privacy p span, #col_fixed .privacy p label {
		    margin: 0 0 3px;
		    font-size: 10px;
		}

		#col_fixed.col_prenota_call {
		    margin-top: -30px;
		}
		#landing_page .bollini_contatore big {
		    letter-spacing: -5px;
		    font-size: 40px;
		    line-height: 40px;
		}

		.form_screening_prenota_call#col_fixed.col_prenota_call {
		    margin-top: -50px;
				z-index: 1;
		}

		.form_ricerca_blog .widget_wpc_filters_widget {
		    grid-template-columns: 60%;
		}

		.single-post div#ez-toc-container {
			width: 50%;
		}

		#agenzia_cliente.g-cols.wpb_row {
				--gap: 0.5rem!important;
		}
		main#page-content .video_agenzia_cliente .w-image {
		    width: 70px;
		}
		main#page-content .video_agenzia_cliente.sei_agenzia .w-image {
		    right: 80px;
		    top: 20px;
		}
		main#page-content .video_agenzia_cliente.sei_cliente .w-image {
		    right: 90px;
		    top: 90px;
		}

		main#page-content #bollini_percentuali .video_agenzia_cliente.sei_agenzia .w-image {
				right: 30px;
				top: -10px;
		}

		.pagina_prezzi#bollini_percentuali .bollino3 {
		    padding: 10% 0;
		    background-size: 58% !important;
		}

		#funzionalita .box_mantello {
		    margin-left: 0px;
		}
		#funzionalita .box_mantello .w-video {
		    right: -100px;
		}

		main#page-content #video_bg_green .video_agenzia_cliente video {
		    height: 300px;
		}
		main#page-content #video_bg_green .video_agenzia_cliente.sei_agenzia .w-image {
		    width: auto;
		}

}

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

		.animazione_hero#hero_home_anim .l-section-h.i-cf {
				padding: 40px 20px 20px;
		}
		.animazione_hero#hero_home_anim h4,
		.animazione_hero#hero_home_anim h4 span,
		.animazione_hero#hero_home_anim ul,
		.animazione_hero#hero_home_anim ul li,
		.animazione_hero#hero_home_anim .w-video {
				animation: none;
		}
		.animazione_hero#hero_home_anim h4 {
				max-width: 100%;
				transform: translate(0, 0);
				margin: auto;
				text-align: center;
				font-size: 28px;
				margin-bottom: 15px;
		}
		.animazione_hero#hero_home_anim h4 span {
				margin: 0;
		}
		.animazione_hero#hero_home_anim ul {
				transform: translate(0, 0);
				text-align: center;
				display: inline-flex;
				width: 100%;
				margin: auto;
				gap: 1.8rem;
				margin-left: 8px;
		}
		.animazione_hero#hero_home_anim ul li {
				float: left;
				margin: 0;
		}
		.animazione_hero#hero_home_anim ul li::marker {
				padding: 0;
				margin: 0;
		}
		.animazione_hero#hero_home_anim .w-video {
				opacity: 1;
				visibility: visible;
				margin-top: 0;
				transform: scale(1);
		}
		.animazione_hero#hero_home_anim .cols_1>.wpb_column>.vc_column-inner {
				display: grid;
				gap: 2rem;
				padding-bottom: 20px;
		}
		.animazione_hero#hero_home_anim .g-cols.wpb_row.via_grid.cols_3 {
				order: -1;
				gap: 0;
		}

}

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

	#hero_home_anim .l-section-h.i-cf {
			padding: 40px 20px 20px;
	}
	#hero_home_anim .g-cols.wpb_row.via_grid.cols_3.reversed>div:nth-child(2) {
			order: -1;
	}
	#hero_home_anim .g-cols.wpb_row.via_grid.cols_3.reversed>div:last-of-type {
			order: 2;
	}

	.w-nav .menu-item.btn_mobile {
    		display: block;
	}
	#form_diventa_partner {
	    padding: 0 30px;
	}
	#form_diventa_partner .w-iconbox h5 {
	    font-size: 18px;
	}
	#form_diventa_partner .w-iconbox-icon {
	    font-size: 6rem;
	    margin: 0 -50px 0 0;
	}
	#programmi .box_programmi {
	    background-position: center -10px !important;
	}
	#programmi .g-cols.wpb_row.via_grid.cols_3 {
			    display: block;
	}
	.single-post main h1 {
	    font-size: 32px;
	    line-height: 40px;
	}

	#col_fixed.col_form {
        max-height: 100%;
		margin-top: 0;
		height: auto;
    }
	#col_fixed.col_form .w-hwrapper p {
		font-size: 12px;
		line-height: 16px;
	}

	#col_fixed {
	    position: static;
	    max-width: 100%;
	    margin: 0 auto;
	    border-radius: 20px;
	    margin-top: 0px;
	    height: 100vh;
	}

	.form_screening_prenota_call#col_fixed.col_prenota_call {
      margin-top: 0;
  }
	.form_screening_prenota_call #contentDiv {
	    height: 100%;
	}
	.form_screening_prenota_call #contentDiv iframe {
	    border-radius: 15px;
	    height: 100%;
	}

	/* CTA fixed */
	.w-btn-wrapper:has(> #btn_provaspoki) {
	    display: block;
	}
	/* CTA fixed - pagina "Funzionalità e Integrazioni" */
	.w-btn-wrapper:has(> .btn_fixed#btn_provaspoki) {
	    bottom: 13px;
	}

	.form_ricerca_blog .widget_wpc_filters_widget {
			display: block;
	}

	.card_blog_home.w-grid.type_carousel .w-post-elm.post_image img {
		height: 100%;
	}
	.card_blog_home.w-grid.type_carousel .w-grid-item-h {
		height: auto;
	}

	#box_blog h2 {
			text-align: center;
    	font-size: 40px;
	}
	.loghi_clienti h2 {
			font-size: 70px;
			line-height: 75px;
	}

	main#page-content .video_agenzia_cliente .w-image {
			width: 100%;
	}
	main#page-content .video_agenzia_cliente.sei_agenzia .w-image {
			right: 80px;
			top: 20px;
	}
	main#page-content .video_agenzia_cliente.sei_cliente .w-image {
			right: 90px;
			top: 90px;
	}

	main#page-content #bollini_percentuali .video_agenzia_cliente.sei_agenzia .w-image {
		right: 50px;
		top: 0px;
		width: 90px;
	}

	.pagina_prezzi#bollini_percentuali .l-section-h.i-cf {
      width: 76%;
  }

	#funzionalita .box_mantello {
			margin-left: -100px;
			justify-content: center;
	}
	#funzionalita .box_mantello .w-video {
			right: 5%;
			width: auto;
	}
	#funzionalita .box_mantello .w-video video {
			width: 80%;
			margin-top: -2px;
	}

	#bollini_percentuali .bollino1 .w-iconbox-title {
	    font-size: 14px;
	    line-height: 18px;
	}

}


@media screen and (max-width: 600px) {
	.l-subheader-h .ush_btn_1{
		display: none;
	}
	.l-subheader-h .ush_btn_2{
		display: none;
	}

	main h1 {
		 font-size: 32px;
	}

	p.w-iconbox-title {
	    line-height: normal;
	    font-size: 14px;
	}
	#hero_piani div.w-hwrapper.valign_middle.align_center {
	    margin: 0 auto;
	    gap: 0.4rem;
	}
	.pagina_prezzi#bollini_percentuali .bollino3,
	.pagina_prezzi#bollini_percentuali .bollino2,
	.pagina_prezzi#bollini_percentuali .bollino1 {
	    background-size: 90% !important;
			padding: 21% 0;
	}
	#compara_piani table thead tr th big {
	    /*font-size: 26px;
	    line-height: 30px;*/
	}
	#compara_piani table tr th,
	#compara_piani table tr td {
	    padding: 0.8rem 0.4rem;
	}
	#compara_piani table tr td:first-child {
	    font-size: 14px;
	    line-height: 20px;
	}
	#bollini_percentuali h3 {
	    font-size: 22px;
	}
	#landing_page .bollini_contatore {
			margin-left: 20px;
	}
	#landing_page .bollini_contatore big {
			font-size: 40px;
	}
	#landing_page .bollini_contatore .wpb_text_column {
			min-height: 120px;
			margin-bottom: 10px;
	}
	#landing_page .bollini_contatore .wpb_text_column:before {
			width: 100px;
			height: 100px;
	}
	#col_fixed.col_button {
	    min-height: 370px;
	    height: auto;
	}
	#col_fixed.col_button>.vc_column-inner {
	    padding-left: 19%;
	    margin-top: -140px;
	}

	main#page-content .w-video-h video {
	   	object-fit: inherit;
	    /* width: 75%; */
			height: auto;
			width: 100%;
			/* filter: brightness(1.02); */
			/* mix-blend-mode: darken; */
	}
	main#page-content #hero_home_anim video {
	    width: 85%;
	}
	main#page-content #video_spoki_live_chat .w-video-h {
	    width: 99%;
	}
	main#page-content #video_spoki_live_chat .w-video-h video {
	    mix-blend-mode: normal;
			margin-right: -25px;
    	margin-bottom: -14px;
	}
	main#page-content #video_tools .w-video-h {
	    width: 99%;
	}
	main#page-content #video_tools video {
	    margin-right: -8px;
	}

	#spoki_live_chat {
	    padding-bottom: 50px;
	}
	#spoki_live_chat .w-separator.size_large:empty {
    	height: 0;
	}

	#form_registrazione .g-cols.cols_3 {
			grid-template-columns: auto;
			padding: 0 1%;
	}
	.single-post div#ez-toc-container {
		width: 100%;
	}

	.loghi_clienti h2 {
			font-size: 50px;
			line-height: 55px;
	}

	main#page-content .video_agenzia_cliente .w-image {
			width: 90px;
	}
	main#page-content .video_agenzia_cliente.sei_agenzia .w-image {
			right: 0;
			top: 0;
	}
	main#page-content .video_agenzia_cliente.sei_cliente .w-image {
			right: 0;
			top: 0;
	}
	main#page-content .video_agenzia_cliente .w-video-icon {
	    width: 100%;
	}

	main#page-content #bollini_percentuali .video_agenzia_cliente .w-video-icon {
	    width: 100%;
			height: 95%;
	}
	main#page-content #bollini_percentuali .video_agenzia_cliente.sei_agenzia .w-image {
			right: -20px;
			top: -10px;
			width: 90px;
	}

	#funzionalita .cols_custom.mobiles-cols_1 {
			--gap: 2rem !important;
	}
	#funzionalita .box_mantello .w-video {
			right: -10%;
			width: auto;
	}
	#funzionalita .box_mantello .w-video video {
      width: 60%;
      margin-top: -2px;
  }
	#funzionalita .box_mantello .w-image img {
	    width: 200px;
	}

	.video_title h1 {
	    font-size: 50px;
	    line-height: 50px;
	}

	main#page-content #video_bg_green .video_agenzia_cliente video {
      height: 160px;
  }

	section#blog,
	section#box_blog {
			padding-top: 2rem;
	    padding-bottom: 2rem;
	    background: none!important;
	}

	#box_note .box_text_note {
	    border-radius: 30px;
	    padding: 28px 22px;
	}

}

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

		#bollini_percentuali .l-section-h.i-cf {
		    /* width: 90%; */
		}
		#funzionalita .box_funzionalita {
		    padding: 30px;
		}
		#integrazioni .box_icone_integrazioni {
		    border-radius: 50px;
		}
		#integrazioni .w-grid.type_grid article {
		    /* margin: -5px; */
		}
		#integrazioni .w-grid.type_grid article .w-hwrapper.usg_hwrapper_1 {
				padding: 15px 0 !important;
		}
		#integrazioni .w-post-elm.post_title {
		    max-width: 100%;
		}
		#integrazioni .wpc-filter-layout-search-field {
		    margin-bottom: 20px;
		}
		#integrazioni .grid_integrazioni .g-filters {
		    gap: 8px 5px;
		    margin-bottom: 20px;
		}
		#integrazioni .grid_integrazioni .g-filters-item {
		    padding: 0 5px;
		    min-height: 40px;
		}
		#integrazioni .grid_integrazioni .g-filters-item span {
				font-size: 11px;
				line-height: 14px;
				letter-spacing: 0;
		}

		.bollini_contatore .wpb_column.vc_column_container .wpb_text_column p {
		    margin-left: 15px;
		    font-size: 20px;
		    line-height: 24px;
		}
		#agenzie.box_programmi .w-grid.type_grid article {
		    margin: -10px;
		}
		.box_ai.g-cols.via_grid>.box_ai_cs.wpb_column.vc_column_container {
		    padding: 40px;
		}
		.box_ai.g-cols.via_grid>.box_ai_cs h2 {
		    font-size: 30px;
		    line-height: 40px;
		}
		#programmi .box_programmi {
		    background-position: center -30px !important;
		}
		#programmi .box_programmi h3 {
		    font-size: 22px;
		}
		#programmi .box_programmi .bollini_contatore big {
		    letter-spacing: -5px;
		    font-size: 46px;
		    line-height: 60px;
		    width: 31%;
		    text-align: center;
		    display: flex;
		    justify-content: center;
		}
		#programmi .box_programmi .bollini_contatore p {
		    font-size: 16px;
		    line-height: 22px;
		    gap: 2rem;
		}
		.single-post main h1 {
		    font-size: 28px;
		    line-height: 38px;
		}
		.single-post main h2 {
		    font-size: 26px;
		    line-height: 36px;
		}
		.single-post main h3 {
		    font-size: 24px;
		    line-height: 34px;
		}
		.single-post main h4 {
		    font-size: 20px;
		    line-height: 30px;
		}
		h1.w-post-elm.post_title.entry-title {
			font-size: 28px;
		    line-height: 38px;
		}
		.w-grid-list.owl-carousel.navstyle_circle.navpos_outside.owl-loaded.owl-drag .w-post-elm.post_image img {
		    width: 100%;
		}
		#col_fixed.col_form {
		    padding: 35px 30px 25px;
				height: auto;
		}
		#wa_email_sms table thead tr.row-1 th.column-2 h4 {
		    font-size: 22px;
		    line-height: 28px;
		}
		#wa_email_sms table tr td {
		    padding: 0.8rem 0.5rem;
		}

		#landing_page {
				margin-bottom: 40px;
		}
		main#page-content #landing_page #video_hero_home .w-video-h video {
		    width: 80%;
		}
		main#page-content #landing_page .w-video-h video {
		    width: 100%;
		}

		#spoki-fixed-btn {
		    right: 30px!important;
		    bottom: 12px!important;
		}
		.w-btn-wrapper:has(> #btn_provaspoki) {
		    bottom: 9px;
		}

		.box_funzionalita .w-grid.type_grid>div[class*="list"]>* {
		    width: 20.8%;
		}
		.box_funzionalita .w-hwrapper .w-iconbox.icontype_img .w-iconbox-title {
		    line-height: 16px;
		    font-size: 12px;
		}

		form.wpcf7-form .box_flex p {
		    gap: 10px;
		}
		form.wpcf7-form .box_flex span[data-name="phone_prefix"] {
		    /* flex: 60%; */
		}
		#startup form.wpcf7-form .box_flex span[data-name="phone_prefix"] {
		    flex: 65%;
		}

		#landing_page.l-section {
		    padding-left: 1rem;
		    padding-right: 1rem;
		}
		.form_screening_prenota_call#col_fixed.col_prenota_call {
		    padding: 20px;
		}

		form.wpcf7-form .box_flex span[data-name="phone_prefix"] {
		    flex: 62%;
		}
		label[for="phone_prefix"] {
		    display: block;
		}

		.card_blog .g-filters .g-filters-item {
			font-size: 14px;
			padding: 5px 6px;
			margin: 0 8px 5px 0;
			opacity: .7;
		}

		.loghi_clienti h2 {
				font-size: 42px;
				line-height: 50px;
		}
		section.loghi_clienti,
		.loghi_clienti .cols_1 .l-section.wpb_row {
		    padding: 1.5rem 0;
		}
		.loghi_clienti.loghi_partner .cols_1 .wpb_text_column {
		    top: 15px;
		}
		.loghi_clienti.loghi_partner h2 {
				font-size: 45px;
				line-height: 48px;
		}

		.pagina_prezzi#bollini_percentuali .l-section-h.i-cf {
				width: 90%;
		}
		.pagina_prezzi#bollini_percentuali .bollino1.wpb_text_column {
        background-size: 88% !important;
        padding: 25% 0;
    }
		.pagina_prezzi#bollini_percentuali .bollino1.w-vwrapper {
        padding: 21% 0;
    }
		.pagina_prezzi#bollini_percentuali .bollino2 {
				background-size: 100% !important;
				padding: 26% 0;
		}

		#funzionalita .box_mantello .w-video {
				right: -145px;
				width: 100%;
		}
		#funzionalita .box_mantello .w-video video {
				width: 50%;
		}

		.video_title h1 {
		    font-size: 40px;
		    line-height: 40px;
		}

		main#page-content #video_bg_green .video_agenzia_cliente video {
	      height: 120px;
	  }

		#grid_hr .card_blog .g-filters {
		    margin-bottom: 20px;
		}
		#grid_hr .w-grid-item h4 {
		    padding: 15px 25px; 
		}
		#grid_hr .w-vwrapper {
		    padding: 25px;
		}

}