/* ==========================================================================
   Responsive
   ========================================================================== */
@media only screen and (min-width: 576px) {
  .gap-sm-10 {
    gap: 10px;
  }

  .gap-sm-15 {
    gap: 15px;
  }

  .gap-sm-20 {
    gap: 20px;
  }

  .gap-sm-25 {
    gap: 25px;
  }

  .gap-sm-30 {
    gap: 30px;
  }

  .navbar-brand {
    font-size: 1.375rem;
  }

  .site-reviews-breakdown {
    display: -ms-flexbox;
    display: flex;
  }

  .site-reviews-breakdown-row .site-details-block {
    border-right: 1px solid var(--card-border-color);
    -ms-flex: 0 0 170px;
    flex: 0 0 170px;
    max-width: 170px;
  }

  .site-reviews-breakdown-row .site-ratings-breakdown-block {
    -ms-flex: 0 0 calc(100% - 170px);
    flex: 0 0 calc(100% - 170px);
    max-width: calc(100% - 170px);
  }

  .page-signup .card {
    width: 546px;
  }

  .modal-review-request-tpl-edit-delay .modal-dialog {
    max-width: 260px;
  }

  .form__add-business-hours .col__day-and-status {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
  }

  .col-reviews-filter {
    max-width: 330px;
  }

  .widget-preview-container.mobile-preview-on {
    margin-left: auto;
    margin-right: auto;
    width: 375px !important;
  }
}

/* END min-width=576 */
@media only screen and (min-width: 768px) {
  .hstack-sm {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
  }

  .gap-md-10 {
    gap: 10px;
  }

  .gap-md-15 {
    gap: 15px;
  }

  .gap-md-20 {
    gap: 20px;
  }

  .gap-md-25 {
    gap: 25px;
  }

  .gap-md-30 {
    gap: 30px;
  }

  .vh-md-100 {
    height: 100vh !important;
  }

  .main-header {
    padding: 14px 15px;
  }

  .main-header .editable-text {
    max-width: 260px;
  }

  .navbar-brand {
    font-size: 1.75rem;
  }

  .aside-left-menu-list .mouseover-switch-icons .icon-wrapper {
    left: 14px;
    top: 14px;
  }

  .aside-left-menu-list .mouseover-switch-icons .text-wrapper,
  .aside-left-menu-list .mouseover-switch-icons+.collapse .text-wrapper {
    padding-left: 30px;
  }

  .main-header .editable-text form {
    position: absolute;
    left: 0;
    z-index: 1;
    top: -20px;
  }

  .form-reviews-filter .col-source-rating select {
    min-width: 115px;
  }

  .site-reviews-breakdown-row .site-details-block {
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    max-width: 200px;
  }

  .site-reviews-breakdown-row .site-ratings-breakdown-block {
    -ms-flex: 0 0 calc(100% - 200px);
    flex: 0 0 calc(100% - 200px);
    max-width: calc(100% - 200px);
  }

  .form-check-as-button .label-image {
    width: 70px;
    height: 70px;
    flex-basis: 70px;
    flex-shrink: 0;
  }

  .form-check-as-button .label-image__icon-app {
    width: 60px;
    height: 60px;
  }

  .form-check-as-button .form-check-label {
    padding: 12px 16px;
  }

  .form-check-as-button .label-content {
    padding-left: 12px;
  }

  .new-user-onboarding-container .step__content {
    margin-right: auto;
    margin-left: auto;
    width: 600px;
  }

  .feedback-preview .rating-star {
    font-size: 70px;
  }

  .card__campaign-analytics .list-group-activity>.list-group-item:last-child {
    border-bottom: none !important;
  }

  .card__campaign-analytics .list-group-activity {
    position: relative;
  }

  .card__campaign-analytics .list-group-activity::after {
    background-color: var(--card-border-color);
    content: "";
    display: block;
    width: 1px;
    height: calc(100% + 28px);
    position: absolute;
    top: -14px;
    right: 0;
  }

  .new-user-onboarding-container .steps-container {
    max-width: 836px;
    margin-right: auto;
    margin-left: auto;
  }

  .modal-review-response .modal-dialog {
    max-width: 720px;
  }

  .pricing-grid__alt3 {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }

  .card-pricing__alt3 {
    height: calc(100% - 28px);
  }

  .list__review-sources .romw-badge-block .romw-review-count-block {
    min-width: 140px;
  }

  .content__collapsible-rewards .share-buttons.d-flex {
    gap: 20px;
  }

  .content__collapsible-rewards .share-buttons .btn {
    min-width: 140px;
  }

  .modal-sentiment-analysis-reviews .modal-dialog {
    max-width: 720px;
  }

  body .pnotify.pnotify-positioned {
    top: 70px !important;
  }

  body .top-bar~.pnotify.pnotify-positioned {
    top: 104px !important;
  }

}

