/* home page  */
@media (max-width:960px) {
    #primary-menu, .site-header .social-icon{
        display: none;
    }
    .ham-menu{
        display: block;
        margin-left: 5px;
    }
    .ham-menu i {
        color: rgb(0, 0, 0);
        font-size: 22px;
        cursor: pointer;
        display: flex;
      }
      .slide-menu-bar .slide-close {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 18px;
        cursor: pointer;
      }
      .slide-menu .custom-logo{
        margin: 20px auto;
        width: 150px;
        display: block;
      }
      .slide-menu-logo{
        border-bottom: 1px solid #eee;
      }
      .slide-menu {
        display: block;
        position: fixed;
        height: 100vh;
        overflow-y: auto;
        width: 100vw;
        top: 0;
        left: 0;
        z-index: 1000;
        transition: all 0.3s linear;
        opacity: 0;
        visibility: hidden;
        overflow-x: hidden;
      }
      .slide-menu .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: -1;
      }
    
      .slide-menu .slide-menu-bar {
        background: #fff;
        height: 100vh;
        overflow-y: auto;
        position: absolute;
        z-index: 1;
        width: 300px;
        left: -300px;
        transition: all 0.3s linear;
      }
    
      .slide-menu.slide-show {
        opacity: 1;
        visibility: visible;
      }
      .slide-menu.slide-show .slide-menu-bar {
        left: 0;
      }
      #primary-menu1 {
        list-style: none;
        padding-bottom: 10px;
        display: block;
      }
      #primary-menu1 ul {
        list-style: none;
      }
      #primary-menu1 a {
        text-decoration: none;
        color: black;
        padding: 10px 20px;
        display: block;
        font-size: 16px;
        width: 100%;
        text-transform:capitalize;
      }
      #primary-menu1 > li:hover > a {
        background: var(--primary-color);
        color: white;
      }
      #primary-menu1 > li:hover > span i{
        color: #fff;
      }
      .slide-menu .icon{
        display: none;
      }
      .about-intro {
        display: grid;
        grid-template-columns:1fr;
        align-items: center;
      }
      .about-img{
        display: none;
      }
      .about-img-mobile{
        display: block;
        width: 100%;
      }
      .about-text p{
        padding-top: 20px;
      }
      .mission-vission-goal{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
      }
      .mission {
       width: 45%;
      }
      .ekata-gallery {
        display: grid;
        grid-template-columns: 1fr;
      }
      .ekata-footer {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        column-gap:100px ;
        padding: 20px 0;
      }
      .h2-heading {
        font-size: 38px;
        margin-bottom: 15px;
      }
      .h5-heading {
        font-size: 20px;
      }
      /* contact page  */
      .contact-page {
        flex-direction: column;
        gap: 20px;
        box-shadow: none;
        background: transparent;
        gap: 40px;
        padding: 10px;
      }
      .contact-us {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
        padding: 30px;
      }
      .form-section {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
        padding: 30px;
      }
      /* contact page  */
      /* error section  */
      .error-content p {
        font-size: 50px;
      }
      .error-content div {
        font-size: 20px;
        padding-bottom: 30px;
      }
      /* error section  */
     
    
}
@media (max-width:640px) {
    .slide-menu .mobile-btn{
        display: block;
      } 
      .desktop-btn{
        display: none;
      }
    .icon{
        margin: 0px 20px;
    }
    .icon .btn{
        display: block;
        width: 100%;
        text-align: center;
    }
    .site-header .custom-logo{
      width: 140px;
    }
    .h2-heading {
      font-size: 30px;
      line-height: 44px;
    }
    .h3-heading {
      font-size: 26px;
    }
    .program-list .sub-title {
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 10px;
    }
    .the-txt p {
      font-size: 18px;
      line-height: 32px;
      margin-bottom: 16px;
    }
    .mission-vission-goal {
      display: flex;
      justify-content: center;
      gap: 30px;
    }
    .mission{
      width: 100%;
    }
    .ekata-footer {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 30px;
    }
    .contact-section .followus {
      margin-top: 30px;
    }
    .quick-menu {
      display: flex;
      justify-content: start;
    }
    .logo-section .custom-logo {
      background: #fff;
      width: 160px;
      padding: 10px;
      margin-bottom: 25px;
    }
    .copyright-last .wrapper {
      gap: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .ekata-banner .owl-nav {
      display: none;
    }
    .section {
      padding-top: 40px;
    }
    .about-intro .button {
      margin: 20px 0;
      margin-bottom: 5px;
    }
     /* contact page  */
     .contact-page {
      padding:  15px 0;
    }
    .contact-us,.form-section {
      padding: 20px;
    }
    .contact-info .con-info img {
      width: 25px;
    }
    .con-info span, .con-info a {
      font-size: 18px;
    }
    .con-info p {
      font-size: 14px;
    }
    .contact-info .con-info {
      padding: 10px 0;
      column-gap: 15px;
    }
    .con-info .icon {
      margin: 0 0;
    }
   
    .page-section {
      margin-top: 90px;
    }
    .contact-container {
      padding-bottom: 40px;
    }
     /* contact page  */
     /* gallery page  */
     .ekata-gallery-main {
      display: flex;
      flex-direction: column;
      padding-bottom: 40px;
    }
    .ekata-gallery {
      padding-bottom: 40px;
    }

      /* gallery page  */
      /* about page  */
      .purpose-section {
        background: #d9d9d9;
        margin-top: 50px;
        padding-bottom: 40px;
      }
      .table-section {
        padding-bottom: 40px;
      }
       /* about page  */
       .site-footer::after {
        height: 150px;
        width: 200px;
      }
      /* error section  */
      .error-content p {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 10px;
      }
      .error-content div {
        font-size: 18px;
        padding-bottom: 20px;
      }
      /* error section  */

}