@media (max-width: 576px) {
    .custom-pagination .page-link {
      padding: 0.4rem 0.6rem;
    }
  }


  @media (max-width: 600px) {
      .breadcrumb-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
      }

      .breadcrumb-separator {
        display: none;
      }
    }


/*********** Below 768px **************/

@media (max-width: 768px) {
      .login-left {
        display: none;
      }
	  
	  .login-right {
 		 padding: 3rem 3rem;

	}
	
	/************Side bar **************/
	
	 .sidebar {
 position: absolute;
 z-index: 1000;
 height: 100vh;
 left: -250px;
}
 .sidebar.show {
 left: 0;
}


      .learning-section {
        flex-direction: column;
        gap: 1rem;
      }
	  
	  
	    .training-col, .kas-col {
        flex: 100%;
  }

  .kas-nav {
        display: none;
 }
 
 
 .search-wrapper{
	 border-radius:10px;
	 
	}
	
	.search-wrapper input[type="text"].form-control{
		padding-left:10px !important;
		
	}
	
	
	
}




@media (max-width: 1024px) {
  #topbarMenu {
    flex-direction: column;
    position: absolute;
    top: 60px;
    background: white;
    right: 0rem;
    padding: 1rem 1rem 1rem 2rem;
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    z-index: 100;
	width:100%;
  }
  
  .topbar ul li {
	  padding-left:10px;
	  
	 }
	 
	 .topbar ul .me-4{
		 margin-right:0 !important;
		}

  #topbarMenu.d-none {
    display: none !important;
  }

  .tobpright-icon {
    display: none !important;
  }
}

@media (max-width: 768px) {
                .library-tab .nav-tabs{
                                border-bottom:0 !important;
                }
                
                .library-tab ul li{
                                display:flex;
                                flex-direction:column;
                                width:100% !important;
                                margin-top:10px !important; 
                }
                
                .library-tab .nav-link{
                                border-radius:10px !important;
                                
                }
                
}