/* END min-width=768 */
@media screen and (min-width: 576px) and (max-width: 991px) {

  .flex-3col>li,
  .flex-4col>li {
    width: calc(50% - 10px);
  }

  .flex-3col>li:nth-child(odd),
  .flex-4col>li:nth-child(odd) {
    margin-right: 10px;
  }

  .flex-3col>li:nth-child(even),
  .flex-4col>li:nth-child(even) {
    margin-left: 10px;
  }

  .connections-list>li {
    width: calc(50% - 15px);
  }

  .connections-list>li:nth-child(odd) {
    margin-right: 15px;
  }

  .connections-list>li:nth-child(even) {
    margin-left: 15px;
  }
}

@media only screen and (min-width: 992px) {
  .position-lg-sticky {
    position: sticky !important;
    top: 0 !important;
    align-self: flex-start !important;
    height: fit-content !important;
  }

  .hstack-lg {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
  }

  .gap-lg-10 {
    gap: 10px;
  }

  .gap-lg-15 {
    gap: 15px;
  }

  .gap-lg-20 {
    gap: 20px;
  }

  .gap-lg-25 {
    gap: 25px;
  }

  .gap-lg-30 {
    gap: 30px;
  }

  .main-header .editable-text {
    max-width: 350px;
  }

  .nav-link-lg-icon>i {
    display: none;
  }

  .card-connection .card-body {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .form-reviews-filter .col-source-rating>.form-group:first-child {
    margin-left: auto;
  }

  .modal-header,
  .modal-body,
  .modal-footer {
    padding: 20px 30px;
  }

  .aside-widget-editor {
    width: 300px;
  }

  .flex-3col,
  .flex-4col {
    margin-right: -10px;
    margin-left: -10px;
  }

  .flex-3col>li {
    padding-left: 10px;
    padding-right: 10px;
    width: 33.33%;
  }

  .flex-4col>li {
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
  }

  .form-reviews-filter .col-source-rating select {
    min-width: 140px;
  }

  .main-wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .sidebar>.container {
    padding: 0;
  }

  .site-ratings-breakdown-item .progress {
    width: calc(100% - 115px);
    margin-left: 15px;
    margin-right: 20px;
  }

  /* 30 June 2021 */
  /*
    - changes on widget preview area: added white background and left border on div.widget_edit__preview; removed padding and border on .card and .card-body
  */
  .preview_container {
    background-color: #fff;
  }

  .border-width-lg-0 {
    border-width: 0 !important;
  }

  /*
      7 July 2021
      style scroll bar
    */
  .page-widget-editor .sidebar-left {
    border-right: 1px solid var(--card-border-color);
  }

  .page-widget-editor .main-wrapper {
    background-color: #fff;
  }

  .aside-widget-editor .tab-pane-content {
    padding-top: 10px;
  }

  .aside-widget-editor .tab-pane-content.p-3 {
    padding-top: 10px !important;
  }

  /* END style scroll bar */
  /* 8 July 2021 */
  .page-widget-editor .main-wrapper #preview-container-v2 .card-body {
    min-height: calc(100vh - 160px);
  }

  .page-widget-editor .top-bar+.main-header+.main-wrapper #preview-container-v2 .card-body {
    min-height: calc(100vh - 204px);
  }

  .page-signup .main-wrapper {
    min-height: 100vh;
  }

  .page-signup .main-wrapper .container,
  .page-signup .main-wrapper .container>.row,
  .page-signup .main-wrapper .container>.row>.col-lg-6 {
    height: 100%;
  }

  .nav-link-lg-full .text-link {
    display: inline;
  }

  .nav-link-lg-full.dropdown-toggle::after {
    display: inline-block;
  }

  .main-header .navbar .nav-link__notifications .HW_badge_cont {
    top: 8px;
    left: 6px;
  }

  .modal-review-response .modal-dialog {
    max-width: 900px;
  }

  .phone-mock {
    min-width: 300px;
  }

  .form__add-business-hours .col__day-and-status {
    -ms-flex: 0 0 45%;
    flex: 0 0 35%;
    max-width: 35%;
  }

  .content__collapsible-rewards [data-toggle="collapse"],
  .content__collapsible-rewards .reward-icons-wrapper {
    font-size: 1.125rem;
  }

  .content__collapsible-rewards .blue-pill-secondary {
    padding: 0.5rem 1rem;
  }

  .social-sharing-preview {
    padding-top: 2px;
  }

  /* Widget editor v2 2025 */
  .widget-editor-header-left-panel,
  .widget-editor-settings-panel {
    width: 400px;
  }

  .widget-editor-open .widget-editor-settings-panel {
    position: fixed;
    transform: translate3d(-100%, 0, 0);
  }

  .widget-editor .widget-editor-body {
    padding-left: 0;
    transition: 0.3s;
  }

  .widget-editor-open .widget-editor-body {
    padding-left: 400px;
  }

  .widget-editor-nav-tabs .nav-link {
    line-height: 20px;
    padding: 12px 20px !important;
  }

  /* End Widget editor v2 2025 */
  .page-body-reviews .col-tab-content {
    flex-grow: 1;
    width: calc(100% - 290px);
  }
}

