@media only screen and (min-width: 320px) and (max-width: 639px) {
    .top-header .top-header-inside span.spans{
        display: none !important;

    }
    .top-header{
        height:29px;
    }
    
    .top-header .top-header-inside{
        margin-left:-20px !important;
        margin-left:-13px !important;
        
    }
    .about-section-inside h1{
            font-size: 32px !important;
    }
    .top-header .top-header-inside span.spans{
        display: none !important;

    }
    .top-header-inside div {
    /*margin: 5px 5px;*/
}
    canvas{display: none;}
    .company-stats{display: none;}
    .slider-web-mobile{display: none;}
    
    .wd_services_btn button{
        width:100% !important;
        margin:5px 0 !important;
    }
.w_c_u h6{
    margin:1em 0 !important;
}

.mobvi{
    display:none !important;
}
.w_c_u p{
    margin-bottom:1em;
}

.lb-outerContainer{
    width:1200px !important;
}

    .about-section .about-body-section-inside .end-to-end h2{text-align: center;}

    .service h2.services-heading{font-size: 24px;}

    .service p.services-para{font-size: 16px;}

    .send-proprsal h6{font-size: 22px;}

    .xtraq .accordion .card-header a.card-title{font-size: 13px;}

    .o_d_m_c h5{font-size: 24px;}

    .o_d_m_c p{font-size: 16px;}

    .dmservices .dmservicesinside h2{font-size: 24px; margin-bottom: 18px;}

    .dmservices .dmservicesinside h6{font-size: 16px;}

    .works .about-section-inside h3{font-size: 24px;}

    .works .about-section-inside p{font-size: 16px;}

    .form-section .form-left h4{font-size: 24px;}

    .form-section .form-left p{font-size: 16px;}

    .dmservices{padding: 3em 0;}

    .dmservices .dmservicesinside .colLG{
        height: 314px !important;
        margin-bottom: 10px;}

    .form-left{padding: 40px 0;}

    .footer-social-icon {
        margin: 20px 0;
    }
    /*.footer .footer-icon img {
        margin: 0 10px;
        width: 72px;
        text-align: center;
        margin: 0 auto;
    }*/
    .footer-icon{display: none;}
    .works .about-section-inside p::after {
         left: 37%;
    }

    .dmservices .dmservicesinside h6::after {
        left: 37%;
    }
    
    
    .about-section .about-section-inside h3 {font-size: 24px;}

    .about-section .about-section-inside p{font-size: 16px;}

    .o_d_m_c .o_d_m_c_sec{margin-bottom: 10px;}
    .logo-menu .logo-menu-nav{display: none;}

    .topBanner{min-height: 327px;}

    .o_d_m_c .o_d_m_c_sec .o_d_m_c_item{padding: 1em 1.4em;}

    .send-proprsal form input{padding: 12px 17px;}

    .main-nav #navbarSupportedContent ul li{display: none;}

    .form-section .form-right .stats .row img {
        margin-left: 0px;
        width: 62px;
    }

    .form-section .form-right .stats h5{
        font-size: 27px;
        margin-top: 4px;
    }
    .form-section .form-right .stats{padding: 0 0;}

    .protected-by{display: none;}

    .top-header .top-header-inside .req-proposal button{font-size: 11px;
        line-height: 11px;padding: 0.5rem 0.5rem;}

    .topBanner h1{font-size: 28px;}

    .industry-row{flex-direction: column;}
    .industry_sec .industry .industry-row .industry-item{margin-bottom: 20px;}

    .topBanner p{font-size: 16px;}
    .main-nav{display: none;}
    .navbar .navbar-expand-lg .navbar-light{display: none !important;}

        /***/
    .sidepanel  {
        width: 0;
        display: block !important;
        position: fixed;
        z-index:99999999;
        height: 100vh;
        top: 0;
        left: 0;
        background-color: #252525;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
        font-family: $roboto;
    }
    
    .desmob-icon{display:none;}
    
    .sidepanel ul{margin: 0; padding: 0;}
    .sidepanel li{list-style-type: none; border-bottom: 1px solid #343434; }
    .sidepanel a {
        text-decoration: none;
        margin-bottom: 10px;
        font-size: 14px;
        color: #818181;
        display: block;
        padding: 13px 30px!important;
        transition: 0.3s;
        font-weight: 400;
        text-transform: uppercase;

        color: #fff;
    }

    .sidepanel a:hover {
        color: #f1f1f1;
        text-decoration: none;
    }

    .sidepanel .closebtn {
        position: absolute;
        top: 0;
        right: -17px;
        font-size: 36px;
    }

    .openbtn {
        font-size: 20px;
        cursor: pointer;
        color: white;
        padding: 5px 10px;
        border: none;
        background: #fff;
        border: 1px solid #000 !important;
        border-radius: 2px;
        color: #000;
       right:11px;
        display: block !important;
        position: absolute;
        background-size: cover;
        top: 52px;
        z-index: 99999999;



    }

    .openbtn:hover {
        background-color:#fff;
        border: 1px solid #000;
        border-radius: 2px;
    }
    .sidepanel ul li a{position: relative; margin: 0;}
    .sidepanel ul li a:hover{background: #1f436b; color: #fff;}
    .sidepanel ul li ul{background: #333;}
    .sidepanel ul li ul li ul{background: #101010;}
    .sidepanel ul li ul li a{font-size: 13px; position: relative !important;}

    .sidepanel ul li ul li a:hover{background: #1f436b; color: #fff;}

    .dropdown-toggle::after{position: absolute; right: 14px; top: 17px; }
    /***/

    .copyright p{text-align: center !important;}

    .top-header-inside svg {
        max-width: 25px;
    }

    .service .web .web-inside p{
        font-size: 17px;
        line-height: 26px;}
        
       /* img.lb-image{
           width: 352px !important;
           height: 261px !important;
        }*/
.lb-outerContainer {
    background: transparent !important;
}

#lightbox .lb-data .lb-close {
    position: absolute !important;
    right: -142px !important;
    top: -39px !important;
}

img.lb-image {
    width: 30% !important;
    height: 40% !important;
    object-fit: cover !important;
}

    .mobile-nav-contact-number{float: left; font-family: roboto; }
    .mobile-nav-contact-number a{color: #fff; font-size: 13px;
        font-weight: 600;}
    .mobile-nav-contact-number a span{color: #0a84cb !important;}
    .email-nav-contact-number a{color: #ffffff; font-size: 15px;
        font-weight: 600; text-transform: capitalize;}
    .email-nav-contact-number a span{color: #0a84cb;}

    .about-section .about-section-inside p.about-para{text-align: justify;}
    .home-work-portfolio ul.nav{display: flex;flex-direction: column;}
    .home-work-portfolio ul.nav li.nav-item{margin: 2px 0 !important;}
    .home-work-portfolio ul.nav li.nav-item a{text-align: center;}

    .form-section .form-left{padding: 50px 20px;}
    
    .country svg{display:none;}
    #mobileresicon{display:block; width:42px;}
}