.flash-alert{z-index: 999; max-width: 50%; top: 2%; position: fixed; right: 1%;}
.flash-alert button{position: absolute; right: 8px; top: 4px; width: 2px;}
.deal-title{height: 42px; overflow: hidden;}
.deal-list-price{font-size: 15px; text-decoration: line-through;}
.deal-store{height: 25px; overflow: hidden;}
.cmn-modal.deal-modal {max-width: 1140px;}
.dropdown-menu {
  overflow: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 150px);
}
.reply-section{background: rgba(var(--p1), 0.05) !important;}
.bg-white{background: #fff;}
.bg-gray{background: #D0D0D0;}

#signInPopup{z-index: 1100;}

.all-categories .column {
  width: 33%;
  vertical-align: top;
  display: inline-block;
}
.all-categories>.column>ul {
  padding-left: 0;
}
.all-categories>.column>ul>li {
  margin-bottom: 15px;
}
.all-categories li {
  list-style-type: none;
  margin-bottom: 5px;
}
.all-categories>.column>ul>li>a {
  font-size: 15px;
  color: #333;
  font-weight: bold;
}
.all-categories a {
  color: #333;
  background-color: var(--bs-dropdown-link-hover-bg);

}
.all-categories a:hover {
  color: #ffc107;  
  font-weight: bold;
}

.all-categories a:hover::after {
  content: '→'; /* you can use any symbol or even an icon */
  opacity: 1;
  color: #ffc107;  
}
.all-categories ul ul {
  margin-top: 5px;
  padding-left: 0px;
}
.all-categories ul ul li {
  padding-left: 10px;
  position: relative;
}
.all-categories ul ul li:before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}
main{min-height: 600px;}
.sub-category-box svg{width: 40px; height: 40px;}
.categories-table svg{width: 30px; height: 30px;}
.deal-image-card, .user-image-card {height: 200px;}
.deal-image-card img, .user-image-card img{height: 100%;}
#cookie-banner{
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #222;
  color: #fff;
  text-align: center;
  padding: 10px;
  z-index: 1000;
}
header-right-bar{position: absolute; right: 0; top: 14px;}
.select2-results li:hover span{color: #fff !important;}
.select2-container--default .select2-results__option--highlighted[aria-selected] span{color: #fff !important;}
#accordionAlertSetting .accordion-button::after{margin-left: 1%;}
.mobile-search-input,.mobile-logo{display: none;}
.deal-card-discount-label{right: 43px;}
.deal-card-discount-label span.deal-card-discount-label-off{right: -27px;}
.discount-badge {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  z-index: 1;
  text-align: center;
  line-height: 1;
  margin-top: 30px;
  margin-right: -18px;

}

.discount-badge .percent {
  font-size: 1.2rem;
  font-weight: bold;
  display: block;
  color: #fff;
  margin-top: 4px;

}

.discount-badge .off-text {
  font-size: 0.8rem;
  display: block;
  color: #fff;
  margin-top: -4px;
}
.mobile-only{display: none;}
.deal-discovered-text{position: absolute; top: 15px; right: 25px;}
.deal-price-alert{position: relative; top: 6px;}
.modal.bootbox-confirm .bootbox-close-button{float: right;}
.modal.bootbox-confirm .bootbox-accept{background-color: rgba(var(--p1), 1);}
.social-logins-buttons{text-align: center;}
.social-logins-buttons a{width: 60%;}
.social-logins-buttons a i{position: absolute; left: 25px;}
.facebook{background-color: #1877F2 !important; border: none !important;}
.google{background-color: #DB4437 !important; border: none !important;}
.linkedin{background-color: #0077B5 !important; border: none !important;}
#back-button a span{font-size: 1.5em; color: #FF943D; margin-top: 7px;margin-left: 7px;}
#shareDealPopup .modal-dialog{max-width: 600px;}
.flash-alert.alert .progress{height: 4px;}
.flash-alert.alert .progress-bar{width: 100%; transition: width 5s linear;}
.flash-alert.alert-success .alert-progress-bar{background-color: #0f5132 !important;}
.flash-alert.alert-danger .alert-progress-bar{background-color: #842029 !important;}
.deal-image-box{height: 300px;}
.deal-image{max-height: 100%}
.trix-button--icon{width: 2em !important;}

.bg-white{background-color: #fff !important;}
/* For iPhone and similar small screens */
@media (max-width: 480px) {
  .mobile-only{display: block;}

  .mobile-search-input{
      position: relative;
      top: 70px;
      z-index: 9;
      width: 100%;
      margin: auto;
      display: block;
  }
  .mobile-logo{
      position: fixed;
      top: 17px;
      left: 65px;
      display: block;
  }
  .mobile-logo img, .mobile-logo-new img {
      height: 40px;
  }
  .admin-link{display: none !important;}
  .slide-vertical{color: #000 !important;}
  .sub-menu  a{color: #000 !important;}
  .header-section .nav-brand {
      width: 60px  !important;
      max-width: 138px  !important;
  }
  .flash-alert {
    max-width: 100%;
    position: relative;
  }

  .right-sidebar .side-wrapper {
    max-width: 270px !important;
  }
  .ph-x::before {
    color: #FF943D !important;
    font-size: 28px !important;
    font-weight: bold !important;
  }

  .footer {
    display: block !important;
    position: fixed;
    bottom: 0px;
    width: 100%;
    border-top: 1px solid #e3e3e3;
    z-index: 10;
  }
  .footer-icons {width: 20%;}
  .footer-home-image {height: 30px;}
  .profile-sidebar{display: none;}
  .social-share-button .ssb-icon {
    background-size: 36px 36px !important;
    height: 36px !important;
    width: 36px !important;
  }

}

/* For iPad and similar medium screens */
@media (max-width: 767px) {
  .social-logins-buttons a{width: 80%; padding-bottom: 0.40rem !important; top: 0.40rem !important;     padding-top: 0.65rem !important; padding-bottom: 0.65rem !important;margin: 8px;
  }
  .social-logins-buttons a img{width:20px !important;}

.social-logins-buttons button{width: 80% !important;}
  .mobile-logo img, .mobile-logo-new img {
      height: 40px;
  }

  .social-logins-buttons a {
      margin-top: -10px;
  }
  .text-white{color: #fff !important;}

}