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

    ._ctr{ width: 100%;  }
    #__main-doC{ min-width: 280px; }
    .main-fix{ min-height: 450px; }

    #header ._bt-dnmic#for-menu{ display: block; }
    #header .menu{ display: none;  }

    #footer{ height: auto; }
    #footer ._tb{ padding: 40px 0; }
    #footer ._cll{ display: block; width: 100%; padding: 6.5px 0; text-align: center; }
    #footer p{ line-height: 22px; }

    #header-menu-rs._act{ opacity: 1; visibility: visible; }

    #selected-projects{ margin-bottom: 0; }
    #selected-project-detail > article{ width: 100%; padding:0; }
    #selected-project-detail > article:before{ display: none; }
    #selected-project-detail > detail{ width: 100%; padding: 30px 0 0 0; }

    .--filters.menu{ height: auto; }

    #social-reponsibility ._item article p{ font-size: 16px; }

}

@media screen and (max-width:1100px){
    .selected-projects-wrapper{ margin: 0 -20px -50px -20px; }
    #selected-projects .selected-project-item { width: calc(33.33% - 40px); width: -webkit-calc(33.33% - 40px); margin: 0 20px 50px 20px; }

    #about-us ._ctr > ._row > ._col{ width: 100% !important; padding:0 !important; }
    #about-us article > p{ min-height: auto; }
    #about-us #year-list{ margin: 70px 0 50px 0; }

    #about-us #about-us-team li p{ font-size: 16px; }
    #about-us #about-us-team li figure{ margin-right: 30px; }

    #social-reponsibility ._item ._tb > ._cll{ display: block; width: 100% !important; padding: 0 !important; text-align: left; }
    #social-reponsibility ._item figure{ margin:30px 0 0 0; }

    #archive-projects ._tb{ width: 100%; }
    #archive-projects ._tb th{ font-size: 16px; }
    #archive-projects ._tb{ font-size: 14px; padding: 0 5px; }
}

@media screen and (max-width:1000px){
    .header-logo{ max-width: 140px; }

    #banner-map .map-content{  left: 30px; bottom: 30px; width: auto; right: 30px; }
}

@media screen and (max-width:890px){
    #selected-projects .selected-project-item { width: calc(50% - 40px); width: -webkit-calc(50% - 40px);  margin: 0 20px 50px 20px; }
}

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

    #main-banner{ height: 375px; }

    #social-reponsibility header.title{ width: 100%; }
    .selected-project-photos figure{ min-height: auto; }
}

@media screen and (max-width:550px){
    #selected-projects .selected-project-item { width: 100%; width: -webkit-calc(100%); padding: 0 20px; margin: 0 0 50px 0; }

    #main-carousel{ height: 400px; }

    #archive-projects ._tb th{ font-size: 16px; }
    #archive-projects ._tb{ font-size: 14px; padding: 0 5px; }

    #about-us #about-us-team{ margin:35px 0 35px 0; }
    #about-us #about-us-team ._tb > ._cll{ display: block; width: 100% !important; }
    #about-us #about-us-team li figure{ margin:0 0 30px 0; }

    #about-us #about-us-team li:last-child{ border-bottom: 1px solid #0f0f0f; }

    #about-us #year-list{ margin: 55px 0 35px 0; }
    #year-list ._col{ width: 33.33% !important; margin:15px 0; }

    #social-reponsibility ._item article p{ font-size: 14px; }

    .map-content.desktop{ display: none; }
    .map-content.responsive{ display: block; left: 0; top: 0; bottom: 0; right: 0; margin:0; padding: 30px 20px; max-width: 100%;  border-bottom: 1px solid #4D4D4D; }
    .map-content.responsive{ position: relative;  }
    .map-content.responsive ._cll{ display: block; width: 100% !important; padding:10px 0 !important; }

    #banner-map{ height: 350px !important; }

    #selected-project-detail table tr > td._w50{ display: block; width: 100% !important; }
}

@media screen and (max-width:400px){
    #main-carousel{ height: 300px; }

    #header-menu-rs ul li a{ font-size: 3.75vh; padding: 4px 0; }

    #archive-projects ._tb th{ font-size: 15px; }
    #archive-projects ._tb{ font-size: 13px; }

    #about-us #year-list{ margin: 55px 0 35px 0; }
    #year-list ._col{ width: 100% !important; text-align: center; }

}