@media only screen and (max-width: 1024px) {
   
.navbar-expand-lg .navbar-nav .nav-link {padding: 0;}
.navbar-expand-lg .navbar-collapse {justify-content: end;}
.header .nav-link {font-size: 16px;}
.navbar-toggler {    background-color: #065b8f;}
.cta {background: url(../assests/cta.jpg);}

.Home_banner h1 {
  font-size: 30px;
  font-weight: 800;
}

.banner p { width: 100%;
  }


  .Home_banner h1 {
    font-size: 28px;
    font-weight: 800;
}

}

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

    .Home_banner p {

      font-size: 16px;
    }

    .top_bar strong {display: block;}
    .header a img.w-md-30 {width: 100%; max-width: 90px;}
h1 {font-size:45px;}
.padding-btm-90 {padding-bottom: 50px;}
.padding-top-90{padding-top: 50px;}
h2 {font-size: 26px;}

h3{font-size: 26px;}
h4{font-size: 20px;}
.Home_banner .row {flex-direction: column !important; }

.banner_image {
  background-image: url(../assests/group-coworkers-office-talking_23-2148985521.jpg);
  padding: 150px 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}


.head-text {text-align: end !important;}


.Home_banner .content_ban {
  padding: 40px 15px;
  background-color: var(--primary);
}

.header ul li {font-size: 20px;}
.header ul li .dropdown-menu .dropdown-item {padding:0px; font-size: 17px;}
.header ul li .dropdown-menu ul li:hover .dropdown-item  {color: var(--secondary);}
/* .mt-responsive{margin-top: 20px;} */
.navbar-collapse {margin-top: 60px;} 
.navbar-nav  ul li a{margin-top: 10px ;}
.mainmegamenu  {background-color: transparent !important; border: none  !important; }
.mainmegamenu ul li a {color: #5d5d5d !important;}
.header a img {max-width: 90px;}
.header  {background-color: #065b8f0f;}
.fa-bars {color: #fff; font-size: 30px; font-weight: 200; }
.inner_banner,.banner { padding: 200px 0px 120px;}
.navbar-nav.ms-auto.mb-2.mb-lg-0 li {margin-top: 8px;}
}
  
@media only screen and (max-width: 425px) {

.about_imag {margin-top: 30px;}
.bpo_services, .social_icons  {margin: 35px 0px;}
.headmegamenu:hover .mainmegamenu {display: block; visibility: visible;  }
.navbar-toggler {outline: none !important;}
.fa-bars {color: #fff; font-size: 30px; font-weight: 200; }
 h1 {font-size: 40px;}
.padding-btm-90 {padding-bottom: 50px;}
.padding-top-90{padding-top: 50px;} 
.dropdown-menu.mainmegamenu {visibility: hidden !important; display: none; height:0%;}
.dropdown-menu.mainmegamenu.show{visibility: visible !important; display: block; height: 100%;}
.header a img {max-width: 80px;}
.header  {background-color: #065b8f0f;}
.inner_banner { padding: 240px 0px 60px; }
.banner .review { max-width: 280px; }
.banner .btn-banner { flex-direction: column; }

.inner_banner {
  padding: 100px 0px 100px;
}


.navbar-collapse {
  position: fixed;
  top: 0;
  left: -250px; /* Initially hidden off-screen to the left */
  height: 100%;
  background-color: #f8f9fa;
  width: 250px;
  transition: left 0.3s ease;margin-top: 0px;
  padding: 30px;
}

/* Style for the hamburger icon */
.navbar-toggler-icon {
  background-color: #000;
}

/* Slide in effect for mobile */
.navbar-collapse.collapse {
  left: 0; /* Slide in from the left */
}

  }