@media only screen and (max-width: 480px) {
  .header .toggle_btn{display:none;}
  .header .logo img{width: 154px;}
  .signup_form_part{padding: 20px;}
  .user_account_omformation ul {display: block;}
  .user_account_omformation ul li:after{display:none;}
  .page-title{text-align: center;}
  .user_account_dashboard{padding: 14px 0px;}
  .user_account_omformation ul li {padding-right: 0px; margin-bottom: 8px;}
  .time-list .dash-stats-list{padding: 0 0px;}
  .dash-widget .card-body {padding: 10px 13px;}
  .dashboard_holiday_user .time-list .dash-stats-list h4{font-size: 19px;}
  .time-list .dash-stats-list{padding: 0 0px!important;}
  .user_account_omformation ul li h4{font-size: 14px;}
  #monthsubmit .padding_right {padding-right: 15px;}
  #monthsubmit .padding_left {padding-left: 15px;}
  #monthsubmit .btn-primary{width: 100%; margin-top: 10px;}
  .ticket_view_sec {padding-top: 20px;}
  .ticket_view_form p{width: 100%;}
  .generate_payslip_search .padding_right {padding-right: 15px;}
  .generate_payslip_search .padding_left {padding-left: 15px;}
  #filter_searchform .btn-primary{width: 100%; margin-top: 10px;}
  #downloadpdf, #sendpdf{width: 100%; margin-bottom: 9px;}
  .dashboard_leave{margin-top:20px;}
  .btn-group-lg>.btn, .btn-lg{margin-bottom: 10px;font-size: 16px;}
  
  .sweet-alert h2{font-size: 24px; font-weight: 600;}
  .sweet-alert p{font-size: 16px;}
  
  .login-13 .info p{display:none;}
  .bg-img-inner {margin-top: 0px;padding-bottom: 15px;}
  .login-13 .bg-img{min-height: 100%;}
  .login-13 .bg-img{padding: 10px;justify-content: initial;}
  .login-13 .center h1{font-size: 22px;line-height: 34px;}
  .sign_ing_logo{display:none;}
  .login-13 .bg-img{border-radius: 0 0 150px 0;}
  .markeuee_animation{display:none;}
  .dashboard_searchbar .padding_left {padding-left: 15px;}
  .dashboard_searchbar .padding_right {padding-right: 15px;}
  .dashboard_searchbar{display:none;}
  .upcoming_h_work_anni.content {padding: 0px 10px 0px 8px!important;}
  .dashboard_holiday_user .card {min-height: auto;}
}

@media screen and (min-device-width: 481px) and (max-device-width: 768px) { 
  .header .toggle_btn{display:none;}
  .page-wrapper .content .page-header .page-title{text-align: left;}
  .header .logo img{width: 154px;}
  .signup_form_part{padding: 20px;}
  .user_account_omformation ul li:after{display:none;}
  .page-title{text-align: center;}
  .user_account_dashboard{padding: 14px 0px;}
  .user_account_omformation ul li {padding-right: 30px; margin-bottom: 8px;}
  .time-list .dash-stats-list{padding: 0 0px;}
  .dash-widget .card-body {padding: 10px 13px;}
  .dashboard_holiday_user .time-list .dash-stats-list h4{font-size: 21px;}
  .time-list .dash-stats-list{padding: 0 0px!important;}
  .user_account_omformation ul li h4{font-size: 14px;}
  #monthsubmit .btn-primary{width: 100%;}
  .ticket_view_sec {padding-top: 20px;}
  .ticket_view_form p{width: 100%;}
  #filter_searchform .btn-primary{width: 100%;}
  .dashboard_leave{margin-top:20px;}
  .btn-group-lg>.btn, .btn-lg{margin-bottom: 10px;font-size: 16px;}
  .sweet-alert h2{font-size: 24px; font-weight: 600;}
  .sweet-alert p{font-size: 16px;}
  .card-group>.card{margin-bottom: 0; flex: 0 0 50%; max-width: 50%;}
}
@media screen and (min-device-width: 769px) and (max-device-width: 1024px) { 
    .header .toggle_btn {display: none;}
    .header .logo img {width: 154px;}
    .dashboard_leave {margin-top: 20px;}
    .sweet-alert h2 {font-size: 24px; font-weight: 600;}
    .btn-group-lg>.btn, .btn-lg {margin-bottom: 10px;font-size: 16px;}
    .user_account_omformation ul li h4 {font-size: 14px;}
    .leave_apply_box .row{margin-right: 0px; margin-left: 0px;}
    .leave_apply_sec h2{padding-left: 15px;}
}