@media print {
  * {text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important;}
  a, a:visited {text-decoration: underline;}
  a[href]:after {content: " (" attr(href) ")";}
  abbr[title]:after {content: " (" attr(title) ")";}
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
  thead {display: table-header-group;}
  tr, img {page-break-inside: avoid;}
  img {max-width: 100% !important;}
  @page {margin: 0.5cm;}
  p, h2, h3 {orphans: 3; widows: 3;}
  h2, h3 {page-break-after: avoid;}
 
}


@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }

	.headline {
		font-size:160%;
		width: 100%;
		clear: both;
		text-align: left;
	 /* padding:30px 0 0 20px;*/
	}
   .ombra-gallery {
  width: 80% !important;
}

}


@media (max-width: 979px) {
	
	body {padding-top: 0;}

  .menu-select{
		display: block;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }
     .ombra-gallery {
  width: 80% !important;
}
	
  .nav-collapse {clear: both;}
  .nav-collapse .nav {float: none; margin: 0 0 10px;}
  .nav-collapse .nav > li {float: none;}
  .nav-collapse .nav > li > a {margin-bottom: 2px;}
  .nav-collapse .nav > .divider-vertical {display: none;}
  .nav-collapse .nav .nav-header {color: #777777; text-shadow: none;}
  .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }


  .nav-collapse .dropdown-menu li + li a {margin-bottom: 2px;}
  .nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {background-color: #f2f2f2;}

  .nav-collapse, .nav-collapse.collapse {overflow: hidden; height: 0;}
	.btn-navbar {display: inline-block;	*display: inline;}
	
	.headline {
		font-size:140% !important;
		width: 100% !important;
		clear: both !important;
		text-align: left !important;
	  padding:0px 20px 20px!important;
	  display:table!important;
	}
	.btn-navbar {
  display: inline-block;
  margin-top: 36px;
}
#menu {
  margin: 0px 0px 10px;
  background:url(../../images/header.png) repeat left top;
  position:relative;
  }
  #nomesia_form select {
  width: 88% !important;
}

#nomesia_form div.field {
  width: 41%;
  margin-right: 75px;
}

.evidence p {
  color: #0083a6;
  font-family: AvenirNextLTCom-It;
  font-style: italic;
  font-size: 92%;
}

.evidence h5{
	font-size:90%!important;
	padding-top:0;}
	
#index .evidence, .evidence, #i-corsi .evidence, #metodo .evidence, #scuola .evidence {
  padding: 20px 20px 17px 230px;
}

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE */

#menu li a:link, #menu li a:visited {

  padding: 10px 22px 11px!important;
}
#nomesia_form div.field {
  width: 46%;
  margin-right: 23px;
}

 /*  .ombra-gallery {
  width: 50% !important;
}*/

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */
#menu-smistamento {
  padding-top: 15px;
  bottom: -35px!important;
  float: left!important;
  width: 73.3%;
}
.wrapper {
  width: 100%;}
}

@media (min-width: 768px) and (max-width: 979px) {
	
  .hidden-desktop {display: inherit !important;}
  .visible-desktop {display: none !important;}
  .visible-tablet {display: inherit !important;}
  .hidden-tablet {display: none !important;}

	#nomesia_form label {width: 100% !important; padding: 5px;}
	#nomesia_form input {width: 100%; }
	
	#nomesia_form select {width: 105% !important;}
	#nomesia_form textarea {width: 100% !important;}
	#nomesia_form #privacy_container input{width: 5% !important; margin: 0 4% 0 0;}
	#nomesia_form #privacy_container label{width: 91% !important; padding: 0;}
 #nomesia_form #marketing_container label{width: 71% !important; padding: 0;}
	#nomesia_form select {
  width: 96% !important;
	
}
.wrapper {
  width: 100%;}
}


@media (max-width: 767px) {
  .hidden-desktop {display: inherit !important;}
  .visible-desktop {display: none !important;}
  .visible-phone {display: inherit !important;}
  .hidden-phone {display: none !important;}

  body {padding-left: 10px; padding-right: 10px;}

  #nomesia_form #privacy_container, #nomesia_form #marketing_container, #nomesia_form #more_info_container {
  width:90%!important;
  display: block;
  float: left;
}

#nomesia_form input, #nomesia_form textarea {
  width: 82%;

}


#nomesia_form #privacy_container label{
  width:80%!important;}

  #nomesia_form #marketing_container label{
  width:80%!important;}

  .modal {position: fixed; top: 20px; left: 20px; right: 20px; width: auto; margin: 0;}
  .modal.fade {top: -100px;}
  .modal.fade.in {top: 20px;}

	.headline {
		font-size:120% !important;
	}
	#menu{
		width:100%;
		background:url(../../images/header.png) repeat left top;
		  margin: 0px 0 10px -10px;
  padding: 0px 0 0;
  float: left;
  width: 103.8%!important;
		}
	.btn-navbar {
  display: inline-block;
  margin-top: 33px;
}
.titolo{
	margin-top:30px;
	margin-bottom:15px;}
	
.corso-informazioni{
	margin-bottom:30px;}
	
#nomesia_form div.field {
  width: 42%;
  margin-right: 23px;
}
	
#nomesia_form label {
  float: left;
  color: #fff;
  font-size: 120%;
  display: block;
  width: 50%;
  display: block;
  margin-bottom: 10px;
}

#extra_wrap-form{
	background: url(../../images/form.png) repeat left top;}
	
.evidence h5{
	padding-top:0;}
	
#index .evidence, #i-corsi .evidence, #metodo .evidence, #scuola .evidence {
  padding: 30px 20px 63px 180px !important;}
  .nav-sel{display:none;}
  

}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation : portrait){
	.btn-navbar {
  display: inline-block;
  margin-top: -11px;
  margin-right: 136px!important;
}#menu {
  width: 106.3%!important;
  margin-top: -12px;}
  #menu-smistamento label{
	  font-size:10px!important;}




	}
@media (max-width: 480px) {
  .nav-collapse {-webkit-transform: translate3d(0, 0, 0);}
  .modal {top: 10px; left: 10px; right: 10px;}
  .modal-header .close {padding: 10px; margin: -10px;}
	
	.headline {
		font-size:100% !important;
		text-align: left;
	}
	.btn-navbar {
  display: inline-block;
  margin-top: -11px;
  margin-right: 119px;
}

#menu ul {
  padding: 20px 0 0 0;
  margin: 0;
  display: inline-block;
}
#menu{
	width:107%!important;
	}
	
#menu li a:link, #menu li a:visited{
	padding:8px 8px 8px!important;
	font-size:8px!important;
	}
.nav-sel{
	display:none!important;}
	
.titolo{
	font-size:194%!important;}
	
.sottotitolo{
	font-size:204%!important;}
	
#nomesia_form div.field {
  width: 100%;
  margin-right: 23px;
}

.ombra-gallery{
	display:none;}
	
#nomesia_form .button_form{
	font-size:145%!important;}
	
#nomesia_form #privacy_container label{
	width:80%!important;}

  #nomesia_form #marketing_container label{
  width:80%!important;}
	
.case-history-title{
	font-size:260%!important;}
	
fieldset h3{
	font-size:165%!important;}
	
#index .evidence, #i-corsi .evidence, #metodo .evidence, #scuola .evidence {
  padding: 30px 20px 63px 20px !important;
}
#index .evidence img, #i-corsi .evidence img, #metodo .evidence img, #scuola .evidence img{
	display:none;}
	
#nomesia_form select {
  width: 87% !important;
}
}
