@media (max-width:1199px) {
  .Section-one-settings .box-1-dashboard {
    height: auto;
  }
  }

@media (max-width: 1440px) {
  .menu-items li {
    margin-left: 0px;
  }
}
@media (max-width: 1366px) {
  .boxes-dashboard {
    flex-wrap: wrap;
  }

  .box-1-dashboard {
    width: 23%;
    height: 148px;
  }

  .boxes-today_teams_goals .box {
    width: 23%;
  }
  /* Section-one-myteam */
  .boxes-today_teams_goals {
    flex-wrap: wrap;
  }

  /* Blog Page */
  .read-more-card-btn-container {
    margin-top: 11px;
  }
    .price-body h4{
      font-size: 34px;
    }
        .price-body p,.price-footer p{
          font-size: 15px;
        }
}

@media (max-width: 1200px) {
  .set-status-box {
    align-items: flex-start;
    gap: 36px;
    flex-direction: column;
  }

  .set-status-content {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .info-card {
    padding: 8px 10px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }
  .client-pages .nav {
    justify-content: flex-start;
  }
  .data-ifo-box {
    height: 80px;
  }
}

@media (max-width: 1024px) {
  .box-1-dashboard {
    width: 48%;
  }
  .boxes-today_teams_goals .box {
    width: 48%;
  }
  .faQ_accordion .accordion-button {
    font-size: 12px;
  }
  .Section-one-mycontact .leftside-mycontact {
    width: 100%;
  }
  .Section-one-mycontact .rightside-mycontact {
    width: 100%;
  }
  .client-info .modal {
    --bs-modal-width: 60%;
  }
}

@media (max-width: 992px) {
  .boxes-today_teams_goals .box {
    width: 48%;
  }
  .DNONE_Btn {
      display: none;
  }
}

@media (min-width: 992px) {
  .DNONE_Btn {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .navbar .container-fluid {
    flex-direction: row;
  }

  .btn-canvas {
    display: block;
  }
  .content-main-box {
    padding: 10px;
    /* height: auto; */
  }
  .box-1-workflow {
    height: auto;
  }

  .box-1-workflow .right-side {
    align-self: start;
  }

  .delete,
  .angle-right {
    top: 0;
  }

  .mark-completed {
    top: 0px;
  }
  .meeting-page .level-workflow p {
    left: 0;
  }
  .recconect-page .box-1-workflow .left-side {
    align-items: start;
  }

  .global-serch1 {
    flex-wrap: wrap;
  }
  .Section-one-settings .box-1-dashboard {
    height: 100vh;
  }

  .img-left-navbar {
    max-width: 80px;
    max-height: 80px;
  }
  .offcanvas.show:not(.hiding),
  .offcanvas.showing {
    width: 300px !important;
  }
  .contactus-btn-container {
    width: 94%;
    margin: 20px 10px;
  }
  .d_none {
    display: none;
  }
  .sign-left,
  .sign-right {
    height: auto;
  }

  section.sign_sec {
    height: auto;
    padding: 40px 0 0;
  }
  .sign-right {
    margin-top: 30px;
    padding: 30px;
  }
  .chnage-pw-content {
    width: 100%;
  }
  .forgot-mox .chnage-pw-content {
    margin: 0;
    padding-bottom: 30px;
  }
  .Section-one-settings .sign-left,
  .sign-right {
    height: auto;
  }
  .repeat-followup-popup.sedual-modal .modal-dialog {
    left: 60px;
    top: 97px;
  }
  .repeat-followup-popup-yes.sedual-modal .modal-dialog {
    right: -172px;
  }
  .file-attach-popup.sedual-modal .modal-dialog {
    right: 0px;
  }
  .menu-items li {
    margin-left: 0px;
  }
  .back {
    top: -8px;
  }
}

@media (max-width: 768px) {
  .Login-popup .dropdown .btn {
    width: auto;
  }

  .post-name,
  .post-profile {
    display: none;
  }

  .dropdown-toggle::after {
    border-top: 0;
  }

  .left-sec-1-home {
    width: auto;
  }

  .client-info .modal {
    height: 100%;
    --bs-modal-width: 73%;
  }

  .Section-one-blog .box-1-dashboard {
    flex-direction: column;
  }

  .box-1-blog-readmore .right-side,
  .box-1-blog-readmore .left-side {
    width: 100%;
  }

  /* .img-1-blogreadmore-left-container {
    width: 100%;
    height: 330px;
  } */

  .img-1-blogreadmore-left-container {
      max-height: fit-content !important;
      margin-bottom: 30px;
  }

  .box-1-blog-readmore .right-side {
    overflow: unset;
  }

  .section-one-blog-readmore .box-1-dashboard {
    height: auto;
  }

  .Login-popup .dropdown-toggle::after {
    display: none;
  }

  .Notification-popup .dropdown-menu[data-bs-popper] {
    width: 450px;
  }
  .faQ_accordion .accordion-item {
    margin-bottom: 0px;
  }
  .faQ_accordion .accordion-button {
    padding: 14px 0px;
  }
  .faq_title {
    margin: 10px 0 10px 0;
  }
  .Section-one-settings .box-1-dashboard {
    height: auto;
    margin-bottom: 30px;
  }
  .left-navbar-settings {
    width: 100%;
    height: auto;
  }
  .left-navbar-settings a {
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  .left-navbar-settings {
    width: 100%;
    height: auto;
    display: flex;
    align-items: normal;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    border-right: none;
    padding-right: 0px;
  }
  .bootom-modal .modal-dialog {
    margin-right: 8px;
  }
  .ambassador-program .referral-program-img-container {
    width: 100%;
  }
  .add-a-bank .content-box-container {
    width: 100%;
  }
  .add-a-bank {
    width: 100%;
  }
  .subscriptions .content-box-container {
    width: 100%;
  }
  .subscriptions {
    width: 100%;
  }
  .discription-settings {
    margin: 0;
  }
  .tab-modal .modal-dialog {
    left: 8%;
  }
  .repeat-followup-popup.tab-modal .modal-dialog {
    left: -10%;
  }
  .repeat-followup-popup-yes.tab-modal .modal-dialog {
    left: -9%;
  }
  .teammates-popup .boxes-dashboard .box-1-dashboard {
    width: 48%;
  }
  .Login-popup .dropdown-menu[data-bs-popper] {
    right: -16px;
  }


}

@media (max-width: 680px) {
  .global-serch1 {
    width: 100%;
    gap: 10px;
    justify-content: space-between;
  }
  .manager-photo {
    width: 26px;
    height: 41px;
  }
  .notification-icon {
    width: 42px;
    height: 42px;
  }
  .notification-icon img {
    width: 15px;
  }
  .notification-icon::after {
    top: 11px;
    left: 24px;
  }
  .mobile-serch .global-search {
    width: 28px;
    height: 28px;
    padding: 10px;
  }
  .mobile-serch .search-icon {
    left: 5px;
    top: 5px;
  }

  .post-profile,
  .post-name {
    display: none;
  }

  .dropdown .btn {
    width: auto;
  }

  .global-serch1 .dropdown-menu[data-bs-popper] {
    left: -220px;
  }

  .Login-popup .dropdown .btn {
    width: auto;
  }

  .global-serch1 .dropdown-menu[data-bs-popper] {
    left: -318px;
  }

  .box-1-dashboard {
    width: 100%;
  }
  .boxes-today_teams_goals .box {
    width: 100%;
  }

  .social-links-1 {
    justify-content: center;
  }

  .Contact-Meeting-page .Contact-Log_Followp-page .meeting-page .name-followup {
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-items: start;
  }

  .boxes-today_teams_goals .box {
    width: 100%;
  }

  .teammates-box-container .box {
    flex-direction: column;
    height: auto;
    gap: 10px;
  }

  .teammates-popup .modal-content {
    width: 100%;
    height: auto;
  }

  .teammates-popup .boxes-dashboard .box-1-dashboard {
    width: 48%;
  }
  .title1 {
    margin: 10px 0;
  }
  .client-info .modal {
    --bs-modal-width: 100%;
    --bs-modal-margin: auto;
  }
  .client-info .modal-dialog {
    margin-right: auto;
  }
  .schedul_sec {
    padding: 0 12px;
  }
}
@media (max-width: 599px) {
.global-search {
  width: 319px;
}
}
@media (max-width: 575px) {
  .global-serch1 .dropdown-menu[data-bs-popper] {
    left: 0px;
  }

  .manager-photo img {
    width: 42px;
    height: 42px;
  }

  .dropdown-menu[data-bs-popper] {
    width: 300px;
  }

  .box-1-notification {
    width: 264px;
  }

  .Notification-popup .dropdown-menu[data-bs-popper] {
    width: 334px;
  }

  .box-1-notification p {
    font-size: 12px;
  }

  .notification-icon2 {
    width: 36px;
    height: 36px;
  }

  .box-1-notification p {
    width: 100%;
  }

  .Section-one-notification .stucture-1 {
    padding: 20px 0;
  }

  /* .img-1-blogreadmore-left-container {
    width: 100%;
    height: auto;
  } */

  .box-1-blog-readmore .right-side h3 {
    font-size: 18px;
  }

  .box-1-blog-readmore .right-side p:nth-child(2) {
    font-size: 16px;
    margin-top: 20px;
  }

  .other-blog-title {
    font-size: 16px;
  }

  .cards-blog .card-body p:first-child {
    font-size: 14px;
  }

  .box-1-blog-readmore .right-side p:nth-child(2) {
    font-size: 13px;
  }

  .btn-read-more {
    width: 80px;
    height: 24px;
    font-size: 11px;
  }
  .stucture {
    padding: 0px 0px 10px;
  }
  .navabar1 {
    padding: 0px 0px 10px;
  }
  .box-1-workflow .left-side {
    gap: 10px;
    flex-wrap: wrap;
  }
  .wrapper {
    width: 100%;
  }
  .select-date {
    padding: 16px 10px 8px;
  }
  .wrapper header {
    padding: 16px 10px 8px;
  }
  .calendar {
    padding: 6px;
  }
  .calendar .days li {
    margin-top: 20px;
  }
  .select-date h6 {
    font-size: 15px;
  }
  .btn-theme {
    width: 100%;
  }
  .copy_title {
    padding: 0px 0px;
  }
  .dropdown-menu.date_Celander {
    width: 300px;
  }
  img.social-link {
    width: 300px;
  }
  .twiter,
  .instagram {
    width: 30px;
    top: 32px;
  }
  .twiter {
    right: 30px;
  }
  .instagram {
    left: 30px;
  }
  .faceBook,
  .linkedin {
    width: 30px;
    bottom: 32px;
  }
  .linkedin {
    right: 34px;
  }
  .faceBook {
    left: 33px;
  }
  .close-button {
    top: 17%;
    right: 64px;
    padding: 5px;
  }
  .link-creat {
    right: 51px;
  }
  .share-button {
    padding: 5px 14px;
    bottom: 56.5px;
    right: 55px;
    font-weight: 300;
  }

  .social-icons a {
    padding: 10px 20px;
  }
  .forgot-mox .chnage-pw-content {
    margin: 0;
  }
  .forgot-txt h6 {
    font-size: 18px;
    margin-bottom: 3px;
  }
  .left-navbar-settings a {
    width: 48%;
    gap: 4px;
    font-size: 10px;
  }
  .left-navbar-settings a i,
  .left-navbar-settings a span {
    font-size: 12px;
  }
  .change-pw-img-container {
    width: auto;
    height: auto;
    margin: auto;
  }
  .content-box-container {
    width: 100%;
    height: auto;
  }
  .title-part {
    width: 100%;
    padding: 0 14px;
  }
  .btns-settings-container {
    gap: 10px;
  }
  .content-wrap {
    padding: 0 0px 50px;
  }
  .data-ifo-box {
    height: 100px;
  }
  .calander-left ul li {
    height: 100px;
  }
  .calander-left ul li {
    font-size: 10px;
  }
  .calander-left {
    width: 5%;
    padding-left: 5px;
  }
  .add-a-bank .referral-program-img-container {
    width: 100%;
  }
  .subscriptions .referral-program-img-container {
    width: 100%;
    height: auto;
  }
  .todays-workflow p:nth-child(2) {
    flex-direction: column;
    align-items: baseline;
    font-size: 10px;
  }
  .new-contact > span {
    font-size: 20px;
  }
  .workflow-tabs .nav-pills .nav-link {
    width: 100%;
  }
  .workflow-tabs ul li {
    margin-top: 8px;
    width: 47%;
  }
  .Section-two-Dashboard .stucture-1,
  .Section-one-myteams .stucture-1 {
    padding: 20px 0px 10px;
  }
  .client-pages .nav {
    justify-content: space-between;
  }
  .the-editor-toolbar a {
    display: flex;
    gap: 2px;
  }
  .client-info .modal-body {
    padding: 24px 12px;
  }
  .atechfile_card .the-editor-toolbar {
    padding: 16px 10px;
  }
  .info-card li.nav-item {
    width: 48%;
  }
  .contact-log-tabs {
    width: 100%;
    margin: 16px 0;
  }
  .follow-up-conatiner {
    margin: 10px 0;
  }
  .edit-btn,
  .save-contact {
    width: 47%;
  }
  .copy_modal .copy_title h6 {
    font-size: 16px;
    line-height: normal;
  }
  .contact-since {
    margin: 10px 0;
  }
  .connected-page label {
    margin-top: 20px;
  }
  .set-status-box {
    align-items: center;
    gap: 20px;
  }
  .set-level-img {
    max-width: 100%;
  }
  .tab-modal .modal-dialog {
    left: auto;
  }
  .tab-modal .modal-dialog {
    align-items: center;
    justify-content: center;
  }
  .repeat-followup-popup.bootom-modal .modal-dialog {
    right: 30%;
  }
  .repeat-followup-popup-yes .modal-content {
    left: -98px;
  }
  .img-information-container .client-info-img {
    width: 50px;
    height: 50px;
  }
  .edit-info img {
    width: 28px;
  }
  .edit-info {
    right: -8px;
    bottom: -5px;
  }
  .global-search {
    width: 100%;
  }
  .textarea_box .text_area_btn {
    margin-top: 14px !important;
  }
  .serch-container {
    width: 100%;
  }
  .teammates {
    margin: 20px 0 16px 0;
  }
  .serch-container.mobile-serch {
    width: auto;
  }
  .join-team-item {
    align-items: baseline;
    gap: 10px;
    flex-direction: column;
  }
  .join_team_content .join_team-box {
    padding: 10px 0;
  }
  .leftside-mycontact .col-12:first-child button {
    height: 36px;
    font-size: 11px;
    width: 49%;
  }
  .leftside-mycontact .col-12:first-child .btns {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .leftside-mycontact .col-12:nth-child(2) {
    padding: 14px 0 20px 0;
  }
  .levelbtns {
    justify-content: space-between;
    width: 100%;
  }
  .rightside-mycontact .nav-link {
    padding: 12px 42px;
  }
  .custom_form {
    padding: 0 8px;
  }
  .mdal_fter {
    padding: 10px 0 30px;
  }
  .mdal_fter_img img {
    width: 70px;
  }
  .filter_dropdown {
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .filter_box,
  .date_dropdown {
    width: 48%;
  }
  .filter_box .dropdown-toggle,
  .date_dropdown .dropdown-toggle {
    width: 100%;
    padding: 10px 10px;
  }
  .filter_box .dropdown-toggle::after {
    margin-left: 0;
    position: absolute;
    right: 9px;
  }
  .date_dropdown .dropdown-toggle::after {
    right: 44px;
  }
  .date_dropdown .dropdown-toggle {
    justify-content: space-between;
  }
  .repeat-followup-popup.sedual-modal .modal-dialog {
    left: 13px;
  }
  .repeat-followup-popup-yes.sedual-modal .modal-dialog {
    right: -106px;
  }
  .file-attach-popup .modal-content {
    width: 100%;
  }
  .drop_box {
    width: 100%;
  }
  .back {
    left: 0;
  }
  .history-left {
    width: 100%;
  }

  .box-follow-up .right-side {
      justify-content: flex-start;
    }
  
    #contactView-chat {
      flex-direction: column;
    }
  
    #chartdiv {
      width: 100% !important;
      height: 210px !important;
    }
  
    .set-status-box {
      gap: 3px;
    }

    .content-main-box {
      height: auto;
      overflow: hidden;
      overflow-y: auto !important;
    }

    .global-serch1 .dropdown-menu[data-bs-popper] {
      left: auto !important;
      right: 0 !important;
    }

    .Login-popup .dropdown .btn {
      margin-right: 0;
    }
}

@media (max-width: 480px) {
  .teammates-popup .boxes-dashboard .box-1-dashboard {
    width: 100%;
  }

  .teammates-popup .left-side {
    display: flex;
    flex-direction: column;
  }
  .messanger,
  .insta,
  .add {
    width: 12px;
    height: 12px;
  }
  .outlinebtn {
    height: 34px;
    gap: 8px;
    font-size: 12px;
  }
  .ffff {
    height: 72px;
  }
  
}

@media (max-width: 320px) {
  .global-serch1 .dropdown-menu[data-bs-popper] {
    left: -178px;
  }
  .Notification-popup .dropdown-menu[data-bs-popper] {
    width: auto;
  }
  .dashbod_title {
    font-size: 20px;
  }
  .teammates-container {
    flex-direction: column-reverse;
  }
  .left-navbar-settings a {
    width: 47%;
  }
  .meeting-date p {
    font-size: 6.36px;
  }
  .outlinebtn {
    width: 100%;
  }
  .workflow-tabs ul li {
    width: 100%;
  }
  .edit-btn,
  .save-contact {
    width: 100%;
  }
  .filter_box,
  .date_dropdown {
    width: 100%;
  }
  .offcanvas.show:not(.hiding),
  .offcanvas.showing {
    width: 100% !important;
  }
}


/* @media (min-width: 992px) {
  .navbar-expand-lg .offcanvas .offcanvas-body {
      overflow-y: auto;
  }
} */