@media screen and (max-width:1700px){

  .post-metrics {    gap: 0;}
  .post-metrics .metric{
        font-size: 14px;
  }

  .metric-symbol{
        width: 15px;
    height: 15px;margin-right: 3px;
  }

  .al-search{
        width: 350px;
  }
  .al-date {
    width: 141px;
  }
  .al-table th:nth-child(6), .al-table td:nth-child(6) {
    width: 132px;
}
  .al-table th:nth-child(9), .al-table td:nth-child(9) {
    width: 100px;}

    .inbox_wrapper .chat-actions button{
      padding: 0 6px;
    }
    .inbox_wrapper .soc_logo svg {
    width: 26px;}
    .inbox_wrapper .chat-actions .more {
    width: 32px;}

    .inbox_wrapper .chat-actions{
          width: auto;
    }

}
@media screen and (max-width:1600px){

  .metric .card_small{
        font-size: 12px;
  }

  .metric-symbol{
            margin-right: 5px;
  }

  .al-select {    width: 140px;}
      .al-search {
        width: 312px;
    }
    .al-search input{
          padding: 0 42px 0 20px;
    }

    .al-section .subtitle{
          font-size: 15px;
    }
    .al-input-date {
      min-width: 130px;
  }

  .inbox_wrapper .keytaglist{
        height: calc(23vh - 0px);
  }
  .inbox_wrapper{
        grid-template-columns: 323px 360px minmax(450px, 1fr);
  }
  .inbox_wrapper .chat-header{
        padding: 0 18px;
  }

  .mentions_wrapper .post-type-table td:nth-child(2), .mentions_wrapper .post-type-table th:nth-child(2) {
      width: 24%;
  }

  .mentions_wrapper .recent-table th:nth-child(7) {
    width: 13%;
  }
  .mentions_wrapper .recent-table th:nth-child(8) {
    width: 8%;
  }
  .mentions_wrapper .recent-table th:nth-child(5) {
    width: 19%;
  }

}

