@media only screen and (max-width:860px) and (min-width:480px) {
    .service1-section-area .service-auhtor-boxarea .content-area {
        height: 320px;
    }

    .work1-section-area .tabs-list ul li button {
        width: 100% !important;
    }

    .work1-section-area .tabs-list ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .time-lapse .lapse-container .lapse {
        width: 90% !important;
    }

    .about3-section-area .about3-header-area .misson-text {
        margin-bottom: 40px;
    }

    .aboutpage-inner:nth-child(2n) .row {
        flex-direction: column-reverse;
    }

    .mobile-hide {
        display: none;
    }

    .desk-hide {
        display: block !important;
    }

    .service3-section-area .row {
        justify-content: center;
    }

    .works:nth-child(2n) .row {
        flex-direction: column-reverse;
    }
    .gallery-container{
        grid-template-columns: repeat(2,1fr) !important;
    }
}