:root {
  --input-padding-x: 0.75rem;
  --input-padding-y: 0.75rem;
}

@media (max-width: 320px) {
  .second-header .second-header-right .dropdown-menu.notification-dropdown {
    width: 300px !important;
  }
  .second-header .second-header-right .dropdown-menu.notification-dropdown::before {
    right: 43px !important;
  }
}
@media (max-width: 575.98px) {
  header.main-header {
    height: 50px;
  }
  header.main-header .logo1 {
    margin-top: 0px;
  }
  header.main-header .main-header-right {
    text-align: right;
  }
  header.main-header .main-header-right a {
    margin-left: 0px;
  }
  header.main-header .main-header-right a.btn {
    min-height: 35px;
    min-width: 85px;
    font-size: 14px;
    height: 35px;
    line-height: 26px;
  }
  header .logo1 img {
    display: none;
  }
  header .second-header {
    padding: 17px 0px;
  }
  header header .logo1 .left-menu {
    font-size: 40px;
  }
  header .second-header {
    padding: 17px 0px;
  }
  header header .logo1 .left-menu {
    font-size: 40px;
  }
  .content-area {
    padding: 40px 0px;
  }
  .content-area .register-right {
    display: none;
  }
  .content-area .welcome-txt {
    padding: 0px 0px;
  }
  .content-area .create-account-container {
    padding: 15px;
    padding-bottom: 65px;
  }
  .content-area .create-account-container .form-group a {
    color: #4792CE;
  }
  .content-area .create-account-container .form-heading1 h1 {
    font-size: 20px;
  }
  .content-area .create-account-container .form-heading1 h3 {
    font-size: 16px;
  }
  .content-area .create-account-container .form-heading1 small {
    font-size: 12px;
  }
  .statistics-container .statistic-indu {
    width: 160px;
  }
  .main-menu-left-container,
  .main-right {
    display: none;
  }
  #sidebar .main-menu-left-container {
    display: block;
  }
  .statistics-container .statistic-indu .statistic-text-container .statistic-icon {
    margin-right: 5px;
  }
  .left-menu,
  .mobile-right-menu {
    display: block;
  }
  .statistics-container .statistic-indu {
    width: 23%;
    height: 120px;
    padding: 7px;
  }
  .main-content-area {
    background: #faf9f9;
    padding: 20px 0px;
  }
  .logo1 {
    padding-right: 0px;
  }
  .mobile-right-menu {
    margin-left: 0px;
    margin-top: 10px;
  }
  .up-coming-container .next-icon img {
    height: auto;
  }
  .statistics-container .statistic-indu a {
    font-size: 12px;
    height: 40px;
    display: block;
  }
  .stat-numbers {
    display: none;
  }
  .statistic-indu {
    text-align: center;
  }
  .statistics-container .statistic-indu .statistic-text-container .statistic-text {
    display: inline-block;
  }
  .main-menu-left-container,
  .main-right {
    display: none;
  }
  #sidebar .main-menu-left-container {
    display: block;
  }
  .statistics-container .statistic-indu .statistic-text-container .statistic-icon {
    margin-right: 5px;
  }
  .left-menu,
  .mobile-right-menu {
    display: block;
  }
  .second-header .second-header-right .action {
    margin: 0px 10px;
  }
  .second-header .second-header-right .action-btn {
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
  }
  .main-filter i {
    font-size: 30px;
  }
  .mobile-right-menu a {
    font-size: 30px;
    color: #ffffff;
  }
  .second-header .second-header-right .action .notification-count {
    width: 20px;
    height: 18px;
    border-radius: 5px;
    line-height: 16px;
    right: -15px;
    top: 0px;
    font-size: 11px;
  }
  .second-header .second-header-right .dropdown-menu.notification-dropdown {
    width: 320px;
  }
  header .logo1 .left-menu {
    color: #ffffff;
    font-size: 35px;
    width: 30px;
  }
  .user-links {
    display: none;
  }
  .statistics-container {
    display: none;
  }
  .statistic-mobile .statistic-icon {
    width: 60px;
    height: 60px;
    padding: 10px;
  }
  .statistic-mobile {
    visibility: visible;
  }
  .replies-container.second-lvl-reply {
    margin-left: 15px;
    padding-left: 15px;
  }
  .up-coming-container {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .feed-card .feed-card-header {
    padding: 15px 15px;
  }
  .feed-card {
    margin-bottom: 20px;
  }
  .second-header .second-header-right .dropdown-menu {
    margin-top: 17px;
  }
  .feed-card .feed-links {
    padding: 10px 15px 15px 15px;
  }
  .feed-card .feed-content .feed-text {
    padding: 15px 15px;
  }
  .feed-card .feed-links a i {
    font-size: 20px;
    position: relative;
    top: 4px;
    margin-right: 5px;
  }
  .main-header .logo1 img {
    height: 22px;
    margin-top: 8px;
  }
  /*---------capability building ---------*/
  .page-banner img {
    height: 175px;
  }
  .widget-content .widget-element img {
    width: 75px;
  }
  .widget-content .widget-inner-heading.widget-inner-heading2 {
    font-size: 17px;
    margin-bottom: 15px;
  }
  .widget-content .widget-status-text {
    font-size: 14px;
  }
  .widget-content .widget-numbers {
    font-size: 25px;
  }
  .mobile-cards {
    display: block;
  }
  .normal-cards {
    display: none;
  }
  .capability-overview-left {
    width: 100% !important;
  }
  .module-link span {
    display: none;
  }
  .mobile-cards-container .card__expander .module-details {
    padding: 15px;
    padding-bottom: 0px;
  }
  .mobile-cards-container .card {
    width: 100%;
    margin: 20px 15px;
  }
  .mobile-module-details .capability-overview-right {
    width: 100%;
  }
  .capability-overview-left .toggle-text {
    display: none;
  }
  .capability-overview-left {
    align-items: center !important;
  }
  .capability-modules-container .capability-modules-overviews .capability-overview-left img {
    width: 50px;
    margin-right: 15px;
    height: 50px;
  }
  .capability-overview-mobile {
    display: flex !important;
  }
  .capability-overview-left img {
    width: 50px;
    margin-right: 15px;
    height: 50px;
  }
  .capability-modules-overviews1 {
    padding: 15px;
  }
  .cards .card2 {
    width: 94% !important;
  }
  .capability-overview-left h2 {
    font-size: 18px;
  }
  .mobile-module-details {
    display: block;
  }
  .mobile-cards-container .mCustomScrollBox,
  .mobile-cards-container .mCSB_container {
    overflow-y: auto !important;
  }
  .capability-activities-container ul.capability-activities-list li {
    width: 100%;
  }
  .activity-counts {
    width: 220px;
    margin: 0px auto;
    margin-bottom: 20px;
  }
  .timeline-content h3 {
    font-size: 16px;
  }
  .acticity-timeline {
    padding: 0px;
  }
  .acticity-timeline-right {
    display: none;
  }
  .acticity-timeline-mobile {
    display: flex;
  }
  .modal-body .module-details {
    display: flex;
    justify-content: center;
    padding-top: 0px !important;
  }
  .modal-body .module-details ul {
    min-width: 200px;
    display: inline-grid;
  }
  .modal-body .module-details ul li {
    width: 100%;
  }
  .case-study-thumb {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .case-study-thumb .case-study-participants-counts {
    display: flex;
    flex-flow: column;
    width: 175px;
    font-size: 14px !important;
  }
  .case-study-thumb .case-study-participants-counts {
    font-size: 14px;
    margin-left: 15px;
    text-align: center;
  }
  .case-study-thumb .case-study-thumb-img img {
    width: 100%;
    margin-bottom: 15px;
    height: 110px;
  }
  .case-study-thumb .case-study-participants-counts {
    justify-content: center;
    font-size: 16px;
  }
  .case-study-thumb .case-study-participants-counts img {
    width: 50px;
  }
  .capability-activities-container {
    padding: 10px;
  }
  .case-study-validation-container .validation-card {
    padding: 15px;
    margin-bottom: 25px;
  }
  .browse-cont {
    display: block;
  }
  .browse-cont .attchment-file {
    font-size: 14px;
    margin-left: 0px;
    margin-top: 20px;
  }
  .case-study-validation-container .accordion a {
    padding: 15px 15px;
    font-size: 16px;
    font-weight: 500;
  }
  .case-study-validation-container .accordion li .accordion-inner {
    padding: 0px 15px 30px;
  }
  .case-study-validation-container .accordion a::after {
    top: 19px;
  }
  .case-study-validation-container .accordion li {
    margin-bottom: 10px;
  }
  .capability-activities-container h3 {
    font-size: 16px;
    font-weight: 500;
  }
  .post-btn {
    display: block;
  }
  .post-btn div {
    margin-top: 20px;
  }
  .case-study-validation-container .validation-card .validationlink {
    color: #20b2aa;
    font-size: 14px;
    padding-left: 25px;
  }
  .post-btn div {
    margin-top: 20px;
    width: 100%;
    text-align: right;
  }
  .capability-activities-container h2,
  .capability-activities-container h3 {
    margin-bottom: 10px;
  }
  .page-heading h1 {
    font-size: 20px;
    font-weight: 500;
    flex-shrink: 0;
    margin-right: 15px;
    width: 150px;
  }
  .page-heading {
    margin-bottom: 15px;
  }
  .case-study-thumb-img {
    width: 75%;
  }
  .modal-dialog .modal-content .peer-group .btn {
    width: 170px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  #button-addon2 span {
    display: none;
  }
  .input-group-append #button-addon2 {
    min-width: auto !important;
    width: 50px !important;
  }
  .invite-row-left {
    margin-bottom: 5px;
  }
  .invite-row {
    flex-flow: column;
    text-align: left;
  }
  /*---------library--------------*/
  .featured-article-thumb {
    display: block;
  }
  .featured-img .article-thumb-img {
    width: 100%;
  }
  .featured-img .article-thumb-img img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
  }
  .article-details-counts-container {
    flex-flow: column;
  }
  body h3 {
    font-size: 19px;
  }
  .related-article .article-details {
    font-size: 17px !important;
    line-height: 20px !important;
  }
  .page-heading .article-thumb-name .article-details {
    font-size: 20px;
    line-height: 22px;
  }
  .article-details-counts-container .counts-left .detail-count i {
    font-size: 28px;
    top: 0px;
  }
  .article-details-counts-container .counts-left .detail-count span,
  .article-details-counts-container .counts-left .detail-count br {
    display: none;
  }
  .article-details-counts-container .counts-left {
    width: 100%;
    justify-content: center;
    display: flex;
  }
  .article-details-counts-container .counts-right {
    width: 100%;
    margin-top: 40px;
    text-align: center;
  }
  .detail-count2:last-child {
    border-right: none !important;
  }
  .article-details-counts-container .counts-left .detail-count.detail-count2 {
    padding: 0px 4%;
  }
  .article-details-counts-container .counts-left .detail-count.detail-count1 {
    padding-right: 4%;
    border-right: #c4c4c4 solid 1px;
  }
  .article-details-counts-container .counts-left .detail-count i {
    font-size: 20px;
    margin-right: 5px;
  }
  .article-details-counts-container .counts-left .detail-count {
    float: none;
    text-align: center;
    font-size: 14px;
  }
  .article-details-counts-container .counts-left .detail-count-txt {
    float: none;
    overflow: hidden;
  }
  .article-details-counts-container {
    margin-top: 20px;
  }
  .library-details-banner img {
    height: 150px;
  }
  .article-details-counts-container .counts-right {
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
  .article-details-counts-container .counts-right .btn {
    min-width: 120px;
    padding: 2px;
    padding-bottom: 4px;
    font-size: 15px;
    height: auto;
  }
  .featured-article-txt {
    padding-top: 0px;
  }
  .related-tags {
    margin-top: 25px;
  }
  .related-article {
    margin-top: 20px;
  }
  .responsive__tabs ul.scrollable-tabs li a {
    display: flex;
    font-size: 15px;
  }
  .responsive__tabs ul.scrollable-tabs li a img {
    width: 22px;
    height: 22px;
  }
  /*------ Achievements ------*/
  .achievement-scroll-container {
    padding-right: 0px;
  }
  #meetings .owl-stage {
    padding-left: 5px !important;
  }
  .meeting-card {
    padding: 15px;
  }
  .meeting-card .meeting-txt {
    min-height: 100px;
  }
  .achievement-scroll-container h2 {
    font-size: 19px;
  }
  .badges-container1 .badges-continer h2 {
    font-size: 15px;
  }
  .achivement-carousel.owl-carousel .owl-item img {
    width: 70px !important;
  }
  .responsive__tabs ul.scrollable-tabs li {
    margin: 0px 10px;
  }
  .responsive__tabs ul.scrollable-tabs li a img {
    margin-right: 3px;
  }
  body h2 {
    font-size: 18px;
  }
  .article-thumb .article-thumb-name .article-details {
    font-size: 16px;
  }
  .achievement-scroll-container h2 {
    font-size: 17px;
  }
  .completed {
    right: -10px;
  }
  .mobile-shoutout {
    display: block;
  }
  .desktop-shoutout {
    display: none;
  }
  .shout-out-container {
    padding-right: 0px;
  }
  .achivement-carousel h2 {
    padding-left: 10px;
  }
  .shout-out-container .badge-complementry {
    height: 26px;
  }
  .popover ul li {
    font-size: 14px;
  }
  .popover ul li i {
    color: #4A4B4A;
    font-size: 16px;
  }
  /*--------------- Leadership Network ---------------*/
  .leadership-topic-thumb {
    height: 250px;
  }
  .leadership-topic-thumb img {
    height: 250px;
    width: 100%;
  }
  .questionlinks-container span {
    display: none;
  }
  .questionlinks-container .questionlinks a {
    color: #222222;
    margin-right: 10px;
    flex-shrink: 0;
  }
  .questionlinks-container .questionlinks a:last-child {
    margin-right: 0px;
  }
  /*------Leadership network------*/
  .answer-right span {
    display: none;
  }
  .answer-right .btn {
    padding: 0px 0px !important;
  }
  .ask-question-container .question-fileds {
    padding: 15px;
  }
  .msg-links a {
    margin-right: 10px;
    color: #222222;
  }
  .answers-container,
  .answer-container {
    padding: 15px;
  }
  .answers-container .replies-container.second-lvl-reply {
    margin-left: 0px;
  }
  .mobile-answers {
    display: block;
  }
  .desktop-answers {
    display: none;
  }
  .mobile-hide {
    display: none;
  }
  body .btn.small {
    min-width: 70px;
  }
  .question-container .question-txt {
    padding: 15px;
  }
  .questionlinks {
    display: flex;
    justify-content: space-between;
    width: 55%;
  }
  .questionlinks-container {
    padding: 10px 10px;
  }
  .questionlinks-container .question-user-details div {
    margin-left: 10px;
    margin-right: 10px;
  }
  .questionlinks {
    width: 65%;
    justify-content: start;
  }
  /*------- 1:1 Meeting -------*/
  .meeting-thumb .meeting-user .meeting-user-name {
    font-size: 15px;
  }
  .meeting-thumb .user-badge-meeting {
    width: 35px;
  }
  .meetings-container {
    background: #ffffff;
    padding: 10px;
    margin-bottom: 30px;
  }
  .from-time {
    margin-bottom: 5px;
  }
  .modal-dialog .modal-header h5 {
    font-size: 22px;
  }
  .meeting-thumb {
    padding: 15px;
  }
  .back-menu {
    display: block !important;
  }
  .file-owner {
    display: none !important;
  }
  .meeting-file-attchment1 .attchment-user {
    width: 10%;
  }
  .meeting-file-attchment1 .attchment-file-name {
    width: 50%;
  }
  .meeting-file-attchment1 .attchment-actions {
    width: 40%;
    text-align: right;
  }
  .meeting-file-attchment1 {
    padding: 5px 10px;
  }
  /*-------- 1:1 meeting -----*/
  .file-owner {
    display: none !important;
  }
  .meeting-file-attchment1 .attchment-user {
    width: 20%;
  }
  .meeting-file-attchment1 .attchment-file-name {
    width: 40%;
  }
  .meeting-file-attchment1 .attchment-actions {
    width: 40%;
    text-align: right;
  }
  .meeting-timings-container {
    flex-flow: column;
  }
  .meeting-timings-container .meeting-timings-details {
    margin-top: 10px;
  }
  .meeting-buttons .btn {
    min-width: 70px;
  }
  .meeting-buttons .btn span {
    /*display: none;*/
  }
  .meetings-timeline {
    margin-bottom: 30px;
  }
  .meeting-section-heading {
    margin-top: 30px;
  }
  .meeting-topics {
    margin-top: 0px;
  }
  .meetings-with {
    width: 15%;
    margin-left: 10px;
  }
  .meeting-list .meeting-content {
    flex-flow: column;
  }
  .add-item .input-group {
    flex-flow: column;
  }
  .add-item .input-group .input-group-append {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    margin-left: 0;
    margin-top: -2px;
  }
  .add-item .input-group .form-control {
    width: 100%;
    border-radius: 0.25rem;
  }
  .action-user {
    justify-content: flex-start;
    margin-top: 10px;
  }
  .meeing-template-conatiner {
    background: #ffffff;
    padding: 15px;
    margin-top: 40px;
    padding-top: 0px;
  }
  .meeting-file-attchment1 .attchment-actions a {
    font-size: 18px;
    margin: 0px 5px;
  }
  .attchment-user .user-thumb.mid {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0px auto;
    margin-right: 0px;
  }
  .meeting-notes .btn {
    min-width: 60px;
  }
  .meeting-timings-container .meeting-timings-details {
    justify-content: flex-start;
    font-size: 14px;
    width: 255px;
    margin-top: 20px;
  }
  .meeting-timings-container .meeting-timings-details i {
    font-size: 19px;
    position: relative;
    top: 2px;
  }
  .meeting-date {
    margin-right: 20px;
  }
  .meeting-list .meeting-content .timeline-content h3 a {
    font-size: 14px;
  }
  .meeting-list .meeting-content .meeting-seetings {
    width: 5%;
    text-align: right;
    margin-left: 10px;
  }
  .meetings-timeline .add-item {
    width: 100% !important;
  }
  .meeting-list .timeline-container::before {
    height: calc(100% - 60px);
  }
  body .btn-secondary {
    min-width: auto;
  }
  .meeting-list .meeting-content .timeline-content .timeline-txt {
    width: 100%;
  }
  .todo-list-container .todo-list {
    padding: 15px 10px;
  }
  .todo-list-container .to-do-list-heading {
    padding: 15px 10px;
  }
  .todo-list-container .todo-list .todo {
    align-items: flex-start;
  }
  .todo .round label {
    top: 2px;
  }
  .todo-list-container .todo-list .todo {
    padding: 10px 10px;
  }
  .todo-list-container .todo-list .todo-text {
    font-size: 14px;
  }
  .todo-list-container .todo-list h4 {
    margin-top: 30px;
    margin-bottom: 15px;
  }
  .add-todo-item .input-group-append {
    margin-left: 0px;
  }
  .add-todo-item .input-group {
    flex-flow: column;
  }
  .todo-list-container .todo-list .form-control {
    height: 46px;
    font-size: 14px;
    width: 100%;
    border-radius: 5px;
    margin-bottom: -2px;
  }
  .todo-list-container .to-do-list-heading h2 span {
    font-size: 15px;
    font-weight: normal;
    width: 100%;
    display: block;
  }
  .todo-list-container .to-do-list-heading h2 span {
    width: 100%;
    display: block;
    line-height: 24px;
  }
  .meeting-completed {
    width: 30px;
    float: right;
    margin-top: -15px;
  }
  /*--------Profile --------*/
  .profile-details-left {
    margin-bottom: 30px;
  }
  .profile-right-tab {
    padding: 15px;
  }
  .edit-link span {
    display: none;
  }
  .profile-right-tab .heading-icon {
    margin-right: 5px;
  }
  .profile-right-tab .profile-section-heading .heading-name h3 {
    font-size: 18px;
  }
  .toggle-checkbox {
    margin-bottom: 20px;
  }
  .support-feedback-container .accordion a {
    padding: 15px 10px;
  }
  .support-feedback-container .accordion li .accordion-inner {
    padding: 10px 15px 30px;
  }
  .support-feedback-container .accordion a {
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
  }
  .notification-container .notification-list {
    padding: 25px 15px;
  }
  .notification-container .notification-list .notification {
    padding: 10px 10px;
  }
  .filter-btn-container .filter-btn .filter {
    display: none;
  }
  .filter-btn2 {
    width: auto !important;
  }
  .dropdown-menu.dropdown-menu2 {
    min-width: 100px !important;
    width: 112px;
  }
  .feed-card .feed-card-header .validate-btn {
    font-size: 14px;
  }
  .feed-card .feed-card-header .validate-btn i {
    font-size: 17px;
  }
  /*------- action buttons ------*/
  #todomodal h6 {
    font-size: 18px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #todomodal .popup-todo {
    margin-top: 10px;
    padding: 0px;
  }
  #todomodal .popup-todo .pop-new-todo {
    padding: 5px 10px;
  }
  #todomodal .popup-todo .pop-new-todo .todo-row {
    flex-direction: column;
  }
  #todomodal .popup-todo .pop-new-todo {
    font-size: 15px;
  }
  #todomodal .popup-todo .input-group-append {
    width: 100%;
    margin-left: 0px;
  }
  #todomodal .popup-todo .pop-new-todo .todo-date {
    font-size: 13px;
  }
  #todomodal .input-group {
    flex-direction: column;
  }
  #todomodal .input-group .form-control {
    width: 100%;
    border-radius: 5px;
    margin-bottom: 10px;
    height: 40px;
  }
  #todomodal .input-group .form-control:last-child {
    margin-bottom: 0px;
  }
  /*-------- action buttons --------*/
  .modal-date {
    margin-bottom: 20px;
  }
  .midfullness-text {
    font-size: 18px;
    color: #777777;
    margin-bottom: 30px;
    flex-direction: column;
    text-align: center;
  }
  .midfullness-text div:first-child {
    margin-bottom: 15px;
  }
  .mindfullness-thumb {
    font-size: 14px;
  }
  .mindfullness-thumb .mindfulness-thumb-img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
  }
  .gartitude-txt {
    flex-flow: column;
    text-align: center;
    padding: 0px 20px;
  }
  .gartitude-txt img {
    width: 150px;
    margin-bottom: 10px;
  }
  .modal-form1 .form-inline {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
  }
  .modal-form1 .form-inline label {
    width: 100px;
  }
  .modal-form1 .modal-footer {
    flex-flow: column;
  }
  .modal-form1 .modal-footer .btn {
    width: 150px;
    margin-top: 10px;
  }
  /*------ my wellbeing------*/
  .mywellbeing-tabs-container .featured-wellbeing-thumb {
    flex-flow: column;
  }
  .mywellbeing-tabs-container .featured-wellbeing-thumb .featured-wellbeing-txt-container {
    padding: 0px 0px;
  }
  .mywellbeing-tabs-container .featured-wellbeing-thumb .featured-wellbeing-thumb-img img {
    width: 100%;
    height: 125px;
    margin-bottom: 15px;
  }
  .featured-wellbeing-thumb .article-counts {
    padding: 20px 0px !important;
    padding-bottom: 0px !important;
    margin-top: 10px !important;
  }
  .container1 > ul {
    padding-left: 10px;
  }
  .container1 > ul > li {
    margin-top: 50px;
    margin-bottom: 20px;
  }
  .container1 ul li:first-child span.number strong {
    left: 25px;
    top: -5px;
  }
  .container1 ul li:first-child span {
    top: -60px;
  }
  .container1 ul li:first-child span.number span {
    position: absolute;
    left: 25px;
    top: 17px;
  }
  .container1 span.number span {
    position: absolute;
    left: 25px;
  }
  .container1 > ul > li > span {
    left: -28px;
    top: -40px;
  }
  .gratitude-list li {
    font-size: 15px;
  }
  .gratitude-list li .count {
    width: 25px;
    height: 25px;
    font-size: 17px;
    line-height: 25px;
    margin-right: 10px;
  }
  .mywellbeing-tabs-container .featured-wellbeing-thumb .featured-wellbeing-thumb-img {
    width: 100%;
  }
  .mywellbeing__tabs2 ul.scrollable-tabs li {
    margin: 0px 25px;
  }
  .mywellbeing__tabs2 ul.scrollable-tabs li a {
    font-size: 17px;
  }
  .filter-btn-container .filter-btn {
    font-size: 14px;
  }
  .mywellbeing-tabs-container .featured-wellbeing-txt {
    font-size: 17px;
  }
  /*-------- My team--------*/
  .myteam-invite-container {
    padding: 25px 15px;
  }
  .question-container .question-attachment li span {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 180px;
    display: inline-block;
    white-space: nowrap;
  }
  /*--------quiz page--------*/
  .quiz-question-container {
    padding: 15px;
  }
  .fs-title {
    font-size: 17px;
    margin-bottom: 25px;
  }
  .quiz-question-container ul li {
    padding: 0px 15px;
  }
  .quiz-question-container ul li .custom-control label {
    padding-left: 0.5rem;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
  }
  .quiz-question-container ul li .custom-control label::before {
    top: 16px;
    left: -1.5rem;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border: #adb5bd solid 1px;
  }
  .quiz-question-container ul li .custom-control label::after {
    top: 11px;
    left: -29px;
    width: 1.8rem;
    height: 1.85rem;
  }
  .quiz-question-container .multiple-choice .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    height: 7px;
    left: -21px;
    top: 21px;
    width: 13px !important;
  }
  .quiz-question-container .btn {
    min-width: 110px !important;
  }
  /*------ quiz results ------*/
  .quiz-correct .alert {
    padding: 5px 10px;
    font-size: 15px;
  }
  .quiz-correct .question-count {
    font-size: 15px;
  }
  .quiz-question-container img {
    width: 100%;
    height: 110px;
  }
  .question-results > h2 {
    margin-bottom: 20px;
    font-weight: 500;
  }
  #eapmodal .modal-body {
    padding-left: 15px;
    padding-right: 15px;
  }
  #eapmodal .eap-contact-details ul li {
    font-size: 17px;
    padding: 0px 0px 15px 0px;
  }
  #eapmodal .eap-details {
    padding: 15px;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  /*------My team------*/
  .myteam-tabs .section-container {
    padding: 15px;
  }
  .myteam-tabs .invite-row.align-items-center {
    align-items: start !important;
  }
  .myteam-tabs .invite-row-right {
    margin-top: 10px;
    padding-left: 50px;
  }
  .page-right-link span {
    display: none;
  }
  .btn span {
    display: inline-block;
  }
  .page-heading .btn-secondary {
    min-width: auto !important;
  }
  .page-right-link i {
    font-size: 28px;
  }
  .page-right-link {
    display: none;
  }
  .mobile-pre-link {
    top: -16px;
    position: relative;
    font-size: 15px;
    display: block;
  }
  .pre-create-meeting-btn i {
    display: block;
  }
  .pre-create-meeting-btn i {
    display: block;
  }
  .btn.btn-secondary.pre-create-meeting-btn {
    height: 35px;
  }
  .action-btn {
    width: 40px;
    height: 40px;
    color: #222222;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    border: none;
    outline: none;
    display: block;
    background: #ffffff;
    line-height: 40px;
    cursor: pointer;
  }
  .action-btn span {
    display: none;
  }
  .action-items-edit-btns .btn span {
    display: none;
  }
  .timeline-content-container {
    flex-wrap: wrap;
  }
  .timeline-content-container .action-user {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 10px;
  }
  .action-items-edit-btns .btn-sm {
    width: auto;
    min-width: 50px !important;
  }
  .meeting-list .meeting-content .meeting-seetings span {
    font-size: 18px;
    cursor: pointer;
  }
  .meeting-content.input-group .form-control {
    width: 100%;
    border-radius: 0.25rem;
  }
  .meeting-content .input-group .input-group-append {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    margin-left: 0;
    margin-top: -2px;
  }
  .meeting-list .meeting-content .form-control {
    font-size: 14px;
    border-radius: 0.25rem;
  }
  .meeting-list .meeting-content .timeline-content {
    width: 93%;
  }
  .meeting-list .meeting-content .meeting-seetings {
    width: 30%;
    margin-left: 10px;
  }
  .action-items .timeline-content-container1 {
    flex-wrap: nowrap !important;
  }
  .protips-container {
    flex-flow: column;
    align-items: center;
  }
  #protips-slider.slider {
    text-align: center;
  }
  #protips-slider .protips-thumb {
    margin-right: 0px;
  }
  #protips-slider .protips-thumb img {
    margin-bottom: 15px;
  }
  #team-invit-form .form-label-group, #peer-invit-form .form-label-group {
    flex-flow: column;
  }
  #team-invit-form .multiselect__tags, #peer-invit-form .multiselect__tags {
    margin-bottom: 10px;
  }
  #team-invit-form .btn, #peer-invit-form .btn {
    border-radius: 5px;
    width: 100%;
  }
  #team-invit-form .btn span, #peer-invit-form .btn span {
    display: inline-block;
  }
  .mobile-width {
    width: unset !important;
  }
  .content-area .login-container .form-login .btn {
    padding-left: 5px;
    padding-right: 5px;
  }
  .module-name h3 {
    -webkit-line-clamp: 3 !important;
    height: 65px !important;
  }
  .team-invite .input-group-prepend {
    width: 100%;
    margin-bottom: 5px;
  }
  .team-invite .input-group-prepend .input-group-text {
    width: 100%;
    height: 38px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .content-area .register-right {
    display: none;
  }
  .content-area .welcome-txt {
    padding: 0px 40px;
  }
  .action-btn span {
    display: none;
  }
  header .logo1 img {
    height: 40px;
  }
  .statistics-container .statistic-indu {
    width: 120px;
    height: 120px;
  }
  .stat-numbers {
    display: none;
  }
  .statistic-indu {
    text-align: center;
  }
  .statistics-container .statistic-indu .statistic-text-container .statistic-text {
    display: inline-block;
  }
  .main-menu-left-container,
  .main-right {
    display: none;
  }
  #sidebar .main-menu-left-container {
    display: block;
  }
  .statistics-container .statistic-indu .statistic-text-container .statistic-icon {
    margin-right: 5px;
  }
  .left-menu,
  .mobile-right-menu {
    display: block;
  }
  .feed-card.rounded {
    border-radius: 0px !important;
  }
  .statistics-container {
    display: none;
  }
  .statistic-mobile {
    visibility: visible;
  }
  /*---------capability building ---------*/
  .widget-content .widget-element img {
    width: 75px;
  }
  .widget-content .widget-inner-heading.widget-inner-heading2 {
    font-size: 17px;
    margin-bottom: 15px;
  }
  .widget-content .widget-status-text {
    font-size: 14px;
  }
  .widget-content .widget-numbers {
    font-size: 25px;
  }
  .mobile-cards {
    display: block;
  }
  .capability-overview-left {
    width: 100% !important;
  }
  .module-link span {
    display: none;
  }
  .mobile-cards-container .card__expander .module-details {
    padding: 15px;
    padding-bottom: 0px;
  }
  .mobile-cards-container .card {
    width: 300px;
  }
  .mobile-module-details .capability-overview-right {
    width: 100%;
  }
  .capability-overview-left .toggle-text {
    display: none;
  }
  .capability-overview-left {
    align-items: center !important;
  }
  .capability-modules-container .capability-modules-overviews .capability-overview-left img {
    width: 50px;
    margin-right: 15px;
    height: 50px;
  }
  .capability-overview-mobile {
    display: flex !important;
  }
  .capability-overview-left img {
    width: 50px;
    margin-right: 15px;
    height: 50px;
  }
  .capability-modules-overviews1 {
    padding: 15px;
  }
  .cards .card2 {
    width: 94% !important;
  }
  .mobile-module-details {
    display: block;
  }
  .mobile-cards-container .mCustomScrollBox,
  .mobile-cards-container .mCSB_container {
    overflow-y: auto !important;
  }
  .acticity-timeline-right {
    display: none;
  }
  .acticity-timeline-mobile {
    display: flex;
  }
  .modal-body .module-details {
    display: flex;
    justify-content: center;
    padding-top: 0px;
  }
  .modal-body .module-details ul {
    min-width: 200px;
    display: inline-grid;
  }
  .modal-body .module-details ul li {
    width: 100%;
  }
  .case-study-thumb {
    display: inline-block !important;
    width: 100%;
  }
  .case-study-thumb .case-study-thumb-img img {
    width: 100%;
    margin-bottom: 25px;
    height: 190px;
  }
  .case-study-thumb .case-study-participants-counts {
    justify-content: center;
  }
  .page-heading h1 {
    font-size: 19px;
  }
  .page-heading {
    margin-bottom: 15px;
  }
  .main-content-area {
    padding: 25px 0px;
  }
  /*---------library--------------*/
  .featured-article-thumb {
    display: block;
  }
  .featured-img .article-thumb-img {
    width: 100%;
  }
  .featured-img .article-thumb-img img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
  }
  .article-details-counts-container {
    flex-flow: column;
  }
  .article-details-counts-container .counts-left .detail-count i {
    font-size: 36px;
  }
  .article-details-counts-container .counts-left {
    width: 100%;
    justify-content: center;
    display: flex;
  }
  .article-details-counts-container .counts-right {
    width: 100%;
    margin-top: 40px;
    text-align: center;
  }
  .detail-count2:last-child {
    border-right: none !important;
  }
  .article-details-counts-container .counts-left .detail-count.detail-count2 {
    padding: 0px 5%;
  }
  .library-details-banner img {
    height: 250px;
  }
  .responsive__tabs ul.scrollable-tabs li a {
    padding: 5px 0px;
  }
  .responsive__tabs ul.scrollable-tabs li a {
    font-size: 15px;
  }
  .responsive__tabs ul.scrollable-tabs li a img {
    width: 22px;
    height: 22px;
  }
  /*------ Achievements ------*/
  .achievement-scroll-container {
    padding-right: 0px;
  }
  #meetings .owl-stage {
    padding-left: 5px !important;
  }
  .mobile-shoutout {
    display: block;
  }
  .desktop-shoutout {
    display: none;
  }
  .shout-out-container {
    padding-right: 0px;
  }
  /*--------------- Leadership Network ---------------*/
  .leadership-topic-thumb {
    height: 250px;
  }
  .leadership-topic-thumb img {
    height: 250px;
  }
  .questionlinks-container span {
    display: none;
  }
  /*------Leadership network------*/
  .answer-right span {
    display: none;
  }
  .answer-right .btn {
    padding: 0px !important;
  }
  .questionlinks {
    display: flex;
    justify-content: space-between;
    width: 55%;
  }
  .back-menu {
    display: block !important;
  }
  /*-------- 1:1 meeting -----*/
  .file-owner {
    display: none !important;
  }
  .meeting-file-attchment1 .attchment-user {
    width: 20%;
  }
  .meeting-file-attchment1 .attchment-file-name {
    width: 50%;
  }
  .meeting-file-attchment1 .attchment-actions {
    width: 30%;
    text-align: right;
  }
  .meeting-timings-container {
    flex-flow: column;
  }
  .meeting-timings-container .meeting-timings-details {
    margin-top: 10px;
  }
  .meetings-timeline {
    margin-bottom: 30px;
  }
  .meeting-section-heading {
    margin-top: 30px;
  }
  .meeting-topics {
    margin-top: 0px;
  }
  .meetings-with {
    width: 15%;
    margin-left: 10px;
  }
  .meeting-completed {
    width: 30px;
    float: right;
    margin-top: -15px;
  }
  /*--------To-to list --------*/
  .todo-list-container .todo-list .todo {
    align-items: flex-start;
  }
  .todo .round label {
    top: 2px;
  }
  /*--------Profile --------*/
  .profile-details-left {
    margin-bottom: 30px;
  }
  .page-right-link span {
    display: none;
  }
  .btn span {
    display: none;
  }
  .page-heading .btn-secondary {
    min-width: auto !important;
  }
  .page-right-link i {
    font-size: 28px;
  }
  .mobile-pre-link {
    top: -16px;
    position: relative;
    font-size: 15px;
    display: block;
  }
  .page-right-link {
    display: none;
  }
  .pre-create-meeting-btn i {
    display: block;
  }
  .btn.btn-secondary.pre-create-meeting-btn {
    height: 35px;
  }
  .protips-container {
    flex-flow: column;
    align-items: center;
  }
  #protips-slider.slider {
    text-align: center;
  }
  #protips-slider .protips-thumb {
    margin-right: 0px;
  }
  #protips-slider .protips-thumb img {
    margin-bottom: 15px;
  }
  #team-invit-form .form-label-group {
    flex-flow: column;
  }
  #team-invit-form .multiselect__tags {
    margin-bottom: 10px;
  }
  #team-invit-form .btn {
    border-radius: 5px;
    width: 100%;
  }
  #team-invit-form .btn span {
    display: inline-block;
  }
  .module-name h3 {
    -webkit-line-clamp: 3 !important;
    height: 65px !important;
  }
  .shoutouts-modal .modal-dialog {
    max-width: 530px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .content-area {
    height: 100%;
  }
  .content-area .register-right {
    display: none;
  }
  .content-area .welcome-txt {
    padding: 0px 75px;
  }
  .content-area header .logo1 img {
    height: 40px;
  }
  .content-area .statistics-container .statistic-indu {
    width: 160px;
  }
  .content-area .main-menu-left-container,
  .content-area .main-right {
    display: none;
  }
  .content-area #sidebar .main-menu-left-container {
    display: block;
  }
  .content-area .statistics-container .statistic-indu .statistic-text-container .statistic-icon {
    margin-right: 5px;
  }
  .content-area .left-menu,
  .content-area .mobile-right-menu {
    display: block;
  }
  header .logo1 img {
    height: 40px;
  }
  .statistics-container .statistic-indu {
    width: 160px;
  }
  .main-menu-left-container,
  .main-right {
    display: none;
  }
  #sidebar .main-menu-left-container {
    display: block;
  }
  .statistics-container .statistic-indu .statistic-text-container .statistic-icon {
    margin-right: 5px;
  }
  .left-menu,
  .mobile-right-menu {
    display: block;
  }
  .article-details-counts-container {
    flex-flow: column;
  }
  .article-details-counts-container .counts-left {
    width: 100%;
    justify-content: center;
    display: flex;
  }
  .article-details-counts-container .counts-right {
    width: 100%;
    margin-top: 40px;
    text-align: center;
  }
  .detail-count2:last-child {
    border-right: none !important;
  }
  .library-details-banner img {
    height: 350px;
  }
  /*------ Achievements ------*/
  .meeting-txt {
    min-height: 100px !important;
  }
  .back-menu {
    display: none;
  }
  /*-------- 1:1 meeting -----*/
  .meetings-timeline {
    margin-bottom: 30px;
  }
  .meeting-topics {
    margin-top: 0px;
  }
  .meeting-file-attchment1 .attchment-file-name {
    width: 50%;
  }
  .meeting-file-attchment1 .attchment-actions {
    width: 25%;
    text-align: right;
  }
  .todo-list-container .todo-list .todo {
    align-items: flex-start;
  }
  .todo .round label {
    top: 0px;
  }
  /*--------Profile --------*/
  .profile-details-left {
    margin-bottom: 30px;
  }
  .module-name h3 {
    -webkit-line-clamp: 3 !important;
    height: 65px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .content-area .welcome-txt {
    padding: 0px 40px;
  }
  header .logo1 img {
    height: 40px;
  }
  .statistics-container .statistic-indu {
    width: 160px;
  }
  .main-menu-left-container {
    display: none;
  }
  #sidebar .main-menu-left-container {
    display: block;
  }
  .statistics-container .statistic-indu .statistic-text-container .statistic-icon {
    margin-right: 5px;
  }
  .left-menu {
    display: block;
  }
  .featured-img .article-thumb-img {
    width: 300px;
    height: 300px;
  }
  .featured-img .article-thumb-img img {
    width: 300px;
    height: 100%;
  }
  .article-details-counts-container .counts-left {
    width: 69%;
  }
  .article-details-counts-container .counts-right {
    width: 35%;
  }
  .article-details-counts-container .counts-left .detail-count.detail-count2 {
    padding: 0px 6%;
  }
  /*------ Achievements ------*/
  .meeting-txt {
    min-height: 121px !important;
  }
  /*-------1:1 meeting------*/
  .meetings-with {
    width: 22%;
    margin-left: 10px;
  }
  .meeting-list .meeting-buttons button {
    margin-right: 4px;
    min-width: auto !important;
  }
  .todo-list-container .todo-list .todo {
    align-items: flex-start;
  }
  /*--------Profile --------*/
  .profile-details-left .profile-contact-details span {
    word-break: break-all;
  }
}
@media (min-width: 1200px) and (max-width: 1279.98px) {
  .left-menu {
    display: block;
  }
  .statistics-container .statistic-indu {
    width: 200px;
  }
  .main-menu-left-container {
    display: none;
  }
  .main-center-content {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .library-details-container {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #sidebar .main-menu-left-container {
    display: block;
  }
  .featured-img .article-thumb-img {
    width: 300px;
    height: 260px;
  }
  .featured-img .article-thumb-img img {
    width: 300px;
    height: 100%;
  }
}
@media (min-width: 1280px) {
  .main-menu-left-container .main-menu-left ul li {
    padding: 5px 5px;
  }
  .statistics-container .statistic-indu {
    width: 165px;
  }
}
@media (min-width: 1199px) and (max-width: 1278.98px) {
  .article-details-counts-container .counts-left {
    width: 68%;
  }
  .article-details-counts-container .counts-right {
    width: 35%;
  }
  /*-------1:1 meeting------*/
  .meetings-with {
    width: 17%;
    margin-left: 10px;
  }
  .meeting-list .meeting-buttons button {
    margin-right: 4px;
    min-width: auto !important;
  }
}
@media (min-width: 1279.98px) and (max-width: 1360.98px) {
  .article-details-counts-container .counts-left {
    color: #555555;
    font-size: 16px;
    font-weight: 500;
    width: 71%;
  }
  .article-details-counts-container .counts-right {
    width: 35%;
  }
  /*-------1:1 meeting------*/
  .meetings-with {
    width: 14%;
    margin-left: 10px;
  }
  .meeting-list .meeting-buttons button {
    margin-right: 4px;
    min-width: auto !important;
  }
}
@media (max-width: 767px) {
  .panel-wrapper {
    position: relative;
  }
  .show1,
  .hide1 {
    position: absolute;
    bottom: -34px;
    z-index: 100;
    text-align: center;
  }
  .hide1 {
    display: none;
  }
  .show1:target {
    display: none;
  }
  .show1:target ~ .hide1 {
    display: block;
  }
  .show1:target ~ .panel {
    max-height: 2000px;
  }
  .show1:target ~ .fade1 {
    margin-top: 0;
  }
  .panel {
    position: relative;
    max-height: 380px;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
    margin-bottom: 50px;
  }
  .fade1 {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(100, 100, 100, 0)), color-stop(75%, #222222));
    background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%, #646464 75%);
    height: 0px;
    margin-top: 20px;
    position: relative;
  }
  .show1,
  .hide1 {
    visibility: visible;
  }
}
.meeting-topics .custom-control {
  line-height: 25px;
}
.meeting-topics .custom-control:last-child {
  margin-bottom: 0px !important;
}

/*# sourceMappingURL=responsive.css.map */