/* END min-width=992 */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .colorpicker-color-preview {
    width: 36px;
  }

  .ig-colorpicker .fc-colorpicker {
    padding-left: 46px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  #navThirdPartyNegativeFeedback .card-lp-modal-preview-negative-feedback {
    top: 50px;
  }
}

@media only screen and (min-width: 1200px) {
  .position-xl-sticky {
    position: sticky !important;
    top: 0 !important;
    align-self: flex-start !important;
    height: fit-content !important;
  }

  .border-xl-1 {
    border-width: 1px !important;
  }

  .main-header .btn-outline-light.border-xl-1 {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgba(255 255 255 / 30%) !important;
  }

  .gap-xl-10 {
    gap: 10px;
  }

  .gap-xl-15 {
    gap: 15px;
  }

  .gap-xl-20 {
    gap: 20px;
  }

  .gap-xl-25 {
    gap: 25px;
  }

  .gap-xl-30 {
    gap: 30px;
  }

  .main-header .navbar .nav-link__notifications i {
    font-size: 20px;
  }

  .nav-link-xl-full.dropdown-toggle::after {
    display: inline-block;
  }

  .navbar-expand-xl .navbar-nav .nav-link.btn {
    padding-right: 18px;
    padding-left: 18px;
  }

  .navbar-expand-xl .navbar-nav .nav-link.btn.dropdown-toggle {
    padding-right: 18px;
  }

  .nav-link-xl-full .text-link {
    display: inline;
  }

  .main-header .navbar-brand {
    min-width: 202px;
  }

  .main-header .navbar-nav {
    width: 100%;
  }

  .main-header .navbar-nav .nav-item {
    margin-left: 20px;
  }

  .main-header .navbar-nav .nav-item__notifications+li {
    margin-left: 9px;
  }

  .main-header .navbar-nav .nav-item:first-child {
    margin-left: 0;
  }

  .main-header .navbar-nav .nav-link {
    padding-left: 12px;
    padding-right: 12px;
  }

  .navbar-dark .navbar-nav .nav-link-xl-full.btn-primary:active,
  .navbar-dark .navbar-nav .nav-link-xl-full.btn-primary:hover {
    background-color: var(--blue-mouseover);
    border-color: var(--blue-mouseover);
  }

  .navbar-dark .navbar-nav .nav-link-xl-full.btn-primary:active:focus,
  .navbar-dark .navbar-nav .nav-link-xl-full.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(12 171 253 / 15%);
  }

  .main-header .navbar-nav .dropdown-toggle {
    padding-left: 16px;
  }

  .nav-link-xl-icon .text-link,
  .nav-link-xl-icon::after {
    display: none;
  }

  .main-header .nav-link-xl-icon i {
    font-size: 26px;
  }

  .main-header .nav-link-xl-icon+.dropdown-menu::after {
    right: 14px;
  }

  .aside-left-menu-list .nav-link {
    padding: 10px 14px 10px 12px;
  }

  .aside-left-menu-list .dropdown-item {
    padding: 12px 14px 12px 12px;
  }

  .aside-left-menu-list .dropdown-item {
    padding-left: 44px;
  }

  .outer-wrapper>.sidebar-left,
  .main-wrapper>.sidebar-left {
    flex: 0 0 218px;
  }

  .card.more-padding .card-header,
  .card.more-padding .card-body,
  .card.more-padding .card-fooer {
    padding: 25px 30px;
  }

  .card-lp-modal-preview-negative-feedback {
    top: 75px;
  }

  .connections-list {
    margin-right: -15px;
    margin-left: -15px;
  }

  .connections-list>li {
    padding-left: 15px;
    padding-right: 15px;
    width: 25%;
  }

  .form-reviews-filter .col-search,
  .form-reviews-filter .col-source-rating {
    margin-bottom: 1rem;
  }

  main {
    padding: 30px;
  }

  .aside-widget-editor {
    width: 390px;
  }

  .aside-widget-editor .nav-tabs .nav-link {
    padding: 17px 13px;
  }

  .nav-tabs .nav-link {
    padding: 17px 16px;
  }

  .page-header,
  .tab-pane-content-header {
    margin-bottom: 15px;
  }

  .page-link {
    padding: 9px 13px;
  }

  .page-signup .card-header,
  .page-signup .card-body,
  .page-signup .card-footer {
    padding: 25px 40px;
  }

  .has-sidebar-left .sidebar-left+main>.container {
    padding: 0;
    width: 100%;
    max-width: 100%;
  }

  .hide-sidebar-left .sidebar-left+main>.container {
    padding: 0 15px;
    width: 100%;
    max-width: 960px;
  }

  .has-sidebar-left.hide-sidebar-left .aside-left-menu {
    right: 0;
  }

  .show-sidebar-left-menu.hide-sidebar-left .sidebar-left .aside-left-menu {
    top: 0;
    bottom: 0;
    z-index: 14;
    transform: translate3d(0, 0, 0);
    transition-duration: 0.7s;
    transition-delay: 0.2s;
  }

  .hide-sidebar-left .sidebar-left .btn-close-sidebar-left-menu {
    display: block;
  }

  .hide-sidebar-left .aside-left-menu {
    padding-top: 40px;
    position: fixed;
    transform: translate3d(100%, 0, 0);
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }

  /* 7 July 2021 */
  .preview_container {
    padding-top: 22px;
  }

  /* 8 July 2021 */
  .page-widget-editor .main-wrapper #preview-container-v2 .card-body {
    min-height: calc(100vh - 166px);
  }

  .page-widget-editor .top-bar+.main-header+.main-wrapper #preview-container-v2 .card-body {
    min-height: calc(100vh - 210px);
  }

  /* 3 November 2021 */
  .list-pricing-option-features {
    margin-bottom: 38px;
  }

  .card-pricing .card-body {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .card-pricing .location-counter {
    margin: 19px 0 20px 0;
    padding: 13px 0;
  }

  .hide-sidebar-left .sidebar-left+main>.container-pricing-alt2 {
    max-width: 920px;
  }

  .aside-left-menu-list .nav-link {
    padding: 10px 14px 10px 10px;
  }

  .btn-collapse-sidebar {
    display: flex;
  }

  .aside-left-menu {
    width: 100%;
  }

  .aside-left-menu .navbar-brand {
    margin-top: 10px;
    margin-bottom: 4px;
  }

  .aside-left-menu-list .nav-item .nav-link .icon-wrapper {
    width: 30px;
    margin-right: 4px;
  }

  .sidebar-left.shorten {
    flex: 0 0 52px;
  }

  .sidebar-left.shorten .aside-left-menu-list {
    position: fixed;
    z-index: 2;
    width: 52px;
  }

  .sidebar-left.shorten .aside-left-menu-list .nav-item .nav-link .icon-wrapper {
    margin-right: 10px;
  }

  .sidebar-left.shorten .aside-left-menu-list .dropdown-item {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .sidebar-left.shorten .aside-left-menu-list .dropdown-item {
    padding-left: 52px !important;
  }

  .sidebar-left.shorten .aside-left-menu-list .dropdown-item:last-child {
    padding-bottom: 15px;
  }

  .sidebar-left.shorten .collapse-hide,
  .sidebar-left.shorten .nav-link .text-wrapper,
  .sidebar-left.shorten .aside-left-menu .dropdown-toggle::after {
    display: none;
  }

  .sidebar-left.shorten .aside-left-menu .nav-item:hover {
    box-shadow: 0 0 20px rgb(0 0 0 / 7%);
    width: 200px;
  }

  .sidebar-left.shorten .aside-left-menu .dropdown>.dropdown-toggle+.collapse {
    display: none !important;
  }

  .sidebar-left.shorten .aside-left-menu .dropdown:hover>.dropdown-toggle+.collapsing,
  .sidebar-left.shorten .aside-left-menu .dropdown:hover>.dropdown-toggle+.collapse {
    display: block !important;
    height: auto !important;
  }

  .sidebar-left.shorten .aside-left-menu .nav-item:hover .text-wrapper {
    display: inline-flex;
  }

  .sidebar-left.shorten .aside-left-menu .collapse>.dropdown-item:first-child {
    padding-top: 3px;
  }

  .sidebar-left.shorten .aside-footer {
    padding-top: 15px !important;
    position: relative;
    z-index: 1;
  }

  .sidebar-left.shorten .btn-collapse-sidebar .icon-wrapper {
    transform: rotate(180deg);
  }

  .nav-tabs.folder-style .nav-link {
    padding: 13px 16px;
  }

  .main-header .navbar-nav .nav-link-xl-full i {
    margin-right: 6px !important;
  }

  .main-header .navbar-nav .nav-link__notifications i {
    margin-right: 0 !important;
  }

  .main-header .navbar .nav-link__notifications .HW_badge_cont {
    left: 11px;
  }

  .card__update-listing {
    max-width: 1000px;
  }

  #navbarDropdownMyBusinesses+.dropdown-menu {
    min-width: 12rem;
  }

  .has-sidebar-left.hide-sidebar-left .sidebar-left-toggler {
    display: none;
  }

  .has-sidebar-left.hide-sidebar-left .sidebar-left {
    display: none;
  }

  .aside-left-menu-list:first-of-type {
    padding-top: 8px;
  }

  body .pnotify.pnotify-positioned {
    top: 80px !important;
  }

  body .top-bar~.pnotify.pnotify-positioned {
    top: 114px !important;
  }
}

