/* MOUSE Varibles */

@media screen and (min-width: 1459px) { 
    .queryCard:not(:first-child) span {
        display: none;
    }
    .newBusiness .mWidth{
        max-width: 140px;
    } 
    .temMemberRow .Mycust{
        padding-right: 60px;
    }
    .oppotunityRow .Mycust{
        padding-right: 100px;
    }
    }

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

    h2 {
        font-size: 4rem;
    }

    h3 {
        font-size: 2.6rem;
    }
    .container-fluid {
        padding: 0 20px;
    }
    .container {
        padding: 0 20px;
    }

}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    .temMemberRow .Mycust{
        padding-right: 60px;
    }
    .oppotunityRow .Mycust{
        padding-right: 100px;
    }
    .newBusiness .mWidth{
        max-width: 140px;
    }
    .custom-radio {
        font-size: 1.6rem;
    }
    
  header {
        padding: 25px 0;
    }

    .queryCard:not(:first-child) span {
        display: none;
    }
 .progressBar {
    position: relative;
    display: block;
    margin: 30px -200px;
}
}
@media screen and (min-width: 800px) and (max-width: 1200px) {
       .progressBar {
    position: relative;
    display: block;
    margin: 30px -140px;
}
}
@media screen and (min-width: 800px) and (max-width: 1366px) {

    .disp-mobile{
        display: none !important;
}
.queryCard:not(:first-child) span {
    display: none;
}
}

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

@media (min-width: 768px) and (max-width: 1024px) {
    /*new*/
    .sectionbg {
    background-size: cover;
    background-position: 0 35px;
  }
  .homebg {
    background-size: cover;
    background-position: 0 -85px;
  }
  .HoldHeading {
    font-size: 1.6rem;
  }
  .custFilter a span {
    font-size: 1.5rem;
  }
  .CustHeading {
    font-size: 1.5rem;
  }
  .navbar-expand .navbar-nav .dropdown-menu .dropdown-item {
    font-size: 1.3rem;
  }
  .quickCard-contents h4 {
    font-size: 1.5rem;
  }
  .customerOverview .Mycust {
    padding-right: 0;
  }
  .customerOverview .CustHeading {
    font-size: 1.5rem;
  }
  .ProductCTA .CtaContent h4 {
    font-size: 3rem;
  }
  .ProductCTA .CtaContent p {
    font-size: 1.5rem;
  }
  .sb-sidenav .sb-sidenav-menu .nav .nav-link {
    font-size: 1.3rem;
    margin: 0;
    padding: 0 5px;
  }

  
    .NriCards .Mycust{
        padding-right: 30px;
    }
    .dropdown-menu.threeDotsMenu{
        left: 150px !important;
    }
    .NotificationDropdown .nav-item a.nav-link{
        font-size: 1rem;
    }
    .navbar-expand .navbar-nav .dropdown-menu.NotificationDropdown{
        width:280px;
    }
.CustDetailShare {
    bottom: 30px;
    right: 0px;
    width: auto;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 15px;
    background-color: #ffffff;
}
    
    
    .NriCards .quickCard-contents h4 {
        position: relative;
        padding-right: 70px;
        font-size: 1.3rem;
    }
    
  .queryCard span {
        text-align: left;
        font-size: 1.4rem;
        display: block;
        position: relative;
        top: unset;
    }
    .threeDots {
        display: block;
        text-align: center;
        position: absolute;
        top: 5px;
        right: 5px;
    }
    
  .queryCard p {
        margin: 0 0 20px 0;
font-size: 1.5rem;
    }
    .UploadDoc{
        margin: 20px 10px 0 0;
    }
    .error{
        margin-top: 5px;
        padding: 0 10px 0 10px;
    }
    .CustCards .nav-item .nav-link{
        font-size: 1.3rem;
    }
    
  .filterImg img {
        width: 40px;
        height: 40px;
    }
    #NewCustomer .btn-tab{
        font-size: 1.1rem;
    }
    #NewCustomer .SearchModal{
        width: 90%;
    }
    .ic-btn{
        padding: 7px;
    }
    #NewCustomer .selectedCheck img{
        right: 5px;
        padding: 6px;
    }
    .float{
        position:fixed;
        width:60px;
        height:60px;
        bottom:75px;
        right:25px;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        font-size:30px;
        z-index:100;
    }
    .OtherLinks{
        margin-bottom: 90px;
    }
    .dashContentMain{
        position: relative;
        padding: 0 4% 10%;
    }
    /*new*/
     .dashContent {
    position: relative;
    padding: 0 4% 10%;
  }
    .LoginSec{
        position: absolute;
        display: block;
        top: 32%;
        left: 20%;
        transform: translate(-15%, -31%);
    }
    
  .termsCondition {
    margin: auto;
    font-size: 0.7rem;
    }
    .input-container {
        margin-bottom: 30px;
      }
    .disp-mobile{
        display: none !important;
    }
    .column-15{
        width: 33.33% !important;
        margin: 15px 0;
    }
    .column-30{
        width: 100% ;
    }
    .notificationContent p{
        font-size: 1rem;
    }
    #NotificationDropdown span{
        font-size: 0.8rem;
    }
   .paddingB-3 {
    padding-bottom: 10px;
  }
  .paddingB-4 {
    padding-bottom: 10px;
  }
  .paddingB-5 {
    padding-bottom: 0px;
  }
}

