@media screen and (max-width: 1440px){
    .current-box{
        --boxHigeht: 55vh;
    }
}
@media screen and (max-width: 1280px){
    .current-box{
        --boxHigeht: 45vh;
    }
    :root{
        --textsizeM: 1.2rem;
        --textsizeB: 1.7rem;
        --textsizeH: 3rem;
    }
}
@media screen and (max-width: 1024px){
    .box {
        width: 33.333333%;
   }
    .back{
        display: none;
    }
    .share{
        display:  none;
    }
    .post-menu .share, .post-menu .back, .post-menu ul li {
        padding: 1rem var(--spaceS);
    }
    .post-menu ul{
        padding:0 var(--spaceS);
    }
}
@media screen and (max-width: 700px){
    :root{
        --space: 1rem;
        --textsizeM: 1.2rem;
        --textsizeB: 1.2rem;
        --textsizeH: 2.2rem;
    }

    #phone-header{
        display: block;
    }
    .current-box{
        display: block;
        height: auto;
    }
    .current-box-img {
        width: 100%;
        height: auto;
    }
    .current-box-img img{
        aspect-ratio: 16 / 9;
    }
    .current-box-info{
        display: block;
        height: auto;
    }
    .current-box-info a{
        margin-bottom: 0;
    }
    .current-box-info h4 {
        padding-bottom: 1rem;
    }
    .pub-grid .box .box-info{
        padding-left: 0;
    }
    .pub-grid .box .box-img{
        margin-bottom: .5rem;
    }
    .grid-three .box,
    .pub-grid .box a>*,
    .pub-grid .box,
    .foot-info,
    .card,
    .big-two .box:nth-child(1), .big-two .box:nth-child(2), .big .box, .box {
        width: 100%;
    }
    .pub-grid .box a,
    .page-menu ul,
    .foot-wrap,
    .footer-wrap,
    .footer-newsletter-content{
        display: block;
    }
    .footer-item h3{
        padding-bottom: 1rem;
    }
    .foot-wrap,
    .follow-eq, .footer-follow{
        text-align: center;
    }

    .footer-item.end,
    .foot{
        margin-top: 5rem;
    }
    .cover-text{
        width: 100%;
    }

    .cover-info {
        bottom:0;
        padding-bottom: var(--spaceB);
        text-shadow: 1px 1px 1px black;
        text-align: center;
    }
    .swiper-btn{
        display: none;
    }
    .page-other-menu{
        display: none;
    }
    .page-title h1{
        width: 100%;
    }
    .plane-wrap{
        flex-direction: column;
    }
    .plane-block:nth-child(2),
    .plane-wrap>*{
        width: 100%;
    }
    .qr-block, .download-block {
        margin-top: 0;
    }
    .plane-block:nth-child(2){
        order: 1;
    }
    .plane-block:nth-child(1){
        order: 3;
    }
    .plane-block:nth-child(3){
        order: 2;
    }
    .single  .plane-block:nth-child(3){
        order: 0;
    }
    .plane-block h2.title{
        padding-bottom: 1rem;
    }
    .gallery .box .box-info,
    .gallery .box .box-img,
    .gallery .swiper-slide {
        width: 100%;
    }
    .gallery .box a {
        display: block;

    }
    .gallery .box a>.box-img,
    .gallery .swiper-wrapper {
         padding: 0;
    }
    .gallery{
        padding: 0 var(--spaceS);
    }
    .gallery.gallery-img{
        padding: 0;
    }
    .gallery .box{
        padding: 0 var(--spaceS);
    }
    .swiper-tool,
    .swiper-pagination{
        position: relative;
    }
    .top-gallery-video-play img, .top-gallery-video video, .top-gallery-img img{
        aspect-ratio: 1/1 !important;
    }

    .post-header-title{
        display: block;
    }
    .post-header-title-del,
    .post-header-title-content{
        width: 100%;
        max-width: unset;
    }
    .post-header-title-del{
        padding-top: 1rem;
    }
    .post-header-title-del ul li {
        border-bottom: none;
        border-top: var(--borderColor) solid var(--borderSzie);
    }
    .plane-block-img.small {

        padding-right: 50%;
    }
    .s-p .plane-block-img.small{
        padding-top: 0;
        padding-bottom: 0;
    }
    .text-gallery-swiper .swiper-slide{
        padding-bottom: .5rem;
    }
    .plane-block .plane-bock-list>h3{
        width: 100%;
    }
    .plane-bock-list .plane-block-text>div{
        flex-direction: column;
    }
    .plane-bock-list .plane-block-text .text{
        width: 100%;
        order: 1;
    }
    .plane-bock-list .plane-block-text .plane-block{
        order: 0;
        width: 100%;
        padding-left: 0;
    }
    .gallery.gallery-img{
        padding-bottom: var(--space);
    }
    .gallery.gallery-img .swiper-slide {
        width: 100%;
        padding: 0 var(--space);
    }
    .gallery.gallery-img .swiper-slide img {
        height: auto;
        width: 100%;
    }
    .s-p .plane-block:nth-child(1){
        order: 0;
    }
    .artworks .box{
        width: 50%;
    }
    .fancybox__rightCol{
        display: none;
    }
    .fancybox__slide {
        padding: 64px 10%;
    }
    .fancybox__nav .carousel__button.is-prev {
        left: 0;
    }
    .fancybox__nav .carousel__button.is-next {
        right: 0;
    }
    .fancybox__container{
        z-index: 9999;
    }
    .inside #phone-header{
        display: none;
    }
    .swiper-img-nav span video, .swiper-img-nav span img {
        width: 40px;
    }
    .swiper-img-nav{
        height: 40px;
    }
    .video-wrap{
        width: 100%;
    }
    .df-ui-nav {
        top: auto;
        margin-top:0;
        bottom: 0;
        height: 62px;
    }
    .artwork-grid-swiper{
        background: var(--light2);
    }
}