@media (min-width: 1600px) {
  .container {
    max-width: 1500px;
  }
}

@media (min-width: 1800px) {
  .container {
    max-width: 1620px;
  }
}


@media (max-width: 1780px) {

  .name_btn.blnd {
    min-width: 590px !important;
  }

  .details_content h5 {
    font-size: 18px;
  }

  .details_wrapper h3 {
    font-size: 24px;
    line-height: normal;
  }

}

@media (max-width: 1599px) {

  .dashboard_wrapper .col-md-9.p-0 {
    width: 100%;
    max-width: 78%;
  }

  .tab_inner {
    padding-right: 20px;
  }

  .details_wrapper {
    padding-left: 20px;
  }

  .dashboard_wrapper .col-md-3.p-0 {
    background-color: #166219;
    max-width: 22%;
  }

  .dashboard_side_bar {
    padding: 40px 30px;
    padding-right: 0 !important;
  }

  .dashboard_content {
    padding: 40px 30px 80px 30px;
  }

  .p_50 {
    padding: 0px 30px;
  }

  .details_wrapper h3 {
    font-size: 24px;
  }

  .name_btn.blnd {
    min-width: 550px !important;
  }

  .custom-table td {
    padding: 25px;
  }

  .custom-table th {
    padding: 25px;
  }

  .details_wrapper h3 {
    font-size: 20px;
  }
}

@media (max-width: 1399px) {

  .dashboard_wrapper .dashboard_banner {
    margin-left: 20%;
  }

  .dashboard_content {
    padding: 30px 20px 50px 20px;
  }

  .tab_img {
    height: 40px;
    width: 40px;
  }

  .details_content {
    padding: 18px;
  }

  .dashboard_side_bar ul li a .tab_img img {
    max-width: 20px;
  }

  .dashboard_side_bar ul li a {
    gap: 10px;
    font-size: 18px;
  }

  .dashboard_side_bar {
    padding: 40px 20px;
  }

  .p_50 {
    padding: 0px 15px;
  }

  .dashboard_wrapper .col-md-3.p-0 {
    max-width: 20%;
  }

  .dashboard_wrapper .col-md-9.p-0 {
    width: 100%;
    max-width: 80%;
  }

  .details_wrapper h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .create_btn a {
    font-size: 20px;
    padding: 16px 30px;
    line-height: 20px;
  }

  .log-out a {
    gap: 10px;
    font-size: 18px;
  }

  .log-out a img {
    max-width: 20px;
  }

  .select-menu {
    margin: 30px auto;
  }

  .name_btn.blnd {
    min-width: 460px !important;
  }

  .blends_wrapper.area .d-flex {
    gap: 20px;
  }

  .custom-table td {
    padding: 18px;
    font-size: 17px;
  }

  .custom-table th {
    padding: 18px;
    font-size: 17px;
  }

  a.policy_btn {
    font-size: 20px;
  }

  .details_content h5 {
    font-size: 16px;
    margin: 0px !important;
    line-height: normal;
  }

  button.btn-file {
    margin-top: 14px;
  }

  button.btn-file {
    margin-top: 10px;
    padding: 15px;
    gap: 10px;
  }
}

@media (max-width: 1199px) {
  .blends_wrapper.area h3 {
    font-size: 25px;
    line-height: 36.46px;
    margin-bottom: 10px;
  }

  .dashboard_side_bar {
    height: calc(100vh - 90px);
  }

  .desh_logo img {
    max-width: 250px;
  }

  header.top-header .row {
    align-items: center;
  }

  .blends_head h6 {
    font-size: 20px;
  }

  .blends_head {
    padding: 10px 30px;
  }

  .blends_d-flex {
    padding: 20px 30px;
  }

  .select-menu .select-btn {
    padding: 15px 22px;
  }

  .dashboard_wrapper .col-md-3.p-0 {
    max-width: 22%;
  }

  .dashboard_wrapper .col-md-9.p-0 {
    width: 100%;
    max-width: 78%;
  }

  .toggle_btn {
    display: block;
  }

  .dashboard_wrapper .dashboard_banner {
    margin-left: 0;
  }

  .dashboard_wrapper .col-md-9.p-0 {
    max-width: 100%;
  }

  .dashboard_wrapper .col-md-3.p-0 {
    min-width: 34%;
  }

  .desh_logo {
    text-align: center;
  }

  /* ==================================== */
  .custom_class {
    display: block;
    position: absolute;
    z-index: 99;
    left: -500px;
    transition: left 0.5s ease;
  }

  .custom_class.menu-open {
    left: 0;
    /* Slide in */
  }

  .vbp-header-menu-button__svg {
    width: 30px;
    height: 30px;
    cursor: pointer;
    transform: scaleX(-1);
  }

  .vbp-header-menu-button__svg line {
    stroke: #000;
    stroke-dasharray: 100%;
    stroke-dashoffset: 0%;
    transition: transform 0.3s, stroke-dashoffset 0.4s;
    transform-origin: center;
    stroke-width: 3px;
  }

  .vbp-header-menu-button__svg .top {
    transform: translateY(-35%);
  }

  .vbp-header-menu-button__svg .middle {
    transform: scaleX(1);
    transition: opacity 0.3s, transform 0.3s;
  }

  .vbp-header-menu-button__svg .bottom {
    transform: translateY(33%);
    stroke-dasharray: 100%;
    stroke-dashoffset: 9px;
  }

  .vbp-header-menu-button__svg:hover .bottom {
    stroke-dashoffset: 0%;
  }

  body.menu-open .vbp-header-menu-button__svg .top {
    transform: rotate(45deg);
    stroke-linecap: round;
  }

  body.menu-open .vbp-header-menu-button__svg .middle {
    transform: scaleX(0.1);
    opacity: 0;
  }

  body.menu-open .vbp-header-menu-button__svg .bottom {
    transform: rotate(-45deg);
    stroke-linecap: round;
    stroke-dashoffset: 0%;
  }

  .mobile_toggle {
    display: block;
  }

  header.top-header .col-md-3.mobile_toggle {
    width: 20%;
  }

  header.top-header .col-md-6.col-lg-6 {
    width: 60%;
  }

  header.top-header .col-md-3.col-lg-6 {
    width: 20%;
  }

  .details_content h5 {
    font-size: 16px;
  }
}