@media screen and (max-width: 1023px) {
     /*pawan*/
     #layoutSidenav #layoutSidenav_content {
        margin-left: 0;
        padding-left: 0;
        transition: margin 0.15s ease-in-out;
    }
    .owl-nav div {
    position: absolute;
    top: 50%;
    background-color: #000;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
  }
  /*pawan*/
  .businessDash .quickCard span{
    font-size: 14px;
  }
  .owl-nav div.owl-prev {
    left: 0;
  }

  .owl-nav div.owl-next {
    right: 0;
  }

  .owl-dots {
    text-align: center;
     /* padding-top: 15px; */
  }
  .owl-dots .owl-dot span,
  .owl-dots .owl-dot.active span {
    background: transparent !important;
  }
  .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 3px;
  }

  .owl-dots .owl-dot.active {
    background-color: #f58220;
  }

  .owl-dots .owl-dot:focus {
    outline: none;
  }

  .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
  }

  .owl-carousel .owl-item .CustHeading img {
    width: auto;
    display: inline-flex;
  }

  .owl-carousel .owl-item .MyLocation img {
    width: 160px;
  }

  .notificationCard {
        justify-content: flex-start;
    }
    #layoutSidenav #layoutSidenav_nav{
        flex-basis:0;
    }
    /* .sb-sidenav{
        bottom:0;
        width: 100%;
        top: unset;
    } */
    .sb-sidenav .sb-sidenav-menu {
        margin: 0;
        padding: 5px;
        border-radius: 20px 20px 0 0;
        bottom: 0;
        top: unset;
        position: fixed;
        width: 100%;
    }
    .sb-sidenav .sb-sidenav-menu .nav{
        flex-direction: row;justify-content: space-evenly;
    }
    .sb-sidenav .sb-sidenav-menu .nav .nav-link{
        font-size: 0.6rem;
        margin: 0;
        padding: 0 5px;
    }
       header{
        padding:0;
    }

    .form-style {
        margin: 0 0px;
    }

    .quickCard-img {
                margin: auto;
    }
   }

