@media screen and (max-width: 700px){
    :root {
        --space: .6rem;
    }
    .home-logo{
        display: none;
    }
    .home .logo{
        opacity: 1;
    }
    .header-wrap>div.open-menu{
        display: block;
        cursor: pointer;
        padding:var(--spaceB) var(--spaceS);
        font-size: 1.5rem;
    }
    .header-left{
        display: none;
    }
    .logo img {
        width: 10vw;
        height: auto;
    }
    #header{
        border-bottom: var(--yellow) solid 1px;
    }
    .home #header{
        position: sticky;
    }
    .box{
        width: 100%;
    }
    .phone-big-grid .box-img{
        aspect-ratio: 1/1;
    }
    .phone-big-grid .box-info{
        font-size: 1.3em;
    }
    .phone-big-grid{
        padding: var(--space) 0;
    }
    .line-bottom:after, .section:after,
    .line-bottom:before, .section:before {
        left: var(--space);
        right: var(--space);
    }
    .text h2, .grid-title h2{
        font-size: 1.5em;
    }
    .artwork-info-header h2, .box-info h2 {
        font-size: 1.5em;
    }
    .foot, .footer-wrap{
        display: block;
    }
    .foot>div, .footer-wrap>div {
        padding: var(--space) var(--spaceS);
    }
    .phone-nav{
        display: none;
        font-family: var(--font2);
    }
    .phone-menu ul li{
        border-top: var(--yellow) solid 1px;
    }
    .lng a,
    .phone-menu ul li a{
        padding: var(--space) var(--spaceB);
        display: block;
        font-size: 1.5em;
    }
    .phone-nav input{
        background-color: var(--yellow);
        border: none;
        font-size: 1.5em;
        padding: var(--space) var(--spaceB);
        width: 100%;
    }
    .open-menu.show i:before{
        content: '\f00d';
    }
    .page-header-right{
        display: none;
    }
    .post-header .page-header-left h1{
        font-size: 2em;
    }
    .post-header .page-header-left h1 span{
        font-size: 0.6em;
    }
    .page-header-wrap{
        display: block;
    }
    .page-header-wrap>div.page-header-center{
        padding: var(--space) 0;
    }
    .plane-wrap{
        display: block;
    }
    .plane-wrap .plane-content-info{
        width: 100%;
    }
    .top-slider .swiper-slide img{
        width: 100%;
        max-height: unset;
    }
    .plane-title{
        font-size: 1.5em;
    }
    .artwork-wrap {
        flex-direction: column;
    }
    .artwork-info, .artwork-gallery, .artist-box-info {
        width: 100%;
        height: 60vh;
    }
    .artwork-grid-swiper .swiper-slide {
        height: 60vh;
        padding:var(--spaceB);
    }
    .artwork-info{
        height: 40vh;
    }
    .artwork-gallery{
        background-color: #eee;
    }
}