@media (min-width: 768px) {
    .navbar-header {
        display: none;
    }
}

@media (max-width: 1016px) and (min-width: 992px) {
    #main-slider {
        width: 716px;
    }
    #main-nav ul li {
        font-size: 0.96em;
    }
}

@media (max-width: 991px) {
    #header-logo {
        float: left;
        width: 255px;
    }
    #main-nav ul li {
        font-size: 0.95em;
    }
    
    #main-part .carousel {
        margin-right: 30px;    
    }
    
    #main-slider {
        background-size: 100%;
        margin-right: 30px;
    }
    #main-slider:after {
        content: "";
        display:table;
    }
    #item-boxes-container {
        float: left;
        width: 65%;
    }
    .item-box-container {
        margin-right: 15px;
        width: 50%;
        float: left;
    }
    #aside-main-part {
        width: 32%;
        padding: 1%;
        margin-left: -15px;
    }
    .item-box {
        margin-top: 0.8em;
    }
    .footer-box,
    #footer-upper .navbar-collapse {
        width: 33%;
        display: inline-block;
    }
    #footer-upper .wrapper .footer-box {
        float: left;
    }
    
    #main-nav ul li {
        font-size: 0.9em;
    }
    
}

@media (max-width: 961px) {
    #main-nav-clients a > span.to-hide, #main-nav-damage a > span.to-hide {
        display: none;
    }
    #main-nav-clients a, #main-nav-damage a {
        width: 2em;
        height: 2em;
    }
    #main-nav ul li {
        font-size: 1.05em;
    }
}

@media (max-width: 922px) {
    #main-nav ul li {
        font-size: 1em;
    }
    #main-nav-clients a, #main-nav-damage a {
        width: 2em;
    }
    
    /*simone 20150831 footer logo*/
    #footer-lower-links {
        float: none;
        clear: both;
    }
    
    #footer-lower-links .text-section {
        position: absolute;
        top: -30px;
        right: 0; 
    }
}

@media (max-width: 873px) {
    #main-nav-clients a, #main-nav-damage a {
        width: 1.4em;
    }
}

@media (max-width: 851px) {
    #main-nav ul li {
        font-size: 0.95em;
    }
    #main-nav-clients a, #main-nav-damage a {
        width: 1.66em;
    }
}

@media (max-width: 822px) {
    #main-nav-clients a, #main-nav-damage a {
        width: 100%;
    }
}

@media (max-width: 822px) {
    #main-nav ul li {
        font-size: 0.91em;
    }
    #footer-lower-links ul li {
        padding: 0 0.3em;
    }
}

@media (max-width: 784px) {
    #main-slider {
        background-size: auto 100%;
    }
    #main-nav ul li {
        font-size: 0.88em;
    }
    
    .top-form-store .button-wrapper .exp-button {
        margin: 0 !important;    
    }
        
}

@media (max-width: 767px) {
    .main-wrapper .wrapper section {
        margin: 0;
    }
    .onsite-nav {
        display: none;
    }
    #main-nav-clients a > span.to-hide, #main-nav-damage a > span.to-hide {
        display: block;
    }
    #main-nav ul {
        padding-bottom: 0.5em;
    }
    #main-nav ul li, .service-menu > li {
        display: block;
        width: 100%;
        text-align: left;
        padding-left: 2em;
        background-image: none;
        margin-bottom: -0.2em;
        margin-top: 0;
        font-size: 1em; 
   }
   .service-menu > li {
        padding-left: 0;   
    }
   
    #item-boxes-container, #aside-main-part {
        width: 50%;
    }
    #aside-main-part {
        margin-right: 15px;
        margin-left: -30px;
    }
    .item-box-container {
        width: auto;
        float: none;
        margin-right: 30px;
        margin-top: -4px;
    }
    #footer-lower-links ul li {
        padding: 0 0.5em;
    }
    #footer-lower-links {
        float: none;
        clear: both;
    }
    #header-contact {
        /*display header contact also on mobile
        display: none;
        */
        position: relative;
        clear: both;
        padding-top: 1.5em;
        font-size: 12px;
    }
    #header-logo div,
    #header-logo img {
        background-size: 220px;
        width: 220px;
        /*height: 117px;*/
    }
    #header-search {
        margin-top: 3.5em;
    }
    
    .navbar-header {
        background: #fff;
    }
    
    .box-special-text {
        max-width: none;
    }
    
    .s100 {
        max-width: none;
    }
    
    .input-plz, .input-plz-p12 {
        width: 22%;
        margin-right: 5%;
    }
    .input-ort,  .input-ort-p12 {
        width: 72%;
    }
    
    .hide-767 {
        display: none;
    }
    
    #main-nav-collapse #main-nav > ul > li ul > li {
        min-width: 100%;    
    }
    
    #main-nav-collapse #main-nav > ul > li div > ul {
        float: none;    
    }
    
    #main-nav-collapse #main-nav > ul > li#main-nav-damage > div,
    #main-nav-collapse #main-nav > ul > li#main-nav-clients > div,
    #main-nav-collapse #main-nav > ul > li div.nav-columns-2,
    #main-nav-collapse #main-nav > ul > li > div {
        width: 100%;    
    }
    
    #main-nav-collapse #main-nav > ul > li > div {
        position: relative;
        padding-top: 0;
        padding-left: 0;
        top: 0;
    }
    
    #main-nav-collapse #main-nav > ul > li > div ul {
        padding-top: 0;
    }
    
    #main-nav-collapse #main-nav > ul > li:hover div:last-of-type {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;    
    }
    
}

