/*********************************************************** iPhone 6 - 6S ***********************************************************/
@media only screen and (max-width: 800px){

    body {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }


    .menu-areas.mobile-show {
        /*border-top: 1px solid rgba(0, 0, 0, 0.1);*/
        display: block;
        padding: 0;
    }

    .menu-areas li.active {
        background-color: rgba(0, 0, 0, 0.07);
    }

    .attributions-menu {
        position: relative !important;
    }

    #menu > ul:nth-child(1) li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    #share {
        display: none;
    }
    /*#met-menu {
        height: 300px;
    }

    #menu-panel {
        display: block;
        font-size: 50px;
    }

    #menu-panel.active {
        width: 810px;
    }

    #menu-panel > ul:nth-child(1) li {
        background-image: url("/National_Library/oe_/https://maps.metmuseum.org/img/iconsSVG/menu-icon-grey.svg");
        background-size: 126px;
        background-repeat: no-repeat;
        background-position: right top;
    }

    .languages-list {
        height: 90px;
        overflow: scroll;
        -webkit-transition: height 300ms ease;
        -moz-transition: height 300ms ease;
        -o-transition: height 300ms ease;
        transition: height 300ms ease;
    }

    #expand-languages {
        height: 90px;
    }

    .languages-list.show {
        height: 400px;
    }

    .lang-selected {
        line-height: 90px;
    }

    .languages-list li {
        line-height: 80px;
        padding-left: 25px;
        padding-right: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .languages-list > li {
        font-family: searchFont;
        font-size: 40px;
        padding: 0px;
    }

    ul.menu-areas .mobile-show > li {
        font-size: 50px;
    }

    ul.menu-always-visible > li {
        font-size: 50px;
    }

    .menu-always-visible:nth-child(5) li{
        margin-top: 250px;
        border-top: none;
        padding-left: 20px;
    }*/
}

@media only screen and (min-width: 320px) and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {

    body {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }

    #menu > ul:nth-child(1) li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .menu-areas.mobile-show {
        /*border-top: 1px solid rgba(0, 0, 0, 0.1);*/
        display: block;
    }

    .menu-areas li.active {
        background-color: rgba(0, 0, 0, 0.07);
    }

    #menu {
        width: 275px;
    }

    .attributions-menu {
        width: 245px;
        position: relative;
    }

    #share {
        display: none;
    }

    /*#met-menu {
        height: 300px;
    }

    #menu-panel.active {
        width: 810px;
    }

    #menu-panel > ul:nth-child(1) li {
        background-image: url("/National_Library/oe_/https://maps.metmuseum.org/img/iconsSVG/menu-icon-grey.svg");
        background-size: 126px;
        background-repeat: no-repeat;
        background-position: right top;
    }

    .languages-list {
        height: 90px;
        overflow: scroll;
        -webkit-transition: height 300ms ease;
        -moz-transition: height 300ms ease;
        -o-transition: height 300ms ease;
        transition: height 300ms ease;
    }

    #expand-languages {
        height: 90px;
    }

    .languages-list.show {
        height: 400px;
    }

    .lang-selected {
        line-height: 90px;
    }

    .languages-list li {
        line-height: 80px;
        padding-left: 25px;
        padding-right: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .languages-list > li {
        font-family: searchFont;
        font-size: 40px;
        padding: 0px;
    }

    ul.menu-areas .mobile-show > li {
        font-size: 50px;
    }

    ul.menu-always-visible > li {
        font-size: 50px;
    }

    .menu-always-visible:nth-child(5) li{
        margin-top: 250px;
        border-top: none;
        padding-left: 20px;
    }*/
}


/*********************************************************** iPad ***********************************************************/
@media only screen and (min-width:690px) and (max-width: 995px) {

    body {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }

    .attributions-menu {
        position: absolute !important;
    }

    #input_copy {
        -webkit-appearance: none;
        border-radius: 0px;
        padding: 0;
    }

    #option-menu.open {
        height: 21em !important;
    }
}