@media screen and (max-width: 767px) {
    .newBusiness .mWidth{
        margin-top: 15px;
    } 
    /*pawan*/
    #layoutSidenav #layoutSidenav_content {
        margin-left: 0;
        padding-left: 0;
        transition: margin 0.15s ease-in-out;
    }
           .progressBar {
    position: relative;
    display: block;
    margin: 30px 0;
}
.multi-steps > li {
  font-size: 11px;
}
    .socialMediaRow {
    position: absolute;
    right: 0;
    bottom: -25px;
}
.screen{
    width: 100%;
}
.imgUpload .file-drop-area{
    min-width: 300px;
}
.js--image-preview {
    height: 140px;
    width: 140px;
    position: relative;
    /* overflow: hidden; */
    background-image: url();
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.js--image-preview::after {
    content: "";
    width: 140px;
    height: 140px;
    position: absolute;
    background-position: center;
    /* font-size: 4.5em; */
    background-repeat: no-repeat;
    background-size: contain;
    /* color: #e6e6e6; */
    /* top: calc(50% - 3rem); */
    /* left: calc(50% - 2.25rem); */
    /* z-index: 0; */
    left: 0;
}
.imgUpload .file-message {
    left: 25%;
    top: 0%;
    font-family: 'AllianzSansBold';
    transform: unset;
}
.imgUpload .choose-file-button {
    position: absolute;
    bottom: 8%;
    left: 50%;
    font-size: 12px;
}

.earningRewards .AccordRowName span,
.earningRewards .AccordRowDate span,
.earningRewards .AccordRowPremium span,
.earningRewards .AccordRowAssured span {
    position: absolute;
    top: -16px;
    color: #999;
    font-size: 0.7rem;
}
    .newBusiness .AccordRowName,
.newBusiness .AccordRowDate,
.newBusiness .AccordRowPremium,
.newBusiness .AccordRowAssured,
.newBusiness .AccordRowReminder,
.newBusiness .AccordRowDots {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
}
.sectionBackground {
    background: linear-gradient(180deg, rgba(0, 114, 188, 0.05) 0%, rgba(0, 114, 188, 0) 100%) no-repeat 0 245px;
}
    /*new business*/
    .businessDash .quickCard a{
        padding: 15px 5px;
    }
    .newBusiness .CustCards .nav-item .nav-link {
        font-size: 0.9rem;
        margin: 2px;
        padding: 13px 7px;
    }
    .newBusiness .AccordRowName, .newBusiness .AccordRowDate, .newBusiness .AccordRowPremium, .newBusiness .AccordRowAssured, .newBusiness .AccordRowReminder, .newBusiness .AccordRowDots{
      width: auto;
      justify-content: flex-start;
      gap: 10px;
    }
    .businessRow .input-container{
      width: 100%;
      max-width: 100%;
    }
    .buttonFilter button:last-child{
        width:55%;
    }
    .newBusiness .accordion-button,.newBusiness .accordion-button:not(.collapsed){
        align-items: flex-start;
       
    }
    .newBusiness .accordion-button::after{
        width: 20px;
        height: 35px;
    }
    .newBusiness .accordion-button:not(.collapsed)::after{
         width: 20px;
        height: 35px;
    }
    .newBusiness .threeDots{
        top: 5px;
        right: 5px;
    }
      .businessDash .custHeader{
        flex-wrap: wrap;
    }
    .businessModal .reqCard a{
        padding: 15px;
    }
    .businessModal .modal-title{
        font-size: 20px;
    }
    .businessModal .LocateAddress p{
    width: 180px;
    
}
    .newBusiness .borderlessTab .nav{
        gap: 5px;
    }
.businessDash .FilterInput{
    margin: 20px 0 0 0;
    flex-wrap: wrap;
}
.dateRange {
    margin: 10px 0;
}
.newBusiness .dueCard .contents{
    margin: 10px 0 0 0;
}
.businessDash .quickCard{
    height: 130px;
}
.owl-carousel.tab-scroll{
    width: 100%;
}
.owl-carousel.tab-scroll .owl-dot{
    display: none;
}
.owl-carousel.tab-scroll .owl-prev{
    width: 15px;
    height: 15px;
    border: 0 !important;
    top: -25px;
    left: -15px;
      background-color: transparent !important;
}
.owl-carousel.tab-scroll .owl-next{
  border: 0 !important;
    top: -33px;
    right: -7px;
    border-radius: 0;
    background-color: transparent !important;
}
.leagueBoard{
    background-size: cover;
    border-radius: 20px;
}
.leagueHeading {
    font-size: 20px;
}
.bottomHeighlight p{
    font-size: 12px;
    line-height: 18px;
}
.bottomHeighlight img{
    width: 30px;
}
.bottomHeighlight {
    padding: 10px;
    gap: 10px;
}
.businessDash .QuickLinks .quickCard a{
    height: auto;
}
.businessDash .reqCard-contents img{
    width: 10px;
}
/**/
    .userDash2{
        top: 30px;
    }
    #NotificationDropdown span{
      right: 10px;
    }
    .homebg {
    background-size: cover;
    background-position: 0 20px;
  }
  .sectionbg {
    background-size: cover;
    background-position: 0 75px;
  }

  .verifyPass {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: -20px;
  }
  #ThankyouCard h1,
  #QueryThankYou h1,
  #PickupReqThankyouCard h1,
  #ExistingCustThankyou h1,
  #HouseholdThankyouCard h1,
  #ThankyouModal h1,
  #resetSuccessful h1,
  #requestSentModal h1,
  #escalateToSM h1 {
    margin: 20px 0;
    font-size: 1.7rem;
  }
  .modal-header .btn-close {
    padding: 0;
    margin: 0 !important;
  }
  .notificationContent p {
    margin-right: 30px;
  }
  #VerifyOtp p {
    font-size: 1.5rem;
  }
  .HiddenTags:hover .TagsDropdown {
    display: block;
    max-width: 100%;
    width: 100px;
  }
  .dashContentMain {
    position: relative;
    padding: 0 5% 5% 3%;
  }
  .dashContent {
    position: relative;
    padding: 0 5% 5% 3%;
  }

  .paddingB-3 {
    padding-bottom: 10px;
  }
  .paddingB-4 {
    padding-bottom: 10px;
  }
  .paddingB-5 {
    padding-bottom: 0px;
  }
  .sb-sidenav .sb-sidenav-menu .nav .nav-link {
    font-size: 0.6rem;
    margin: 0;
    padding: 0 5px;
  }
  .ProductCTA .CtaContent p {
    font-size: 0.8rem;
  }
  .dropdown-menu.FilterDropdown {
    inset: 0 0 auto auto !important;
    transform: translate3d(0px, 33.5px, 0px) !important;
    position: absolute;
    padding: 10px;
  }
  .quickCard .queryCard {
    margin-bottom: 5px;
  }
  .QuickLinks .quickCard a {
    height: 125px;
  }
  .quickCard a {
    padding: 15px 5px;
  }
  .marketingCorner .Mycust {
    padding-right: 0px;
  }

  .productCards .queryCard {
    margin: 10px;
  }
    .VerticalMiddle .left{
        width: 70%;
    }
    .VerticalMiddle .right{
        width: 30%;
    }
    .declarationRow{
        display: block;
       
    }
    .RowTitle{
       
        width: 100%;
    }
    .removeFund img {
        
        width:5%;
    }
    .TopupTitle{
        font-size: 0.7rem;
    }
    .marketingCorner .Mycust{
        padding-right: 0px;
    }
    .ReqList span{
        padding: 5px;
    }

    .queryCard .VerticalMiddle:nth-last-child(even){
        padding: 5px 15px;
    }
    .productCards .queryCard{
        margin: 10px;
    }
    #callSMRm {
        padding: 7px 5px;
        bottom: 0;
        white-space: nowrap;
        font-size: 0.6rem;
    border-radius: 10px;
  }

  .sb-topnav .navbar-nav {
        order: 0;
    }
    .HeaderSearch{
        order:1;
    }
    .sb-topnav .navbar-nav .nav-item:nth-of-type(0){
        order:0;
    }
    .sb-topnav .navbar-nav .nav-item:nth-of-type(1){
        order:1;
    }
    #OpportunityTagsresult{
        top: -20px;
    right: -35px;
    font-size: 0.5rem;
    }
    .TagsDropdown{
        left: 80%;
        z-index: 999;
    }
    
  .OpportunityMatrix .reqCard {
    padding: 10px;
    margin: 5px;
    }
    
  .OpportunityMatrix .reqCard .reqCard-contents {
    margin: 10px 0px 10px 15px;
  }

  .MegaFilterDropdown {
        width: 300px;
    }
    .MegaFilterDropdown .nav-tabs{
        display: block;
    position: relative;
    border-bottom: 0px;
    padding: 10px 0px;
    /* border-right: 1px solid #d4d4d4; */
    margin: 0 5px 0 -5px;
    background: transparent;
    }

    .MegaFilterDropdown .nav-tabs .nav-item.show .nav-link,.MegaFilterDropdown .nav-tabs .nav-link.active {
        background: #f8f9fa;
        position: relative;
        display: inline-block;
        padding: 7px;
        border-radius: 10px;
        width: 100%;
    }

    .MegaFilterDropdown .nav-tabs .nav-item.show .nav-link,.MegaFilterDropdown .nav-tabs .nav-link.active::after{
        font-family: "FontAwesome";
    content: '\f111';
    font-size: 5px;
    color: #F58220;
    position: relative;
   float: right;
   top: 7px;
    vertical-align: middle;
    }

    .MegaFilterDropdown .nav-item .nav-link,.MegaFilterDropdown .nav-tabs .nav-link {
        border: 0px;
        position: relative;
        display: inline-block;
        padding: 7px;
        width: 100%;
        font-size: 0.9rem;
    }

    #ClearFilter{
        position: absolute;
    display: inline-flex;
    float: left;
    left: 0;
    align-items: center;
    }

    .borderlessTab .nav-item a.nav-link{
        text-align: center;
    }
    .rating-wrapper label{
        font-size: 2.5rem;
        padding: 0.5rem;
    }
    .HeaderSearch{
        margin: 0 1px;
    width: 50%;
        flex-direction: row-reverse;
    }

    header{
        padding:0;
    }

  .disp-desktop {
        display: none !important;
    }
   