/* END min-width=1200 */
@media only screen and (min-width: 1280px) {
  #navbarDropdownMyBusinesses .text-link {
    max-width: 16ch;
  }


}

/* END min-width=1280 */
@media only screen and (min-width: 1366px) {
  .aside-left-menu {
    width: 100%;
  }

  .aside-left-menu-list .mouseover-switch-icons .icon-wrapper {
    left: 22px;
  }

  .aside-left-menu-list .mouseover-switch-icons .text-wrapper,
  .aside-left-menu-list .mouseover-switch-icons+.collapse .text-wrapper {
    padding-left: 40px;
  }

  .collect-reviews-7-days-trial {
    max-width: 600px;
  }

  #navbarDropdownMyBusinesses .text-link {
    max-width: 24ch;
  }
}

/* END min-width=1366 */
@media only screen and (min-width: 1440px) {
  .form-reviews-filter .col-search {
    -ms-flex: 0 0 21%;
    flex: 0 0 21%;
    max-width: 21%;
    margin-bottom: 0;
  }

  .form-reviews-filter .col-source-rating {
    -ms-flex: 0 0 34%;
    flex: 0 0 34%;
    max-width: 34%;
    margin-bottom: 0;
  }

  .form-reviews-filter .col-source-rating>.form-group:first-child {
    margin-left: 0;
  }

  .form-reviews-filter .col-source-rating select {
    min-width: 120px;
  }

  .form-reviews-filter #selectReviewRating {
    min-width: auto;
    width: 90px;
  }

  .form-reviews-filter .col-date {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }

  .form-reviews-filter .col-date>.form-group {
    width: calc(50% - 10px);
  }

  .form-reviews-filter .col-buttons {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }

  .form-reviews-filter .col-buttons .buttons-wrapper>.btn:only-child {
    width: 100%;
  }

  #navbarDropdownMyBusinesses .text-link {
    max-width: 30ch;
  }
}

