/*Only in desktop*/
@media only screen and (min-width: 1000px) {
    .desktop-d-n {
        display: none;
    }

    .mobile-d-n {
        display: block;
    }

    .vertical-panel,
    .vertical-panel-content {
        top: 72vh;
    }
}


/*Only on Mobile*/
@media only screen and (max-width: 1000px) {
    .mobile-d-n {
        display: none;
    }

    .desktop-d-n {
        display: block !important;
    }

    .brand img {
        height: 75px;
        width: 100%;
    }

    .header-phone {
        font-family: 'Oswald', sans-serif;
        font-weight: 300;
        font-size: 18px;
        letter-spacing: 0.32em;
        position: absolute;
        z-index: 3;
        color: #fff;
        top: 5.9vmin;
        right: 10px;
        text-align: right;
    }

    .main-inner {
        position: relative;
        z-index: 1;
        min-height: 0;
        padding: 46.7vmin 0 17vmin;
    }

    .main-header {
        padding-left: 0px;
    }

    .vertical-panel-info {
        margin-bottom: 7.5vmin;
    }

    .social-list li {
        float: left;
    }

    .social-list {
        margin-bottom: 3.5vmin;
        margin-left: 44px;
        width: 120%;
    }

    .social-list .fa {
        font-size: 5.4vmin;
        color: #c5c4c2;
        margin-right: 13px;
    }

    .service-item p {
        font-size: 18px;
    }

    .timing h5 {
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        font-size: 8vmin;
    }

    .intro_phone main {
        background-position: bottom !important;
        height: 33% !important;
    }

    .intro_phone .main-inner {
        position: relative;
        z-index: 1;
        min-height: 0;
        padding: 25.7vmin 0 25vmin;
    }

    .intro_phone .main-header h2 {
        text-align: center;
        color: white;
        font-size: 25px;
    }

    .navbar-mobile {
        /* display: flex !important;
        align-items: center !important;
        justify-content: space-between !important; */
    }

    .navbar-mobile img {
        width: 100px;
    }

    .affix button {
        margin-top: 10px;
    }

    .navbar-toggle.collapsed .icon-bar {
        background: white;
    }

    .project-category {
        letter-spacing: 0.5em;
    }

    .col-about-spec1 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-align: center;
    }
    .col-about-spec1 .service-item {
        width: 33%;
    }
    .col-about-spec1 img {
        height: 80px;
        width: 80px;
        object-fit: contain;
    }
    .video_in_service {
        height: 300px !important;
        margin-top: 40px;
    }
    .affix .permilogo {
        display: none !important;
    }
    .project-details {
        padding: 4% 0px;
    }
    .projects_gallery_2 .figure {
        flex-wrap: wrap !important;
    }
    .projects_gallery_2 .galleryholder {
        width: 98% !important;
        margin: 5px 0px;
        height: 400px;
    }
    .holder_main_p1 .projects {
        padding: 30px;
    }
    .holder_main_p1 .project figure img {
        height: 60vh;
    }
    .holder_main_p1 .project {
        height: 60vh;
        margin: 20px 0px;
    }
    .project-details h3 {
        line-height: 90px;
    }
    .project-details h4 {
        font-size: 14px;
    }    
}