@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); }

  .total_container { width: 100%; min-width: 100%; height: 100%; padding: 0px; overflow: hidden; }
  .site_content { height: auto; margin-top: 0px; }
  .site_content.notfound { height: calc(100% - 110px); }

  .center_container { float: left; width:calc(100% - 20px) !important; max-width:calc(100% - 20px) !important; padding: 0px 10px; }

  .box_page .content { width: 100%; margin: 0px; height: calc(100% - 50px); }
  .box_page .content .header { height: 70px; }
  .box_page .content .header .logo { height: 70px; }
  .box_page .content .header .logo a { height: 70px; margin-bottom: 0px; }
  .box_page .content .scroll_container { padding: 15px; width: calc(100% - 30px); height: calc(100% - 100px); }
  .box_page .menu { width: 100%; height: 50px; flex-direction: row; margin: 0px; }
  .box_page .menu a { height: 50px; margin-top: 0px; }
  .box_page .menu a.logout i { font-size: 24px; }

  .box_page .content .header .space { text-align: left; }
  .box_page .content .header .space i { line-height: 70px; font-size: 32px; }

  .box_home { height: auto; }
  .box_home .element { width: 100%; margin-right: 0px; height: 250px; margin-bottom: 20px; }
  .box_home .element:last-child { margin-bottom: 0px; }
  .box_home .element .over_box .info { flex-direction: column; }
  .box_home .element .over_box .info .ball { width: 100px; height: 100px; }
  .box_home .element .over_box .info p { text-align: center; margin-left: 15px; font-size: 32px; line-height: 36px; }

  .submenu_list .submenu.three { width: calc(100% - 40px); }

  .submenu_list { height: auto; margin: 0px !important; width: 100%; }
  .submenu_list .submenu { width: calc(100% - 40px); margin-right: 0px; padding: 15px; height: auto !important; min-height: 100px; margin-top: 10px; }
  .submenu_list .submenu:first-child { margin-top: 20px; }
  .submenu_list .submenu .icon { width: 80px; height: 80px; }
  .submenu_list .submenu p { font-size: 22px; line-height: 26px; }
  .submenu_list .submenu .arrow { width: 30px; }
  .submenu_list .submenu .arrow i { font-size: 48px; }

  .header_page { margin-left: -15px; width: calc(100% + 30px); }
  .header_page .over_box { left: 15px; width: calc(100% - 30px); }
  .header_page p { font-size: 24px; }

  .pretext { margin-top: 20px;  width: calc(100% - 30px); padding: 0px 15px; }
  .site_content .load_source{overflow: visible}

  .total_container.login .site_content { height: 100%; }
  .total_container.login .site_content .full_bkg .over_box { width: 90%; margin-left: 0px; left: 5%; }
  .total_container.login .site_content .full_bkg .box { padding: 20px; width: calc(100% - 40px); }
  .total_container.login .site_content .full_bkg .over_box .logo { margin-bottom: 15px; }
  .total_container.login .site_content .full_bkg .over_box .box p { font-size: 14px; line-height: 18px; }
  .total_container.login .site_content .full_bkg .over_box .row label { font-size: 14px; line-height: 18px; margin-bottom: 5px; }
  .total_container.login .site_content .full_bkg .over_box .box p.contattaci { margin-top: 5px; margin-bottom: 0px; }
  .total_container.login .site_content .full_bkg .over_box .row.btn a { line-height: 34px; height: 34px; }
  .total_container.login .site_content .full_bkg .over_box .row input { padding: 8px 10px; }
  .total_container.login .site_content .full_bkg .over_box .box p.contattaci a,
  .total_container.login .site_content .full_bkg .over_box .box p.lost a { font-size: 14px; line-height: 18px; }

  .farmaco_emergenza .label { font-size: 18px; width: 40%; }
  .farmaco_emergenza .info p { font-size: 16px; }
  .farmaco_emergenza .calcoli { width: 100%; flex-direction: column; }
  .farmaco_emergenza .calcoli .calcolo { width: 100%; min-width: 100%; margin-right: 0px; margin-top: 10px; }

  .pulsante_ricerca .container_head img { width: 60px; }
  .pulsante_ricerca .container_head p { font-size: 20px; }

  .pagina h1 { font-size: 30px; }

  .codice_farmaco { float: left; width: 100%; margin-left: 0px; margin-top: 15px; padding: 5px 0px; }
  .container_riga_dettaglio { float: left; width: 100%; margin-left: 0px; }
  .container_riga_dettaglio .contenitore_immagine { width: 24px; }
  .container_riga_dettaglio .container_contenuto { width: calc(100% - 34px); margin-left: 10px; }
  .container_riga_dettaglio .titolo_contenuto { margin-left: 0px; font-size: 18px; line-height: 22px; }
  .container_riga_dettaglio .testo_contenuto { margin-left: 0px; font-size: 16px; line-height: 22px; font-weight: 400; }
  .container_riga_dettaglio .testo_contenuto ul { width: calc(100% - 20px); float: left; }

  .testo_ricerca.full { margin-bottom: 0px; }
  .container_riga_risultato .nome_farmaco { width: 100%; }
  .container_riga_risultato .nome_commerciale { width: 100%; margin-top: 5px; }
  .container_riga_risultato .gruppi_terapeutici { width: 100%; margin-top: 5px; }
  .container_riga_risultato .ultima_revisione  { width: 100%; text-align: left; margin-top: 7px; }
}
