#sidebar, #mobile_menu_wrapper { display: none; }

@media (max-width: 1024px) {
    .vacancySummary.small .imgArea { display: none; }
    .azureVacancySummary.small .main .counterContainer { width: 100%; }
}

/* IPAD */

@media (max-width: 959px) {
    /* SCHRNKING MENU */
    #header #menu li:first-child { margin-left: 0px; }

    #header #menu li {
        width: 115px;
        font-size: 13px;
    }

    /* PAGE STRUCTURE ADAPTION */
    #pagecontainer #content #right {
        float: none;
    }

    #pagecontainer #content #right.center {
        position: relative;
        top: 0;
    }

    #right {
        display: block;
    }

    /*#pagecontainer #content #top.center,*/
    #pagecontainer #content #top,
    #pagecontainer #content #middle,
    #pagecontainer #content #right,
    #pagecontainer #content #bottom {
        width: 100%;
    }

    #pagecontainer #content #bottom.newsroom {
        margin-bottom: 20px;
        padding-right: 20px;
        width: 100%;
    }

    #pagecontainer #content .center hr {
        margin-left: 0%;
        width: 100%;
    }

    /* BIG MESSAGE ON MASTERPAGE FIXED SIZE */
    .message { min-width: 50% !important; }

    /* SMALLER GALLERY*/
    .referenceGallery .galleryImage, .vacancyGallery .galleryImage { width: 100px; }

    .referenceGallery .galleryImage img { width: initial; }

    /* ADAPT TABLE */
    .vacancySummary.small .imgArea { display: none; }

    .vacancySummary.small .counterContainer {
        float: left;
        width: 100%;
    }

    /* RESTRUCTURING CALENDAR */
    .calendarControl .newslist .bigdate {
        min-height: 0;
        border-right: 0;
        width: 100%;
    }

    .calendarControl .newslist .description { width: 100%; }

    .newslist .bigdate span.day, .newslist .bigdate span.date {
        float: left;
        text-transform: uppercase;
        color: #777;
        font-size: 11px;
        line-height: 11px;
        margin-bottom: 2.5%;
        display: block;
        margin-left: 0px;
        font-weight: normal;
        margin-top: 5px;
    }

    .newslist .bigdate span.date { margin-left: 5px; }
}

/* SMART PHONE */

