@charset "utf-8";

/*Phone*/

@media (min-width:1280px) {
    .c-logo-link.c-logo-link--header {
        width: 186px;
    }
    .c-nav-primary__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .c-header__button-group {
        width: 173px;
    }
    .c-nav-primary__item {
        margin: 0 .5em;
    }
}

@media (max-width:1280px) {
    #container {
        padding: 0 60px;
    }
    #pageTitle {
        padding: 225px 60px 150px;
        font-weight: 100;
    }
    .searchForm fieldset.searchItems {
        padding: 4.44444rem 8.33334rem;
    }
    .searchForm fieldset.searchFulltext .fulltextSearch input {
        max-width: 564px;
    }
    #artistSimpleList {
        padding: 36px 8.33334rem;
    }
    #searchForm>.startButton {
        position: relative;
        top: -100.5px;
    }
}

@media (min-width:1024px) {
    .c-nav-primary {
        display: block;
        /* -webkit-box-flex: 1; */
        -ms-flex: 1;
        /* flex: 1; */
        -ms-flex-item-align: start;
        align-self: flex-start;
        padding: 0 0 0 5%;
    }
    .c-header__menu-btn {
        display: none;
    }
}

@media (max-width:1024px) {
    .c-header__group {
        padding: 20px !important;
    }
    .referenceContainer .reference .caption {
        padding: 70px 100px;
    }
    .searchForm fieldset.searchItems {
        padding: 4.44444rem 1.875rem;
    }
    #container {
        padding: 0 30px;
    }
    #pageTitle {
        padding: 167px .625rem 150px;
        max-width: 1400px;
    }
    #secNav ul li a {
        line-height: 46px;
    }
    #terNav ul li {
        width: 100%;
        line-height: 46px;
    }
    #terNav ul #quickFindWallace select {
        height: 46px;
    }
    #terNav ul #quickFindWallace svg {
        margin-top: -32px;
    }
    .searchForm fieldset.searchFulltext {
        padding: 0 1.875rem;
    }
    .searchForm fieldset.searchFulltext .fulltextSearch input {
        width: 100%;
        max-width: 100%;
    }
    .searchForm fieldset.searchFulltext .fulltextSearch label {
        width: auto;
    }
    .searchForm .formButton {
        padding: 0 9.889rem;
    }
    .referenceTabItem,
    .referenceTabItemActive {
        height: 46px;
        width: 100% !important;
    }
    .filterSection #webFilterGroupdId_10003 {
        width: auto;
    }
    #artistSimpleList {
        padding: 1.875rem;
    }
    #collectionInlineModule #collectionDetailItem .bildlegendeInline {
        float: left;
        margin-left: 0;
        width: 100%;
    }
    #collectionInlineModule #collectionDetailItem .listImgInline {
        width: 100%;
    }
    #collectionDetailItem .detailImg img {
        width: 360px;
    }
    #terNav ul #quickFindWallace select {
        padding: 0 0 0 45%;
    }
    .roomContainerDetailView #collectionInlineModule #collectionDetailItem {
        display: block;
    }
    .roomContainerDetailView #collectionInlineModule .detailItem .detailImg {
        width: 100%;
    }
    .roomContainerDetailView #collectionInlineModule .detailItem .listText {
        width: 100%;
        margin-top: 30px;
    }
}

@media (max-width:768px) {
    .c-header__group {
        padding: 20px !important;
    }
    .detailItem .listImg img,
    .detailItem .listImg,
    .detailItem .listText {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        float: left;
    }
    #collectionDetailItem .listImg {
        margin-bottom: 35px;
    }
    #collectionDetailItem .detailImg img {
        width: 200px;
    }
    #container {
        padding: 0 30px;
    }
    .searchForm label {
        width: 100%;
    }
    .searchForm .formButton {
        padding: 0 3.889rem;
    }
    .detailListItem {
        width: 48%;
        margin-right: 4%;
    }
    #detailListItem-2,
    #detailListItem-8,
    #detailListItem-14 {
        margin-right: 4%;
    }
    #detailListItem-1,
    #detailListItem-3,
    #detailListItem-7,
    #detailListItem-9,
    #detailListItem-13,
    #detailListItem-15,
    #detailListItem-17,
    #detailListItem-19 {
        margin-right: 0;
    }
    .roomContainer .filterSection {
        width: 48%;
        margin-right: 2%;
    }
    #roomDetail {
        width: 50%;
    }
    #roomDetail .inlineModule .detailListItem {
        width: 100%;
        margin-left: 0;
    }
}

@media screen and (max-width: 650px) {
    .c-header__group {
        padding: 20px !important;
    }
    #content,
    #sideNav,
    #siteFunctions,
    #container .contextMenuContainer,
    #container .resultCount,
    .lightbox,
    .detailList,
    .simpleList,
    .detail {
        width: 100%;
        float: left;
    }
    #sideNav {
        bottom: 0;
        position: absolute;
    }
    #sideNav a {
        width: 98%;
    }
    #searchForm {
        width: 100%;
    }
    .searchForm .smartFieldLabel {
        margin-bottom: 25px;
        margin-top: -18px;
    }
    .searchForm .smartFieldContainerOuter {
        margin-left: 0;
        margin-top: 20px;
    }
    .searchForm .inlineFieldsetLegend {
        width: 100%;
    }
    .x-shadow,
    .x-combo-list {
        max-width: 300px;
    }
    #formItem_field_10332 label,
    #formItem_field_10432 label {
        height: 1px;
    }
    .searchForm .smartFieldContainer input {
        width: 307px !important;
    }
    .lightbox,
    .detailList,
    .simpleList,
    .detail {
        padding-bottom: 20px;
    }
    #listTableHeader {
        display: none;
    }
    #roomDetailItem .listDescription {
        width: 100%;
    }
    .bookmarkLink input {
        width: 280px;
    }
    #socialMedia .nav {
        padding: 0px 5px;
    }
    #socialMedia .nav li {
        width: 20px;
    }
    #socialMedia .nav a,
    #socialMedia .nav a:hover {
        color: transparent;
    }
    #mainFooter {
        padding-bottom: 15px;
    }
    #mainFooter address {
        padding: 0px 5px;
    }
    #mainFooter .nav ul {
        display: none
    }
    #roomDetail {
        float: left;
    }
}

