@media (min-width: 1536px) {
    .container {
      max-width: 1280px!important;
    }
  }
  @media (max-width: 768px) {
    html, body {
      max-width: 100% !important;
      overflow: auto !important;
    }
    body {
      -webkit-overflow-scrolling: touch;
      overflow-y: scroll;
  }

  }

  @media screen and (min-device-width: 768px) and (max-device-width: 1025px){


    .about-section .col-md-5 {
      width: 100%;
    }
    .about-section .col-md-7 {
      width: 100%;
    }
    .abtimg.img-responsive {
      height: 100%;
    }
    .abt-col {
      height: 280px;
    }
  }
    
  
  @media (max-width: 992px) {

    .logo a {
      width: 300px;
    }
    .main-header {
      padding: 10px 0;
    }
    .mobile-menu .close-btn .icons{
      font-size: 20px!important;
      color: #fff;
    }
    .header-top,
    .main-header .main-menu {
      display: none;
    }
  
      .btn2 {
      display: inline-block!important;
      padding: 8px 16px!important;
      margin-left: 10px;
      }
      .btn1 {
      display: inline-block!important;
      padding: 8px 16px!important;
      }
      .ul-left {
      flex-direction: column;
      gap: 10px;
      margin-left: 0;
      padding-left: 0;
      margin-top: 5px;
      }
      .ul-left li{
      border-bottom: none!important;
      }
  
      .main-header .logo {
        display: flex;
        width: 100%;
      }
    .trad-wraper {
      width: 100%;
      }
      .tradsect {
      padding: 20px 10px;
      }
    /* .main-header .logo img,
    .sticky-header .logo img {
      width: auto;
      max-width: none;
      width: 190px;
    } */
    .mobile-menu .navigation li > a{
      color: #fff;
    }
    .mobile-nav-toggler {
      display: block;
      color: #fff;
    }
    .mobile-nav-toggler .icons {
      font-size: 24px;
    }
    .hero {
      height: 180px;
      background-size: cover;
      padding: 0;
      background-position: center;
    }
      .hero::before {
        height: 180px;
      }
      .hero h1 {
        font-size: 28px;
      }
      .abtimg.img-responsive {
        height: auto;
      }
      .tab.mission-list-tab ul a {
        padding: 7px 12px;
        font-size: 13px;
        font-weight: 600;
      }
 
      .about-section {
        padding: 20px 0 !important;
      }
      .text-3xl {
        line-height: 0.25rem;
        font-size: 1.475rem;
      }
      .memory-section {
        padding: 30px 10px;
      }
  .act-slider .owl-next {
    border: 2px solid #dc2626 !important;
    left: 13% !important;
  }
  .memoryimg {
    height: auto;
  }
  .p-6.w-2\/3.text-left {
    width: 100%;
  }
  .mt-10.text-center.border-t.border-gray-700.pt-5.text-gray-400 {
    margin-top: 20px;
    margin-bottom: 0;
    padding-top: 15px !important;
  }
  #mobile-menu a{
    padding-top: 0 !important;
  }
  
  .breds {
    padding-bottom: 14px;
    padding-top: 14px;
    height: 150px !important;
  }
  .page_title h1 {
    font-size: 20px;
  }
  .abt-col {
    height: auto;
  }

  .single-slider {
    width: 100%;
    margin-right: 0px;
  }
  .bglight {
    right: -228px;
    transform: rotate(0deg);
  }
  .bglight2 {
    left: -228px;
    z-index: -1;
  }

  .single-slider .gcol {
    height: 100% !important;
  }


.hero-slider .owl-prev{
  left: 0;
  top: 58%;
}
.hero-slider .owl-next{
 right: 0;
 top: 58%;
}
.hero-slider .owl-dots {
  display: none !important;
}
.fcol {
  margin-bottom: 10px;
}
.single-slider img {
  height: 350px !important;
}
.row.two .abt-col {
  height:100%;
  margin-bottom: 20px;
}


  }