@media (max-width: 575.98px) {

    /*header start*/
    .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
      display: flex!important;
    }
    .navbar-collapse {
      width: 100%; /* Full width for mobile view */
    }

    .navbar-collapse {
        justify-content: center;
      }
    .navbar-toggler {
        margin-left: auto;
        
    }
    .navbar-nav {
        margin-top: 10px; 
    }
    .navbar-brand img {
      width: 100px;
    }
      .video-content img {
        width: 50%;
    }
      /*about start*/
      .about-header h2{
        font-size: 30px !important;
      }

    /*work start*/
    .mt-2 {
        margin-top: 1rem; 
      }
      .work-content {
        text-align: center; 
      }
      .left-hr{
        margin: 0 auto;
      }
      /*testimonial start*/
      .test-head {
        margin-bottom: 1rem; 
      }
  
      .content {
        font-size: 0.8rem; 
      }
    .owl-nav {
		display: none;
	  }
    /*footer start*/
    .footer-bottom {
        text-align: center;
      }
  
      .footer-bottom .row {
        flex-direction: column;
      }
  
      .socials a {
        display: inline-block;
        margin-bottom: 5px;
      }
      .newsletter h1 {
        font-size: 25px;
      }
      .newsletter p {
        font-size: 14px;
      }
      .single-box h2{
        font-size: 25px;
      }
      .single-box{
        font-size: 14px;
      }
      .copyright p{
        font-size: 14px;
      }
    

    /*out outlet slider start*/
    .out-header{
        text-align: center;
    }
    .wMaxFull h2{
        font-size: 20px;
    }
    .wMaxFull li{
        font-size: 10px;
    }
    .out-btn{
        padding: 6px 20px;
        font-size: 12px;
    }
    .card_text{
            left: 45%;
            transform: translate(-50%, -20%);
            color: white;
            text-align: left;
    }

    /*awaken start*/
    .aw-banner-image{
      height: 70vh !important;
    }
    .aw-banner-image img {
        width: 40%;

    }
    .menu h2{
        font-size: 30px !important;
    }
    .menu-box{
        width: 250px;
    }
    .menu-box h3 {
        font-size: 1.2rem; 
      }
    
      .menu-box p {
        font-size: 0.8rem; 
      }
      /*hak management start*/
      .hk img{
        width: 60% !important;
      }
      .hak-banner{
        height: 80vh;
      }
    .hak-man-cont h2{
        font-size: 30px !important;
      }
      .hak-box-main h3{
        font-size: 20px !important;
      }
      .hak-box-main p{
        font-size: 14px !important;
      }
    .hak-man-box {
        flex-direction: column;
    }

    .hak-man-box-text {
        order: 2;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .hak-man-box-image {
        order: 1;
    }
    .hak-box-main {
      padding: 20px;
    }
    .lf{
      margin-left: 0px;
      margin-right: 0px;
    }
    .hak-box-main {
      margin-left: 0px;
      margin-right: 0px;
    }
    /*oslin start*/
    .additional-logo img {
      padding-top: 30px;
  }
    .os-con h2{
        font-size: 30px !important;
    }
    .plan-box{
        width: 250px;
        margin: 0 auto;
        padding: 20px;
    }
    .plan-box-right{
      padding: 20px;
    }
    .vh-100 {
      height: 40vh; 
    }
  
    .additional-logo img {
      max-width: 150px; 
    }
  
    .carousel-item img {
      object-position: center; 
  }
      /*contact start*/
      .contact-info {
        flex-direction: column; 
    }

    .contact-form,
    .contact-detail {
        width: 100%; 
        max-width: none; 
    }
    

}

 /* Small devices (landscape phones, 576px and up)*/
 @media (min-width: 576px) and (max-width: 767.98px) {
    /*work start*/
    .work-content {
        text-align: center; 
      }
      .owl-nav {
		display: none;
	}
    /*testimonial start*/
    .gall_text {
        font-size: 1.5rem; 
      }
  
      .content {
        font-size: 0.9rem;
      }

      .wMaxFull h2{
        font-size: 18px;
    }
    .wMaxFull li{
        font-size: 10px;
    }
    .out-btn{
        padding: 5px 20px;
        font-size: 12px;
    }
    .card_text{
        left: 45%;
        transform: translate(-50%, -50%);
        color: white;
        text-align: left;
    }
      /*footer start*/
      .email-form {
        flex-direction: column;
      }
  
      .email-form input,
      .email-form button {
        width: 100%;
        border-radius: 5px;
        margin-bottom: 10px;
      }
  
      .footer-bottom .text-center {
        text-align: center !important;
      }
      /*awaken start*/
    .aw-banner-image img {
        width: 30%;
    }
    .menu h2{
        font-size: 30px !important;
    }

    /*hak start*/
    .lf{
      margin-left: 0px;
      margin-right: 0px;
    }
    .hak-box-main {
      margin-left: 0px;
      margin-right: 0px;
    }
    .hak-box-main {
      padding: 20px;
    }
    .hak-man-box-text {
      order: 2;
      margin-bottom: 20px;
      margin-top: 20px;
  }

  .hak-man-box-image {
      order: 1;
  }
    /*contact start*/
    .contact-info {
        flex-direction: column; 
    }

    .contact-form,
    .contact-detail {
        width: 100%; 
        max-width: none; 
    }
    
 }


 /* Medium devices (tablets, 768px and up)*/
 @media (min-width: 768px) and (max-width: 991.98px) {
    .owl-nav {
		display: none;
	}
    .wMaxFull h2{
        font-size: 20px;
    }
    .wMaxFull li{
        font-size: 10px;
    }
    .out-btn{
        padding: 6px 20px;
        font-size: 12px;
    }
    .card_text{
        left: 45%;
        transform: translate(-50%, -20%);
        color: white;
        text-align: left;
    }
    /*hak start*/
    .lf{
      margin-left: 0px;
      margin-right: 0px;
    }
    .hak-box-main {
      margin-left: 0px;
      margin-right: 0px;
    }
    .hak-box-main {
      padding: 20px;
    }
    .hak-box-main h3{
      font-size: 20px;
    }
    .hak-box-main p{
      font-size: 13px;
    }
    /*awaken start*/
    .aw-banner-image img {
        width: 30%;
    }
    /*contact start*/
    .contact-info {
        flex-direction: column; 
    }

    .contact-form,
    .contact-detail {
        width: 100%; 
        max-width: none; 
    }
    

 }

 /* Large devices (desktops, 992px and up)*/
 @media (min-width: 992px) and (max-width: 1199.98px) {
    .owl-nav {
		display: none;
	}
  .hak-box-main {
    padding: 20px;
  }
 }