@media (max-device-width: 1200px) {
  .total_container { width: 100%; min-width: 100%; height: 100%; padding: 0px; overflow: hidden; position: relative; }
  .site_content { height: auto; margin-top: 0px; }
  .scroll_container { float: left; width: 100%; height: 100%; margin-top: 0px; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
  .site_content.notfound { height: calc(100% - 110px); }
  .total_container.iframe .scroll_container { margin-top: 0px; height: 100%; }

  .header { width: calc(100% - 30px) !important; padding: 15px !important; position: absolute; }
  .header .center_container { padding: 0px; width: 100% !important; max-width: 100% !important; }
  .header .logo { font-size: 25px; line-height: 30px !important; padding: 0px !important; }
  .header a.hamburgher { float: right; height: 18px; width: 30px; pointer-events: all;position: relative;cursor: pointer; margin-top: 6px; }
  .header a.hamburgher .line { -webkit-transition: background-color .3s,-webkit-transform .3s cubic-bezier(.25,.46,.45,.94); transition: background-color .3s,-webkit-transform .3s cubic-bezier(.25,.46,.45,.94);
    transition: transform .3s cubic-bezier(.25,.46,.45,.94),background-color .3s; transition: transform .3s cubic-bezier(.25,.46,.45,.94),background-color .3s,-webkit-transform .3s cubic-bezier(.25,.46,.45,.94);
    background-color: #fff;-webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;
    position: absolute;margin: auto;height: 1px;width: 100%;bottom: 0;right: 0;left: 0; top: 0;}
  .header a.hamburgher .line.top { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scaleX(.75); transform: scaleX(.75); bottom: auto; right: auto;}
  .header a.hamburgher .line.bottom { -webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scaleX(.75);transform: scaleX(.75);left: auto;top: auto;}

  .header.black { background-color: rgba(255, 255, 255, 0.9); }
  .header.black .logo { color: #272727; }
  .header.black a.hamburgher .line { background-color: #000; }
  .header.white a.hamburgher .line { background-color: #000; }

  .menu_mobile { background-color: #FFF; position: absolute; height: 100%; width: 100%; padding: 0; margin: 0; right: -100%; display: none; top: 0; z-index: 1010;}
  .menu_mobile .padding { float: left; width:calc(100% - 50px); padding: 0px 25px; height: 100%; }
  .menu_mobile p { float: left; width: 100%; text-align: left; }
  .menu_mobile p a { float: left; width: 100%; font-family: 'Open Sans', sans-serif; text-align: left; color: #333333; font-size: 18px; text-decoration: none; font-weight: 700; }
  .menu_mobile p a.withmenu { background-image: url(../../img/icone/arrow-mobile-down.png); background-repeat: no-repeat; background-position: right 9px; background-size: auto 9px; }
  .menu_mobile p a.withmenu.open { background-image: url(../../img/icone/arrow-mobile-up.png); }
  .menu_mobile p a.logo { width: auto; float: left; display: inline-block; font-weight: 800; color: #333333; font-size: 30px; margin-top: 14px; }
  .menu_mobile .menu p.separator { margin-bottom: 0px; }
  .menu_mobile p.separator font { background-color: #fff; margin: 15px auto; height: 1px; width: 80px; display: inline-block; }
  .menu_mobile .menu { display: flex; float: left; width: 100%; flex: 1; margin-top: 0px; flex-direction: column;
    align-items: center; height: calc(100% - 60px); overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
  .menu_mobile .menu p:first-child { margin-top: 20px; }
  .menu_mobile .menu p { margin-bottom: 15px; }
  .menu_mobile .menu p.last { margin-bottom: 0px; margin-top: 15px; }
  .menu_mobile .menu .sub { float: left; width: calc(100% - 25px); margin-left: 25px; display: none; margin-bottom: 10px; }
  .menu_mobile .menu .sub.open { display: block; }
  .menu_mobile .menu .sub p:first-child { margin-top: 0px; }
  .menu_mobile .menu .sub p a { font-weight: 300; }
  .menu_mobile p.last a { font-weight: 700 !important; width: auto; padding: 0px 20px; color: #333; border-radius: 25px; line-height: 40px; text-decoration: none; background-color: #ceff00; font-size: 18px; }
  .menu_mobile .languages { float: left; width: 100%; height: auto; margin-top: 20px; text-align: left; }
  .menu_mobile .languages p { float: left; width: 100%; }
  .menu_mobile .languages span, .menu_mobile .languages a { float: left; display: inline-block; color: #333; font-size: 16px; font-weight: 700; line-height: 20px; }
  .menu_mobile .languages span { border-bottom: 1px solid #333; }
  .menu_mobile .languages span:last-child, .menu_mobile .languages a:last-child { margin-right: 0px; }
  .menu_mobile .social { position:static; text-align: left; justify-content: flex-start; width: 100%; height: 20px; float: left; margin-top: 25px; }
  .menu_mobile .social a { float: left; display: inline-block; margin-right: 15px; width: 20px; height: 100%; text-align:left; }
  .menu_mobile .social a:last-child { margin-right: 0px; }
  .menu_mobile .social a:nth-child(2) { margin-right: 20px; }
  .menu_mobile .social a:nth-child(2) svg { margin-top: 1px; }
  .menu_mobile .social svg { height: 100%; width: auto; fill:#333; display: inline-block; margin: 0px; }
  .menu_mobile .menu_top { float: left; width: 100%; margin-top: 35px; }
  .menu_mobile .menu_top.smt { margin-top: 10px; }
  .menu_mobile .menu_top a { float: left; width: 100%; font-family: 'Open Sans', sans-serif; text-align: left; color: #333333; font-size: 18px; text-decoration: none; font-weight: 700; }

  .header.opened { background-color: transparent !important; }
  .header.opened a.hamburgher .line { background-color: #333 !important; }
  .header.opened a.hamburgher .line { -webkit-transform: scaleX(0); transform: scaleX(0); }
  .header.opened a.hamburgher .line.top { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; transform: translate(4.5px,-2px) scaleX(1) rotate(45deg); -webkit-transform: translate(4.5px,-2px) scaleX(1) rotate(45deg); }
  .header.opened a.hamburgher .line.bottom {-webkit-transform: translate(-4.5px,-19px) scaleX(1) rotate(-45deg); transform: translate(-4.5px,-19px) scaleX(1) rotate(-45deg); }
}

@media (max-device-width: 740px) {
  /*body, html { overflow: hidden; height: 100%; }*/
  .dinamic_alert { width:calc(100% - 30px) !important; left:15px !important; margin-left:0px !important; position: absolute !important; }
  .dinamic_alert .bkg_dinamic_alert { width:100%; }
	.dinamic_alert_container { padding:20px; width:calc(100% - 40px); }

  h1 { font-size: 38px; }
  h2 { font-size: 25px; line-height: 30px !important; }
  h4 { font-size: 20px; }

  .center_container { float: left; width:calc(100% - 20px) !important; max-width:calc(100% - 20px) !important; padding: 0px 10px; }

  div.section { padding: 30px 0px !important; width: 100% !important; }
  div.section .content .box .background { display: none !important; }
  div.section .content { margin: 0px !important; width: 100% !important; }
  div.section.footer .content { width: calc(100% - 30px) !important; padding: 0px 15px !important; }
  div.section .content h3 { text-align: center; font-size: 30px !important; margin-left: 0px !important; padding: 0px 25px !important; width: calc(100% - 50px) !important; }
  div.section .content .box { padding-top: 20px !important; width: 100% !important; margin-left: 0px !important; }
  div.section .content .box .preview { width: 100% !important; height: 300px; }
  div.section .content .box .testo { padding: 0px 25px !important; width: calc(100% - 50px) !important; margin-left: 0px !important; max-width: 100% !important; margin-top: 15px !important; }
  div.section .content .box .testo h4 { font-size: 22px !important; line-height: 28px !important; margin-top: 15px !important; margin-bottom: 10px !important; }
  div.section .content .box .testo p { margin-left: 0px !important; width: 100% !important; }
  div.section .content .box .testo p.link { margin-top: 25px !important; }
  div.section .content .box .testo p.link a { float: left; }
  div.section .content h1 { text-align: left; font-size: 36px !important; margin-left: 0px !important; padding: 0px 0px !important; width: 100% !important; }
  div.section.keep .content .locations { padding: 0px 25px !important; width: calc(100% - 50px) !important; display: block; margin-top: 0px; }
  div.section.keep .content .locations .location { float: left; width: 100%; margin-top: 30px; }
  div.section.keep .content .locations .location h4 { margin-top: 0px; font-size: 22px; text-align: center; }
  div.section.keep .content .locations .location p { text-align: center; margin-top: 5px; }

  div.section.footer { padding: 25px 15px !important; width: calc(100% - 30px) !important; }
  div.section.footer p { font-size: 36px; }
  div.section.footer .row { display: inline-block; }
  div.section.footer .row .column h4 { font-size: 22px; }
  div.section.footer .row .column.border { display: none; }
  div.section.footer .row .column .location h4 { font-size: 18px; }
  div.section.footer .row .column { width: 100% !important; margin-right: 0px !important; padding-left: 0px !important; padding-right: 0px !important; border-right: 0px !important; border-bottom: 1px solid #4C4C4C !important;
   padding-bottom: 25px !important; margin-bottom: 25px; }

  div.section.footer .row .column.newsletter .newsletter_row .privacy { width: 100%; }
  div.section.footer .row .column.newsletter .newsletter_row .mt50 { width: 100%; margin-top: 15px !important; }
  div.section.footer .row .column.newsletter .newsletter_row .mt50 p a { width: auto; padding: 0px 30px; }
  div.section.footer .bottom { margin-top: 15px; }
  div.section.footer .bottom .bottom_mobile { float: left; width: 100%; display: flex; justify-content: center; align-items: center; }
  div.section.footer .bottom .logo { font-size: 30px; line-height: 30px; }
  div.section.footer .bottom div.copyright p { font-size: 14px; line-height: 30px; }
  div.section.footer .bottom .bottom_menu { float: left; width: 100%; text-align: center; margin-top: 10px; }
  div.section.footer .bottom .bottom_menu a { font-size: 12px; line-height: 16px; }

  div.section.footer .certificazione { float: left; width: 100%; margin-top: 15px; margin-bottom: 10px; justify-content: center; display: flex; align-items: center; }
  div.section.footer .certificazione .black { float: left; width: 60px; padding: 5px 5px 0px 5px; background-color: #000; }
  div.section.footer .certificazione img { float: left; width: 60px; height: auto; }
  div.section.footer .certificazione p { flex: 0; text-align: left; color: #FFF; font-size: 12px; line-height: 16px; margin-left: 15px; font-family: 'Open Sans',sans-serif; }

  div.section.textimage { padding: 15px 15px 25px !important; width: calc(100% - 30px) !important; }
  div.section.textimage .content h2 { text-align: left; font-size: 30px !important; line-height: 36px !important; margin-left: 0px !important; }
  div.section.textimage .content .box .testo { padding: 0px 5px !important; width: calc(100% - 10px) !important; }

  .video_content .over_box { top: 35vw; }
  .header_box.contatti { height: 400px; }
  .header_box.image_content.small { height: 250px !important; }
  .header_box .over_box { left: 0px !important; padding: 0 15px !important; width:calc(100% - 30px) !important; }
  .header_box .scroll_indicator { height: 35px; bottom: 20px; padding: 0 25px !important; width: calc(100% - 30px) !important; }
  .header_box .scroll_indicator .line { }
  .header_box .over_box h1 { text-align: center; font-size: 38px; line-height: 44px; }
  .header_box .over_box h2 { text-align: center;  font-size: 24px; }

  div.section.clienti .clienti_slider { height: 140px; margin-top: 30px; }
  div.section.clienti .clienti { margin-left: 10%; width: 80%; }
  div.section.clienti .clienti .clienti_page { float: left; align-items: center; }
  div.section.clienti .clienti .clienti_page .cliente { float: left; height: 70px; width: 50%; margin: 0px !important; }
  div.section.clienti .clienti_slider a.arrow.left { left: 15px; }
  div.section.clienti .clienti_slider a.arrow.right { right: 15px; }
  div.section.clienti .clienti_slider a.arrow svg { width: 20px; }

  div.section#partner_slider .clienti .clienti_page .cliente { max-width: calc(45% - 15px); margin-right: 30px !important; }
  div.section#partner_slider .clienti .clienti_page .cliente.three { max-width: calc(33.333333333% - 20px); margin-right: 30px !important; }
  div.section#partner_slider .clienti .clienti_page .cliente:last-child { margin-right: 0px !important; }

  .header_box.image_content .over_box p.didascalia a font.text { font-size: 25px; }

  .social { bottom: 20px; right: 10px; }

  .header_box .over_box.bottom { left: 0;}
  .header_box.image_content .over_box .small { font-size: 18px; text-align: left; line-height: 24px; }
  .header_box.image_content .over_box .small.center { text-align: center; }
  .header_box.image_content .over_box p.didascalia { font-size: 16px; text-align: center; }

  .padding_center { margin: 0px 15px; width: calc(100% - 30px) !important; }
  div.section.news .content { padding: 0px; width: 100% !important; padding-bottom: 30px; }
  div.section.news .news_row { float: left; width: 100%; margin-top: 0px; padding: 0px; }
  div.section.news .news_row .news_box .image { height: 240px; }
  div.section.news .news_row .news_box { width: 100% !important; margin-right: 0px; margin-top: 30px !important; margin-bottom: 15px !important; }

  div.section.textbkg { padding: 0px!important; }
  div.section.textbkg .content .box { padding-bottom: 60px !important; padding-top: 30px !important; }
  div.section.textbkg .content .box .subtitle { padding: 0px 25px !important; width: calc(100% - 50px) !important; margin-left: 0px; min-height: auto; }
  div.section.textbkg .content .box .subtitle h5 { float: left; width: 100%; text-align: left; font-size: 14px; margin-top: 0px; }
  div.section.textbkg .content .box .background { display: block !important; height: 260px; width: 60%; left: 20%; top: 50%; margin-top: -130px; }

  div.section.stylewhere { padding: 30px 25px !important; width: calc(100% - 50px) !important; }
  div.section.stylewhere h1, div.section.stylewhere h2 { padding: 0px !important; width: 100% !important; }
  div.section.stylewhere .platforms { margin-right: 0px; width: 100%; display: block; margin-top: 0px; }
  div.section.stylewhere .platforms .platform { width: 100%; margin-left: 0px; margin-top: 40px; }
  div.section.stylewhere .platforms .platform h5 { margin-top: 15px; }
  div.section.stylewhere .plus_content { padding: 0px; width: 100%; }
  div.section.stylewhere .plus_content .software .ball_box { float: left; width: 100%; display: flex; justify-content: center; }
  div.section.stylewhere .plus_content .software .info { width: 100%; margin-left: 0px; margin-top: 15px; }
  div.section.stylewhere .plus_content .software .info .head h4 { width: 100%; font-size: 24px; text-align: center; }
  div.section.stylewhere .plus_content .software .info .head h4 a { font-size: 24px; text-align: center; width: 100%; }
  div.section.stylewhere .plus_content .software .info .head p { margin-left: 0px; width: 100%; text-align: center; line-height: 20px; margin-top:10px; }
  div.section.stylewhere .plus_content .software .info .keywords { display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; margin-top: 15px; }
  div.section.stylewhere .plus_content .software .info .keywords font { text-align: center; }
  div.section.stylewhere .plus_content .software .info p.link { display: flex; justify-content: center; }
  div.section.stylewhere .plus_content .software .info p.link a { border-radius: 25px; background-color: #000; color: #FFF; padding: 10px 15px; }
  div.section.stylewhere .plus_content .software .info p.link a font.line { display: none; }
  div.section.stylewhere .plus_content .software .info p.link a font.text:after{ display: none; }

  div.section.elenco { margin-top: 40px; }

  div.section.chi_siamo .content .box { display: block; }
  div.section.chi_siamo .content .box .preview { width: 100%; height: 280px; }
  div.section.chi_siamo .content .box .testo { margin: 0px !important; padding: 0px !important; width: 100% !important; margin-top: 15px !important; }
  div.section.chi_siamo .content .box .testo ul { margin-left: 0px; width: 100%; }
  div.section.chi_siamo .content .box .testo ul li { line-height: 30px; font-size: 20px; list-style: none; text-align: center; }
  div.section.chi_siamo.image_right { padding-top: 0px !important; }
  div.section.chi_siamo.image_right .content .box .preview { height: 240px; }
  div.section.gallery { padding-top: 10px !important; padding-bottom: 70px !important; }
  div.section.gallery .slider { margin-left: 20px !important; width: calc(100% - 19px); }
  div.section.gallery .slider .wrapper { height: 350px; }
  div.section.gallery .slider .wrapper .image { height: 100% !important; width: calc(50% - 20px) !important; margin-right: 20px !important; }
  div.section.gallery .slider .wrapper .image_1 { left: 50%; }
  div.section.gallery .slider .wrapper .image_2, div.section.gallery .slider .wrapper .image_3, div.section.gallery .slider .wrapper .image_4,
  div.section.gallery .slider .wrapper .image_5, div.section.gallery .slider .wrapper .image_out { left: 100%; }
  div.section.gallery .arrow { margin-top: 30px; padding:0px 20px; width: calc(100% - 40px); display: flex; justify-content: center; }

  div.section .block_content { width: calc(100% - 30px); margin: 0px 15px; margin-top: 15px !important; }
  div.section .block_content .block_image .row { margin-top: 0px; }
  div.section .block_content .block_image h5.big, div.section .block_content .block_image h2.big { font-size: 30px; line-height: 34px; }
  div.section .block_content.layer_text .block_image .image { left: 0px; width: 100%; height: 300px; }
  div.section .block_content.layer_text .block_image .layer_text_box { float: left !important; margin-left: 15px !important; width: calc(100% - 80px); margin-top: 250px !important; padding: 25px; }
  div.section .block_content.layout4 .block_image .image { height: auto !important; }
  div.section .block_content .block_image div.testo.mt { margin-top: 10px !important; }
  div.section .block_content.layout1 .block_image .image { margin-top:15px !important; }
  div.section .block_content .block_image div.testo a h3 a { font-size: 30px !important; }
  div.section .block_content .block_image div.testo a h4 a { font-size: 20px; }


  div.section.dettaglio .recenti, div.section.dettaglio .altri, div.section.dettaglio .recenti.isfaq { width: calc(100% - 30px); margin: 25px 15px 25px; }
  div.section.dettaglio .recenti.isfaq h3, div.section.dettaglio .recenti.isfaq .faqs { padding: 0px !important; text-align: left !important; margin: 0px !important; width: 100% !important; }
  div.section.text_content .content h3 { width: 100% !important; padding: 0px !important; text-align: left; }

  div.section .block_content.banner .image { height: 400px !important; }
  div.section .block_content.banner .over_box h4, div.section .block_content.banner .over_box h4 p { font-size: 18px; line-height: 22px; }
  div.section .block_content.banner .over_box p.didascalia a { font-size: 24px; }

  div.section .block_content .block_image .section.gallery { margin-top: 0px !important; padding-bottom: 0px !important; }
  div.section .block_content .block_image .section.gallery .arrow { padding: 0px; width: 100%; }
  div.section .block_content .block_image .section.gallery .slider { margin-left: 0px !important; width: calc(100% + 15px); }
  div.section .block_content .block_image .section.gallery .slider .wrapper .image { width: calc(50% - 15px) !important; margin-right: 15px !important; margin-top: 10px; }
  div.section .block_content .block_image .section.gallery .slider .wrapper .image_1 { left: 50%; }
  div.section .block_content .block_image .section.gallery .slider .wrapper .image_2, div.section.gallery .slider .wrapper .image_3, div.section.gallery .slider .wrapper .image_4,
  div.section .block_content .block_image .section.gallery .slider .wrapper .image_5, div.section.gallery .slider .wrapper .image_out { left: 100%; }

  #newsletter_popup .content { padding: 25px 25px; width: calc(100% - 50px); }
  #newsletter_popup .form { width: 100%; margin-right: 0px; }
  #newsletter_popup .content .form p.btn a { float: none; }

  a.close_popup { display: none !important; }
  #newsletter_popup .content a.close_popup_mobile { position: absolute; right: 15px; top: 15px; }

  div.section.text_content { padding-left: 15px !important; padding-right:15px !important; width: calc(100% - 30px) !important; }
  div.section.text_content .case-study .case-study-left { width: 100%; }
  div.section.text_content .case-study .case-study-left h1 { padding: 0px !important; width: 100% !important; text-align: left; }
  div.section.text_content .case-study .case-study-right { width: 100%; }
  div.section.text_content .case-study .case-study-right h4 { line-height: 28px; margin-top: 15px; }

  div.section.dettaglio.text_content.case { padding-left: 15px !important; padding-right:15px !important; width: calc(100% - 30px) !important; }
  div.section.dettaglio.text_content.case .case-study { margin-bottom: 15px; }
  div.section.dettaglio.text_content.case .news_row { padding: 0px; width: 100%; }
  div.section.dettaglio.text_content.case .news_row .news_content_box { width: 100%; margin-left: 0px; }
  div.section.text_content .case-study .case-study-right h4,
  div.section.text_content .case-study .case-study-right h4 p { font-size: 20px !important; line-height: 24px !important; }

  div.section.text_content .content h4 { font-size: 20px !important; line-height: 24px !important; }

  div.section.dettaglio { margin-top: 30px; }
  div.section.dettaglio.npb { margin-top: 0px; }
  div.section.dettaglio.text_content { padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; width: 100% !important; }
  div.section.dettaglio.text_content.npb { padding-bottom: 0px !important; }
  div.section .news_row { padding: 0px 0px; width: 100%; }

  div.section.news.elenco .content .news_head { width: 100%; padding: 0px; margin-top: 10px; display: inline-block; }
  div.section.news.elenco .content .news_head h1 { padding: 0px !important; flex: 0; float: left; width: auto !important; }
  div.section.news.elenco .content .news_head .categorie { margin: 0px; }
  div.section.news.elenco .content .news_head .categorie a:last-child { margin-left: 20px; }

  .breadcrumbs { padding: 15px; width: calc(100% - 30px); }

  div.section .news_row .news_content_box { margin-top: 30px; }
  div.section.dettaglio .news_row .news_box { display: block; }
  div.section.dettaglio .news_row .news_box .image { width: 100%; height: auto; }
  div.section.dettaglio .news_row .news_box .image img { width: 100%; float: left; }
  div.section.dettaglio .news_row .news_box .info { margin-left: 15px; margin-right: 15px; opacity: 1; width:calc(100% - 30px); margin-top: 20px; }
  div.section.dettaglio .news_row .news_box .info h1 { padding-left: 0px !important; line-height: 42px !important; margin-left: 0px !important; margin-right: 0px; width: 100% !important; }
  div.section .news_row .news_content_box { margin-left: 15px; width:calc(100% - 30px); }
  div.section .news_row .news_content_box .news_date { width: 100% !important; margin-left: 0px !important; margin-top: 0px; }
  div.section .news_row .news_content_box .news_content { width: 100% !important; margin-left: 0px !important; margin-top: 0px; }
  div.section .block_content .block_image .row { display: block; }
  div.section .block_content .block_image .row .image { margin-right: 0px !important; margin-left: 0px !important; width: 100%; }
  div.section .block_content .block_image .row .text { margin-right: 0px !important; margin-left: 0px !important; width: 100%; margin-top: 15px; }
  div.section .block_content .block_image .row.image_right .text { margin-top: 0px; }
  div.section .block_content .block_image .row.image_right .image { margin-top: 15px; }
  div.section.dettaglio .recenti h4 { margin-bottom: 10px; }
  div.section.dettaglio .recenti .news_row { width: 100%; margin-left: 0px; padding-left: 0px; }
  div.section.dettaglio .recenti .news_row .news_box { width:100%; margin-left: 0px; margin-top: 20px; }
  div.section.dettaglio .recenti .news_row .news_box .image { height: 250px; }

  div.section.elenco .news_row .news_box.preview { margin-top: 0px !important; display: inline-block; }
  div.section.elenco .news_row .news_box.preview .image { width: 100%; }
  div.section.elenco .news_row .news_box.preview .info { width: calc(100% - 30px); opacity: 1; padding: 0px 15px; margin: 0px; margin-top: 15px; }

  .categorie_news a { padding: 0px 15px; margin-right: 10px; font-size: 14px; }
  .categorie_news span { display: none; }

  div.section .block_content .cta-button { margin-top: 5px; margin-bottom: 25px; }
  div.section .block_content .cta-button a { margin-top: 10px; }

  div.section.elenco.casestudies { width: calc(100% - 30px) !important; padding: 0px 15px !important; margin-top: 60px; }
  div.section.elenco.casestudies .news_row { width: 100%; margin-right: 0px; display: block; padding: 0px; margin-top: 0px; }
  div.section.elenco .news_row .news_box.casestudy { margin: 0px 5%; width: 90%; margin-top: 30px; }
  div.section.elenco .news_row .news_box.casestudy .letter { left: -30px !important; text-align: left; font-size: 100px; top:310px !important; }
  div.section.elenco .news_row .news_box.casestudy .image { float: left !important; width: 100% !important; height: 360px; }
  div.section.elenco .news_row .news_box.casestudy .info { margin: 0px !important; min-height: auto; margin-top: 50px !important; width: 100% !important; display: block; }
  div.section.elenco .news_row .news_box.casestudy .info h1 { padding: 0px !important; width: 100% !important; }
  div.section.elenco .news_row .news_box.casestudy .info h1 a { font-size: 38px; }
  div.section.elenco .news_row .news_box.casestudy .info p.link { margin-top: 30px; }

  .page_contatti { margin-top: 0px; width: calc(100% - 30px); padding: 0px 15px; }
  .page_contatti .box_right { position: static; width: 100%; height: auto !important; border-bottom: 1px solid #6e6e6e; }
  .page_contatti .box_right .load_source { height: auto; }
  .page_contatti .box_right .over_box { position: static; display: block; max-width: 100% !important; padding: 30px 0px 30px; width: 100%; }
  .page_contatti .box_right .over_box h4, .page_contatti .box_right .over_box p { text-align: center; }
  .page_contatti .box_left { padding: 0px; width: 100%; margin-top: 20px; margin-bottom: 100px; }
  .page_contatti .box_left h1 { text-align: center; }
  .page_contatti .box_left h4 { font-size: 20px; text-align: center; }
  .page_contatti .box_left .form { padding: 0px; width: 100%; max-width: 100%; }
  .page_contatti .box_left .form p.btn { justify-content: center; }

  .gallery-lightbox-cnt-multimedia a.arrow { width: 24px; height: 24px; margin-top:-12px; }
  .gallery-lightbox-cnt-multimedia a.arrow.prev { left: -40px; }
  .gallery-lightbox-cnt-multimedia a.arrow.next { right: -20px; }
  .gallery-lightbox-cnt-multimedia a.arrow svg { height: 100%; }

  div.section .block_content .block_image .video-content { height: 200px !important; }
  div.section .block_content .block_image .video-row { width: 100%; }
  div.section .block_content .block_image .video-content.half { width: 100%; margin-right: 0px; }

  div.section.dettaglio .news_row .place p { width: 100%; }
  div.section.dettaglio .news_row .place p.link { margin-top: 10px; }

  .cookie_popup .center_container { float: left; width: calc(100% - 30px) !important; max-width: 100% !important; padding: 0px 15px !important; }
  .cookie_popup .testo { width: 100%; }
  .cookie_popup .align { width: 100%; display: inline-block; }
  .cookie_popup p.link { float: left; width: 100%; margin-top: 15px; }
  .cookie_popup p.link a { width: 100%; padding: 5px 0px; text-align: center; }

  .elenco-applicazioni { margin-top: 25px; }
  .elenco-applicazioni .applicazione { margin-top: 25px; padding-bottom: 160px; }
  .elenco-applicazioni .applicazione:first-child { margin-top: 0px; }
  .elenco-applicazioni .applicazione .image_content { float: left; width: 100%; height: 240px; }
  .elenco-applicazioni .applicazione .box { left: 15px !important; top: 180px !important; bottom: unset; padding: 20px; max-width: calc(100% - 70px) !important; }
  .elenco-applicazioni .applicazione .box h2 { font-size: 30px; line-height: 34px; }
  .elenco-applicazioni .applicazione .box p { font-size: 16px; line-height: 22px; margin-top: 10px; }
  .elenco-applicazioni .applicazione .box p.btn { margin-top: 20px; }
  .elenco-applicazioni .applicazione .box p.btn a { font-size: 16px; background-position: right 3px; }

  .elenco-applicazioni .applicazione.static { padding-bottom: 0px; }
  .elenco-applicazioni .applicazione.static .box { float: left; position: static; min-width: calc(100% - 40px) !important; max-width: calc(100% - 40px) !important; width: calc(100% - 40px) !important; }

  div.section .block_content.banner .image { height: 800px !important; }
  div.section .block_content.banner .over_box { width: 90%; }
  div.section .block_content.banner .over_box h2 { margin-top: 0px; font-size: 22px; line-height: 26px; }
  div.section .block_content.banner .over_box h4 { margin-top: 10px; }
  div.section .block_content .block_image div.testo tt { display: none; }

  div.section .grid-banner .block_content.banner { border-bottom: 4px solid #CEFF00; }
  div.section .grid-banner .block_content.banner .image { height: 400px !important; }

  div.section.dettaglio .recenti .faq .intestazione p { font-size: 18px; line-height: 22px; }
  div.section.dettaglio .recenti .faq div.testo { margin-top: 10px; font-size: 14px; line-height: 18px; }

  div.section.text_content .content .recenti h3 { margin-bottom: 0px; }

  div.section .news_row .news_box p.link a { font-size: 16px; }
  div.section .news_row .news_box.preview h5 a { font-size: 40px; line-height: 44px; }


  /* LVB: 02-01-2024 */
  div.section.parlano-di-noi .content { padding: 0px; }
  div.section .parlano_di_noi_col { flex: 0 0 calc(50% - 20px); margin: 0px; }



}

@media (max-device-width: 740px) and (orientation: landscape) {
  .video_content .over_box { top: 10vw; }
}
