@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 (max-width: 1200px) {
	.wrapper {
		width: 98%;
		padding: 0 1%;
	}
}

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

	.headline {
		font-size:160%;
		width: 90%;
		clear: both;
		text-align: left;
	 /* padding:30px 0 0 20px;*/
	}
}


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

  .menu-select{
		display: block;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }
	
  .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: 90% !important;
		clear: both !important;
		text-align: left !important;
	  padding:0px 20px 20px!important;
	  display:table!important;
	}
	
}

@media (min-width: 532px) and (max-width: 767px) {
	.dl-call-demo {
		margin: 15px 0 20px 15px !important;
	}
}

@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% !important;}
	#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;}
	
	.dl-call-demo {
		margin: 0;
	}
}


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

  .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;
	}
	
	.dl-call-demo {
		margin: 0;
	}
	
	.lead {
		line-height: 220%;
	}
	
	h1 {
		font-size: 180%;
		margin: 15px 0;
	}
	
	#testata .headline {
		float: left;
	}
	
	.mail h3 {
		padding: 3px 0px 0 90px;
	}
}


@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;
	}
	
	.mail h3 {
		padding: 3px 0px 0 80px;
	}
}