@media(max-width: 1320px){
	#job-banner{
		margin-left: 20px !important;
	}
	.container{
		width: 98% !important;
	}
}

@media(max-width: 1180px){
	#job-banner{
		display: none;
	}
}

@media(max-width:1100px){
	
	.container{
		width: 900px !important;
	}	
	.pm-mainteaser-slider .slider-content{
		font-size: 40px !important;
	}
	.pm-mainteaser-slider li{
		background-size: 1100px auto !important;
	}
	.sy-box {
    	height: 403px !important;
	}
	#page-intro .pm-mainteaser-slider li.slide-1 .slider-content{
		max-width: 595px !important;
	}
	
	#page-company  .pm-mainteaser-slider li.slide-1 .slider-content{
		max-width: 595px !important;
	}
	
	#page-company .pm-mainteaser-slider .slider-content{
		margin-top: 180px !important;
	}
	
	.mainnav li a{
		font-size: 1.2em !important;
	}
	#header{
		height: 106px !important;
	}
	#header-logo{
		width: 165px !important;
		margin-top: 30px !important;
	}

	.mainnav li{
		margin-right: 25px !important;
	}
	
	.mainnav li .current:after{
		left: 2px !important;
	}

}

@media(max-width:940px){	
	#header-logo{
		width: 180px !important;
	}

	.container{
		width: 760px !important;
	}
	.intro-wrapper .col{
		margin-right: 3% !important;
	}
	
	.intro-wrapper .col img{
		width: 100% !important;
	}
	#page-company .pm-mainteaser-slider .slider-content{
		margin-top: 130px !important;
	}

	.mainnav,
	ul.lang-nav,
	#login-form-header{
		display: none !important;
	}		
	#nav-button{
		display: block !important;
	}	
	#header{
		height: 65px !important;
	}	
	#header-logo{
		margin-top: 14px !important;
	}	
	.header-space{
		height: 65px !important;
	}
}