/* END min-width=1440 */
@media only screen and (min-width: 1600px) {
  .form-reviews-filter .col-source-rating select {
    min-width: 140px;
  }
}

/* END min-width=1600 */
@media only screen and (min-width: 2400px) {
  .has-sidebar-left .sidebar-left+main>.container {
    padding: 0;
    width: 1680px;
    max-width: 1680px;
  }

  .has-sidebar-left .sidebar-left+main.preview_container>.container {
    width: 100%;
    max-width: 100%;
  }
}

/* END min-width=2400px */
@media only screen and (max-width: 1199px) {
  .main-header .navbar-nav {
    margin-left: auto;
  }

  .main-header .nav-link-icon+.dropdown-menu {
    right: 0;
  }

  .main-header .nav-link-xl-full.btn-primary,
  .main-header .nav-link-xl-full.btn-secondary,
  .main-header .nav-link-xl-full.btn-outline-primary,
  .main-header .nav-link-xl-full.btn-outline-secondary {
    background-color: transparent;
    border: none;
    color: var(--body-text-color);
  }

  .main-header .navbar-nav .nav-link__agency-dashboard {
    border: none;
  }

  .main-header .navbar-nav .nav-link {
    padding-right: 8px;
    padding-left: 8px;
  }

  .main-header .navbar .nav-link-icon i {
    font-size: 20px;
  }

  .main-header .navbar-nav .nav-item {
    margin-left: 10px;
  }

  .main-header .navbar-nav .nav-item__notifications+li {
    margin-left: 13px;
  }

  .sidebar-left .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(37, 42, 50, 0.6);
  }

  .sidebar-left>.container {
    padding: 0;
  }

  .show-sidebar-left-menu .sidebar-left .container {
    z-index: 4;
  }

  .show-sidebar-left-menu .main-wrapper {
    z-index: 1;
    overflow: visible !important;
  }

  .show-sidebar-left-menu .sidebar-left {
    position: relative;
    z-index: 2;
  }

  .show-sidebar-left-menu .sidebar-left .overlay {
    z-index: 3;
  }

  .main-header .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .aside-left-menu {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .sidebar .aside-left-menu,
  .sidebar .aside-footer {
    left: 0;
  }

  .sidebar .aside-footer {
    background-color: #fff;
    bottom: 0;
    width: 210px;
  }

  .show-sidebar-left-menu .hamburger.is-active .hamburger-inner,
  .show-sidebar-left-menu .hamburger.is-active .hamburger-inner::before,
  .show-sidebar-left-menu .hamburger.is-active .hamburger-inner::after {
    background-color: var(--gray-heading-color);
  }

  .sidebar-left .aside-left-menu {
    height: 100vh;
    padding-bottom: 100px;
    top: 0;
    transform: translate3d(0, 0, 0);
    transition-duration: 0.7s;
    transition-delay: 0.2s;
    z-index: 14;
    overflow-y: auto;
  }

  .show-sidebar-left-menu .sidebar-left .aside-left-menu {
    top: 0;
    transform: translate3d(0, 0, 0);
    transition-duration: 0.7s;
    transition-delay: 0.2s;
    z-index: 14;
    overflow-y: auto;
  }

  .show-sidebar-left-menu .sidebar-left .aside-footer {
    bottom: 0;
    z-index: 15;
    transform: translate3d(0, 0, 0);
    transition-duration: 0.7s;
    transition-delay: 0.2s;
    overflow-y: auto;
  }

  .sidebar-left .btn-close-sidebar-left-menu {
    display: block;
  }

  .sidebar .aside-left-menu,
  .sidebar .aside-footer {
    position: fixed;
    transform: translate3d(-100%, 0, 0);
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    width: 280px;
  }

  .aside-left-menu .navbar-brand {
    display: none;
  }

  .table-responsive {
    overflow-x: scroll;
  }

  .social-sharing-image-wrapper img {
    max-width: 100% !important;
  }

  main {
    padding-bottom: 150px;
  }

  .page-widget-editor .main-wrapper #preview-container-v2 .card-body {
    min-height: 100vh;
  }
}

