.img-mob,
h2.h-block {
  display: none !important;
}

.ds-none,
.h-block {
  display: none !important;
}

.profile_mob {
  display: none !important;
}

.m_close_icon {
  display: none !important;
}

/* mobile responsive only */

@media (min-width: 320px) and (max-width: 767px) {

  /* .close_collapsed{
    width: 0!important;
  } */
  div#reportDiv {
    display: none !important;
  }

  .m_close_icon {
    display: block !important;
    width: 16px !important;
    height: auto !important;
    float: right !important;
    position: absolute !important;
    top: 5px !important;
    right: 10px !important;
  }

  .mb_d_none {
    display: none !important;
  }

  .profile_mob {
    display: block !important;
  }

  .main-content {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .sidebar-header:nth-child(1) {
    background-color: white !important;
  }

  header .sidebar-header:first-child {
    background: transparent !important;
    box-shadow: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-bottom: auto !important;
  }

  header .sidebar-header:first-child a img {
    width: auto !important;
    height: 40px !important;
  }

  .sidebar {
    width: 0 !important;
  }

  .sidebar .sidebar-header:first-child {
    height: auto !important;
    padding: 25px 20px 10px 20px !important;
  }

  a.img-desk {
    display: none !important;
  }

  .img-mob {
    display: block !important;
  }

  header .mob-none {
    display: none !important;
  }

  h2.h-block {
    display: block !important;
    opacity: 1 !important;
    color: #595fde !important;
    font-size: 14px !important;
    line-height: 20px !important;
    border-left: 1px solid #595fde !important;
    padding-left: 5px !important;
    width: 70%;
  }

  .h-none {
    display: none !important;
  }

  .d-none {
    display: block !important;
  }

  .sidebar.collapsed~.main-content .header {
    width: 100% !important;
  }

  /* .sidebar.collapsed:active {
    width: 0!important;
  } */
  .sidebar.collapsed {
    width: 100% !important;
    position: fixed !important;
    z-index: 1100 !important;
  }

  .sidebar.collapsed~.main-content {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .dashboard .sidebar-header {
    /* justify-content: start !important!important; */
    padding: 0 20px !important;
  }

  .dashboard .sidebar-header img {
    width: 70% !important;
    height: auto !important;
  }

  .sidebar .title span {
    font-size: 13px !important;
    line-height: 18px !important;
  }

  .dropdown button,
  .dropdown .submenu-button,
  .sidebar nav ul li a,
  .dropdown .submenu-button1,
  .dropdown .submenu-button2,
  .dropdown .submenu-button3,
  .dropdown .submenu-button4,
  .dropdown .submenu-button5 {
    font-size: 12px !important;
    line-height: 18px !important;
  }

  .dropdown.h-block button.dropdown-button.d-flex.align-items-center.gap-2 {
    width: 80% !important;
    margin-left: auto !important;
    padding: 0 !important;
  }

  .sidebar.collapsed .sidebar-header .notify {
    margin-left: auto !important;
  }

  .header {
    padding: 15px 10px !important;
    width: 100% !important;
    position: relative !important;
  }

  .header h2 {
    font-size: 12px !important;
    line-height: 20px !important;
  }

  .header a.login {
    margin-left: 0 !important;
    font-size: 12px !important;
    line-height: 15px !important;
  }

  .header .dropdown.ms-5.me-5 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .header .toggle-btn img {
    width: 25px !important;
    height: auto !important;
  }

  .header .notify a img {
    width: 16px !important;
    height: auto !important;
  }

  .header .d-flex.align-items-center.right-side {
    flex-wrap: wrap !important;
    justify-content: end !important;
    position: absolute !important;
    right: 55px !important;
  }

  button#toggle-sidebar {
    position: absolute !important;
    right: 0 !important;
  }

  .header .dropdown button.dropdown-button img {
    width: 20px !important;
    height: auto !important;
    margin: 5px 0 !important;
  }

  .breadcrumb-area li a,
  .breadcrumb-area li,
  .topbar span {
    font-size: 12px !important;
    line-height: 25px !important;
  }

  .namuna-form {
    margin: 20px auto 0 !important;
  }

  button#showFormButton {
    font-size: 13px !important;
    line-height: 23px !important;
    margin-bottom: 0 !important;
    padding: 4px 10px;
  }

  .content .divivder-main {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }

  div.dt-buttons>.dt-button,
  div.dt-buttons>div.dt-button-split .dt-button {
    padding: 3px 15px !important;
    margin-bottom: 15px !important;
    font-size: 12px !important;
  }

  .namuna-form label {
    font-size: 14px !important;
  }

  /* table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>*,
  table.table.dataTable> :not(caption)>*>* {
    font-size: 12px !important;
    line-height: 23px !important;
  } */

  table tr th {
    font-size: 12px !important;
    line-height: 23px !important;
  }

  table tr td {
    font-size: 13px !important;
    line-height: 23px !important;
  }

  .namuna-form table td a img {
    width: 15px !important;
    height: auto !important;
  }

  .namuna-form table td a {
    margin-right: 0 !important;
  }

  div.dt-container div.dt-info {
    font-size: 13px !important;
    line-height: 25px !important;
  }

  .namuna-form .note p {
    font-size: 13px !important;
    line-height: 23px !important;
  }

  .form-select,
  .namuna-form p,
  .form-control {
    font-size: 13px !important;
    line-height: 20px !important;
    margin-bottom: 5px !important;
  }

  .namuna-form .btn-area button {
    font-size: 13px !important;
    line-height: 15px !important;
    padding: 8px 15px !important;
    margin-bottom: 10px !important;
  }

  .content {
    margin-top: 0px !important;
  }

  .modal .modal-dialog .modal-body p {
    font-size: 15px !important;
    line-height: 21px !important;
  }

  .dropdown.profile_mob .dropdown-menu {
    position: absolute !important;
    right: -75px !important;
    background: white !important;
  }

  .namuna-form .form-group .form-control {
    height: 30px !important;
    padding: 5px 10px !important;
  }

  .namuna-form .form-group .select2-container .select2-selection--single,
  .namuna-form .form-group .form-select {
    height: 35px !important;
  }

  .namuna-form.patrak .form-group.mb-4 span {
    font-size: 13px !important;
    line-height: 24px !important;
  }

  .content .uddishte p {
    font-size: 13px !important;
    line-height: 24px !important;
    margin-bottom: 4px !important;
  }

  .content .uddishte {
    padding: 10px 5px !important;
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px !important;
  }

  button.btn.btn-primary.w-50 {
    padding: 5px 20px !important;
    font-size: 14px !important;
    line-height: 24px !important;
    width: auto !important;
    margin-bottom: 20px !important;
  }

  span.btn.btn-primary {
    font-size: 13px !important;
    line-height: 24px !important;
    padding: 5px 10px !important;
  }

  b {
    font-size: 13px !important;
    line-height: 23px !important;
  }

  a.d-block.w-50.btn.btn-primary.text-white {
    padding: 5px 10px !important;
    font-size: 14px !important;
    line-height: 25px !important;
  }

  .form-group.mb-4 {
    margin-bottom: 10px !important;
  }

  .form-group.mb-3 {
    margin-bottom: 0 !important;
  }

  .sec .row .col-lg-3 {
    width: 25% !important;
    padding: 0 5px !important;
  }

  /* .sec .row .col-lg-3:nth-child(5){
  width: 23%!important;
} */
  .sec .row .col-lg-3 b {
    font-size: 13px !important;
    line-height: 23px !important;
  }

  .sec .row .col-lg-3 p {
    font-size: 12px !important;
    line-height: 22px !important;
  }

  .row .col-lg-12.mb-4 {
    margin-bottom: 0 !important;
  }

  div.dt-container div.dt-search input {
    width: 100% !important;
  }

  div.dt-container .row,
  .row .col-lg-12.mb-5 {
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 10px;
  }

  .namuna-form div#listingData_wrapper {
    padding: 20px 10px 20px 15px !important;
  }

  .content .row>* {
    margin: 10px 0 0 !important;
    width: 100%;
  }

  .col-6 .dt-length,
  .col-6 .dt-search {
    display: flex;
  }

  .title a.back {
    font-size: 13px;
    line-height: 23px;
  }

  .namuna-form.patrak button {
    font-size: 13px;
    line-height: 23px;
  }

  .namuna-form .sec .h-40 {
    height: auto !important;
  }

  .namuna-form .sec {
    padding: 10px 20px 20px !important;
  }

  nav .pagination li button {
    font-size: 15px !important;
    line-height: 25px !important;
    padding: 5px 10px;
  }

  .alert span {
    font-size: 12px;
    line-height: 20px;
  }

  .alert-dismissible .btn-close {
    width: 40px !important;
    height: 15px !important;
  }

  .content-wrapper .card .card-body h4,
  .content-wrapper .card .card-header h4,
  .content-wrapper .card .card-header h5 {
    font-size: 16px;
    line-height: 22px;
  }

  .content-wrapper .card .card-body p,
  .content-wrapper .card .card-header p {
    font-size: 14px;
    line-height: 23px;
  }

  .content-wrapper .card .btn.btn-primary {
    font-size: 13px;
  }

  .content-wrapper .card .card-body ul.nav {
    flex-wrap: wrap !important;
  }

  table tr th span,
  table tr td {
    white-space: nowrap;
  }

  .namuna-form .addFormDiv {
    padding: 10px 20px;
    margin-top: 10px;
  }

  .login-sec .left-img .l-content {
    /* top: 30%; */
    text-align: center;
  }

  .login-sec .left-img img {
    width: 100%;
    height: 40vh;
  }

  .login-sec .left-img .l-content h2 {
    font-size: 35px;
    line-height: 45px;
    text-align: center;
  }

  .login-sec .left-img .l-content span {
    font-size: 15px;
    line-height: 30px;
    color: #fff;
  }

  .login-sec .right-form .login-form {
    top: 200px;
    border: 1px solid #bebebe;
    padding: 20px;
    border-radius: 10px;
    width: 80%;
    margin-top: 10px;
  }

  .login-sec .right-form .login-form .form-group label {
    /* color: #fff; */
    font-size: 15px;
    line-height: 25px;
  }

  .login-sec .right-form .login-form .r-content img {
    width: 50%;
    height: auto;
  }

  .login-sec .right-form .login-form .form-group input::placeholder {
    font-size: 14px;
    line-height: 25px;
  }

  .login-sec .right-form .login-form .form-group button {
    font-size: 16px;
    line-height: 22px;
    padding: 5px;
  }

  .login-sec .right-form .login-form a:last-child {
    display: flex;
    justify-content: end;
  }

  .login-sec .alert.alert-danger.mt-2 {
    font-size: 13px;
    padding: 5px 10px;
    margin-top: -10px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1281px) {

  /* .close_collapsed{
    width: 0!important;
  } */
  div#reportDiv {
    display: none !important;
  }

  .m_close_icon {
    display: block !important;
    width: 16px !important;
    height: auto !important;
    float: right !important;
    position: absolute !important;
    top: 5px !important;
    right: 10px !important;
  }

  .mb_d_none {
    display: none !important;
  }

  .profile_mob {
    display: block !important;
  }

  .main-content {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .sidebar-header:nth-child(1) {
    background-color: white !important;
  }

  header .sidebar-header:first-child {
    background: transparent !important;
    box-shadow: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-bottom: auto !important;
  }

  header .sidebar-header:first-child a img {
    width: auto !important;
    height: 40px !important;
  }

  .sidebar {
    width: 0 !important;
  }

  .sidebar .sidebar-header:first-child {
    height: auto !important;
    padding: 25px 20px 10px 20px !important;
  }

  a.img-desk {
    display: none !important;
  }

  .img-mob {
    display: block !important;
  }

  header .mob-none {
    display: none !important;
  }

  h2.h-block {
    display: block !important;
    opacity: 1 !important;
    color: #595fde !important;
    font-size: 14px !important;
    line-height: 20px !important;
    border-left: 1px solid #595fde !important;
    padding-left: 5px !important;
    width: 70%;
  }

  .h-none {
    display: none !important;
  }

  .d-none {
    display: block !important;
  }

  .sidebar.collapsed~.main-content .header {
    width: 100% !important;
  }

  /* .sidebar.collapsed:active {
    width: 0!important;
  } */
  .sidebar.collapsed {
    width: 50% !important;
    position: fixed !important;
    z-index: 1100 !important;
  }

  .sidebar.collapsed~.main-content {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .dashboard .sidebar-header {
    /* justify-content: start !important!important; */
    padding: 0 20px !important;
  }

  .dashboard .sidebar-header img {
    width: 70% !important;
    height: auto !important;
  }

  .sidebar .title span {
    font-size: 13px !important;
    line-height: 18px !important;
  }

  .dropdown button,
  .dropdown .submenu-button,
  .sidebar nav ul li a,
  .dropdown .submenu-button1,
  .dropdown .submenu-button2,
  .dropdown .submenu-button3,
  .dropdown .submenu-button4,
  .dropdown .submenu-button5 {
    font-size: 12px !important;
    line-height: 18px !important;
  }

  .dropdown.h-block button.dropdown-button.d-flex.align-items-center.gap-2 {
    width: 80% !important;
    margin-left: auto !important;
    padding: 0 !important;
  }

  .sidebar.collapsed .sidebar-header .notify {
    margin-left: auto !important;
  }

  .header {
    padding: 15px 10px !important;
    width: 100% !important;
    position: relative !important;
  }

  .header h2 {
    font-size: 12px !important;
    line-height: 20px !important;
  }

  .header a.login {
    margin-left: 0 !important;
    font-size: 12px !important;
    line-height: 15px !important;
  }

  .header .dropdown.ms-5.me-5 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .header .toggle-btn img {
    width: 25px !important;
    height: auto !important;
  }

  .header .notify a img {
    width: 16px !important;
    height: auto !important;
  }

  .header .d-flex.align-items-center.right-side {
    flex-wrap: wrap !important;
    justify-content: end !important;
    position: absolute !important;
    right: 55px !important;
  }

  button#toggle-sidebar {
    position: absolute !important;
    right: 0 !important;
  }

  .header .dropdown button.dropdown-button img {
    width: 20px !important;
    height: auto !important;
    margin: 5px 0 !important;
  }

  .breadcrumb-area li a,
  .breadcrumb-area li,
  .topbar span {
    font-size: 12px !important;
    line-height: 25px !important;
  }

  .namuna-form {
    margin: 20px auto 0 !important;
  }

  button#showFormButton {
    font-size: 13px !important;
    line-height: 23px !important;
    margin-bottom: 0 !important;
    padding: 4px 10px;
  }

  .content .divivder-main {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }

  div.dt-buttons>.dt-button,
  div.dt-buttons>div.dt-button-split .dt-button {
    padding: 3px 15px !important;
    margin-bottom: 15px !important;
    font-size: 12px !important;
  }

  .namuna-form label {
    font-size: 14px !important;
  }

  /* table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>*,
  table.table.dataTable> :not(caption)>*>* {
    font-size: 12px !important;
    line-height: 23px !important;
  } */

  table tr th {
    font-size: 12px !important;
    line-height: 23px !important;
  }

  table tr td {
    font-size: 13px !important;
    line-height: 23px !important;
  }

  .namuna-form table td a img {
    width: 15px !important;
    height: auto !important;
  }

  .namuna-form table td a {
    margin-right: 0 !important;
  }

  div.dt-container div.dt-info {
    font-size: 13px !important;
    line-height: 25px !important;
  }

  .namuna-form .note p {
    font-size: 13px !important;
    line-height: 23px !important;
  }

  .form-select,
  .namuna-form p,
  .form-control {
    font-size: 13px !important;
    line-height: 20px !important;
    margin-bottom: 5px !important;
  }

  .namuna-form .btn-area button {
    font-size: 13px !important;
    line-height: 15px !important;
    padding: 8px 15px !important;
    margin-bottom: 10px !important;
  }

  .content {
    margin-top: 0px !important;
  }

  .modal .modal-dialog .modal-body p {
    font-size: 15px !important;
    line-height: 21px !important;
  }

  .dropdown.profile_mob .dropdown-menu {
    position: absolute !important;
    right: -75px !important;
    background: white !important;
  }

  .namuna-form .form-group .form-control {
    height: 30px !important;
    padding: 5px 10px !important;
  }

  .namuna-form .form-group .select2-container .select2-selection--single,
  .namuna-form .form-group .form-select {
    height: 35px !important;
  }

  .namuna-form.patrak .form-group.mb-4 span {
    font-size: 13px !important;
    line-height: 24px !important;
  }

  .content .uddishte p {
    font-size: 13px !important;
    line-height: 24px !important;
    margin-bottom: 4px !important;
  }

  .content .uddishte {
    padding: 10px 5px !important;
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px !important;
  }

  button.btn.btn-primary.w-50 {
    padding: 5px 20px !important;
    font-size: 14px !important;
    line-height: 24px !important;
    width: auto !important;
    margin-bottom: 20px !important;
  }

  span.btn.btn-primary {
    font-size: 13px !important;
    line-height: 24px !important;
    padding: 5px 10px !important;
  }

  b {
    font-size: 13px !important;
    line-height: 23px !important;
  }

  a.d-block.w-50.btn.btn-primary.text-white {
    padding: 5px 10px !important;
    font-size: 14px !important;
    line-height: 25px !important;
  }

  .form-group.mb-4 {
    margin-bottom: 10px !important;
  }

  .form-group.mb-3 {
    margin-bottom: 0 !important;
  }

  .sec .row .col-lg-3 {
    width: 25% !important;
    padding: 0 5px !important;
  }

  /* .sec .row .col-lg-3:nth-child(5){
  width: 23%!important;
} */
  .sec .row .col-lg-3 b {
    font-size: 13px !important;
    line-height: 23px !important;
  }

  .sec .row .col-lg-3 p {
    font-size: 12px !important;
    line-height: 22px !important;
  }

  .row .col-lg-12.mb-4 {
    margin-bottom: 0 !important;
  }

  div.dt-container div.dt-search input {
    width: 70% !important;
    margin-bottom: 20px !important;
  }

  div.dt-container .row,
  .row .col-lg-12.mb-5 {
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 10px;
  }

  .namuna-form div#listingData_wrapper {
    padding: 20px 10px 20px 15px !important;
  }

  .content .row>* {
    margin: 10px 0 0 !important;
    width: 100%;
  }

  .col-6 .dt-length,
  .col-6 .dt-search {
    display: flex;
  }

  .title a.back {
    font-size: 13px;
    line-height: 23px;
  }

  .namuna-form.patrak button {
    font-size: 13px;
    line-height: 23px;
  }

  .namuna-form .sec .h-40 {
    height: auto !important;
  }

  .namuna-form .sec {
    padding: 10px 20px 20px !important;
  }

  nav .pagination li button {
    font-size: 15px !important;
    line-height: 25px !important;
    padding: 5px 10px;
  }

  .alert span {
    font-size: 12px;
    line-height: 20px;
  }

  .alert-dismissible .btn-close {
    width: 40px !important;
    height: 15px !important;
  }

  .content-wrapper .card .card-body h4,
  .content-wrapper .card .card-header h4,
  .content-wrapper .card .card-header h5 {
    font-size: 16px;
    line-height: 22px;
  }

  .content-wrapper .card .card-body p,
  .content-wrapper .card .card-header p {
    font-size: 14px;
    line-height: 23px;
  }

  .content-wrapper .card .btn.btn-primary {
    font-size: 13px;
  }

  .content-wrapper .card .card-body ul.nav {
    flex-wrap: wrap !important;
  }

  table tr th span,
  table tr td {
    white-space: nowrap;
  }

  .namuna-form .addFormDiv {
    padding: 10px 20px;
    margin-top: 10px;
  }

  .login-sec .left-img .l-content h2 {
    font-size: 50px;
    line-height: 40px;
  }

  .login-sec .left-img .l-content span {
    font-size: 20px;
    line-height: 45px;
    color: white;
  }

  .login-sec .right-form .login-form .r-content img {
    width: 55%;
    height: auto;
  }

  .login-sec .row.m-0 {
    display: flex;
  }

  .login-sec .row.m-0 .col-lg-6.p-0 {
    width: 50%;
  }

  .login-sec .left-img img {
    width: 100%;
    height: 100vh;
  }

  .login-sec .right-form .login-form .form-group label {
    font-size: 15px;
    line-height: 25px;
  }

  .login-sec .right-form .login-form a:last-child {
    display: flex;
    justify-content: end;
  }

  .login-sec .right-form .login-form .form-group button {
    font-size: 20px;
    line-height: 25px;
  }

}