.ipAddress {
        color: #999999;
        margin-top: -10px !important;
    }

    .clearButton{
        position: absolute;
        top: 15px;
        right: 10px;
    }

    .PersistencyRow .dueCard .UserActivity .nav-item a.nav-link{
        background: transparent;
        border: 1px solid #d4d4d4;
        padding: 10px 15px;
        color: #000000;
        font-weight: 600;
        font-size: 0.7rem;
        border-radius: 25px;
        filter: grayscale(1);
        opacity: 0.7;
    }

    .PersistencyRow .dueCard .UserActivity .nav-item a.nav-link.active{
        background: transparent;
        border: 1px solid #0072bc;
        padding: 10px 15px;
        color: #000000;
        font-weight: 600;
        font-size: 0.7rem;
        border-radius: 25px;
        filter: grayscale(0);
        opacity: 1;
    }
     
  .BusinessInfo img {
        padding: 3px;
        background-color: #ffffff;
        border-radius: 25px;
        z-index: 9;
        width: 110px;
    }
    .BusinessCardContent h4{
        font-size: 1.2rem;
    }
    .cardHeader img{
        width: 50%;
    }
    .ProfileInfoContent{
        position: absolute;
        bottom:-95px;
    }
    .CoverimageSec{
        width: 100%;
        height: 100%;
    }
    .profileRow{
        width: 100%;
        margin-bottom: 95px;
    }
    .profileRow .ProfileInfo img{
        width: 120px;
        border-radius: 50%;
        margin-top: 15px;
    }
    .navbar-expand .navbar-nav .dropdown-menu.NotificationDropdown {
        left: -35px;
        width: 330px;
    }

    .navbar-expand .navbar-nav .dropdown-menu{
        left: 10px;
    }

    .notificationCard .dropdown-toggle .threeDots{
        display: block;
    }
    .CutomerInfoRow {
        position: relative;
        display: block;
    }
    .CutomerInfoRow .custTitle{
        display: block;
    }
    
  .reqCard-contents h3 {
        font-size: 1rem;
  }
  .reqCard.PolicyNum .reqCard-contents h3 {
    font-size: 1rem;
    }
    .CustDetailShare{
        bottom:unset;
        right:0;
        top: 0;
        width:auto;
        position:absolute;
        display:inline-block;
        align-items:center;
        justify-content:unset;
        padding:unset;
        border-radius:unset;
        background-color:unset;
        margin-top: 20px;
    }
    .CustDetailShare .dropdown-menu.show{
        padding: 10px;
    }

    .EditProfile{
        display: inline !important;
        font-weight: 500;
        font-size: 0.6rem;
    }
    .CustomerInfoCard img{
        width: 50px;
        margin:0 10px 10px 0 !important;
    }
    .CustomerInfoCard{
        border:1px solid #d4d4d4;
        border-radius:20px;
        padding: 10px;
        display: block;
        background-color:#ffffff;
    }
    .CustomerInfoCard .reqCard-contents{
        display:inline;
    }
    .CustDetailsInfo img{
        width: 25px;
    }
    .reqRight li {
        position: relative;
        display: flex;
    }
    .ReqCard-share{
        display: block;
    }
    .reqRight .threeDots{
        display: block;
        position: absolute;
        top: -10px;
        right: 0;
    }
    .NewsLetter .reqRight .threeDots{
       
        top: unset;
       
    }
    .imgRow.photos .item img{
        width: 100%;
        height: 70px;
        position: relative;
    }
    .item .video-links img{
        position: absolute;
        height: 20px;
        width: auto;
        
    }
    .dropdown-menu .threeDots{
        display: none;
    }

  .removeFund img {
    width: 5%;
  }

    /* .ReqCard-share::before{
        display: none;
    } */
    /*.WhatsappReqShare img,
     .ReqShare img {
        width: 30% !important;
    } */
    /* .reneDue .accordion-item{
        padding: 15px;
    } */
    .accordianInfo{
        display: block;
        margin-bottom: 20px;
    }
    .accordianInfo .reqCard-contents{
        margin: 0px;
    }
    .AccordRowDate,
    .AccordRowPremium{
        display: inline-block;
        margin: 20px 30px 0 10px;
    }
 .newBusiness .AccordRowDate,.newBusiness 
  .AccordRowPremium {
    display: inline-block;
    margin: 20px 30px 0 10px;
  }
  .reneDue .accordion-body {
        padding: 20px;
    }
 