@media (max-width: 747px) {
    /*simone 20150709*/
    input[type="text"], textarea {
        -webkit-appearance: none;
        border: 1px solid;
    }
    
    
    
    #main-nav ul li {
        /*font-size: 0.85em;*/
    }
    
    
}

@media (max-width: 721px) {
    #main-nav ul li {
        /*font-size: 0.83em;*/
    }
}

@media (max-width: 712px) {
    #main-nav ul li {
        /*font-size: 0.8em;*/
    }
}

@media (max-width: 691px) {
    #main-nav ul li {
        /*font-size: 0.78em;*/
    }
}

@media (max-width: 677px) {
    #main-nav ul li {
        /*font-size: 0.75em;*/
    }
}

@media (max-width: 660px) {
    #main-nav ul li {
        /*font-size: 0.72em;*/
    }
    .input-ort, .input-ort-p12 {
        width: 71%;
    }
}

@media (max-width: 635px) {
    #main-nav ul li {
        /*font-size: 0.7em;*/
    }
    
    .contentOverImg {
		top: inherit !important;
	}
}

@media (max-width: 624px) {
    #main-nav ul li {
        /*font-size: 0.68em;*/
    }
}

@media (max-width: 640px) {
    #footer-upper .wrapper .footer-box.collapse.in {
        float: none;
        width: auto;
        display: block;
    }
    .footer-box {
        padding: 0;
    }
    .footer-box > ul, .footer-box > input, .footer-box > a {
        /*simone display: none;*/
    }
    
    #footer-upper .navbar-header.sub-menu {
        display: table;    
    }
    
    #footer-upper .footer-box h2 {
        display: none;    
    }
    
    
    #footer-upper .navbar-header.sub-menu {
        background: none repeat scroll 0 0 #e5e5e5;
        clear: both;
		/*simone 20150715
        width: 100%;
        */
        width: 95%;
		position: relative;
	}
	
	#footer-upper .navbar-header.sub-menu .navbar-toggle {
		float: none;
		padding-left: 0;
		text-align: left;
		width: 100%;
		border-top: 1px solid #d7d7d7;	
		margin-bottom: 0px;
		margin-top: 2em;
	}
	
	#footer-upper .navbar-header.sub-menu .navbar-toggle h2 {
		margin-top: 0;
	}
	
	#footer-upper .navbar-header.sub-menu .navbar-toggle h2 a {
		color: #c8172f;
	}
	
	#footer-upper .navbar-header.sub-menu:first-of-type {
		margin-top: 1.4em;
	}
	
	#footer-upper .collapse #newsletter-subscribe,
	#footer-upper .collapse {
		display: none;	
	}
	
	#footer-upper .collapse.in #newsletter-subscribe {
		display: block;	
	}
	
	#footer-upper .collapsing {
		width: 100%;
	}
    
    .footer-box h5 {
        margin-top: 0;
        margin-bottom: 0;
        border-top: #fff 1px solid;
        border-bottom: #d7d7d7 1px solid;
        padding: 0.4em 0;
    }
    .footer-box:first-of-type h5 {
        margin-top: 0.2em;
        border-top: 0;
    }
    .footer-box:last-of-type h5 {
        border-bottom: 0;
        margin-bottom: -0.9em;
    }
    
    #main-slider #slider-text {
        left: 0;
        bottom: -11em;
    }
    #main-slider #slider-text h1 {
        font-family: "HelveticaNeueW01-67MdCn 692710", sans-serif;
        font-size: 2em;
    }
    
    #main-part .contentOverImg {
        /*position: relative;
        top: -20px;*/
        left: 0;
        bottom: -15em;
        right: 0;        
    }
    
    #main-part .sliderTextOver h2 {
        margin-top: 0;
        padding-top: 0;
    }
    
    .carousel-main-small-image {
        display: none;    
    }
    
    .product-box-teaser {
        margin-top: 16.4em;    
    }
    
    /*simone added for the campaing in privat site - uncomment this if html5 banner in
    home page instead of carousel */
    .product-box-teaser.home-privat-product-boxes {
        margin-top: 0px;    
    }
    
        
    h2 {
        margin-top: 8.4em;
        padding-top: 1em;
        /*border-top: #d7d7d7 1px solid;*/
    }
    .onsite-nav + h1 + h2 {
        border-top: none;
    }
    
    #promos div.tw-switcher .rack {
		width: 294px !important;
	}
	
	#promos div.rack .rack-teaser {
		width: 280px !important;
	}
	
	div.tw-switcher .rack-teaser img {
		width: 240px;
	}
	
	#promos .form-item-m {
		/*width: 100%;*/
	}
	
	.side-box #input-ort, .side-box #input-ort-p12 {
		/*float: right;
		width: 12.5em;
		max-width: 15.5em;*/
	}
	
	#promos .form-row {
		max-width: 100%;
	}
}

