@media screen and (min-width: 700px) {
    .mobile-only {
        display: none !important;
    }


    .contact-panel {
        display: none;
    }

}

/*DEFAULT LAPTOPS*/
@media screen and (min-width: 901px) and (max-width: 1599px) {

}

@media screen and (max-width: 700px) {
    .pc-only {
        display: none !important;
    }

    .pb-sm-80 {
        padding-bottom: 80px !important;
    }

    .pt-sm-80 {
        padding-top: 80px !important;
    }

    .pb-sm-60 {
        padding-bottom: 60px !important;
    }

    .pt-sm-60 {
        padding-top: 60px !important;
    }

    .pb-sm-40 {
        padding-bottom: 40px !important;
    }

    .pt-sm-40 {
        padding-top: 40px !important;
    }

    .pb-sm-20 {
        padding-bottom: 20px !important;
    }

    .pt-sm-20 {
        padding-top: 20px !important;
    }

    video {
        height: 100%;
        width: unset;
    }

    .main-header .main-box .logo-box .logo img {
        height: 100px;
    }

    .bg-video-wrap .content-box {
        padding-top: 60px;
    }

    .bg-video-wrap .content {
        vertical-align: unset;
        padding-top: 90px;
    }

    .menu-tabs .dish-block .title .ttl .s-info {
        width: 130px;
    }

    footer .logo img {
        width: 130px;
    }

    .largrid__item {
        height: 85px;
    }

    .image-gallery .owl-theme .owl-nav .owl-prev {
        left: 30%;
    }

    .image-gallery .owl-theme .owl-nav .owl-next {
        right: 30%;
    }

    section.image-gallery {
        padding-top: 80px;
    }

    .reference-name h2 {
        font-size: 1.15rem;
    }

    .reference-logo img {
        max-height: 130px;
    }

    .reference-name {
        height: 150px;
    }

    .bg-video-wrap h1 {
        font-size: 38px;
    }

    .contact-panel {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        display: flex;
        z-index: 90;
        opacity: .9;
    }

    a.contact-panel-item {
        width: 50%;
        padding-inline: 20px;
        background-color: #fff;
        color: #000;
        font-size: 1.8rem;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .3rem;
        padding-block: .7rem;
    }

    a.contact-panel-item span {
        font-size: 1rem;
    }

    a.wp-btn {
        background-color: #39a91e;
        color: #fff;
    }

    .scroll-to-top {
        bottom: 70px;
    }

    .document-item img {
        width: 35%;
    }

}