@media (max-width: 991px) {

  .tab_inner {
    min-width: 100% !important;
    padding: 0;
    border: 0;
  }

  .tab_inner {
    width: 100%;
  }

  .details_data {
    width: 100%;
  }

  .details_wrapper {
    padding-left: 0;
  }

  .details_data {
    margin-top: 30px;
    gap: 20px;
  }

  .inner_boxs {
    flex-direction: column;
  }

  /* 23oct2024 //////////////////// */
  .right-dashboard {
    display: none;
  }

  .bar {
    height: 3px;
    width: 28px;
    margin-bottom: 6px;
    background: #000;
    display: block;
    border-radius: 10px;
  }

  .site_header .navbar-toggler {
    /* order: 1; */
    height: 30px;
    width: 52px;
    cursor: pointer;
  }

  .navbar-toggler[aria-expanded="true"] .bar.bar-2 {
    display: none;
  }

  .navbar-toggler[aria-expanded="true"] .bar {
    margin: -2px;
    transition: all .3s ease-in-out;
    width: 28px;
  }
}

@media (max-width: 767px) {
  .name_btn.blnd {
    min-width: 280px !important;
  }

  .table_wrapper {
    overflow-x: scroll;
  }

  .table_wrapper .custom-table table {
    overflow-x: scroll;
    width: 100%;
  }

  .table_wrapper .custom-table table tr {
    white-space: nowrap;
  }

  .inner_boxs {
    display: block;
    overflow: hidden;
  }

  .tab_inner {
    min-width: unset !important;
  }

  .dashboard_content {
    display: block;
  }

  .table_btn {
    flex-wrap: nowrap;
    flex-direction: column;
    width: fit-content;
  }

  .custom-table {
    width: 700px !important;
  }

  .blends_wrapper.area .d-flex {
    gap: 15px;
  }

}

@media (max-width: 575px) {
  .desh_logo img {
    max-width: 200px;
  }

  header.top-header .col-md-6.col-lg-6 {
    width: 62%;
  }

  header.top-header .col-md-3.col-lg-6 {
    width: 21%;
  }

  header.top-header .col-md-3.mobile_toggle {
    width: 17%;
  }

  .bell_icon i {
    font-size: 16px;
  }

  .right-dashboard {
    gap: 10px;
  }

  .bell_icon span {
    height: 15px;
    width: 15px;
  }

  .dashboard_wrapper .col-md-3.p-0 {
    min-width: 70%;
  }

  section.dashboard_wrapper {
    padding-top: 70px;
  }

  .create_btn a {
    font-size: 16px;
    padding: 12px 24px;
    line-height: 20px;
  }

  .dashboard_content {
    padding: 20px;
  }

  .copy_right {
    padding: 30px;
  }

  .copy_right p {
    font-size: 15px;
  }

  .blends_d-flex {
    padding: 20px;
  }

  .control_box.two {
    gap: 20px;
  }

  .blends_head h6 {
    font-size: 18px;
  }

  .control_box.two a {
    font-size: 16px;
    line-height: normal;
  }

  .blends_content p {
    font-size: 16px;
  }

  .blends_wrapper.area h3 {
    font-size: 20px;
    line-height: 1.1;
  }

  .select-menu .select-btn {
    border-radius: 20px;
  }

  .select-menu .options .option {
    height: 40px;
    padding: 0 6px;
  }

  .select-menu .options .option .option-text {
    font-size: 16px;
    color: #333;
  }

  .vbp-header-menu-button__svg {
    width: 25px;
    height: 25px;
  }

  .blends_wrapper.area.price {
    padding-top: 30px;
  }

  .blends_wrapper.area .d-flex {
    flex-direction: column;
  }

  .policy_quote h6 {
    font-size: 22px;
  }

  a.save-btn {
    font-size: 20px;
    line-height: normal;
  }

  .custom-table td {
    padding: 15px;
    font-size: 16px;
    line-height: normal;
  }

  .custom-table th {
    padding: 15px;
    font-size: 16px;
    line-height: normal;
  }

  .custom-table {
    width: 600px !important;
  }

  .tab_img {
    height: 32px;
    width: 32px;
  }

  .dashboard_side_bar ul li a {
    gap: 10px;  
    font-size: 16px;
  }

  .dashboard_side_bar {
    height: calc(100vh - 90px);
  }

  .Login_form {
    padding: 50px 0px;
    position: relative;
    z-index: 1;
  }

  .dashboard_side_bar {
    padding: 20px 20px;
    padding-bottom: 40px;
  }
  .log-out{
    margin: 0;
    margin-top: 10px;
  }
  .log-out a {
    font-size: 13px;
    gap:3px 0px;
    justify-content: center;
    line-height: 1.2;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
}
.log-out a img {
  max-width: 23px !important;
}
}


@media (max-width: 370px) {
  .desh_logo img {
    max-width: 170px;
  }
}