/* END max-width=1199 */
@media only screen and (max-width: 991px) {

  .nav-link-lg-full.btn-primary,
  .nav-link-lg-full.btn-secondary,
  .nav-link-lg-full.btn-outline-primary,
  .nav-link-lg-full.btn-outline-secondary {
    background-color: transparent;
    border: none;
  }

  .main-header .navbar-nav .nav-link-icon.nav-link-lg-full:active,
  .main-header .navbar-nav .nav-link-icon.nav-link-lg-full:hover,
  .main-header .navbar-nav .nav-link-icon.nav-link-lg-full:focus {
    background-color: transparent;
    box-shadow: none;
  }

  .main-header .navbar-nav .nav-link-icon i {
    margin-right: 0;
  }

  .browser-feedback-preview .browser-img-bottom {
    min-height: 80%;
  }

  .card-landing-page-modal-preview {
    top: 20%;
    width: 80%;
  }

  .card-lp-modal-preview-negative-feedback {
    top: 40px;
    width: 90%;
  }

  .nav-link-lg-icon {
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-link-lg-icon .text-link,
  .nav-link-lg-icon::after,
  .main-header .navbar-nav .nav-item::after {
    display: none;
  }

  .main-header .navbar-nav .nav-item {
    margin: 0 0 0 10px;
  }

  .main-header .nav-link-lg-icon i {
    font-size: 26px;
  }

  .main-header .nav-link-lg-icon+.dropdown-menu::after {
    right: 14px;
  }

  .main-header .dropdown-menu {
    top: 114%;
  }

  .sidebar aside:not(.aside-left-menu) {
    margin-bottom: 15px;
  }

  .sidebar aside:not(.aside-left-menu):first-child {
    margin-top: 20px;
  }

  .aside-widget-editor {
    border: 1px solid var(--card-border-color);
  }

  .page-widget-editor .main-wrapper {
    overflow-y: auto;
  }

  .page-widget-editor main {
    flex: 0 0 auto;
  }

  .page-widget-editor .sidebar-left {
    background-color: var(--light-gray);
  }

  .page-widget-editor .sidebar-left .h-100 {
    height: auto !important;
  }

  #filter_form>.row {
    row-gap: 10px;
  }

  .page-signup-v2 .content {
    max-width: 600px;
  }

  .card__sms-template-editor .content__phone-mock {
    max-height: 500px;
  }

  main {
    min-height: calc(100vh - 65px);
  }

  .navbar.businesses-dropdown-active .navbar-brand {
    display: none;
  }

  .navbar.businesses-dropdown-active .navbar-nav {
    margin-left: 0;
    flex-grow: 1;
  }

  .main-header .navbar .nav-item__businesses .nav-link i {
    font-size: 20px;
    margin-right: 0;
  }

  .nav-item__businesses .text-link,
  .nav-item__businesses .nav-link::after {
    display: none;
  }

  .main-header .navbar.businesses-dropdown-active .nav-item__businesses .nav-link i {
    margin-right: 6px;
  }

  .main-header .navbar.businesses-dropdown-active .nav-item__businesses .dropdown-menu {
    right: unset;
    left: 0;
  }

  .main-header .navbar.businesses-dropdown-active .nav-item__businesses .dropdown-menu::after {
    right: unset;
    left: 9px;
  }

  .navbar.businesses-dropdown-active .nav-item__businesses .text-link {
    display: inline;
  }

  .navbar.businesses-dropdown-active .nav-item__businesses .nav-link::after {
    display: inline-block;
  }

  #navbarDropdownMyBusinesses .text-link {
    max-width: 20ch;
  }
}