@media (max-width: 560px) {
    #header-search input {
        width: 16em;
    }
}

@media (max-width: 519px) {
    #header-logo {
        width: auto;
    }
    #header-logo div,
    #header-logo img {
        background-size: 210px;
        width: 210px;
        /*height: 107px;*/
    }
    #header-search {
        margin-top: 3.5em;
    }
    .item-box-img-container img {
        margin-left: -0.8em;
    }
}

@media (max-width: 479px) {
    #aside-main-part {
        margin-left: 10px;
        margin-right: 30px;
        float: none;
        clear: both;
        width: auto;
    }
    footer {
        margin-top: 1em;
    }
    .item-box-img-container img {
        margin-left: 0;
    }
    #item-boxes-container {
        width: auto;
        float: none;
    }
    .header-wrapper .wrapper #header-main #top-nav ul li {
        display: block;
    }
    #top-nav {
        float: right;
    }
    .header-wrapper .wrapper #top-nav > ul > li {
        padding-top: 0.3em;
        margin-top: 0.5em;
    }
    .header-wrapper > .wrapper #top-nav > ul > li:first-of-type {
        margin-top: 40px;
    }
    #header-search {
        display: none;
    }
    .header-wrapper .wrapper #header-main #top-nav ul li {
        /*simone 20150715
        margin-right: -1em;
        */
        margin-right: -0.6em;
        padding-right: 1.2em;
    }
    #main-nav ul li#main-nav-search {
        display: inline-block;
        font-size: 0.66em;
    }
    .social-icons {
        display: block;
        position: relative;
        margin-top: 1em;
    }
    #footer-lower-links ul {
        padding-right: 0;
    }
    #footer-lower-links ul li:first-of-type {
        padding-left: 0;
    }
	
	#promos div.tw-switcher .rack {
		width: 260px !important;
	}
	
	#promos div.rack .rack-teaser {
		width: 250px !important;
	}
	
	div.tw-switcher .rack-teaser img {
		width: 220px;
	}
    
    .text-section img {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 15px;
    }
	
	#main-part .carousel {
		margin-right: 15px;
	}
	
	#main-part {
		margin-right: 0;
	}
	
	
	
    #header-logo-landing {
        display: block;
        padding-left: 0;
    }
    #header-logo-landing img {
        width: 210px;
    }
    
    
    
    /******Header contact personalization************/
    #header-contact {
        text-align: left;    
    }
    #header-contact-phone {
        padding-right: 0.5em;
        padding-left: 1.5em;
    }
    #header-contact .glyphicon {
        left: -0.2em;
        font-size: 1.4em;
    }
    #header-contact-time {
        padding-right: 0;
        display: inline-block;
    }
    #header-contact-link {
        font-size: 1.2em;
        margin-left: 1.5em;
        display: block;
        margin-top: 0.8em;
    }
    #header-contact-link .glyphicon {
        left: -1.2em;    
    }
    /******End header contact personalization************/
    
    .cookieSpace {
        margin-top: 120px;
    }
	
}

@media (max-width: 352px) {
    .header-wrapper .wrapper #header-main #top-nav ul li {
        font-size: 1.3em;
    }
}

@media (max-width: 340px) {
    .header-wrapper .wrapper #header-main #top-nav ul li {
        font-size: 0.94em;
    }
}