.AccordRowAssured,
.AccordRowDots {
    display: block;
    align-items: center;
    margin: 20px 30px 0 10px;
}

.AccordRowReminder{
    position: absolute;
    width: 100%;
}

  .newBusiness  .AccordRowReminder {
    position: relative;
    width: 100%;
  }
  .newBusiness .wordWrap{
  width: 100% !important;
  }

    .AccordRowName span,
.AccordRowDate span,
.AccordRowPremium span,
.AccordRowAssured span{
    position: relative;
    top: 0px;
    color:#999;
    font-size: 0.7rem;
}

#NewCustomer h4, #NewPickupReq h4, #AddExistingCust h4, #AddHousehold h4, #CustSearch h4, #ProfileEdit h4, #AddCustomer h4, #leadDetails h4, #EditCustomerForm h4{
    font-size: 1.3rem;
}
.modal-header .btn-close{
    padding: 0;
    margin: 0;
}
/* .modal-content{
    padding: 0;
} */
    .PersistencyRow .MonthwiseData{
        display: block;
        align-items: center;
        justify-content: space-between;
width: 100%;
    }
    
    .PersistencyRow .MonthwiseData ul {
        position: relative;
        display: block;
        flex-grow: 1;
        padding-left: 0;
    }
    
  .PersistencyRow .MonthwiseData ul:first-of-type li {
        border-right: 0px solid #d4d4d4;
    }
    .PersistencyRow .dueCard .nav-item a.nav-link {
    font-size: 0.8rem;
    padding: 20px 10px;
  }
  .PersistencyRow .policiesViews {
    width: 100%;
  }

  .tab-content .tab-pane {
        /* display: block; */
        background: transparent;
        border: none;
        color: #000000;
        font-weight: 600;
      }
      .HouseholdHighlight .tab-content .tab-pane{
        display: block;
      }
      .tab-content .tab-pane .panel-heading a.collapsed {
        background: transparent;
        border: none;
        border-radius: 10px;
        padding: 10px;
      }
      .tab-content .tab-pane .panel-heading a {
        background: rgba(0, 114, 188, 0.2);
        border: none;
        border-radius: 10px;
        padding: 10px;
      }

        .panel-heading a{
            color:#000;
            font-size: 1rem;
        }
        .panel-heading span{
            position: relative;
            display: inline-block;
            float: right;
            color:#999999;
            font-size: 0.8rem;
        }
 
      .PersistencyRow .dueCard ul.nav-tabs {
        display: none;
      }
      .panel-title a {
        display: block;
      }
      .panel-body{
          background-color:#ffffff;
          padding: 0;
      }
      .panel {
        margin: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: -2px;
      }
      .PersistencyRow .dueCard .tab-pane:first-child .panel {
        border-radius: 5px 5px 0 0;
      }
      .PersistencyRow .dueCard .tab-pane:last-child .panel {
        border-radius: 0 0 5px 5px;
      }
    .custFilter .nav-item a span{
        display: none;
    }
    .HouseholdHighlight{
        position: relative;
        width: 100%;
    }
    
  .HoldHeading {
        font-size: 1.1rem;
    }
    #AddHousehold .modal-dialog {
        display: block;
        background-color: #ffffff;
    }
    #AddHousehold .modal-sidebar {
        background-color: #ffffff;
        width: 100%;
        /* box-shadow: rgb(17 17 26 / 10%) 0px 0px 16px; */
        padding: 15px;
    }
    .SelectedCust{display: block;}
    .modal-sidebar-body {
        position: relative;
        display: block;
    }
