@media screen and (max-width: 991px) {
  .nav-dropdown{
      display: none;
  }
  .dnc-search-box .srch-from-mob{
      display: block;
  }
  .dnc-search-box .srch-from-web{
      display: none;
  }
  .bottom-menu-mob{
      display: block !important;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      height: 55px;
      z-index: 999;
      box-shadow: -3px -1rem 1rem 0px rgb(0 0 0 / 15%);
      background-color: #ffffff;
      padding: 0;

  }
  .bottom-menu-mob ul{
      list-style: none;
      width: 100%;
      height: 100%;
      padding: 0;
  }
  .bottom-menu-mob ul li{
      float: left;
      width: 20%;
      height: 100%;
  }
  .bottom-menu-mob ul li a{
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      text-decoration: none;
  }
  .bottom-menu-mob ul li a .m-icon{
      height: 22px;
      color: #999999;
  }
  .bottom-menu-mob ul li a .m-c-icon{
      width: 50px;
      height: 50px;
      border-radius: 50%;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: -29px;
      margin-bottom: 2px;
      background-color: #e6561c;
      color: #ffffff;
      font-size: 30px;
  }
  .bottom-menu-mob ul li a span{
      font-size: 11px;
      color: #999999;
      margin-top: 2px;
  }
}

@media(min-width: 700px){
  .refer-acd{
    line-height: 1;
    font-size: 28px !important;
  }
  .refer-ep{
    font-size: 75px !important;
  }
}

/*Sale Profit, Refreeal Profit, Payments*/
@media(max-width: 539.00px) {
  #Payments , #referral-profit , #sale-profit{
        flex-direction: column;
        text-align: center;
      }
      
    }


    @media (max-width: 991.98px) {
      .cascading-right {
        margin-right: 0;
        background-color: hsla(0, 0%, 100%, 0.55) !important;
        backdrop-filter: blur(30px);
      }
      
    }

    @media (max-width: 992px) {
      .alert-validate::before {
        visibility: visible;
        opacity: 1;
      }
      
    }

    @media (max-width: 576px) {
      .wrap-login100 {
        padding: 77px 15px 33px 15px;
      }
      .voucher-img{
        width: 70%;
      }
      .voucher-bg{
        height: 600px;
      }
      .vc-dl{
        gap: 0px;
      }
      .vc-dsc{
        white-space: inherit;
        overflow: hidden!important;
        text-overflow: ellipsis;
        height: 100px;
      }
      .vcd-st-img{
        margin: 0 auto;
        text-align: center;
        padding: 0;
      }
      .vc-denomination{
        gap: 0px;
      }
      .sku-p{
        margin-right: 20px;
      }
      .refer-share input{
        width: 100%;
      }
      .hp-bnr{
        margin-top: 20px !important;
      }
      .od-area{
        max-height: 100%;
      }
      .sb-area-r{
        padding-top: 0px;
        padding-left: 20px !important;
      }
      .sbr-font-36{
        font-size: 36px !important;
      }
      .sbr-font-18{
        font-size: 18px !important;
      }
      .sbr-btn{
        display: inline-block;
        margin-bottom: 10px;
      }
      .sbr-img{
        margin-left: 12px;
      }
      .sbr-mt-20{
        margin-top: 20px;
      }
      .sbr-pt-20{
        padding-top: 20px !important;
      }
      .sbr-mb-15{
        margin-bottom: 15px !important;
      }
      .refer-acd{
        line-height: 1;
      }
    }