@media(max-width:780px){
	
	.headline-1{
		margin-bottom: 20px !important;
	}
	
	#quicksearch{
		margin-top: 10px !important;
		font-size: 14px !important;
		height: 40px !important;
		-webkit-appearance: none !important;
	}
	
	.pm-bar{
		height: 50px !important;
	}
	
	.see-also a{
		margin-right: 0 !important;
	}	
	
	.login-wrapper{
		padding-top: 50px !important;
		height: auto !important;
	}
	.login-wrapper p{
		font-size: 1.2em !important;
	}
	
	.input-with-submit,
	.login-wrapper input[type="text"], 
	.login-wrapper input[type="password"]{
		max-width: 250px !important;
	}
	.login-wrapper input[type="text"], .login-wrapper input[type="password"]{
		height: 40px !important;
		line-height: 40px !important;
		font-size: 0.8em !important;
	}
	
	.input-with-submit .submit-button{
		top: 7px !important;
    	right: 0px !important;
    	background-size: 27px auto !important;
	}
	
	.login-wrapper{
		min-height: auto !important;
		background-size: auto 100% !important;
	}
	.radio-with-label label{
		font-size: 1.2em !important;
	}
	.radio-with-label input{
		margin: 6px 0 0 10px !important;
	}
	.login-wrapper p{
		margin-top: 30px !important;
	}
	
	.login-wrapper{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	.container{
		width: 95% !important;
	}
	.intro-wrapper .col{
		width: 100% !important;
		margin: 0 !important;
	}
	.section-anfahrt #map{
		height: 300px !important;
		width: 100% !important;
	}
	
	.section-anfahrt #map img{
		width: 100% !important;
	}
	
	.section-anfahrt .map-info{
		width: 100% !important;
		height: auto !important;
    	margin-left: 0px !important; /* temporary addition, because of BUF-2228 */
	}
	
	.headline-1{
		font-size: 1.6em !important;
		line-height: 1em !important;
	}
	.headline-2{
		font-size: 1.2em !important;
	}
	
	.intro-wrapper .col{
		max-width: 365px !important;
		float: none !important;
		margin: 0 auto !important;
	}
	.intro-wrapper .col.col-3{
		margin-right: auto !important;
	}
	
	.intro-wrapper .col img{
		width:229px !important;
	}
	.intro-wrapper .button-1{
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}
	
	.footer-logo-wrapper{
		float: none !important;
		text-align: center !important;
		margin: 0 auto !important;
		margin-bottom: 30px !important;
		width: 230px !important;
	}
	
	.footer-logo-wrapper img{
		width: 100% !important;
	}
	.see-also img{
		height: 24px !important;
	}
	
	.footer-nav-wrapper{
		float: none !important;
	}
	
	ul.footer-nav{
		float: none !important;
		margin: 0 auto !important;
		text-align: center !important;
		margin-bottom: 30px !important;
	}
	.see-also{
		float: none !important;
		text-align: center !important;
		margin-top: 20px !important;
	}
	.see-also a{
		margin-bottom: 10px !important;
		display: block !important;
	}
	.footer-social-media{
		position: relative !important;
		top: auto !important;
		right: auto !important;
		text-align: center !important;
		margin-top: 30px !important;
	}
	
	.footer-social-media li{
		display: inline-block !important;
		float: none !important;
	}
	
	.section{
		padding: 30px 0 30px 0 !important;
	}	
	.sy-box{
		height: 286px !important;
	}
	.pm-mainteaser-slider li{
		background-size: 780px auto !important;
	}		
	.sy-pager{
		margin-top: -15px !important;
	}
	.sy-pager li {
		width: 8px !important;
		height: 8px !important;
	}
	#page-intro .pm-mainteaser-slider li .slider-content {
		font-size: 24px !important;
		margin-top: 80px !important;
		width: 60% !important;
	}

	#page-intro .pm-mainteaser-slider li.slide-1 .slider-content {
		margin-top: 80px !important;
		width: 58% !important;
    	margin-left: 35% !important;
	}
	#page-intro .pm-mainteaser-slider li.slide-2 .slider-content {
		margin-top: 55px !important;
		margin-left: 35% !important;
	}
	#page-intro .pm-mainteaser-slider li.slide-3 .slider-content{
		margin-left: 35% !important;
    	margin-top: 50px !important;
	}
	.section-ueber-uns .headline-1,
	.section-ueber-uns .pharmamall-bar,
	.section-ueber-uns .img-responsive{
		display: none !important;
	}
	.section-ueber-uns{
		background-size: auto 100% !important;
		height: auto !important;
	}
	.section-ueber-uns strong{
		margin: 10px 0 15px 0 !important;
	}
	.counter-bar{
		height: auto !important;
		padding-bottom: 25px !important;
	}
	.counter-bar .col{
		font-size: 0.6em !important;
	}
	.parallax-window{
		min-height: 200px !important;
	}
	.page-anchor{
		top: -65px!important;
	}
	.pm-tabs ul.etabs li a{
		padding: 0!important;
	}
	.pm-tabs ul.etabs li a.headline-2{
		font-size: 20px!important;	
	}
	.pm-tabs ul.etabs li a img{
	    max-width: 70px !important;
    	max-height: 100px !important;
	}
	.accordionjs .acc_section .acc_content .img-wrapper img{
		display: none !important;
	}
	.accordionjs .acc_section .acc_content .content-part{
		width: 100% !important;
		margin-left: 0 !important;
	}
	.accordionjs .acc_section .acc_content{
		padding-top: 0 !important;
	}
	
	.accordionjs .acc_section .acc_head{
		font-size: 1.2em !important;
	}
	p{
		font-size: 0.9em !important;
	}
	
	.hersteller-block{
		width: 32% !important;
		margin-right: 2% !important;
	}
	.hersteller-block:nth-child(3n){		
		margin-right: 0 !important;	
	}
	
	.tuev-logos{
		margin-top: 0 !important;	
	}
	.tuev-logos li{
		width: 140px !important;	
		margin-right: 20px !important;	
	}
	
	
	.accordionjs .acc_section.acc_active > .acc_head,
	.accordionjs .acc_section > .acc_head{
		background-size: 15px auto !important;
		background-position: top 20px left 10px !important;
		padding-left: 40px !important;
	}
	
	.accordionjs .acc_section .acc_content{
		padding-left: 40px !important;
		padding-bottom: 0 !important;
	}
	
	
	ul.pm-rezensionen li{
		background-size: 40px auto !important;
		padding-left: 65px !important;
		padding-right: 0 !important;
	}
	.pm-form .form-left,
	.pm-form .form-right{
		width: 100% !important;
	}	
	.pm-form input{
		margin-bottom: 10px !important;
	}
	.pm-form .submit-button{
		margin-top: 15px !important;
	}
	
	#page-company .pm-mainteaser-slider .slider-content{
		margin-top: 55px !important;
		font-size: 6vw !important;
	}
	
	.pm-tabs .tab-content{
		padding: 0 !important;
	}
	.section-leistungen .pm-tabs ul.etabs li a img{
		max-height: 60px !important;
	}
	
	.featherlight .featherlight-content{
		width: 90% !important;
	}
	.lightbox-logo-wrapper{
		float: none !important;
		width: 100% !important;
		margin-bottom: 20px !important;
	}
	.lightbox-logo-wrapper img{
		margin: 0 auto !important;
	}
	.lightbox-content{
		width: 100% !important;
	}	
	.lightbox-logo-wrapper{		
		position: relative;		
		height: 120px;
	}
	.lightbox-logo-wrapper img{		
		max-height: 90% !important;
	    width: auto !important;
	    max-width: 70% !important;
	    top: 0px !important;
	    bottom: 0px !important;
	    position: absolute !important;
	    margin: auto !important;
	    left: 0px !important;
	    right: 0px !important;
	}
	
	.featherlight-next, .featherlight-previous{
		bottom: auto !important;
		top: 60px !important;
	}	
	.button-1{
		padding: 15px 0 !important;
	}
	.intro-wrapper .button-1{
		max-width: 240px !important;
		margin: 0 auto !important;
		margin-bottom: 15px !important;
		font-size: 1.6em !important;
	}

	#page-intro .pm-mainteaser-slider li.slide-3 .slider-content{		
		margin-left: 10% !important;
		margin-top: 50px !important;
	}
	
	#page-company .pm-mainteaser-slider li.slide-2 .slider-content {
		margin-left: 0px !important;
		text-align: center;
	}
	
	#page-company .pm-mainteaser-slider li.slide-1 .slider-content {
		margin-left: 0px !important;
		text-align: center;
	}
	
		#page-company .pm-mainteaser-slider li.slide-3 .slider-content {
		margin-left: 0px !important;
		text-align: center;
	}

	#job-advert {
		padding: 15px;
		border-radius: 30px;
	}

	#job-advert-img{
		display: none;
	}

}

@media(max-width:520px){
	#page-intro .pm-mainteaser-slider li{
		background-size: 520px auto !important;
	}
	#page-intro .pm-mainteaser-slider li.slide-3{
		background-size: 520px auto !important;
	}
	.sy-box{
		height: 190px !important;
	}
	
	#page-intro  .pm-mainteaser-slider li .slider-content{
		font-size: 16px !important;
	}
	
	#form-contact textarea {
		max-width: 200% !important;
	}
	
	#registrationForm .submit-button {
		font-size: 1.0em !important;
		width: 320px !important;
	}
	
	#login-form {
		width: 290px !important;
	}
	
	#multipleCustomerSelectionForm .submit-button {
		font-size: 1.3em !important;
		width: 320px !important;
	}
	
	.customer-pm-data-wrapper .panel-co-accounts {
		width: 300px !important;
	}
	
	#passwordChange .input-wrapper input, #passwordChange .input-wrapper select {
		width: 300px !important; 
	}
	
	#emailChangeForm .input-wrapper input, #emailChangeForm .input-wrapper select {
		width: 300px !important;
	}

}