/**************************/
/* BELOW 1385px */
/**************************/
@media screen and (max-width: 86.5em) {
}
/**************************/
/* UPPER 1300px */
/**************************/
@media screen and (min-width: 81.2em) {
  .g--wbs-package {
    grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
  }
  .chat-parent-info__item:not(:last-child, :first-child):after {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    background-color: var(--color-blue-light);
    width: 1px;
    height: calc(100% - 0.3rem);
    top: 50%;
    transform: translateY(-50%);
  }
}
/**************************/
/* BELOW 1300px */
/**************************/
@media screen and (max-width: 81.2em) {
  .g--wbs-package {
    grid-template-columns: repeat(auto-fit, minmax(28rem, -webkit-max-content));
    grid-template-columns: repeat(auto-fit, minmax(28rem, max-content));
  }
  .learn-single--content {
    flex-wrap: wrap;
  }
  .learn-single--meta,
  .learn-single__text {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .wbs-flex-card {
    padding: 1rem;
  }
  .g--3-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
  }
}
/**************************/
/* Upper 1200px */
/**************************/
@media screen and (min-width: 75em) {
  .text-lg-right {
    text-align: right;
  }
  .wbs-chat {
    grid-template-columns: 11rem minmax(0, 1fr);
  }
  .module--content__img,
  .module--content__text {
    flex: 1;
  }
  .sw--module-card-slider {
    margin: 0 4.5vw;
  }
}
/**************************/
/* BELOW 1200px */
/**************************/
@media screen and (max-width: 75em) {
  .mobile-sidebyside--arrow .swiper-button-next,
  .mobile-sidebyside--arrow .swiper-button-prev {
    bottom: -5rem;
    top: auto;
  }
  .chat-head__content img {
    margin-bottom: 0;
  }
  .mobile-sidebyside--arrow .swiper-button-prev {
    right: 33vw;
  }
  .mobile-sidebyside--arrow .swiper-button-next {
    left: 33vw;
  }
  .mobile-sidebyside--arrow {
    margin-bottom: 10rem;
  }
  .module--content__img,
  .module--content__text {
    flex: auto;
  }
  .wbs-chats {
    padding-top: 5rem;
  }
  .chat-head {
    position: absolute;
    z-index: 2;
    bottom: 100%;
    transform: translateY(50%);
    margin: 0;
    right: 2rem;
  }
  .gutter-30 {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    row-gap: 1rem;
  }
  html {
    font-size: 59.5%;
  }
}
/**************************/
/* BELOW 1040px */
/**************************/
@media screen and (max-width: 65em) {
}
/**************************/
/* UPPER 992px */
/**************************/
@media screen and (min-width: 62em) {
  .sidebar-body {
    height: calc(100% - 23rem);
  }
  .wrapp-progress {
    padding: 0 2rem;
  }
  .dataTables_filter {
    flex-wrap: wrap;
  }
  .sidebar.open .sidebar-item__title {
    opacity: 1;
  }
  .sidebar.open .sidebar-logo {
    opacity: 1;
  }
  .sidebar-logo {
    opacity: 0;
    transition: 0.5s;
  }
  .sidebar-item__title {
    opacity: 0;
    transition: opacity 0.9s;
  }
  .header-mobile,
  .wbs-profile-meta__info .wbs-profile-img {
    display: none;
  }
  .space-fix-menu,
  .fix-menu {
    display: none;
  }
}
/**************************/
/* BELOW 992px */
/**************************/
@media screen and (max-width: 62em) {
  .alignleft,
  .alignright {
    float: none;
    margin: 0 auto 1rem auto !important;
    width: 100%;
  }
  .tooltip-progress__title .p-title.special {
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
  }

  .wbs-timeline:not(:last-child) {
    margin-bottom: 7rem;
  }
  .wbs-timeline__head {
    order: 3;
    justify-content: center;
  }

  .cloud3 {
    display: none;
  }
  .cloud::before,
  .cloud::after {
    height: 24vw;
  }
  :root {
    --width-cloud: 23vw;
  }
  .sidebar-close-logo {
    display: none;
  }
  .container-not-aside.open,
  .container-with-aside.open {
    transform: translateX(calc(-1 * (var(--width-sidebar-open))));
  }
  .container-not-aside.open {
    padding-right: 4vw;
  }
  .wbs-profile {
    background-color: transparent;
    border: none;
    padding: 0;
  }
  .wbs-user-notif {
    display: none;
  }
  .container-of-sidebar {
    padding-right: 4vw;
  }
  .sidebar {
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 28px 0 0 18px;
    width: calc(-1 * var(--width-sidebar-open));
  }
  .wbs-profile-meta__info {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 6.9rem minmax(0, 1fr);
    width: 100%;
    align-items: end;
  }
  .wbs-profile-meta__info h1 {
    text-align: left;
  }

  .wbs-profile-meta__info a {
    text-align: right;
  }
  .wbs-profile-meta__info h1,
  .wbs-profile-meta__info a {
    flex: 1;
    overflow: auto;
    width: 100%;
  }
  .wbs-profile-meta > .wbs-profile-img {
    display: none;
  }
  .aside-content {
    display: none;
  }
  .wbs-profile-meta {
    justify-content: center;
    width: 100%;
    margin-bottom: 2rem;
  }
  .wbs-profile-info {
    display: none;
  }
  .g-page {
    -moz-column-gap: 0;
    column-gap: 0;
    grid-template-columns: minmax(0, 1fr);
  }
  html {
    font-size: 56.5%;
  }
}
/**************************/
/* BELOW 800px */
/**************************/
@media screen and (max-width: 50em) {
}
/**************************/
/* UPPER 768px */
/**************************/
@media screen and (min-width: 48em) {
  .editor-chat blockquote {
    margin: 2rem;
  }
}
/**************************/
/* BELOW 768px */
/**************************/
.editor-chat blockquote {
  border-radius: 16px;
  padding: 2rem;
  background: var(--color-blue-light2);
  margin: 2rem 0;
}
@media screen and (max-width: 48em) {
  html {
    font-size: 53.5%;
  }
}
/**************************/
/* BELOW 576px */
/**************************/
@media screen and (max-width: 36em) {
  #timeline-events-wrapper .item-wrap {
    white-space: nowrap;
    grid-template-columns: 20rem 11rem 24rem 10rem;
  }
  .swiper {
    width: calc(100% + 30px);
    margin-right: -15px;
    padding: 0 15px;
  }
  .wbs-profile-meta__info {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
  }
  .wbs-modal {
    width: 90vw;
  }
  .wbs-profile-meta__info a {
    text-align: center;
  }
  .wbs-profile-meta__info h1 {
    text-align: center;
  }
  .wbs-profile-meta__info .wbs-profile-img {
    order: -1;
    margin-bottom: 1rem;
  }
  .custom-mobile {
    border: none !important;
    background-color: #0000 !important;
  }
  .wbs-timeline i.bg-red.custom-mobile {
    color: var(--color-red) !important;
  }
  .wbs-timeline i.bg-blue.custom-mobile {
    color: var(--color-blue) !important;
  }
  .custom-mobile .wbs-info-item {
    border: none;
  }
  .wbs-chat .wbs-info-item {
    left: 1rem;
  }
  .faq--question {
    padding: 2rem 1.5rem;
  }
  .faq--answer {
    padding: 0 1.5rem 2rem;
  }
  .faq-tabs {
    -webkit-mask-image: linear-gradient(
      180deg,
      #0000 0%,
      #000 7%,
      #000 91%,
      #0000 100%
    );
    mask-image: linear-gradient(
      180deg,
      #0000 0%,
      #000 7%,
      #000 91%,
      #0000 100%
    );
  }
  .faq-tabs__item {
    padding: 2rem;
  }
  .login-cloud1,
  .login-cloud2,
  .login-cloud3 {
    width: 20rem;
    height: 10rem;
  }
  .login-cloud1 {
    top: -8rem;
    right: -18vw;
  }
  .login-cloud2 {
    top: -7rem;
    right: -22vw;
  }
  .login-cloud3 {
    top: -5rem;
    right: 52vw;
  }
  .wbs-table .table-ticket-number {
    font-size: 14px;
  }
  .wbs-table .dataTable thead th,
  .wbs-table .dataTable thead td,
  .table-row-title {
    font-size: 13px;
  }
  :root {
    --width-cloud: 44vw;
  }
  .dropdown-title {
    border: 1px solid var(--color-blue-light);
    border-radius: 16px;
    padding: 1.5rem 1rem;
  }
  .wbs-flex-title i {
    width: 3.2rem;
    height: 3.2rem;
  }
  .g--2-cols,
  .g--3-cols {
    grid-template-columns: minmax(0, 1fr);
  }
  .w-sm-100 {
    width: 100%;
  }
  .g-md-2-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .wbs-flex-card i {
    width: 4.8rem;
    border-radius: 1.3rem;
    height: 4.8rem;
  }
  html {
    font-size: 51.5%;
  }
  body {
    font-size: 14px;
  }
  .text5 {
    font-size: 14px;
  }
}
/**************************/
/* UPPER 576px */
/**************************/
@media screen and (min-width: 36em) {
  .table-row-inner-status {
    width: 14rem;
    white-space: normal;
  }
  .table--sm .table-row-title {
    width: calc(9rem + 20px);
    white-space: normal;
  }
  .g--2-cols .table--sm .table-row-title {
    width: calc(4rem + 20px);
    white-space: normal;
  }

  .dropdown-title .icon-arrow3-down {
    display: none;
  }
  .dropdown-title {
    pointer-events: none;
  }
}
/**************************/
/* BELOW 560px */
/**************************/
@media screen and (max-width: 35em) {
}
/**************************/
/* BELOW 447px */
/**************************/
@media screen and (max-width: 28em) {
}
/**************************/
/* BELOW 390px */
/**************************/
@media screen and (max-width: 24.3em) {
  .wbs-chat .wbs-info-item {
    position: static;
    z-index: 2;
    bottom: 100%;
    left: 3rem;
    float: left;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 1rem auto 2rem auto;
    transform: none;
  }
}