@media screen and (max-width:1500px){

  .top_action {
     margin-bottom: 30px;
  }
  .g_over .stat-value{
        font-size: 21px;
  }
  .g_over .stat-icon{
        width: 57px;
    height: 57px;
  }
  .g_over .growth{
        font-size: 16px;
  }
  .platform-card dl div{
        font-size: 15px;
  }
  .post-metrics .metric{
            word-break: break-word;
  }
  .post-metrics{
            column-gap: 2%;
  }
  .post-metrics .metric:nth-child(2) {
      width: 30%;
  }

      .al-date {
        width: 120px;
    }
        .al-search {
        width: 245px;
    }
        .al-select {
        width: 120px;
    }
    .al-calendar {
     right: 6px;
    top: 46%;
    transform: translateY(-50%);
    color: #64748b;
    pointer-events: none;
    width: 17px;
  }
  .al-date-wrap span.frm{
    padding: 0;
  }

    .al-date-wrap input {
      padding-right: 24px;
  }

  .content-area{
    padding: 34px 25px;
  }

  .inbox_wrapper {
        grid-template-columns: 323px 339px minmax(430px, 1fr);
    }
    .inbox_wrapper .add-account{
          padding: 6px 7px;

    }
    .inbox_wrapper .list-actions .filter-btn {
    width: 32px;
    padding: 3px;
  }
  .inbox_wrapper .list-header h2 span{
        font-size: 14px;
  }
  .inbox_wrapper .avatar.big {
    width: 33px;
    height: 33px;
    flex: 0 0 33px;
  }

  .inbox_wrapper .chat-actions button{
            display: flex;
        align-items: center;
        justify-content: center;
  }
  .inbox_wrapper .chat-actions{
        gap: 4px;
  }
  .inbox_wrapper .chat-actions button svg {
    width: 15px;
  }

  .inbox_wrapper .list-header h2{
        font-size: 15px;
  }
  .inbox_wrapper .customer h2{
        font-size: 17px;
  }

      .inbox_wrapper .chat-header {
        padding: 0 12px;
    }


    .mentions_wrapper .platform-tab{
          padding: 0 14px;
              gap: 7px;
    font-size: 15px;
    }
    .mentions_wrapper .mentions-table th{
      font-size: 11px;
    }
    .mentions_wrapper .card-header h2, .mentions_wrapper .card-header-title h2{
          font-size: 18px;
    }
    .mentions_wrapper .mention-search{
      width: 310px;
    }
}
@media screen and (max-width:1400px){

      .g_over .stat-icon {
        width: 49px;
        height: 49px;
                background-size: 27px;
    }
        .g_over .stat-value {
        font-size: 18px;
    }
    .g_over .growth {
        font-size: 14px;
    }
    .post-card .post-title{
          font-size: 15px;
    }

    .post-metrics .metric{
              flex-flow: column;
    }

        .al-search {
        width: 202px;
    }
    .al-search input {
        padding: 0 16px 0 14px;
    }
    .al-filters{
          gap: 7px;
    }

        .inbox_wrapper {
        grid-template-columns: 312px 330px minmax(375px, 1fr);
    }
        .inbox_wrapper .list-actions .filter-btn {
        width: 26px;
        padding: 0px;
    }
    .inbox_wrapper .chat-header {
        padding: 0 14px;
    }
        .inbox_wrapper .soc_logo svg {
        width: 22px;
    }
    .inbox_wrapper .customer{
          gap: 8px;
    }

    .mentions_wrapper .platform-tab svg {
    width: 21px;}
    .mentions_wrapper .platform-tab{
              font-size: 14px;
    }
    .mentions_wrapper .mentions-table td{
          font-size: 13px;
    }
    .mentions_wrapper .mentions-table td:nth-child(2), .mentions_wrapper .mentions-table th:nth-child(2) {
    width: 40%;
}

    .mentions_wrapper .mentions-table td:nth-child(3), .mentions_wrapper .mentions-table th:nth-child(3){
      width: 21%;
    }

    .mentions_wrapper .mentions-table td:nth-child(4), .mentions_wrapper .mentions-table th:nth-child(4){
      width: 19%;
    }

    .mentions_wrapper .mentions-table td:last-child, .mentions_wrapper .mentions-table th:last-child{
      width: 27%;
    }

}
@media screen and (max-width:1300px){


      .al-select {
        width: 107px;
        padding-right: 22px;
    }
        .al-search input {
        padding: 0 16px 0 14px;
    }
        .al-search {
        width: 180px;
    }
        .al-date-wrap input {
        padding-right: 7px;
    }
        .al-date {
        width: 116px;
    }

    .acngrow_pane .platform-name {
    margin-left: 0;}

    .acngrow_pane .soplatform-icon{
          width: 25px;
    height: 25px;
    }
    .acngrow_pane .column-icon{
          margin-right: 0;
    }
    .acngrow_pane .metric{
          padding-left: 10px;
    }

        .inbox_wrapper {
        grid-template-columns: 284px 296px minmax(309px, 1fr);
    }
        .inbox_wrapper .add-account {
         width: 125px;
    }

        .inbox_wrapper .chat-actions {
        gap: 4px;
        flex-flow: wrap;
        width: 44%;
    }

    .inbox_wrapper .chat-actions select.al-select,
    .inbox_wrapper .chat-actions button{
          min-height: auto;    height: 30px;
    }
        .mentions_wrapper .platform-tab {
        padding: 0 10px;
        gap: 5px;}

        .mentions_wrapper .mentions-table td:last-child, .mentions_wrapper .mentions-table th:last-child {
        width: 30%;
    }
    .mentions_wrapper .mentions-table td:nth-child(2), .mentions_wrapper .mentions-table th:nth-child(2) {
        width: 37%;
    }
    .mentions_wrapper .recent-table th:nth-child(6) {
    width: 9%;
  }
  .mentions_wrapper .recent-table th:nth-child(3) {
    width: 9%;
  }
  .mentions_wrapper .mention-filters select {
    width: 120px;}
  .mentions_wrapper .post-preview{
        min-width: 100%;
    white-space: normal;
  }

}
@media screen and (max-width:1200px){


  .glover_title {    font-size: 20px;}
  .al-section .subtitle{
        font-size: 15px;
  }
      .g_over .stat-icon {
        width: 39px;
        height: 39px;    padding: 8px;    background-size: 21px;

    }
    .stat-card{
          flex-flow: column;
    }
        .platform-card dl div {
        font-size: 14px;
    }
    .platform-card {
    padding: 15px 15px;
  }

  .stats-grid, .platform-grid, .posts-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .post-platform {
    font-size: 14px;}

    .al-filters{
              flex-flow: wrap;
    }
        .al-search {
        width: 214px;
    }
        .al-select {
        width: 176px;}


        .acngrow_pane .chart-legend {
    position: initial;


    padding: 0 13px;
    margin-top: 7px;
  }


  .menu_click{
    display: block;
  }

    .sidebar{
      width: 0;
      min-width: 0;
    }
    .menu_click button {
      background: transparent;
      border: 0;
      padding: 0;
    }
    .menu_click button svg {
      vertical-align: middle;
      width: 28px;
      height: auto;
      margin-right: 10px;
    }

    .menu_click button svg path {
      stroke: #0090CF;
  }

    .sidebar.open {
      width: 300px;
      min-width: 300px;
  }

      .inbox_wrapper .chat-actions .more {
        width: 25px;
    }
    .inbox_wrapper .chat-actions{
              justify-content: flex-end;
    }

    .inbox_wrapper .keytaglist {
        height: calc(20vh - 0px);
    }


    .mentions_wrapper .mention-search {
        width: 280px;
    }

    .mentions_wrapper .mention-filters {
        gap: 7px;
    }

    .mentions_wrapper .mention-filters select {
        min-width: 125px;
    }


}

