@media screen and (max-height: 650px){
    #logo{
        display: none;
    }
}

@media screen and (max-width: 1100px){
    #logo,.logo-s{
        display: none;
    }
    .bottom-nav-left {
        display: flex;
        width: 70%;
        flex: 0 0 70%;
    }

    .desk-left {
        width: 100%;
    }

    .desk-right {
       display: none;
    }

    .box {
        min-width: 100px;
    }
    .card-works-gallery {
        width: 40%;
        left: 2%;
    }
}

@media screen and (max-width: 800px){
    .desk-right,.maximize,.minimize,.bg,.bottom-file{
        display: none !important;
    }
    .desk-grid{
        display: none;
    }
    #loading img{
        width: 100%;
    }
    #loading{
        padding: 0;
    }
    .loading {
        font-size:10px;
        word-break: break-all;
    }
    .language {
        display: none;
    }

    #logo3d {
        width: 100%;
        height: 25vh;
        position: fixed;
        left:0;
        top:0;
        z-index: 1;
    }
    .card-info {
       display: none;
    }
    .plane-box {
        position: relative;
        pointer-events: auto;
    }
    .read-page {
        width:90%;
        padding: 1rem;
        margin: 1rem auto;
        border: 1px solid #000;
    }
    .read-text {
        line-height: 1.8;
        font-size: 14px;
    }
    .bottom-nav-right,
    .bottom-nav-left{
        display: none;
    }
    .phone-bottom-nav-left {
        display: flex;
        width: 100%;
        flex: 0 0 100%;
    }
    .logo-s {
        display: flex;
    }

    .btn {
        padding: .6rem 1rem;
        font-size: 14px;
        line-height: 1;
        width: 100%;
        text-align: center;
    }
    .yes{
        flex: 1;
    }

    .logo-s img {
        height: 10px;
        width: auto;
    }
    .box {
        width: calc(100% / 2);
        padding: 1rem;
        text-align: center;
        cursor: pointer;
        min-width: 120px;
    }
    .grid{
        padding: 0 0 1rem 0;
        margin-bottom: 1rem;
        border-bottom:dotted var(--green) 1px;
    }
   .desk-left{
       margin-bottom: 4rem;
   }

    .box .box-img img {
        width: 30%;
        height: auto;
        filter: drop-shadow(0 0 10px var(--green));
    }
    .card-works-img{
        display: none;
    }
    .card-doc {
        width:auto;
        left:0;
        top:0;
        height:calc(100% - 2.7rem);
        margin: 1rem;
    }
    .has-gallery .card-works,
    .card-works {
        width:auto;
        left:0;
        top:0;
        margin: 1rem;
        height: 70vh;
        flex:1;
    }
    .card-works-link {
        left:0;
        top:0;
        margin: 1rem;
    }
    .card-works-link img{
        display:none;
    }
    .card-works-link.card.card-tertiary .card-header {
        background: black;
        color: var(--green);
        border: none;
    }
    .card-works-link.card {
        border-top: 1px solid var(--green);
        border-left: 1px solid var(--green);
        border-right: 1px solid var(--green);
        border-bottom: 1px solid var(--green);
        border-radius: 0;
        background:black;
    }
    .card-link{
        border-top: 1px solid var(--green);
    }
    .card-link a{
        color: var(--green);
        font-size: 12px;
    }
    .plane-works.open.open-it{
        display: flex !important;
        flex-direction: column;
        background-color: black;
    }

    .read-text img{
        width: 100%;
        height: auto;
    }
    .card-works-gallery{
        display: none;
    }

    .yes{
        position: relative;
    }

    .yes ul{
        position: absolute;
        bottom:2.7rem;
        background: var(--gray);
        border-color: #000;
        border-left: var(--px) solid var(--grayLight);
        border-bottom: var(--px) solid var(--black);
        border-right: var(--px) solid var(--black);
        border-top: var(--px) solid var(--grayLight);
        overflow: auto;
        display: none;
        right: 0;
    }
    .yes ul li {
        position: relative;
        white-space: nowrap;
        font-size: 16px;
        cursor: pointer;

    }
    .yes ul li span{
        padding: .5rem;
        display: block;
    }
    .yes ul li span.active{
        background-color: transparent;
    }
    .yes ul li a{
        color: #000;
        padding: .5rem;
        display: block;
    }

    .for-phone-info{
        display: block;
        padding: 1rem 1rem 10rem 1rem;
        text-shadow: 0 0 10px var(--green),0 0 10px var(--green);
        margin-top: 25vh;
    }
    .plane {
        bottom: 4.2rem;
    }
    .plane.plane-info{
        position: relative;
        pointer-events: auto;
        bottom: auto;
        top:auto;
        left: auto;
        right: auto;
    }
    .bottom{
        position: fixed;
        bottom:0;
        width: 100%;
        z-index: 1111111111;
        pointer-events: none;
        background:#000 url("img/bb.png");
        display: block;
        height: 1.5rem;
    }
    #footer{
        bottom: 1.5rem;
    }

}