/* END max-width=991 */
@media only screen and (max-width: 767px) {
  .alert {
    padding: .75rem 1rem;
  }

  .progress-bar-figure-sm-hide {
    font-size: 0;
  }

  .has-sidebar-left>.top-bar-btn+.main-header {
    top: 34px;
  }

  .card-lp-modal-preview-negative-feedback {
    top: 60px;
  }

  .form-reviews-filter .col-source-rating select {
    min-width: 140px;
  }

  .main-header .navbar-nav .nav-item {
    margin: 0 0 0 5px;
  }

  .main-header .navbar-nav .nav-item {
    margin-left: 12px;
  }

  .main-header .navbar-nav .nav-item__notifications+li {
    margin-left: 14px;
  }

  #navbarDropdownMyBusinesses .text-link {
    max-width: 8ch;
  }

  .feedback-preview .rating-star {
    margin-left: 4px;
    margin-right: 4px;
  }

  .list__review-sources .romw-badge-block .romw-site-block {
    margin-bottom: 5px;
  }

  .list__review-sources .romw-badge-block .romw-average-rating,
  .list__review-sources .romw-badge-block .review-count {
    font-size: 20px;
  }

  main {
    min-height: calc(100vh - 50px);
    padding-bottom: 200px;
  }

  /* Widget editor v2 2025 */
  .widget-editor-header .btn {
    padding-left: 14px;
    padding-right: 14px;
  }

  .widget-editor .editable-text input {
    max-width: 140px;
  }

  /* End Widget editor v2 2025 */

  .panel-reviews-list .romw-review-author-name,
  .modal-review-response .romw-review-author-name {
    margin-bottom: 0;
  }

  .review-request-company-logo {
    max-width: 100%;
  }
}