@media screen and (max-width:991px) {

    .acngrow_pane .top-row{
          grid-template-columns: 1fr;
    }

    .acngrow_pane .distribution-list {
    margin-left: 7px;}


    .inbox_wrapper{
              flex-flow: wrap;         column-gap: 2%;
        row-gap: 20px;       display: flex;
    }
    .inbox_wrapper .conacf_bar{
          width: 40%;
    }
    .inbox_wrapper .message-list{
          width: 58%;
    }
    .inbox_wrapper .chat{
          width: 100%;
    }
    .inbox_wrapper .soc_logo svg{
              margin-bottom: 5px;
    }
    .inbox_wrapper .chat-actions button {
        padding: 0 12px;
    }
    .inbox_wrapper .chat-actions select.al-select, .inbox_wrapper .chat-actions button{
              height: 35px;
    }

 

    .mentions_wrapper .top-grid {
        grid-template-columns: 1fr;
    }

    .mentions_wrapper .recent-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .mentions_wrapper .mention-filters {
        width: 100%;
    }

    .mentions_wrapper .mention-search {
        flex: 1;
        width: auto;
    }

    .mentions_wrapper .platform-tabs{
          flex-flow: wrap;
    }
    .mentions_wrapper .platform-tab {
        padding: 0 16px;}

        .mentions_wrapper .recent-table th:nth-child(2) {
      width: 250px;
  }
      .mentions_wrapper .recent-table th:nth-child(3) {
        width: 109px;
    }
    .mentions_wrapper .recent-table th:nth-child(4) {
    width: 135px;
}
  .mentions_wrapper .recent-table th:nth-child(5) {
        width: 150px;
    }
    .mentions_wrapper .recent-table th:nth-child(6) {
        width: 150px;
    }
        .mentions_wrapper .recent-table th:nth-child(7) {
        width: 150px;
    }
    .mentions_wrapper .recent-table th:nth-child(8) {
        width: 120px;
    }


}

@media screen and (max-width:767px){

      .stats-grid, .platform-grid, .posts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .section-heading {
     align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    flex-flow: column;
  }
      .post-metrics .metric:nth-child(2) {
        width: auto;
    }
    .glover_title {
        font-size: 18px;
    }
    .al-section {
      padding: 0 0 48px 0;
  }

  .acngrow_pane .bottom-row{
        grid-template-columns: 1fr;
  }
  .inbox_wrapper{
        height: auto;
  }
    .inbox_wrapper .messages,
      .inbox_wrapper .keytaglist {
        height: auto;
    }
    .view-container {
    height: auto;}


      .inbox_wrapper .conacf_bar, .inbox_wrapper .message-list {
        width: 100%;
    }
    .inbox_wrapper .chat-actions{
      width: auto;
    }




    .mentions_wrapper .platform-tabs {
        gap: 7px;
    }

    .mentions_wrapper .platform-tab {
        padding: 0 13px;
        font-size: 12px;
    }

    .mentions_wrapper .dashboard-card {
        border-radius: 7px;
    }

    .mentions_wrapper .card-header {
        padding: 12px;
    }

    .mentions_wrapper .mentions-table {
        min-width: 650px;
    }

    .mentions_wrapper .recent-table {
        min-width: 1050px;
    }

    .mentions_wrapper .mention-filters {
        flex-wrap: wrap;
    }

    .mentions_wrapper .mention-search {
        flex-basis: 100%;
    }



}

@media screen and (max-width:600px){

  .content-area{
        padding: 34px 20px;
  }

  .al-growth-hd{
        flex-flow: column;
  }
  .acngrow_pane .data-table{
    table-layout: auto;
  }

  .acngrow_pane .table-container{
        overflow-y: auto;
  }


}

@media screen and (max-width:533px){

      .stats-grid, .platform-grid, .posts-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

}

