/* ----------------------------------- */
/*  Break-Points Min-1200px - Desktop 
/* ----------------------------------- */
@media (min-width: 1600px) {
  .login-Wrapper .banner-sec .custom-container{
    max-width: 1600px;
  }  
}

/* ----------------------------------- */
/*  Break-Points Min-1200px - Desktop 
/* ----------------------------------- */
@media (min-width: 1200px) {
  .area-wrapper{max-width: 1200px;}
  // .login-Wrapper .banner-sec .custom-container{
  //   max-width: 1200px;
  // }
}


/* ----------------------------------- */
/*  Break-Points MAx-1600px -  
/* ----------------------------------- */
@media only screen and (max-width: 1600px) {
  .event-category.main-category li { width: calc(100% / 2 - 1rem);}
}


/* ----------------------------------- */
/*  Break-Points MAx-1400px -  
/* ----------------------------------- */
@media only screen and (max-width: 1500px) {
  .side-navbar{
    width:280px;
    margin-left:-280px;
  }
  .menu-wrapper-container.active {
      margin-left: 280px;
  }

  .doc-upload-row{
    flex-direction: column;
    flex-wrap: nowrap;
    .row-half {
      width: calc(100% - 2rem);
    }
  }
  
  .page-main-wrapper .custom-container {
      width: calc(100% - 4rem);
  }
  .mainFlexWrapper{padding: 2rem 0;}
  .body-container .over-data{
    align-items: flex-start;
    flex-direction: column;
    row-gap: .5rem;
    flex-wrap: nowrap;
    justify-content: center;
  }

  .body-container .profile-data .contact-list{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: .5rem;
    flex-wrap: nowrap;
  }

    
}


/* ----------------------------------- */
/*  Break-Points Max-1199px - Laptop 
/* ----------------------------------- */
@media only screen and (max-width: 1199px) {
  .login-Wrapper .banner-sec .custom-container{ width: 94%;  padding: 3rem 2rem;}
  .login-Wrapper .banner-sec .banner-wrapper .right-wrap, .login-Wrapper .banner-sec .banner-wrapper .left-wrap{  max-width: 400px; }
  .body-container{
    padding: 2rem;
    .profile-description{ padding: 1.6rem;}
    .profile-head{ row-gap: 1rem; padding-bottom: 1.5rem;}
    .login-Wrapper .banner-sec .custom-container{width: 96%;}
  }
  .area-wrapper{max-width: 1000px;}  
  
}


/* ----------------------------------- */
/*  Break-Points Max-1050px - Min-desktop
/* ----------------------------------- */
@media only screen and (max-width: 1050px) {

  .login-Wrapper .banner-sec .banner-wrapper .content-wrapper{width: 100%;}
  .body-container .body-content-area-wrap .event-list-cards li {
    .content-wrap{
      flex-direction: column;
      row-gap: .8rem;
      align-items: flex-start;
      width: 100%;
      justify-content: flex-start;
      .item-des .text-wrap{
        row-gap: 10px;
      }
    }
    .action-wrap{ padding-left: 56px; flex-direction: row-reverse;} 
  }

  .area-wrapper{max-width: 900px;}
  
}

/* ----------------------------------- */
/*  Break-Points Max-992px - Laptop 
/* ----------------------------------- */
@media screen and (max-width: 992px) {
  .hide-In992 { display: none !important;}
  .mobile-hamburger{display: block !important;}  
  .menu-wrapper-container.active{margin-left: 0;}
  .page-main-wrapper{
    .custom-container{width: 95%;}
    .mainFlexWrapper{padding-top: 30px;}
  }

  .login-Wrapper .banner-sec .banner-wrapper{
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    .right-wrap, .left-wrap{max-width: 500px;}
    .content-wrapper {
      .title, .sub-para {text-align: center;}
    }
  }


  // .side-navbar{
  //   left: 0;    
  //   background: #fff;
  //   top: 0;
  //   padding:1.5rem 1rem;
  //   box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;   
  // }

  .body-container .body-content-area-wrap .org-licence-cards {
    li .content-wrap .action-wrap{ flex-direction: column; row-gap: .5rem; flex-wrap: nowrap; align-items: flex-start; }
  }
}