@media (max-width: 767px) {
    /* MOBILE TOP MENU */
    #mobile_menu_wrapper {
        background-color: #fff;
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .halfspace {
        width: 50%;
        float: left;
        display: table-cell;
    }

    #mobile_menu_wrapper .countryMenu {
        margin: 18px 5%;
        width: 90%;
    }

    #mobile_menu_wrapper .countryHeader {
        margin-left: 7px;
        line-height: 16px;
        margin-top: 25px;
        display: block;
        float: left;
        color: #666;
        font-size: 16px;
        text-transform: uppercase;
    }

    #mobile_menu_wrapper select {
        height: 33px;
        background-color: #E5E5E5;
        border: 1px solid #bbb
    }

    #mobile_menu_wrapper select, .yearDropdown select { width: 100%; }

    .countryMenu ul { width: 100%; }

    .countryMenu li { width: 100%; }

    .mobile_open {
        background: url('../images/mobile/mobile_open.png') no-repeat center;
        cursor: pointer;
        width: 33px;
        height: 32px;
        float: left;
        margin: 18px 10%;
    }

    .mobile_search {
        background: url('../images/mobile/mobile_search.png') no-repeat center;
        cursor: pointer;
        width: 33px;
        height: 32px;
        float: right;
        margin: 18px 10%;
    }

    /* MOBILE SIDE MENU */
    #sidebar {
        width: 97%;
        margin: 128px auto;
        position: relative;
        position: absolute;
        z-index: 100000;
        background: url("../images/bg/megamenu_bg.png") repeat scroll 0 0 transparent; /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9); height: 100%;*/
        border-right: solid 1px #8291ad; /*min-height: 1000px;*/
        overflow: hidden;
    }

    #sidebar .header {
        height: 42px;
        padding-top: 15px;
        border-bottom: solid 1px #8291ad;
        white-space: nowrap;
        min-width: 300px;
    }

    #sidebar .header h2 {
        color: #fff;
        float: left;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 18px;
        line-height: 28px;
        margin-left: 15px;
    }

    .mobile_back {
        line-height: 27px;
        background: url('../images/mobile/mobile_back.png') no-repeat center left;
        float: left;
        color: #434041;
        font-size: 16px;
        text-transform: uppercase;
        padding: 0px 10px 0px 25px;
        margin-left: 5px;
    }

    .mobile_close {
        height: 27px;
        width: 27px;
        background: url('../images/mobile/mobile_cross.png') no-repeat center;
        float: right;
        margin-right: 15px;
    }

    #mobile_menu, #sidebar { display: block; }

    /* SIDE MENU */
    .mobileSideMenu ul {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .mobileSideMenu li {
        border-bottom: solid 1px #8291ad;
        display: block;
        float: left;
        text-transform: uppercase;
        width: 100%;
        min-width: 120px;
        font-size: 14px;
    }

    .mobileSideMenu li a {
        color: #00a0ed;
        text-decoration: none;
        display: block;
        width: auto;
        padding: 15px 0 15px 15px;
        margin-right: 15px;
        background: url('../images/mobile/mobile_link_bg.png') no-repeat center right;
        white-space: nowrap;
    }

    .mobileSideMenu li a.parentLink {
        font-weight: bold;
        background: url('../images/icons/parentlink_arrow.png') no-repeat 5px center;
    }

    .mobileSideMenu li li li a {
        width: 85%;
        padding-left: 10%;
    }

    .mobileSideMenu li.expanded { display: block; }

    .mobileSideMenu li.active > a { border-bottom: none; }

    .mobileSideMenu li.active.indentChildren li a, .sideMenu li li li a { width: auto; }

    /* GENRAL CONTROL ADAPTION */
    .control { width: 100%; }

    .magazineitem .image, .control .header {
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
    }

    .margin { border-bottom: solid 1px #e5e5e5; }

    
    /* PAGE STRUCTURE ADAPTION */
    /* main structure */
    body { background-color: #eae9e9 !important; }

    #wrapper { overflow: hidden; }

    #header { display: none; }

    #content .control, #pagecontainer {
        width: 100%;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    }

    #main { background-image: none !important; }

    #main #shadow {
        padding: 0px;
        background-image: none !important;
        background-color: #fff;
        opacity: 0.9;
    }

    #main #shadow { min-height: 500px; }

    #main #shadow p { color: #888; }

    #pagecontainer #content #top .description, #pagecontainer #content #top .boxes { width: 100%; }

    .margin { margin-right: 0px; }

    /* Expanding the current structure to full width */
    #pagecontainer #content, #pagecontainer #content.blog {
        width: 100%;
        padding-right: 3%;
    }

    #pagecontainer #content #top.blog { width: 100%; }

    #pagecontainer #content #bottom.blog { width: 100%; }

    #pagecontainer #content #top.center { width: 100%; }
    #pagecontainer #content #middle.center { width: 100%; }
    #pagecontainer #content #bottom.center { width: 100%; }

    #pagecontainer #content img {
        max-width: 100%;
        height: auto;
    }

    #pagecontainer #content #top .itemimage {
        width: 100% !important;
    }

    /* Hiding the extra menus and columd with secodary content */
    #main #submenu { display: none; }


    #pagecontainer #content #right {
        float: none;
        width: 100%;
    }

    #right {
        display: block;
    }

    #pagecontainer #left { display: none; }

    /* Page Top on magazine and index*/
    #tab {
        width: 100%;
        padding: 3%;
        background: url('../images/mobile/mobile_shade.png') repeat-x bottom !important;
    }

    #tab p { color: #888; }

    #tab .tag, #sectorImage .tag { background: url('../images/icons/tag.png') no-repeat left center; }

    #tab .tag, #sectorImage .tag { background: url("../images/icons/bullet.png") no-repeat scroll transparent; }

    #sectorImage {
        margin-bottom: 10px;
        padding: 0% 3% 3%;
        width: 94%;
        margin: 0px;
    }

    #sectorImage p { width: 100%; }

    /* Miscelangelous Pagestructure Adaptions */
    #pagecontainer .searchPage .searchInput {
        width: auto;
        margin: 0px;
    }

    .radius_topright, .radius_bottomboth { border-radius: 0; }

    .message { width: 100% !important; }

    #pagecontainer .search { display: none; }

    .rootimage { display: none; }

    #logoLink, .quickSearch, .focusareas { display: none; }

    #header #navigation {
        margin-right: 15px;
        width: 100%;
    }

    .arrow { float: right; }

    .iconButton {
        background: #e5e5e5 url('../images/search.png') no-repeat center center;
        width: 15%;
        margin-left: 0;
        float: left;
        height: 30px;
    }

    #pagecontainer #content #bottom .servicesMenu li { width: 49%; }

    .officeWrapper { width: 97%; }

    #map_canvas { margin-right: 0px !important; }

    /* MOBILE MENU */
    #mobile_menu {
        width: 100%;
        float: left;
        background: #fff url('../images/mobile/mobile_logo.png') no-repeat center center;
        border-top: solid 1px #e5e5e5
    }

    .mobile_open span {
        line-height: 30px;
        text-transform: uppercase;
        margin: 0px 15px;
        float: left;
    }

    .mobile_open img {
        margin: 8px 0px;
        float: left;
    }

    /* SPOTLIGHT */
    .spotlight .image { width: 35%; }

    .spotlight .description { width: 60%; }

    #pagecontainer #content .spotlight .description p { width: 95%; }

    .spotlight .tags { display: none; }

    /* PAGE SLIDER / PROJECT SLIDER */
    .dc100 .projectreferences .slides .imagewrap {
        width: 100%;
        height: auto;
    }

    .dc100 .projectreferences .slides .linkwrap {
        width: 100%;
        height: 100px;
    }

    .dc100 .projectreferences .bottom {
        width: 100%;
        float: left;
    }

    .dc100 .projectreferences .flex-control-nav { bottom: 124px; }

    .dc100 .projectreferences .flexslider {
        width: 70%;
        margin: 0 15%;
    }

    .dc100 .projectreferences .header { display: block; }

    .dc100 .projectreferences .main { margin-top: 0px; }

    #content .dc100 .projectreferences .main { margin-top: 0px; }

    .dc100 .projectreferences .slides .linkwrap .description {
        display: block;
        min-height: 80px;
    }

    .dc100 .projectreferences .flex-direction-nav a { top: 55%; }

    .magazineitem .bottom {
        background-image: none;
        border-bottom: solid 1px #e5e5e5;
    }

    .magazineitem .image, .control .header { margin: 0px; }

    /* NEWSROOM */
    #pagecontainer #content #bottom.newsroom { width: 100%; }

    #pagecontainer #content #top.newsroom h2 a {
        font-size: 15px;
        line-height: 20px;
    }

    #pagecontainer #content #top.newsroom p { font-size: 13px; }

    #pagecontainer #content #top.newsroom .newslist .description { width: 70%; }

    #pagecontainer #content #top.newsroom .newslist .image { width: 28%; }

    #pagecontainer #content #top.newsroom .newsitem { margin-right: 0px; }

    #pagecontainer #content #bottom.newsroom .NewslistLists .newsitem, #pagecontainer #content #top.newsroom .topmenu { margin-right: 0px; }

    /* NEWSLIST */
    #content .newslist .image img { height: 120px; }

    #content .newslist .image img.corner { display: none; }

    /* FOOTER */
    div#footer { width: 100%; }

    div#footer .half .footer-segment {
        width: 94%;
        padding: 0 3%;
    }

    div#footer .half {
        width: 100%;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #D3D3D3;
    }

    div#footer .half .half { width: 47.5%; }

    div#footer .half .half .footer-segment {
        width: 88%;
        padding: 0 6%;
    }

    div#footer .start-pages {
        width: 46.5%;
        padding-right: 0;
    }

    div#footer .country-pages {
        width: 100%;
        padding: 0;
    }

    div#footer .footer-links ul {
        width: 46.5%;
        padding-left: 15px;
        padding-right: 0px;
    }

    div#footer .footer-links ul:first-child {
        width: 46.5%;
        border: 0px;
        margin: 0;
        padding: 0;
    }

    div#footer .content h2 { font-size: 17px; }

    footer-segment footer-links equal-heights { padding: 0; }

    /* VACANCY SUMMARY */
    .vacancySummary .statsBox, .vacancySummary .searchBox, .vacancySummary .currentVacanciesBox {
        width: 100%;
        margin-left: 0px;
        border-top: 1px solid #D3D3D3;
        margin-top: 10px;
    }

    .vacancySummary .statsBox { border-top: 0; }
    
    /* VACANCY SEARCH */
    #vacancySearch #resultArea table {
        width: 97%;
        margin-left: 3%;
    }

    #vacancySearch #resultArea table td {
        font-size: 12px;
        line-height: 16px;
    }

    #vacancySearch #resultArea td, #vacancySearch #resultArea th {
        min-height: 70px;
    }
    #vacancySearch #resultArea .vacancy-paging td, #vacancySearch #resultArea .vacancy-paging th {
        min-height: 0;
    }

    #vacancySearch .dateField.hidden-sm {
        display: block !important;
        font-size: 12px;
        margin-left: 5px;
    }

    #vacancySearch td .dateField { padding-right: 10px; }

    #vacancySearch #resultArea td:last-child, #vacancySearch #resultArea th:last-child { display: none; }
    #vacancySearch #resultArea td:last-child, #vacancySearch #resultArea .vacancy-paging th:last-child { display: block; }
    #vacancySearch #resultArea .vacancy-paging .vacancy-paging-buttons{ width: 25%; }

    #vacancySearch #resultArea th span { font-size: 12px; padding-left: 0; }

    #vacancySearch #resultArea td a {
        width: 97%;
        display: block;
        padding: 1.5% 1.5% 0 1.5%;
    }
    
    #vacancySearch .content {
        padding: 0;
        width: 100%;
    }

    #vacancySearch #resultArea .content { overflow: hidden; }

    .searchInput {
        width: 95%;
        padding-left: 5%;
    }

    #vacancySearch #searchArea input {
        width: 43%;
        padding-left: 5px;
    }

    #vacancySearch #searchArea select {
        width: 43%;
        padding-left: 5px;
        margin-right: 5px;
    }

    #searchArea .cornerIcon { background: none; }

    .searchInput .button {
        width: auto;
        padding: 0px 10px;
    }

    /* QUICK SOCIAL LINKS*/
    .quickSocialBar {
        float: none;
        text-align: center;
        margin: 10px auto 20px auto;
    }

    /* SOCIAL STRIP */
    #main .socialStrip {
        background-color: #fff;
        margin: 0;
        padding-bottom: 8%;
    }

    .socialStrip .socialIcons a, .socialStrip .socialIcons span { margin-left: 7px; }

    #pagecontainer .socialStrip { margin-left: 2.5%; }

    /* SERVICE LIST PAGE / REFERENCE INDEX */
    #PageListContainer .toolbar .letterFilter { padding: 10px; }

    #PageListContainer .toolbar label, .referenceGallery .galleryHeader label { margin-left: 0px; }

    #PageListContainer .toolbar .searchInput input[type="text"] { width: 80px; }

    #focushighlights ul li {
        width: 100%;
        border-bottom: 1px solid #D3D3D3;
        border-right: 0;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    #referenceindex .main { display: none; }

    .referencefilter {
        width: 100%;
        margin-bottom: 10px;
    }

    .referenceGallery .galleryImage, .vacancyGallery .galleryImage { width: 25%; }

    /* CONTACT CONTROL */
   
    .contact .contactpersons .contactinformation {
        padding-left: 0px;
        min-width: 45%;
    }

    /* GALLERY CONTROL */
    .gallery .main ul li { width: 97.5%; }

    /* FORMS */
    .contactWrapper .shortField { font-size: 12px; }

    /* INVESTORS */

    .ir-splashflow { display: none; }

    .ir-quickdash {
        margin: 0;
        padding-bottom: 15px;
    }

    .ir-quickdash ul li p img { display: none; }

    .ir-quickdash ul li p span { margin-left: 0; }

    .ir-quickdash ul li p i { margin-left: 0; }

    .ir-col-left, .ir-col-right, .ir-contact, .ir-ataglance {
        float: none;
        clear: both;
        width: auto;
    }

    .ir-ataglance, .ir-contact { margin-bottom: 27px; }
}