@media (max-width:767px) {
  header .navbar{flex-wrap: wrap; height: 100%;}
  header .welcome-dashboard { width: 100%; height: auto; padding: 8px; justify-content: center; font-size: 16px; }
  header .menu { padding: 0 10px; margin: auto; min-height: 50px;}
  .sidemenu-bar{height: 50px; width: 60px; display: none;}
  .main-wraper.w-sidemenu, .main-wraper{ padding: 20px 5px; margin-top: 92px; width: 100%;}
  .sidemenu { left: 0; position: static; border-radius: 14px; width: 100%; }
  .sidemenu ul { margin: 0 0 10px; display: flex; overflow: auto; align-items: center; justify-content: center; }
  .sidemenu ul li a { font-size: 14px; padding: 10px 14px; border-bottom: 0; }
  .btn { padding: 10px 15px; font-size: 14px; height: 38px; }
  table td, table th{font-size: 14px; padding: 7px;}
  table td .btn { padding: 5px; height: 30px; font-size: 12px; min-width: 30px; }
  .card-body{padding: 15px;}
  .card-title { padding: 15px; margin: -15px -15px 15px; flex-wrap: wrap; }
  .card-title .btn{margin-left: auto;  padding: 10px;}
  .form-wraper .form-action{ padding: 15px; margin: 20px -15px -15px;}
  .card-title h2 { margin: 0; font-size: 18px; }
}
@media (max-width:480px) {
.main-wraper.w-sidemenu, .main-wraper { padding: 15px 0; }
.btn { font-size: 13px; height: 34px; padding: 8px 15px; }
.card-title .btn { padding: 8px; }
.login-container .btn{height: 40px;}
.form-control, .form-wraper .image-group .form-control{height: 40px; padding: 7px 10px;}
.form-group, .form-wraper .image-group { margin-bottom: 0.9rem; }
.form-wraper .image-group .btn{height: 40px;}
.form-wraper .image-group { flex-wrap: wrap; }
.form-wraper .image-group .form-control{flex: auto; width: 80%; }
.form-wraper .existing-images.group-img { grid-template-columns: repeat(2, 1fr); gap: 6px; }
.form-wraper .existing-images.group-img .img-box .btn { right: 8px; top: 8px; width: 28px; height: 28px; }
.form-wraper .existing-images.group-img .img-box{padding: 6px;}
.pagination { margin: 30px 0 0; padding: 20px 0 10px; }
.pagination a { font-size: 14px; padding: 5px 12px; min-width: 36px; }
}