/* ----------------------------------- */
/*  Break-Points Max-768px - Tab 
/* ----------------------------------- */
@media screen and (max-width: 768px) {  
  .hide-In768 {display: none!important}
  .sidebar-nav-wrapper, .side-navbar{
    .nav li.welcome, .nav li .action{display: flex !important;}
  }
  .header.active .wrapper{padding-left: 0;}
  .header{
    height: 76px;
    .wrapper{
      .logo img{height: 58px;}
      .welcome-action{
        .welcome, .action{display: none !important;}
      }
    }    
    &.scrolled{
      height: 70px;
      .wrapper{
        .logo img{height: 50px;}
      }      
    }     
  }

  .login-Wrapper, .page-main-wrapper, .adjust-with-header{
    padding-top: 76px;
    &.scrolled{padding-top: 70px;}
  }

  .side-navbar{
    top: 76px;
     &.scrolled{top: 70px;}
  }

  .body-container .body-content-area-wrap  {
    .org-licence-cards li, .event-list-cards li{
      .content-wrap{ flex-direction: column; row-gap: 1rem; align-items: flex-start;
        .action-wrap{flex-direction: row;}
      }
    }     
  }


  
}



/* ----------------------------------- */
/*  Break-Points Max-680px - Tab 
/* ----------------------------------- */
@media screen and (max-width: 680px) {

  .header{
    height: 68px;
    padding: 8px 0;
    .wrapper{
      .logo img{height: 50px;} 
      .welcome-action li.button a{padding: .6rem 1.2rem;}     
    }    
    &.scrolled{
      height: 60px;
      padding: 5px 0;
      .wrapper{
        .logo img{height: 48px;}
      }      
    }     
  }

  .login-Wrapper, .page-main-wrapper, .adjust-with-header{
    padding-top: 68px;
    &.scrolled{padding-top: 60px;}
  }

  .side-navbar{
    top: 68px;
     &.scrolled{top: 60px;}
  }



  .body-container {
    .profile-data .contact-list{ flex-direction: column; row-gap: 10px;}
    .profile-description, .body-content-area-wrap{padding: 1.8rem;}
    .over-data{ align-items: flex-start; flex-wrap: nowrap; flex-direction: column; row-gap: 5px;}

    .body-content-area-wrap {
      .org-licence-cards li{ 
        flex-direction: column; row-gap: 1.5rem; align-items: flex-start; justify-content: flex-start;
      } 
      .event-list-cards li{
        flex-direction: column; row-gap:0; align-items: flex-start; justify-content: flex-start;
        padding: 20px;
        .content-wrap .item-des {
          width: 100%;
          .text-wrap {
            width: calc(100% - 80px);
            .date-wrap{
              width: 100%;
              display: flex;
              flex-direction: column;
              align-items: flex-start;
              padding: 10px 15px;
            }
          }
        }            
      }
    }
  }

  .common-form-wrapper{
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 1.5rem;
    justify-content: flex-start;
    .row-half {
        width: calc(100% - 2rem);
    }
  }


  .footer {
    .content-wrapper{
      align-items: center; justify-content: center; flex-direction: column;
      li{border: none;}
      p, a, span{text-align: center;}
    }
  }  

}



/* ----------------------------------- */
/*  Break-Points Max-500px - Mobile 
/* ----------------------------------- */
@media screen and (max-width:500px) { 
  .body-container {
    padding: 1.5rem;    
    .profile-data{ 
      display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; row-gap: 1rem;
      .content-wrapper{align-items: center;}
      .contact-list{align-items: center;}
    }
    .profile-head{row-gap:1.5rem;}
    .profile-description, .body-content-area-wrap{padding: 1.4rem;}
    .body-content-area-wrap {    
      .event-list-cards li{      
        .content-wrap {
          row-gap: 10px;
          .item-des{ 
            flex-direction: column;
            justify-content: flex-start;
            align-items: center; 
            row-gap: 10px;    
            .text-wrap {
              width: 100%;
              align-items: center;      
              .date-wrap{  
                flex-direction: column; align-items: flex-start; padding: 10px 15px; border-radius: 8px; row-gap: 3px;
                li{ display: flex; flex-direction: row;}
                .label{min-width: 70px;}
                .value{color: $color-dark;}
              }
            }
          }
          .action-wrap{ padding: 0; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; row-gap: 10px; }
        }        
                         
      }
      .org-licence-cards li {
        row-gap: 1rem;
        .chip{margin: 0 auto}
        .content-wrap{align-items: center;}
      }
    }
  }



}