@media screen and (max-width:540px) {
    .c-header__group {
        padding: 20px !important;
    }
    #contentBox,
    #container {
        padding: 0 10px;
    }
    #secNav,
    #terNav {
        padding: 0;
    }
    #terNav ul li {
        width: 100%;
    }
    #pageTitle {
        padding: 167px 10px 95px;
    }
    .detailListItem {
        width: auto;
        margin: 0 auto 30px auto !important;
        float: none;
        margin-bottom: 30px;
    }
    #highlightsWallace {
        float: none;
    }
    .detailListItem .listImg {
        float: none;
        margin: 0 auto;
        width: auto;
        max-width: 350px;
    }
    .detailListItem .listDescription {
        width: 100%;
    }
    .detailListItem .listDescription .ListObjectname {
        font-size: 22px;
        letter-spacing: 2.2px;
        line-height: 26px;
    }
    .referenceContainer .reference .caption {
        padding: 20px;
    }
    .referenceTabItem,
    .referenceTabItemActive {
        width: 100% !important;
        float: left;
    }
    .form-item input {
        font-size: 14px;
    }
    .inlineFieldset .textSmall,
    .searchForm input.text,
    .searchForm select,
    .searchForm label.inlineLabelFrom,
    .searchForm label.inlineLabelTo {
        width: 100%;
    }
    .searchForm label.inlineLabelFrom,
    .searchForm label.inlineLabelTo {
        text-align: left;
    }
    .searchForm fieldset.searchFulltext .fulltextSearch {
        padding: 38px 0;
    }
    .searchForm .formButton {
        width: 100%;
        padding: 0 20px;
    }
    #searchForm .startButton,
    #searchForm .resetButton {
        width: 100%;
    }
    #searchForm .resetButton {
        margin-bottom: 20px;
    }
    #multimediaDetailList .detailListItem .listImg {
        height: auto;
    }
    #my_popup_wrapper #my_popup {
        width: 90%;
    }
    #roomDetail,
    .roomContainer .filterSection {
        width: 100%;
    }
    #roomDetail .inlineModule .detailListItem {
        float: none;
    }
    #collectionDetailItem {
        display: block;
    }
    #collectionDetailItem .detailImg {
        margin-right: 0;
        margin-bottom: 35px;
    }
    #collectionDetailItem .detailImg img {
        width: 100%;
    }
    #searchForm>.startButton {
        width: 100%;
        padding: 0 1.875rem;
        float: left;
        top: 0px;
    }
    #container li.elementNavigator {
        float: left;
        margin-top: 30px;
    }
    .searchForm fieldset.searchFulltext .fulltextSearch label {
        line-height: 30px;
    }
    #terNav ul #quickFindWallace select {
        padding: 0 0 0 40%;
    }
    #container li.elementNavigator .elementNavigatorCurrent {
        clear: both;
        margin-top: 30px;
    }
    .dropdownMenuFromTo svg {
        margin-top: 41px;
    }
}

@media (max-width:320px) {
    #contentBox,
    #container {
        padding: 0 10px;
    }
    .detailListItem .listDescription {
        padding: 0 20px;
    }
    .detailListItem .listDescription {
        margin-top: 27px;
    }
    .contextMenu {
        float: left;
        width: 100%;
    }
    #container li.dropdownMenu {
        margin: 0px;
    }
    #container li.dropdownMenuFromTo {
        z-index: 50;
    }
    #container li.dropdownMenuFromTo {
        clear: both;
        float: left;
        padding: 5px 0px;
    }
    #container li.elementNavigator {
        float: left;
        padding: 5px 0px;
        border-left: none;
        border-right: none;
        width: 100%;
    }
    #container .resultCount {
        border-bottom: none;
        margin-bottom: 0px;
    }
    #container li.elementNavigator .elementNavigatorFromTo {
        width: 100%;
        margin-top: 0;
        text-align: left !important;
    }
    #container li.dropdownMenu ul {
        position: static;
    }
    #container li.elementNavigator ul li a {
        text-align: left;
    }
    #my_popup_wrapper #my_popup div,
    #my_popup_wrapper #my_popup form {
        width: 85%;
        line-height: 28px;
        font-size: 18px;
    }
    .bookmarkLink {
        line-height: 19px;
        font-size: 16px;
    }
    .detailItem {
        padding: 20px;
    }
    .detailItem .listTitle {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .detailItem .listDescription {
        font-size: 16px;
        line-height: 35px;
    }
    .referenceContainer .reference .caption {
        font-size: 16px;
        line-height: 26px;
    }
    .searchForm fieldset.searchFulltext {
        height: 215px;
    }
    .simpleListItem {
        line-height: 26px;
        font-size: 16px;
    }
    #terNav ul #quickFindWallace select {
        padding: 0 0 0 35%;
    }
    #pageTitle {
        padding: 141px 10px 85px;
    }
    .c-header__group {
        padding: 20px !important;
    }
}