@media screen and (max-width:500px){

  .topbar-left{
        min-width: auto;
  }

  .page-title {    font-size: 17px;}
  .hide_mb{
    display: none;
  }

  .topbar {
          height: auto;
        min-height: 65px;
        padding: 20px 20px;
        gap: 8px;
        flex-flow: wrap;
  }
  .content-area {
        padding: 20px 20px;
    }
    .stat-note{
          font-size: 14px;
    }
    .platform-title, .post-platform{
          font-size: 15px;
    }

        .al-search {
        width: 100%;
    }
    .al-select {
        width: 48.8%;
    }
    .al-date-wrap {
    width: 100%;
  }

  .btn-primary {
    padding: 10px 13px;}
    .btn-secondary{
      min-height: 35px;
    }
        .al-date-wrap span.frm {
        padding: 0;
        width: 50px;
        display: inline-block;
    }
        .al-calendar {
        right: 16px;}

        .al-date-wrap input {
        padding-right: 10px;
        margin-left: auto;
        width: calc(100% - 55px);
      }


      .acngrow_pane .chart-legend{
        padding: 0 8px;
        gap: 12px;
      }
      .acngrow_pane .panel-title{
            font-size: 15px;
      }
      .acngrow_pane .legend-dot {
    width: 8px;
    height: 8px;}
        .acngrow_pane .soplatform-icon {
        width: 20px;
        height: 20px;
    }
    .acngrow_pane .platform-row{
          grid-template-columns: 23px 0.85fr 0.9fr 0.85fr 0.9fr;
    }

    .inbox_wrapper .account-icon {
    width: 33px;
    height: 33px;}
        .inbox_wrapper .add-account {
        width: auto;
        font-size: 12px;
    }
    .inbox_wrapper .add-account svg {
    vertical-align: middle;
    width: 9px;
    margin-bottom: 3px;
  }
  .inbox_wrapper .keytaglist a {
    height: 29px;}

    .inbox_wrapper .keytaglist {
    padding-bottom: 15px;
  }
  .inbox_wrapper .list-header {
    height: auto;    flex-flow: wrap;
    padding: 12px 18px;}

    .inbox_wrapper .list-actions {
     width: 100%;
    margin-top: 5px;
  }
      .inbox_wrapper .list-actions .filter-btn {
        width: 41px;
        padding: 7px;
    }
    .inbox_wrapper .list-actions .filter-btn svg {
    vertical-align: middle;
    margin-top: -2px;
  }
      .inbox_wrapper .customer {
         width: 100%;
    }
    .inbox_wrapper .conversation .avatar {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
  }

    .inbox_wrapper .date{
          margin: 0 0 17px;
    }
    .inbox_wrapper .conversation{
      padding: 20px 19px;
    }
  .inbox_wrapper .chat-header {
        padding: 10px 14px;
        height: auto;
        flex-flow: wrap;
        gap: 11px;
      }
      .glover_ti_row p.subtitle {
    font-size: 16px;
    line-height: 1.5;
  }

      .inbox_wrapper .reply-area {
    margin: 0 17px 14px;

    padding: 12px;
  }

  

    .mentions_wrapper .platform-tabs {
        margin-bottom: 9px;
    }

        .mentions_wrapper .platform-tab {
        height: 32px;
        padding: 0 12px;
        gap: 6px;
        font-size: 14px;
    }
        .mentions_wrapper .platform-tab svg {
        width: 18px;
    }
        .mentions_wrapper .platform-tabs {
        gap: 3px;
    }

    .mentions_wrapper .platform-tab span {
        font-size: 15px;
    }

    .mentions_wrapper .card-header {
        min-height: 58px;
        flex-flow: column;
        align-items: flex-start;
        gap: 11px;
        padding: 18px 20px;
    }

    .mentions_wrapper .card-header h2,
    .mentions_wrapper .card-header-title h2 {
        font-size: 17px;
    }

    .mentions_wrapper .card-header p,
    .mentions_wrapper .card-header-title p {
        font-size: 14px;
    }

    .mentions_wrapper .view-all {
        height: 31px;
        padding: 0 10px;
        font-size: 11px;
    }

    .mentions_wrapper .mention-filters {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    .mentions_wrapper .mention-search {
        width: 100%;
        grid-column: 1 / -1;
    }

    .mentions_wrapper .mention-filters select {
        width: 100%;
        min-width: 0;
    }

    .mentions_wrapper .reset-btn {
        width: 100%;
    }

    .mentions_wrapper .recent-header {
        padding: 17px 20px;
    }
        .mentions_wrapper .mentions-table th {
        font-size: 12px;
    }
        .mentions_wrapper .mentions-table td:nth-child(2), .mentions_wrapper .mentions-table th:nth-child(2) {
        width: 23%;
    }
        .mentions_wrapper .mentions-table td:nth-child(3), .mentions_wrapper .mentions-table th:nth-child(3) {
        width: 15%;
    }
    .mentions_wrapper .mentions-table td:nth-child(4), .mentions_wrapper .mentions-table th:nth-child(4) {
        width: 14%;
    }
        .mentions_wrapper .mentions-table td:last-child, .mentions_wrapper .mentions-table th:last-child {
        width: 20%;
    }
    .mentions_wrapper .mentions-table td:first-child, .mentions_wrapper .mentions-table th:first-child {
    width: 5%;}


}

@media (max-width: 400px) {

  .mentions_wrapper .mention-filters {
        grid-template-columns: 1fr;
    }

    .mentions_wrapper .mention-search {
        grid-column: auto;
    }

    .mentions_wrapper .recent-table {
        min-width: 1000px;
    }

}