@media only screen and (max-width: 767px){

    /* HOME CSS */
        .banner_bg{
            background-color: #1b8bcc;
            background-image: none;
            height: 64vh;
        }
        .banner-content{top: 13%;}
    
        .banner_bg.inner_pages{
            height: 20vh;
            background-color: #6959DA;
            background-image: none;
        }
    
        .sticky-header{visibility: visible; opacity: 1;}
    
        .header-upper{display: none;}
    
        .dropdown:hover .dropdown-menu{display: none;}
    
        .dropdown .dropdown-menu.show{display: block;}
    
        .banner-text h1{font-size: 21px;}
        .banner-text h4{font-size: 14px;}
        .main-banner-para{font-size: 0.9em;}
        .waves{bottom: -13px;}
        .usr_clientele .about-detail img{
            max-width: 125px;
        }
        .section-title .head-two{
            font-size: 22px;
        }
        .services-text .title{
            font-size: 16px;
            margin-bottom: 10px;
            margin-top: 10px;
            text-align: center;
        }
        .aboutus-detail p{
            font-size: 16px;
            padding: 5px;
        }
        .digital_transformation_section .shape-part{
            margin-bottom: 130px;
        }
        .digi_btn_wrap{bottom: 27px;}
    
        .cyber_security_section{
            padding: 50px 0 0;
        }
        .bg-pattern-effect{
            top: -9px;
        }
        .about-us-section{
            padding: 50px 0 20px;
            background-size: auto 100%;
        }
        .about-us-section .aboutus-detail p{margin-bottom: 30px;}
        .about-us-section .service-detail-grp{
            max-width: 100%;
        }
        .service-box{justify-content: left;}
    
        .abt-section-title .head-two{font-size: 27px;}
    
        .about-us-section .about-detail .head-three{font-size: 20px;}
    
        .usrPrimaryBtn{
            font-size: 13px;
            height: 50px;
            line-height: 50px;
            padding: 0 30px;
        }
    
    /* ABOUT US CSS */
        .statement-section{background-size: cover;padding: 25px 0 40px;}
    
        .statement-section .text{padding-right: 0;}
    
        .statement-section .content{
            margin-left: 0;
            padding: 0px 20px 20px 20px;
            margin-top: 50px;
        }
    
        .statement-section .nav-tabs.tab-btn-style-one{justify-content: center;}
    
        .statement-section .nav-tabs.tab-btn-style-one .nav-item .nav-link{margin-right: 0;}
    
        .statement-section .nav-tabs.tab-btn-style-one li.nav-item{margin-bottom: 10px;}
    
        .statement-section .nav-tabs.tab-btn-style-one li.nav-item:before{display: none;}
    
        .values-heading{
            left: 22%;
            top: -17px;
            width: 60%;
        }
        .tl-item, #timeline:hover .tl-item, .tl-item:hover{width: 100% !important;}
        
        #timeline{flex-direction: column;}
        
        .industries-section{background-size: cover;background: #e4ecff;}
    
        .industries-section{
            margin-bottom: 0;
            padding: 27px 0 0 0;
        }
    
    /* GALLERY CSS	 */
        .gallery-filters ul{
            flex-direction: column;
        }
        .gallery-item-overlay h3{font-size: 14px;}
    
        .gallery-block-category{text-align: left;}
    
        .gallery-more{
            right: 12px;
            bottom: 65px;
        }
    
    /* CYBER SECURITY CSS	 */
        .cyber.dot-bg{display: none;}
    
        .section-approach{padding: 30px 0px 30px 0px;}
    
        .service2-v4{background-image: none; padding: 30px 0 30px 0;}
    
        .service2-v4 .about-detail img, .service-partners .about-detail img{max-width: 125px;}
    
        .service-partners{padding: 20px 0 20px 0;}
    
        .service-partners .overlay-image-2{display: none;}
    
        .cta-h2{padding: 20px;}
    
    /* DIGITAL TRANSFORMATION CSS */
    
    .innerBanner_heading{
        top: -65px;
        left: 14%;
        font-size: 20px;
    }
    .innerBanner_heading.longtext{
        left: 0;
      }
    
    .d-head_bg{padding-top: 30px;}
    
    .approach-subhead{font-size: 13px;}
    
    /* COGNITIVE TECH CSS */
    .counter_wrapper .bg2{
        padding: 10px;
    }
    .bc_accelerator{padding: 0;margin-bottom: 20px;}
    
    .bc_accelerator .section-title .head-two {
        margin-top: 20px;
    }
    .serv-box-2{padding: 20px;}
    
    .section-ml{padding: 0;}
    
    /* FOOTER CSS */
        .usr_footer{
            background: linear-gradient(to top, #2998d8 0%, #1b8bcc 100%);
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
        }
        
        .footer_overlay{background-size: cover;background: none;}
    
        .border-right-cust{border-bottom: 1px solid #fff !important;}
    
        .f-contact{padding: 20px;}
    
        .f-contact .icon{margin: 0;}
    
        .contact_para{height: auto;}
        
        .contact_para h5{line-height: 2rem;}
    
    /* Greeting modal */
    #greeting_modal .modal-dialog
    {
        margin: 130px 12px 0 5px;
    }
    }
    
    @media only screen and (max-width: 991px) and (min-width: 768px)  {
    
    /* HOME PAGE CSS */
        .banner-content{top:17%}
        .banner-text h1{font-size: 2rem;}
        .banner_bg{height: 75vh;}
        .main-banner-para{
            margin-top: 10px;
            font-size: 1em;
        }
        .nav-outer .navbar-nav .nav-item{
            padding-left: 5px;
            padding-right: 5px;
        }
        .nav-outer .navbar-nav .nav-item .nav-link{font-size: 1rem;}
        .about-us-section {
            padding: 90px 0 20px;
            background-size: auto 100%;
        }
        .bg-pattern-effect{top: -5px;}
        .digital_transformation_section .shape-part{margin-bottom: 154px;}
    
        
    /* FOOTER CSS */
        .f-contact{padding-top: 30px;}
        .f-contact h5{font-size: 1rem;line-height: 1.5rem;}
        .usr_footer{
            background: linear-gradient(to top, #1b8bcc 0%, #6959DA 100%);
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
        }
        .footer_overlay{background-image: none;}
        .main-footer-9 .copy-footer-9{text-align: center;}
    }
    
    @media only screen and (max-width: 1150px) and (min-width: 992px){
        .banner-content{top:10%}
        
        .banner_bg{height: 80vh;}
    }
    @media only screen and (max-width: 1300px) and (min-width: 1151px){
        .banner-content{top:10%}
        
        .banner_bg{height: 87vh;}
    }
    @media only screen and (max-width: 1500px) and (min-width: 1301px){
        .banner-content{top:10%}
        
        .banner_bg{height: 99vh;}
    }