@media screen and (max-width: 2560px){
	
}

@media screen and (max-width: 1440px){
	
}

@media screen and (max-width: 1366px){
	
}

@media screen and (max-width: 1280px){
	nav#scrollMenu ul li {margin-left: 5px;}
}	

@media screen and (max-width: 1140px){
	.aboutusLeftImage {padding-left: 0; margin-left: 0; margin-right: 0; width: calc(100% + 10px); position: relative; max-width: none;}
}

@media screen and (max-width: 1023px){
    .basicContainer {padding-left: 20px; padding-right: 20px;}
   
    .aboutusLeft, .aboutusRight {width: calc(50% - 10px);}
    
    #stickyTopBar, #stickyTopBarGhost {height:80px;}
    #stickyTopBar .basicContainer {padding-top: 25px; padding-bottom: 25px;} 
    #stickyTopBar #logo img {height:30px;}

    .aboutusLeftText {padding:20px; padding-bottom: 0px;}
    .vacancyItem {padding: 30px 20px 20px 20px; min-height: auto;}

    h1, .h1	{font-size: 26px;}
    h2, .h2	{font-size: 22px;}
    h3, .h3	{font-size: 18px;}
}

@media screen and (max-width: 900px){
    nav#scrollMenu {display: none;}
    .partNavigation ul li ul {left:inherit; right:0;}

    .aboutusLeft, .aboutusRight    {width: 100%; margin-left: 0; margin-right: 0;}
        .aboutusLeftText {max-width: none;}
    .aboutusRight   {}
        .aboutusRight .partContentFileImageGallery .contentFileImageContainer .contentFileImage {height: auto;}
        .aboutusRight .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder {display: block;}
}

@media screen and (max-width: 767px){
    .vacancyItem {flex: 0 0 calc(50% - 10px);}	
}

@media screen and (max-width: 667px){
    .vacancyItem {flex: 0 0 calc(100% - 10px);}

    #contactPersonContainer .partContentFileImageGallery.single {max-width: 150px;}
    .experienceItem .partContentFileImageGallery.single {flex: 0 0 auto; width: 150px;}

    .experienceText {padding-left: 0; flex: 1 1 100%;}
}

@media screen and (max-width: 480px){
    #companyName, #contactContainer .partContentText {padding-left: 0; padding-right: 0;}
}