@media (min-width: 1681px) {
  .mainSection .sectionLeft {
    max-width: 200px;
  }

  .mainSection .sectionRight {
    max-width: calc(100% - 200px);
  }

  .dashboard_logo {
    padding: 12px 0 !important;
  }

  .mainSection .sectionRight .inner_dashboard_header .title {
    font-size: 20px;
  }

  .detaiilsTab .leftDetaiilsTabs {
    height: 90px;
    width: 105px;
    margin-bottom: 10px;
  }
}

@media (min-width: 1440px) and (max-width: 1680px) {
  .orange_arrow_circle {
    left: 35%;
  }
}

@media (min-width: 1340px) and (max-width: 1440px) {
  .orange_arrow_circle {
    left: 32%;
  }

  .file_points::after {
    width: 75%;
  }

  .invoice-pdf-iframe {
    width: 100%;
    height: 500px;
  }

  .paypal-container {
    max-height: 300px;
  }
}

@media (max-width: 1366px) {
  .detaiilsTab .innerDetaiilsTabs .textSide {
    flex: 0 0 65%;
    max-width: 65%;
  }
  .detaiilsTab .innerDetaiilsTabs .imageSide {
    flex: 0 0 35%;
    max-width: 35%;
    text-align: left;
  }
  .orange_arrow_circle {
    left: 32%;
  }
  .referral-code-select .select__menu-list {
    max-height: 100px;
  }
  .left-menu-tabs .leftDetaiilsTabs {
    width: 70px;
    height: 70px;
    padding: 2px;
    box-sizing: content-box;
  }
  .dashboard_logo {
    margin-bottom: 20px;
  }
}
@media (max-width: 1205px) {
  .file_points::after {
    display: none;
  }

  .orange_arrow_circle {
    display: none;
  }

  .detaiilsTab .innerDetaiilsTabs {
    padding: 30px 12px;
  }
}
@media (max-width: 1199px) {
  .videoWithLogin .login_left {
    flex: 0 0 55%;
    max-width: 55%;
  }
  .videoWithLogin .login_right {
    flex: 0 0 45%;
    max-width: 45%;
  }
  .detaiilsTab .innerDetaiilsTabs .textSide p {
    font-size: 16px;
  }
  .detaiilsTab .innerDetaiilsTabs .textSide h1 {
    font-size: 20px;
  }
}

@media (max-width: 1039px) {
  .detaiilsTab .innerDetaiilsTabs {
    flex-direction: column;
  }
  .detaiilsTab .innerDetaiilsTabs .textSide,
  .detaiilsTab .innerDetaiilsTabs .imageSide {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  .detaiilsTab .innerDetaiilsTabs .imageSide {
    margin-bottom: 12px;
  }
  .innerSelectExp select,
  .innerSelectExp span {
    padding: 5px 0;
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .customer-id-align {
    border-right: 0px solid #e4e2e2;
  }

  .parent-card-link-container {
    display: flex !important;
  }

  .dashboard_logo img {
    width: 76px;
  }
  .videoWithLogin .login_left {
    flex: 0 0 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.4;
    margin-top: 30px;
  }
  .login_left video {
    height: 100%;
  }
  .videoWithLogin .login_right {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin: 15px 0;
    height: 465px;
  }
  .heading h1 {
    font-size: 30px;
  }
  .sectionLeft {
    position: fixed;
    left: -316px;
    background: #fff;
    border-right: 1px solid #c2c2cc;
    z-index: 9;
    transition: 0.6s all;
  }
  .mainSection .sectionRight {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .menuBar svg {
    display: block;
  }
  .midEmailSect {
    padding: 0 30px;
  }
  .headerLeft {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .mainSection .sectionLeft {
    flex: 0 0 86px;
    max-width: 86px;
  }
  .headerMid {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .headerRight {
    flex: 0 0 35%;
    max-width: 35%;
  }

  .inner_dashboard_content {
    height: auto;
  }

  .transaction_explorer_padding {
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media (max-width: 767px) {
  .outgoing-control-heading {
    display: none;
  }
  .midEmailSect svg {
    font-size: 26px;
  }
  .selectAllBar .innerSelectLeft .selectAllSect label {
    font-size: 16px;
  }
  .midEmailSect label {
    font-size: 16px;
  }
  .midEmailSect {
    padding: 0;
  }
  .midEmailSect span {
    padding: 0;
  }
  .selectAllSect {
    padding-right: 10px;
  }
  .headerLeft {
    flex: 0 0 30%;
    max-width: 30%;
  }
/*
  .mainSection .sectionLeft {
    flex: 0 0 30%;
    max-width: 30%;
  }
*/
  .headerMid {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .headerRight {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .headerLeft img {
    width: 145px;
    height: 54px;
  }
  .tab-panels ul li {
    font-size: 23px;
  }
}
@media (max-width: 576px) {
  .purchase-credits-btn-header {
    display: none;
  }
  .videoWithLogin .login_left {
    margin-top: 0;
  }
  .videoWithLogin .login_right {
    height: 370px;
  }
  .videoWithLogin .login_right img {
    width: 30px;
    height: 30px;
  }
  .videoWithLogin .login_right .loginWithMicrosoft {
    padding: 10px 20px;
  }
  .videoWithLogin .login_right a {
    font-size: 20px;
  }
  .login_btn {
    margin-top: 30px;
  }
  .forgetBtn {
    margin-top: 0;
  }
  .login_btn button {
    width: 200px;
    padding: 10px;
  }
  .login_reset {
    padding: 0 15px 0 15px;
    font-size: 14px;
    align-items: flex-start;
  }
  .loginBox .loginBoxInput {
    padding: 0 15px 0 15px;
  }
  .selectAllBar {
    flex-direction: column;
  }
  .selectAllBar .innerSelectLeft {
    flex: 0 0 100%;
    max-width: 100%;
    flex-direction: column;
  }
  .selectAllBar .innerSelectRight {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .midEmailSect {
    padding: 5px 0;
  }
  .headerLeft {
    flex: 0 0 54%;
    max-width: 40%;
  }
  .headerMid {
    flex: 0 0 35%;
    max-width: 35%;
  }
  .headerRight {
    flex: 0 0 15%;
    max-width: 15%;
    padding-right: 22px;
  }
  .menuBar svg {
    font-size: 26px;
  }
  .tab-panels ul {
    padding: 0;
  }
  .tab-panels ul li {
    font-size: 21px;
  }
  .mainSection .sectionRight .operations_css {
    margin-top: 50px;
  }
  .item-flex {
    flex-basis: 50%; /* 50% width for each item to fit 2 in a row */
    max-width: 50%;
  }
}

@media (max-width: 500px) {
  .transfer-expiry-info-incoming {
    display: none;
  }
  .outgoing-end-point .point_box,
  .incoming-end-point .point_box {
    width: 180px;
  }
  .outgoing-start-point .point_box,
  .incoming-start-point .point_box {
    width: 120px;
  }
}

@media (max-width: 430px) {
  .nav-available-cred-txt {
    margin-right: 10px;
  }

  .headerLeft img {
    width: 100px;
    height: 54px;
  }
  .headerLeft a {
    padding: 0 0 0 10px;
  }
}
@media (max-width: 390px) {
  .nav-available-cred-txt {
    display: none;
  }
}