@media (max-width: 991.18px) {
  :root {
    --bs-body-font-size: 14px;
  }

  body {
    font-size: var(--bs-body-font-size) !important;
  }

  .login-auth.login-page {
    flex-direction: column;
  }

  .login-auth-left {
    flex: 1;
    display: none;
  }

  .login-auth-right {
    background: var(--bs-primary) url(../images/pattern.png) no-repeat;
    color: var(--bs-white);
    flex: 2;
    align-items: center;
    justify-content: flex-start;
    padding-top: 5rem;
  }

  .login-auth-right-title {
    color: var(--bs-white);
    font-size: 1.15rem;
  }

  .login-auth-right .inner-wrap {
    width: 80%;
  }

  .login-auth .text-link {
    color: var(--bs-white) !important;
  }

  .form-floating>label {
    color: var(--bs-black);
  }

  .form-control-icon {
    color: var(--bs-black);
    font-size: 1.25rem;
    margin: 14px;
  }

  .btn-login {
    background: var(--bs-secondary-brand) !important;
    font-weight: bold;
  }

  .my-tabs-nav .nav-item {
    min-width: initial !important;
  }

  #main-wrapper.detailed-page {
    height: initial !important;
    overflow-y: initial !important;
  }

  #main-wrapper.detailed-page .right-pane {
    display: none;
  }

  #main-wrapper.detailed-page .page-title {
    padding: 1.25rem 1.5rem;
    width: 100%;
  }

  #main-wrapper.detailed-page .inner-wrapper {
    width: 100%;
    overflow-y: initial !important;
    height: initial !important;
    min-height: initial !important;
  }

  #main-wrapper .inner-wrapper .agent-details div p:last-child {
    margin-bottom: 1.5rem;
  }


  #main-wrapper.detailed-page .right-pane .my-tabs-content {
    padding: 3rem 0 0 !important;
    width: 100% !important;
    height: initial !important;
  }

  #main-wrapper .inner-wrapper .my-tabs-content.template-details-page {
    height: initial !important;
  }

  #main-wrapper .inner-wrapper .my-tabs-content {
    height: calc(100vh - 170px) !important;
  }
  #main-wrapper .inner-wrapper .my-tabs-content.rounded-0{
    height: initial !important;
  }
  
  /* agents list view page */
  .form-control.search-control {
    width: 160px;
    transition: none;
    padding: 0.375rem 1rem 0.375rem 2.25rem !important;
  }

  .form-control.search-control:focus,
  .form-control.search-control:not(:placeholder-shown) {
    width: 160px;
    transition: none;
  }

  #main-wrapper .inner-wrapper .search-fliters .search-select .select-label .select2-selection {
    min-width: initial;
    max-width: initial;
  }

  /* topbar styles */
  #main-wrapper .page-fixed-top {
    width: calc(100% - 104px);
  }

  #main-wrapper .page-fixed-top .top-bar .page-title-section {
    width: 130px;
  }

  #main-wrapper .inner-wrapper {
    margin-top: 110px;
  }

  #main-wrapper .inner-wrapper .summary-report ul {
    flex-wrap: wrap;
    border: 1px solid var(--bs-border-color);
  }

  #main-wrapper .inner-wrapper .summary-report ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.75rem 0.5rem;
    width: 33%;
    height: 85px;
    border-radius: 0px !important;
  }

  #main-wrapper .inner-wrapper .summary-report ul li:first-child {
    width: 100%;
    height: 70px;
  }

  #main-wrapper .inner-wrapper .table-responsive .table-footer {
    flex-direction: column;
    align-items: start;
  }

  #main-wrapper .inner-wrapper .table-responsive .table-footer .dataTables_length {
    margin-right: 0;
    margin-top: -1.5rem;
  }

  #main-wrapper .inner-wrapper .table-responsive .table-footer .dataTables_paginate {
    width: 100%;
    justify-content: center;
    margin-top: 0.875rem;
  }

  #main-wrapper .inner-wrapper .search-fliters .search-select .select-label,
  #main-wrapper .inner-wrapper .search-fliters .filter-icon,
  #main-wrapper .inner-wrapper .search-fliters .showonMobFilters {
    display: none;
  }

  /* for mobile to show all filters starts */
  #main-wrapper .inner-wrapper .search-fliters.displayMobileFilters {
    position: absolute;
    width: 260px;
    height: calc(100vh - 120px);
    bottom: 0;
    right: 0;
    top: 0;
    background: var(--bs-white);
    flex-direction: column;
    margin-top: -10px;
    padding: 4rem 1.5rem 1rem;
    overflow-y: auto;
    box-shadow: -2px 2px 4px 8px rgba(0, 0, 0, 0.08);
    z-index: 99999;
  }

  #main-wrapper .inner-wrapper .search-fliters.displayMobileFilters .search-select {
    flex-direction: column;
    gap: 20px;
  }

  #main-wrapper .inner-wrapper .search-fliters.displayMobileFilters .search-select .select-label,
  #main-wrapper .inner-wrapper .search-fliters.displayMobileFilters .filtersDiv {
    min-width: 200px;
    display: block;
  }

  #main-wrapper .inner-wrapper .search-fliters.displayMobileFilters .form-control.search-control {
    width: 200px;
    margin-bottom: 1rem;
  }

  #main-wrapper .inner-wrapper .search-fliters.displayMobileFilters .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 5px !important;
  }

  #main-wrapper .inner-wrapper .search-fliters.displayMobileFilters .search-download {
    margin: initial;
  }

  #main-wrapper .inner-wrapper .search-fliters.displayMobileFilters .showonMobFilters {
    display: inline-block;
  }

  #main-wrapper .inner-wrapper .search-fliters.displayMobileFilters #filterToggle {
    position: absolute;
    top: 1.5rem;
    right: 1rem;
  }

  #main-wrapper .inner-wrapper .search-fliters.displayMobileFilters .search-select .select-label .date--range--block {
    width: 200px !important;
  }

  #main-wrapper .inner-wrapper .search-fliters #filterToggle .bi-funnel::before {
    font-size: 24px;
  }

  #main-wrapper .inner-wrapper .search-fliters.displayMobileFilters #filterToggle .bi-funnel::before {
    content: "\F62A";
    color: var(--bs-black);
  }

  #main-wrapper .inner-wrapper .search-fliters.displayMobileFilters .filter-icon {
    display: flex;
    border-left: 0px;
    align-items: center;
    color: var(--bs-black);
    text-decoration: none;
    font-size: var(--bs-body-font-size);
  }

  /* for mobile to show all filters ends*/

  #main-wrapper .inner-wrapper .search-fliters .search-input .search-icon {
    top: 0.85rem;
  }

  #main-wrapper .inner-wrapper .agent-details {
    padding: 1rem 3rem 0 1rem !important;
  }

  #main-wrapper .inner-wrapper .my-tabs-content .profile-body .agent-details.row {
    padding: 1rem !important;
  }

  #main-wrapper .inner-wrapper .my-tabs-content .profile-body .agent-details.row .business-pan-card .p:only-child,
  #main-wrapper .inner-wrapper .agent-details div p.txt-ellipsis {
    margin-bottom: 0 !important;
  }

  #main-wrapper .inner-wrapper .agent-tabs .my-tabs-nav {
    flex-wrap: nowrap;
  }

  .my-tabs-nav .nav-item .nav-link span {
    display: none;
  }

  .agent-logo-banner {
    margin: 0.5rem 0 !important;
  }

  .agent-logo-banner:last-child {
    margin: 0.5rem 0 1.5rem !important;
  }

  .contact-info-title {
    padding-bottom: 1rem !important;
  }

  #main-wrapper .inner-wrapper .agent-details .agent-screenshot {
    width: 100%;
    margin-bottom: 1rem;
  }

  #main-wrapper .inner-wrapper .agent-details .agent-screenshot-img img {
    margin: initial;
  }

  .modal .modal-dialog {
    max-width: 500px;
  }

  .modal-brand-details .modal-dialog .modal-content .modal-body {
    height: initial;
  }

  #main-wrapper .inner-wrapper .summary-report-alt ul li:not(:last-child) {
    border-bottom: 1px solid var(--bs-border-color);
  }

  #main-wrapper .inner-wrapper .summary-report-alt ul li {
    height: 75px;
  }

  #main-wrapper .inner-wrapper .summary-report-alt ul li:first-child {
    border-radius: 8px 0 0 0;
  }

  .search-select-analytics .select-label:nth-child(2),
  .search-select-billing .select-label:nth-child(2) {
    display: flex !important;
  }

  #main-wrapper .inner-wrapper .summary-cards-row{
    flex-direction: column;
    margin: 1rem 0;
  }
  #main-wrapper .inner-wrapper .summary-cards:first-child{
    border-radius: 0;
  }
  #main-wrapper .inner-wrapper .summary-cards:last-child{
    border-radius: 0;
  }
  #main-wrapper .inner-wrapper .summary-cards {
    margin: 0.5rem 0;
    border-radius: 0;
    width: 100%;
  }

  #main-wrapper .inner-wrapper .summary-cards-top {
    padding-bottom: 0.25rem;
  }

  #main-wrapper .inner-wrapper .summary-cards-top h3 {
    padding: 0;
  }

  #main-wrapper .inner-wrapper .summary-cards-end {
    padding-top: 0.5rem;
  }

  .left-right-arrows {
    margin-left: auto;
    margin-right: 1rem;
  }

  .mobile-preview {
    background: var(--bs-primary);
    color: var(--bs-white) !important;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
  }

  .mobile-preview:hover {
    background: var(--bs-secondary-brand);
    color: var(--bs-black);
  }

  .displayclass {
    display: flex !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    bottom: 0;
    width: initial !important;
  }

  #main-wrapper.detailed-page .right-pane .my-tabs-nav {
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    padding-left: 1rem;
  }

  .mobile-view-close-btn {
    background: var(--bs-primary);
    color: var(--bs-white);
    border: none;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.25rem;
    margin-left: auto;
    margin-right: 30px;
  }

  #main-wrapper.detailed-page .right-pane-template .my-tabs-nav .nav-item {
    min-width: 80px;
  }

  .link-primary {
    color: var(--bs-white) !important;
  }

  .sm-hide-prev,
  .sm-hide-next {
    display: none;
  }

  .only-desktop-view {
    display: none !important;
  }

  .only-mobile-view {
    display: flex !important;
  }
  .menu-toggler{
    font-size: 36px;
    color: var(--bs-primary);
    background: transparent;
    border: none;
    box-shadow: none;
  }
  .menu-toggler.active{
position: absolute;
background: var(--bs-primary);
color: var(--bs-white);
width: 56px;
left: -80px;
z-index: 9;

  }
  #sidebar {
    display: none;
  }
  #sidebar.max-sidebar {
    display: flex !important;
  }
  #sidebar #mainNav{
    margin-top: 56px;
  }
  #main-wrapper .page-fixed-top{
    width: calc(100% - 42px);
  }
  #main-wrapper .page-fixed-top.max-page-fixed-top{
    width: calc(100% - 110px);
  }
  #main-wrapper{
    width: 100%;
    margin-left: 0;
    transition: initial;
  }
 
  #main-wrapper.max-wrapper{
    width: calc(100% - 68px);
    margin-left: 68px;
    z-index: initial;
  }
  #main-wrapper .inner-wrapper .table-responsive .my-table thead tr th,
  #main-wrapper .inner-wrapper .table-responsive .my-table tbody tr td,
  #main-wrapper .inner-wrapper .my-tabs-content .profile-body .agent-details div p:first-child,
  #main-wrapper .inner-wrapper .my-tabs-content .profile-body .agent-details div p:last-child,
  #main-wrapper .inner-wrapper .my-tabs-content .profile-body .agent-details div p{
    font-size: var(--bs-body-font-size) !important;
  }
  /*for aggregator only styles*/
  .welcome-onboarding-bg .welcome-onboarding .title-des{
    flex-direction: column;
    padding: 1.5rem 0;
  }
  .welcome-onboarding .onboarding-summary-grid {
    border-right: none;
    padding: 1rem;
}
.welcome-onboarding-bg .welcome-onboarding .onboarding-summary-grids{
  flex-direction: column;
}
#main-wrapper .inner-wrapper .summary-report ul li {
  border: 1px solid var(--bs-border-color);
}
#main-wrapper .inner-wrapper .other-btn{
  margin-top: 0;
  margin-bottom: 1rem;
}
}

@media only screen and (min-width: 480px) and (max-width: 1024px) and (orientation: landscape) {
  #main-wrapper .inner-wrapper .my-tabs-content {
    height: calc(100vh - 170px) !important;
  }
}

@media (min-width: 992px) {
  .only-desktop-view {
    display: flex !important;
  }

  .only-mobile-view {
    display: none !important;
  }
}