/* END max-width=767 */
@media only screen and (max-width: 575px) {
  .navbar-brand .logo-wrapper {
    width: 140px;
    height: 32px;
  }

  .main-header {
    min-height: 50px;
  }

  .main-header .btn {
    padding: 6px 15px;
  }

  .main-header .navbar-nav .nav-item {
    margin-left: 8px;
  }

  .main-header .navbar-nav .nav-item__notifications+li {
    margin-left: 10px;
  }

  .main-header .nav-item__businesses .dropdown-menu {
    right: -100px;
  }

  .main-header .nav-item__businesses .dropdown-menu::after {
    right: 108px;
  }

  .card-compact .card-header {
    padding: 13px 18px 0 18px;
  }

  .card-compact .card-body {
    padding: 13px 18px;
  }

  #navThirdPartyNegativeFeedback .browser-feedback-preview {
    min-height: 420px;
  }

  .page-header,
  .tab-pane-content-header {
    margin-bottom: 10px;
  }

  .site-reviews-breakdown .site-details-block,
  .site-ratings-breakdown-block {
    padding: 14px;
  }

  .site-reviews-breakdown .site-details-block>.wrapper {
    position: relative;
    padding-left: 42px;
  }

  .site-reviews-breakdown .site-details-block .site-logo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
  }

  #navPositiveFeedback #feedback-sites {
    flex-direction: column;
    margin-bottom: 12px;
  }

  #navPositiveFeedback #feedback-sites li span {
    margin-bottom: 5px;
  }

  .aside-left-menu-list .nav-item hr {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .feedback-preview .btns-flex {
    flex-direction: column;
  }

  .feedback-preview .thumbsupdown-block .btn {
    margin-left: 8px;
    margin-right: 8px;
  }

  .feedback-preview .rating-star {
    margin-left: 2px;
    margin-right: 2px;
  }

  .feedback-preview .site-logo {
    max-width: 80%;
  }

  .feedback-preview .feedback-form {
    margin-top: 15px;
  }

  .sidebar .aside-footer .buttons-wrapper {
    margin-bottom: 0;
  }

  .sidebar .aside-footer .buttons-wrapper>.btn {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .main-header .navbar .nav-link__notifications .HW_badge_cont {
    top: 5px;
    left: 10px;
  }

  .business_tags_list+.btn-add-review-tag {
    margin-top: 5px;
  }

  .review-response2 {
    padding: 10px 15px;
  }

  .romw-review-block+.review-response-wrapper {
    padding-left: 50px;
  }

  .modal-review-request-tpl-add-message .btn-secondary__hover-blue-bg {
    width: 130px;
  }

  .main-header .navbar-toggler {
    margin-left: 8px !important;
  }

  .hamburger-box {
    width: 22px;
  }

  .hamburger-inner,
  .hamburger-inner::before,
  .hamburger-inner::after {
    width: 20px;
  }

  .main-header .navbar .nav-link-icon i,
  .nav-item__businesses .nav-link i {
    font-size: 18px;
  }
}

/* END max-width=575 */
@media only screen and (max-width: 414px) {
  .feedback-preview {
    line-height: 24px;
  }

  .feedback-preview .form-group {
    margin-bottom: 10px;
  }

  .feedback-preview .form-group:last-child {
    margin-bottom: 5px;
  }

  .feedback-preview .site-block {
    margin-bottom: 18px;
  }

  .feedback-preview .rating-star {
    font-size: 58px;
  }

  .feedback-preview .feedback-form {
    margin-top: 10px;
  }

  .feedback-preview .site-name {
    font-size: 38px;
    line-height: 48px;
  }

  .feedback-preview .ask-to-leave-review-block,
  .feedback-preview .thumbsupdown-block {
    margin: 15px 0 0;
  }

  .main-header .navbar-nav .nav-item {
    margin-left: 6px;
  }

  .main-header .navbar-nav .nav-item__notifications+li {
    margin-left: 6px;
  }

  .buttons-wrapper {
    flex-direction: column;
  }

  .main-header .navbar-brand .logo-wrapper {
    width: 100px;
    height: 23px;
  }

  .widget-editor-settings-panel {
    width: 100%;
  }
}

/* END max-width=414 */
@media only screen and (max-width: 394px) {
  .feedback-preview .rating-star {
    font-size: 50px;
  }
}

/* END max-width=394 */
@media only screen and (max-width: 360px) {
  .main-header .navbar-nav .nav-link {
    padding-right: 6px;
    padding-left: 6px;
  }

  .main-header .nav-link-icon+.dropdown-menu {
    right: -2px;
  }

  .feedback-preview .rating-star {
    font-size: 50px;
  }

  .feedback-preview .site-name {
    font-size: 32px;
    line-height: 42px;
  }

  .feedback-preview .rating-star {
    font-size: 42px;
  }
}

/* END max-width=360 */
@media only screen and (max-width: 320px) {
  .sidebar-left-toggler {
    margin-left: 0.5rem !important;
  }

  .navbar-brand .logo-wrapper {
    width: 100px;
    height: 23px;
  }

  .main-header .navbar-nav .nav-item {
    margin: 0;
  }

  .dropdown-select-block__dropdown-menu-child.dropdown-select-block {
    width: 228px;
  }

  .feedback-preview .rating-star {
    font-size: 38px;
  }
}

/* END max-width=320 */