.queryCard span{
    text-align: left;
    font-size: 0.8rem;
    margin-bottom: 5px;
    display: block;
    position: relative;
    top: unset;
}
    .surfaceDash .userDash2 {
        position: absolute;
    top: 40px;
    left: 40px;
        width: 25px;
        height: 25px;
      }
    .queryCard p{
        margin: 0 0 20px 0;
    }
    .TopupUpdateRow .queryCard p{
        margin: 0 0 0px 0;
    }
    .threeDots {
        display: block;
        text-align: center;
        position: absolute;
        top: 10px;
        right: 10px;
    }

  .float {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 100px;
    right: 25px;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
    }

    /* #NewCustomer .selectedCheck img{
        top: 50px;
    } */

    .modal-header {
        border-bottom: 1px solid #d4d4d4;
    }
    #NewCustomer .SearchModal{
       width:  100%;
    }
#NewCustomer .btn-tab{
    font-size: 0.7rem;
    margin: 5px 3px;
}    
.StepsInMobile {
    position: relative;
    display: flex;
    font-size: 13px;
    margin-bottom: 0;
margin: 0 5px;
}
    #NewCustomer h4,
    #UpdateCustomer h4,
  #resetPassword h4 {
        font-size: 1.2rem;
        margin-right: 10px;
        line-height: 1.2;
    }

    .nameUpdateRow, .dobUpdateRow, .addressUpdateRow, .contactUpdateRow, .emailUpdateRow, .frequencyUpdateRow, .nomineeUpdateRow, .bondUpdateRow, .switchUpdateRow, .RevivalUpdateRow, .statementUpdateRow{
        margin: 40px 0;
    }

    .UploadDoc{
        margin: 20px 10px 0 0;
    }
    
    .file-drop-area{
        display: grid;
        padding: 30px;
    }
    .Fileimg img{margin: auto;display: block;margin-bottom: 10px;}
    .file-message{
        position: relative;
    margin: auto;
    top: 0;
    left: 0;
     transform: translate(0%,0%); 
    text-align: center;
    }
    .choose-file-button{
        margin: 0 10px 0px 10px;
    }
    #UserDetails .ModalCard img{
        width: 35px;
    }
    .ModalCard p{
        font-size: 12px;
    }
    
  .FilterSearch {
        margin: 30px 0px;
    }
    .reqCard-img{
        margin: 25px 15px 25px 0;
    }
    .houseHoldName .reqCard-img{
        margin: 0px 3px 20px 0;
    }
    .blue-light,.blue,.green,.yellow,.red{
        font-size: 0.6rem;
    }
    .reqCard-contents{
        margin: 25px 0 15px 0;
    }
    .reqCard-contents p{
        margin: 0 5px 0 0;
    }
    .reqCard-contents .esclationError{
        position: absolute;
        left: 0;
        display: block;
        top: 5px;
    font-size: 0.6rem;
    padding: 0 5px;
    }
    .custHeader{
        margin: 30px 0 20px 0;
        border-bottom: 1px solid #d4d4d4;
        padding-bottom: 20px;
    }

  
    .custTitle a{
        background-color:#ffffff;
        border:1px solid #f58220;
        border-radius:30px;
        padding: 10px 15px;
    }
    .owl-carousel .owl-item .CustImg img{
        width: 40px;
    }
    .reqLeft, .reqRight{
        white-space: unset !important;
    }
    .reqCard a{
        padding: 0 15px;
        align-items: flex-start;
    }
    .custTitle h1{
        font-size: 1.9rem;
    }
    /* .owl-carousel .owl-item .date img{
        width: auto;
    } */
    .CustImg img{
        margin: 0 -10px;
    }
    
  .quickCard-contents h4 {
        margin: 10px 0;
font-size: 0.9rem;
    }
    .QuickLinks .quickCard-img img {
    width: 37px;
  }
  .NriCards.owl-carousel .owl-item img {
        width: auto;
    }
    .NriCards .quickCard{
        width: 230px;
    }
    .ProductCTA {
        padding: 15px;
    }
    .ProductCTA .CtaContent h4 {
        font-size: 1.2rem;
        margin: 0 0px 0 0px;
        line-height: 1.5;
    }
    .ProductCTA img {
        position: relative;
        width: 100px;
        top: 0;
    }
    .MarketingCTA {
        padding: 15px;
        display: block;
    }
    .MarketingCTA .CtaContent h4 {
        font-size: 1.2rem;
        margin: 0 0px 0 0px;
        line-height: 1.5;
        text-align: center;
    }
    .MarketingCTA img {
        position: relative;
        width: 100%;
        top: 0;
    }
    .thumbnail{
        width: 75%;
    }

    .Mycust {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        border-right: 0px solid #d4d4d4;
        padding-right: 0px;
    }
    .CustImg{
        display: flex;
    }
    
  .CustHeading {
        margin: 0px 0 0 0;
       /* font-size: 1.1rem; */
    }
    .owl-nav button {
        position: absolute;
        top: 50%;
        background-color: #000;
        color: #fff;
        margin: 0;
        transition: all 0.3s ease-in-out;
      }
      
      .owl-nav button.owl-prev {
        left: 0;
      }
      
      .owl-nav button.owl-next {
        right: 0;
      }
      
      .owl-dots {
        text-align: center;
        padding-top: 15px;
      }
      
      .owl-dots button.owl-dot {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        display: inline-block;
        background: #ccc;
        margin: 0 3px;
      }
      
      .owl-dots button.owl-dot.active {
        background-color: #f58220;
      }
      
      .owl-dots button.owl-dot:focus {
        outline: none;
      }
      
      .owl-nav button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(255, 255, 255, 0.38) !important;
      }
      
    .owl-carousel .owl-item .CustHeading img{
        width: auto;
        display: inline-flex;
    }
    .owl-carousel .owl-item .MyLocation img{
        width: 120px;
    }

    .dropdown-toggle::after{
        display: none;
    }
    

    .headerNotify{
        width: 40px;
        height: auto;
    }
    .UserDash{
        width: 40px;
        height: auto;
    }
    .cust-btn {
        right: 0;
        left: 0;
        bottom: 10px;
        position: fixed;
        margin: 0 20px;
        z-index: 999;
    }
    .OpportunityMatrixDash .cust-btn {
        right: 0;
        left: 0;
        bottom: 80px;
        position: fixed;
        margin: 0 20px;
        z-index: 999;
    }
    .OpportunityMatrixDash .float{
        position: fixed;
    width: 60px;
    height: 60px;
    bottom: 120px;
    right: 25px;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
    }
    .requestrow {
        display: block;
    }
    .Modaldropdown {
       
        margin: 20px 0px 0 0;
    }

     [class^="column-"] {
        width: 100%;
        float: left;
        padding: 10px 20px;
    }

    .LoginSec{
        position: relative;
        display: block;
        top: unset;
        left: unset;
        transform: unset;
        margin: 30px 10px;
    }

    h1.loginLefttext{
        font-size: 3.5rem;
    }
    .loginLeftimg{
        width: 200px;
    }
    .loginRight {
       padding: 25px;
    }
    .termsCondition{
        display: block;
        position: absolute;
        bottom:-100px;
       
    }
    .loginGradient {
        position: absolute;
        top: 0;
        width: 100%;
        background: linear-gradient(270.07deg, #006CB5 0.03%, #004775 97.76%);
        border-radius: 0 0 32px 32px;
        transform: unset;
        background-position: left;
        background-repeat: no-repeat;
        background-size: auto;
        display: list-item;
        height: 400px;
    }

    h4{
        font-size: 1.4rem;
    }
    
    .column-15{
        width: 49% !important;
        margin: 0;
    }
   
    .container-fluid {
        padding: 0 10px;
    }
    h2 {
        font-size: 3rem;
    }
    h3 {
        font-size: 2rem;
    }

    .error {
        font-size: 0.6rem;
    }
    
    .homepage{ height: auto !important; min-height: auto; }
    .modal-body .input-container {
        margin-bottom: 30px;
    }
    .FilterInput {
        position: absolute;
        display: flex;
        right: 0;
        /* left: 0; */
        margin: auto;
    }

    #NewCustomer .SearchModal,
#NewPickupReq .SearchModal,
#AddExistingCust .SearchModal,
#AddHousehold .SearchModal,
#CustSearch .SearchModal {
    width: 100%;
}
ul.search_result_list{
    width: 100%;
}
#NewCustomer .btn-tab, #NewPickupReq .btn-tab, #AddExistingCust .btn-tab, #AddHousehold .btn-tab, #CustSearch .btn-tab{
    margin: 5px 2px;
    padding: 3px 7px;
}
#ThankyouCard .modal-body img, #QueryThankYou .modal-body img, #PickupReqThankyouCard .modal-body img, #ExistingCustThankyou .modal-body img{
    margin-bottom: 0px;
}
}

@media screen and (max-width: 639px) {
    .disp-desktop{
        display: none !important;
    }
    .container {
        padding: 0 10px;
    }
    
}



@media screen and (max-width: 480px) {
    .AccordRowDate,
    .AccordRowPremium{
        display: inline-block;
        margin: 20px 25px 0 10px;
    }
    .disp-desktop{
        display: none !important;
    }
    .FilterInput{
        position: relative;
        display: flex;
        right: -15px;
        /* left: 0; */
        margin: auto;
    }
}

@media screen and (min-width: 320px) and (max-width: 439px) {
    h1.loginLefttext{
        font-size: 2.5rem;
    }
    .disp-desktop{
        display: none !important;
    }
   
}
@media screen and (max-width: 320px) {
    h1.loginLefttext{
        font-size: 2rem;
    }
    .placeholders {
        font-size: 0.7rem;}
}    
@media screen and (min-width: 768px) {
    .disp-mobile{
        display: none !important;
    }
    .panel-heading {
        display: none;
      }
      .panel {
        border: none;
        box-shadow: none;
      }
      .panel-collapse {
        height: auto;
      }
      .panel-collapse.collapse {
        display: block;
      }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    html {
        font-size: 55%;
    }
}