/*index page responsive*/
/*media screen 360px*/

@media (max-width: 361px){
    .side_nav.close{
        display: none;
    }

    .side_nav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 260px;
        background: url(images/nav_bg.png);
        z-index: 500;
        transition: all 0.5s ease;
    }

    .side_nav.close ~ .home-section {
        left: 5px;
        width: calc(100% - 5px);
    }
    #offcanvasRight{
        width: 65%;
        /*background: #002447;*/
       background: #116CB5;
      }

    .home-section {
    position: relative;
    background-color: #F6FCFD;
    height: 100%;
    left: 2px;
    width: calc(100% - 2px);
    transition: all 0.5s ease;
    }

    .home-section .home-content {
        height: 60px;
        z-index: 1;
        position: absolute;
    }
    .home-section .home-content .bx-menu {
        margin: 0 304px;
        cursor: pointer;
    }
    .add-btn{
        margin-left: -15%;
    }
    .banner img{
        margin-left: 3%;
    }

    /* .head_text{
      margin-top: 54px;
    } */
    /*.wallet  {
        align-items: center;
        justify-content: center;
        display: flex;   
        margin: 0!important;;
    }
    */
    .blue_bg{
        width: 250px;
        height: 100px;
        margin-left: 15%!important;
    }
    
  
    
    #transaction_history{
        margin:50px 0 0 11px!important;
    }



    /*Login Page*/
   .phone{
    margin-left: -310px;
    margin-bottom: 55px;
   }
   .mail{
    margin-left: 61px;
   }
   .sign_up{
    margin-left: -5px;
   }
   .google{
    margin-left:56px!important;
   }
   .social_list{
    margin-left: 65px!important;
   }
   .fa-eye{
    position: absolute;
    margin-left: 70%;
  }



  /* Signup */
  .sign-form ul{
    margin-left: 24px!important;
  }

  /*forget password*/
   .password-img{
    width: 432px!important;
   }


  /* services page */
  .icon_bg {
    width: 32%;
    margin-top: 2rem;
    border-radius: 25px;
    background: #FDFDFD;
    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

 .services .row {
    margin-left: 30px;
    margin-top: 0!important;
 }

 /* #content {
    background-color: #F6FCFD;
    margin-top: 150px!important;
} */

 .main_content h5{
    margin-top: 54px;
 }





/* DTM BENE */
.Remitterr{
    width: 355px;
}
#Beneficiary_List{
   margin-left:30px;
}
.bene_details{
  width: 35%;
  float: left;
  margin-left: 0;
}
.bene_details h5{
  margin-top: 0;
}
.bene_details h6{
  font-size:12px;
}
.bene_info{
  width: 35%;
  float: left;
  margin-top: -17px!important;
}
.bene_info h6{
  font-size: 10px;

}

.beneficiary_bg .card{
  max-width: 300px!important;
    border-radius: 16px;
    background: #ECF4E1;
    padding: 0;
}


/* AEPS */
.AEPS_BTN{
    justify-content: left!important;
}
  /* Create new user */
  #createUser_container {
    width: 325px;
    border-radius: 24px;
    background: #FBFCFD;
    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.06), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin-left: 5%;
    align-items: center;
}

 
  #createUser_container hr{
   rotate: 90deg;
   display: none;

  }

  #createUser_container ul{
    margin-top:3.5rem!important;
  }

  /*Profile page*/
  .profile_Page{
    width: 100%;
  }



}


/*media screen 375px*/
@media (min-width: 361px) and (max-width:376px){
    .side_nav.close{
        display: none;
    }

    .side_nav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 260px;
        background: url(images/nav_bg.png);
        z-index: 500;
        transition: all 0.5s ease;
    }

    .side_nav.close ~ .home-section {
        left: 5px;
        width: calc(100% - 5px);
    }
    #offcanvasRight{
        width: 65%;
        /*background: #002447;*/
       background: #116CB5;
      }

    .home-section {
    position: relative;
    background-color: #F6FCFD;
    height: 100%;
    left: 2px;
    width: calc(100% - 2px);
    transition: all 0.5s ease;
    }

    .home-section .home-content {
        height: 60px;
        z-index: 1;
        position: absolute;
    }
    .home-section .home-content .bx-menu {
        margin: 0 304px;
        cursor: pointer;
    }
    .add-btn{
        margin-left: -15%;
    }
    .banner img{
        margin-left: 3%;
    }
   
    .blue_bg{
        width: 250px;
        height: 100px;
        margin-left: 15%!important;
    }

    .main_content h5{
      margin-top: 54px;
   }
    
    
    #transaction_history{
        margin:50px 0 0 11px!important;
    }
     
    
     /*Login Page*/
   .phone{
    margin-left: -310px;
    margin-bottom: 55px;
   }
   .mail{
    margin-left: 75px;
   }
   .sign_up{
    margin-left: -5px;
   }
   .google{
    margin-left:56px!important;
   }
   .social_list{
    margin-left: 75px!important;
   }
   .fa-eye{
    position: absolute;
    margin-left: 70%;
  }

  /* sign up */
  .sign-form ul{
    margin-left: 24px!important;
  }

   /*forget password*/
   .password-img{
    width: 432px!important;
   }

   /*forget password*/
   .password-img{
    width: 432px!important;
   }


    /* services page */
    .icon_bg {
        width: 32%;
        margin-top: 2rem;
        border-radius: 25px;
        background: #FDFDFD;
        box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }
    
     .services .row {
        margin-left: 30px;
        margin-top: 0!important;
     }


 

/* AEPS */
.AEPS_BTN{
    justify-content: left!important;
}


   /* Create new user */
  #createUser_container {
    width: 325px;
    border-radius: 24px;
    background: #FBFCFD;
    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.06), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin-left: 5%;
    align-items: center;
}

 
  #createUser_container hr{
   rotate: 90deg;
   display: none;

  }

  #createUser_container ul{
    margin-top:3.5rem!important;
  }



  #Beneficiary_List{
    margin-left:29px;
 }
 .bene_details{
   width: 35%;
   float: left;
   margin-left: 0;
 }
 .bene_details h5{
   margin-top: 0;
 }
 .bene_details h6{
   font-size:12px;
 }
 .bene_info{
   width: 35%;
   float: left;
   margin-top: -17px!important;
 }
 .bene_info h6{
   font-size: 10px;
 
 }
 
 .beneficiary_bg .card{
   max-width: 300px!important;
     border-radius: 16px;
     background: #ECF4E1;
     padding: 0;
     margin-left: 0!important;
 }
 
    /*Profile page*/
  .profile_Page{
    width: 100%;
  }
    
}

@media (min-width: 376px) and (max-width:391px){
    .side_nav.close{
        display: none;
    }

    .side_nav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 260px;
        background: url(images/nav_bg.png);
        z-index: 500;
        transition: all 0.5s ease;
    }

    .side_nav.close ~ .home-section {
        left: 5px;
        width: calc(100% - 5px);
    }
    #offcanvasRight{
        width: 65%;
        /*background: #002447;*/
       background: #116CB5;
      }


      .main_content h5{
        margin-top: 54px;
     }

    .home-section {
    position: relative;
    background-color: #F6FCFD;
    height: 100%;
    left: 2px;
    width: calc(100% - 2px);
    transition: all 0.5s ease;
    }

    .home-section .home-content {
        height: 60px;
        z-index: 1;
        position: absolute;
    }
    .home-section .home-content .bx-menu {
        margin: 0 328px;
        cursor: pointer;
    }
    .add-btn{
        margin-left: -15%;
    }
    .banner img{
        margin-left: 3%;
    }
    
    .blue_bg{
        width: 250px;
        height: 100px;
        margin-left: 15%!important;
    }
    
    
    #transaction_history{
        margin:50px 0 0 11px!important;
    }

    /*Login Page*/
   .phone{
    margin-left: -310px;
    margin-bottom: 55px;
   }
   .mail{
    margin-left: 75px;
   }
   .sign_up{
    margin-left: -5px;
   }
   .google{
    margin-left:56px!important;
   }
   .social_list{
    margin-left: 75px!important;
   }
   .fa-eye{
    margin-left: 74%;
  }
   /* sign up */
   .sign-form ul{
    margin-left: 24px!important;
  }

   /*forget password*/
   .password-img{
    width: 432px!important;
   }


    /* services page */
    .icon_bg {
        width: 32%;
        margin-top: 2rem;
        border-radius: 25px;
        background: #FDFDFD;
        box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }
    
     .services .row {
        margin-left: 30px;
        margin-top: 0!important;
     }


   

/* AEPS */
.AEPS_BTN{
    justify-content: left!important;
}  
/* Create new user */
#createUser_container {
    width: 325px;
    border-radius: 24px;
    background: #FBFCFD;
    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.06), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin-left: 7%;
    align-items: center;
}

 
  #createUser_container hr{
   rotate: 90deg;
   display: none;

  }

  #createUser_container ul{
    margin-top:3.5rem!important;
  }

  /* DMT bene */

  #Beneficiary_List{
    margin-left:23px;
 }
 .bene_details{
   width: 35%;
   float: left;
   margin-left: 0;
 }
 .bene_details h5{
   margin-top: 0;
 }
 .bene_details h6{
   font-size:12px;
 }
 .bene_info{
   width: 35%;
   float: left;
   margin-top: -17px!important;
 }
 .bene_info h6{
   font-size: 10px;
 
 }
 
 .beneficiary_bg .card{
   max-width: 300px!important;
     border-radius: 16px;
     background: #ECF4E1;
     padding: 0;
     margin-left: 1%!important;
 }
 
  /*Profile page*/
  .profile_Page{
    width: 100%;
  }


}

@media (min-width: 391px) and (max-width:394px){
    .side_nav.close{
        display: none;
    }

    .side_nav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 260px;
        background: url(images/nav_bg.png);
        z-index: 500;
        transition: all 0.5s ease;
    }

    .side_nav.close ~ .home-section {
        left: 5px;
        width: calc(100% - 5px);
    }

    #offcanvasRight{
        width: 65%;
        /*background: #002447;*/
       background: #116CB5;
      }

    .home-section {
    position: relative;
    background-color: #F6FCFD;
    height: 100%;
    left: 2px;
    width: calc(100% - 2px);
    transition: all 0.5s ease;
    }

    .home-section .home-content {
        height: 60px;
        z-index: 1;
        position: absolute;
    }
    .home-section .home-content .bx-menu {
        margin: 0 334px;
        cursor: pointer;
    }
    .add-btn{
        margin-left: -15%;
    }
    .banner img{
        margin-left: 3%;
    }
    
    .blue_bg{
        width: 250px;
        height: 100px;
        margin-left: 15%!important;
    }
    
    
    #transaction_history{
        margin:50px 0 0 11px!important;
    }

    .main_content h5{
      margin-top: 54px;
   }

     /*Login Page*/
   .phone{
    margin-left: -310px;
    margin-bottom: 55px;
   }
   .mail{
    margin-left: 75px;
   }
   .sign_up{
    margin-left: -5px;
   }
   .google{
    margin-left:75px!important;
   }
   .social_list{
    margin-left: 88px!important;
   }
   .fa-eye{
    margin-left: 74%;
  }

   /* sign up */
   .sign-form ul{
    margin-left: 24px!important;
  }

   /*forget password*/
   .password-img{
    width: 432px!important;
   }


    /* services page */
    .icon_bg {
        width: 32%;
        margin-top: 2rem;
        border-radius: 25px;
        background: #FDFDFD;
        box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }
    
     .services .row {
        margin-left: 30px;
        margin-top: 0!important;
     }

  

    /* AEPS */
      .AEPS_BTN{
          justify-content: left!important;
      }

      /* Create new user */
  #createUser_container {
    width: 325px;
    border-radius: 24px;
    background: #FBFCFD;
    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.06), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin-left: 8%;
    align-items: center;
}

 
  #createUser_container hr{
   rotate: 90deg;
   display: none;

  }

  #createUser_container ul{
    margin-top:3.5rem!important;
  }

    /* DMT bene */

    #Beneficiary_List{
      margin-left:23px;
   }
   .bene_details{
     width: 35%;
     float: left;
     margin-left: 0;
   }
   .bene_details h5{
     margin-top: 0;
   }
   .bene_details h6{
     font-size:12px;
   }
   .bene_info{
     width: 35%;
     float: left;
     margin-top: -17px!important;
   }
   .bene_info h6{
     font-size: 10px;
   
   }
   
   .beneficiary_bg .card{
     max-width: 300px!important;
       border-radius: 16px;
       background: #ECF4E1;
       padding: 0;
       margin-left: 1%!important;
   }

    /*Profile page*/
  .profile_Page{
    width: 100%;
  }
}

@media (min-width: 394px) and (max-width:413px){
    .side_nav.close{
        display: none;
    }

    .side_nav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 260px;
        background: url(images/nav_bg.png);
        z-index: 500;
        transition: all 0.5s ease;
    }

    .side_nav.close ~ .home-section {
        left: 5px;
        width: calc(100% - 5px);
    }

    #offcanvasRight{
        width: 65%;
        /*background: #002447;*/
       background: #116CB5;
      }

    .home-section {
    position: relative;
    background-color: #F6FCFD;
    height: 100%;
    left: 2px;
    width: calc(100% - 2px);
    transition: all 0.5s ease;
    }

    .home-section .home-content {
        height: 60px;
        z-index: 1;
        position: absolute;
    }
    .home-section .home-content .bx-menu {
        margin: 0 334px;
        cursor: pointer;
    }
    .add-btn{
        margin-left: -15%;
    }
    .banner img{
        margin-left: 3%;
    }
    
    .blue_bg{
        width: 250px;
        height: 100px;
        margin-left: 15%!important;
    }
    
    .main_content h5{
      margin-top: 54px;
   }
    
    
    #transaction_history{
        margin:50px 0 0 11px!important;
    }

     /*Login Page*/
   .phone{
    margin-left: -276px;
    margin-bottom: 45px;
   }
   .mail{
    margin-left: 113px;
   }
   .sign_up{
    margin-left: -5px;
   }
   .google{
    margin-left:83px!important;
   }
   .social_list{
    margin-left: 100px!important;
   }
   .fa-eye{
    margin-left: 74%;
  }

   /* sign up */
   .sign-form ul{
    margin-left: 24px!important;
  }

   /*forget password*/
   .password-img{
    width: 432px!important;
   }


    /* services page */
    .icon_bg {
        width: 32%;
        margin-top: 2rem;
        border-radius: 25px;
        background: #FDFDFD;
        box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }
    
     .services .row {
        margin-left: 30px;
        margin-top: 0!important;
     }

 


   /* AEPS */
      .AEPS_BTN{
          justify-content: left!important;
      }

   /* Create new user */
  #createUser_container {
    width: 325px;
    border-radius: 24px;
    background: #FBFCFD;
    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.06), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin-left: 10%;
    align-items: center;
}

 
  #createUser_container hr{
   rotate: 90deg;
   display: none;

  }

  #createUser_container ul{
    margin-top:3.5rem!important;
  }

    /* DMT bene */

    #Beneficiary_List{
      margin-left:23px;
   }
   .bene_details{
     width: 35%;
     float: left;
     margin-left: 0;
   }
   .bene_details h5{
     margin-top: 0;
   }
   .bene_details h6{
     font-size:12px;
   }
   .bene_info{
     width: 35%;
     float: left;
     margin-top: -17px!important;
   }
   .bene_info h6{
     font-size: 10px;
   
   }
   
   .beneficiary_bg .card{
     max-width: 300px!important;
       border-radius: 16px;
       background: #ECF4E1;
       padding: 0;
       margin-left: 1%!important;
   }
  
    /*Profile page*/
  .profile_Page{
    width: 100%;
  }

}
@media (min-width: 413px) and (max-width:415px){
    .side_nav.close{
        display: none;
    }
   

    .side_nav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 260px;
        background: url(images/nav_bg.png);
        z-index: 500;
        transition: all 0.5s ease;
    }

    .side_nav.close ~ .home-section {
        left: 5px;
        width: calc(100% - 5px);
    }

    #offcanvasRight{
        width: 65%;
        /*background: #002447;*/
       background: #116CB5;
      }

    .home-section {
    position: relative;
    background-color: #F6FCFD;
    height: 100%;
    left: 2px;
    width: calc(100% - 2px);
    transition: all 0.5s ease;
    }

    .home-section .home-content {
        height: 60px;
        z-index: 1;
        position: absolute;
    }
    .home-section .home-content .bx-menu {
        margin: 0 334px;
        cursor: pointer;
    }
    .add-btn{
        margin-left: -15%;
    }
    .banner img{
        margin-left: 3%;
    }
    
    .blue_bg{
        width: 250px;
        height: 100px;
        margin-left: 15%!important;
    }
    
    .main_content h5{
      margin-top: 54px;
   }
    
    #transaction_history{
        margin:50px 0 0 11px!important;
    }
      /*Login Page*/
   .phone{
    margin-left: -276px;
    margin-bottom: 45px;
   }
   .mail{
    margin-left: 113px;
   }
   .sign_up{
    margin-left: -5px;
   }
   .google{
    margin-left:83px!important;
   }
   .social_list{
    margin-left: 100px!important;
   }
   .fa-eye{
    margin-left: 74%;
  }
  
   /* sign up */
   .sign-form ul{
    margin-left: 24px!important;
  }
   /*forget password*/
   .password-img{
    width: 432px!important;
   }


    /* services page */
    .icon_bg {
        width: 32%;
        margin-top: 2rem;
        border-radius: 25px;
        background: #FDFDFD;
        box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }
    
     .services .row {
        margin-left: 30px;
        margin-top: 0!important;
     }

     /* AEPS */
       .AEPS_BTN{
           justify-content: left!important;
       }

       /* Create new user */
  #createUser_container {
    width: 325px;
    border-radius: 24px;
    background: #FBFCFD;
    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.06), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin-left: 12%;
    align-items: center;
}

 
  #createUser_container hr{
   rotate: 90deg;
   display: none;

  }

  #createUser_container ul{
    margin-top:3.5rem!important;
  }


    /* DMT bene */

    #Beneficiary_List{
      margin-left:23px;
   }
   .bene_details{
     width: 35%;
     float: left;
     margin-left: 0;
   }
   .bene_details h5{
     margin-top: 0;
   }
   .bene_details h6{
     font-size:12px;
   }
   .bene_info{
     width: 35%;
     float: left;
     margin-top: -17px!important;
   }
   .bene_info h6{
     font-size: 10px;
   
   }
   
   .beneficiary_bg .card{
     max-width: 300px!important;
       border-radius: 16px;
       background: #ECF4E1;
       padding: 0;
       margin-left: 1%!important;
   }
    /*Profile page*/
  .profile_Page{
    width: 100%;
  }

}

@media (min-width: 415px) and (max-width:481px){
    .side_nav.close{
        display: none;
    }
   

    .side_nav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 260px;
        background: url(images/nav_bg.png);
        z-index: 500;
        transition: all 0.5s ease;
    }

    .side_nav.close ~ .home-section {
        left: 5px;
        width: calc(100% - 5px);
    }

    #offcanvasRight{
        width: 65%;
        /*background: #002447;*/
       background: #116CB5;
      }

    .home-section {
    position: relative;
    background-color: #F6FCFD;
    height: 100%;
    left: 2px;
    width: calc(100% - 2px);
    transition: all 0.5s ease;
    }

    .home-section .home-content {
        height: 60px;
        z-index: 1;
        position: absolute;
    }
    .home-section .home-content .bx-menu {
        margin: 0 374px;
        cursor: pointer;
    }
    .add-btn{
        margin-left: -45%;
    }
    .banner img{
        margin-left: 3%;
    }
    
    .blue_bg{
        width: 250px;
        height: 100px;
        margin-left: 15%!important;
    }
    .main_content h5{
      margin-top: 54px;
   }
    
    
    #transaction_history{
        margin:50px 0 0 11px!important;
    }



      /*Login Page*/
     .phone{
      margin-left: -276px;
      margin-bottom: 45px;
     }
     .mail{
      margin-left: 176px;
     }
     .sign_up{
      margin-left: -5px;
     }
     .google{
      margin-left:114px!important;
     }
     .social_list{
      margin-left: 136px!important;
     }
     .fa-eye{
        margin-left: 74%;
      }
      
       /* sign up */
   .sign-form ul{
    margin-left: 24px!important;
  }

   /*forget password*/
   .password-img{
    width: 432px!important;
   }


      /* services page */
  .icon_bg {
    width: 32%;
    margin-top: 2rem;
    border-radius: 25px;
    background: #FDFDFD;
    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

 .services .row {
    margin-left: 30px;
    margin-top: 0!important;
 }
   
   
   /* AEPS */
   .AEPS_BTN{
       justify-content: left!important;
   }

         /* Create new user */
  #createUser_container {
    width: 325px;
    border-radius: 24px;
    background: #FBFCFD;
    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.06), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin-left: 12%;
    align-items: center;
}

 
  #createUser_container hr{
   rotate: 90deg;
   display: none;

  }

  #createUser_container ul{
    margin-top:3.5rem!important;
  }
    /* DMT bene */

    #Beneficiary_List{
      margin-left:23px;
   }
   .bene_details{
     width: 35%;
     float: left;
     margin-left: 0;
   }
   .bene_details h5{
     margin-top: 0;
   }
   .bene_details h6{
     font-size:12px;
   }
   .bene_info{
     width: 35%;
     float: left;
     margin-top: -17px!important;
   }
   .bene_info h6{
     font-size: 10px;
   
   }
   
   .beneficiary_bg .card{
     max-width: 300px!important;
       border-radius: 16px;
       background: #ECF4E1;
       padding: 0;
       margin-left: 1%!important;
   }

    /*Profile page*/
  .profile_Page{
    width: 100%;
  }
    
}

@media (min-width: 481px) and (max-width:541px){
    .side_nav.close{
        display: none;
    }

    .side_nav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 260px;
        background: url(images/nav_bg.png);
        z-index: 500;
        transition: all 0.5s ease;
    }

    .side_nav.close ~ .home-section {
        left: 5px;
        width: calc(100% - 5px);
    }

    #offcanvasRight{
        width: 65%;
        /*background: #002447;*/
       background: #116CB5;
      }
    
      .main_content h5{
        margin-top: 54px;
     }
    .home-section {
    position: relative;
    background-color: #F6FCFD;
    height: 100%;
    left: 2px;
    width: calc(100% - 2px);
    transition: all 0.5s ease;
    }

    .home-section .home-content {
        height: 60px;
        z-index: 1;
        position: absolute;
    }
    .home-section .home-content .bx-menu {
        margin: 0 480px;
        cursor: pointer;
    }
    .add-btn{
        margin-left: -128%;
    }
    .banner img{
        margin-left: 3%;
    }
    
    .blue_bg{
        width: 250px;
        height: 100px;
        margin-left: 28%!important;
    }
    
    
    #transaction_history{
        margin:50px 0 0 11px!important;
    }

     /*Login Page*/



   .sign_up{
    margin-left: -5px;
   }


  
   .google{
    margin-left:145px!important;
   }
   .social_list{
    margin-left: 160px!important;
   }
   .fa-eye{
    margin-left: 80%;
  }
   /* sign up */
   .sign-form ul{
    margin-left: 24px!important;
  }

  
    /*forget password*/
    .password-img{
      width: 432px!important;
     }

    /* services page */
    .icon_bg {
        width: 32%;
        margin-top: 2rem;
        border-radius: 25px;
        background: #FDFDFD;
        box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }
    
     .services .row {
        margin-left: 30px;
        margin-top: 0!important;
     }


   /* AEPS */
.AEPS_BTN{
    justify-content: left!important;
}  

        /* Create new user */
        #createUser_container {
            width: 464px;
            border-radius: 24px;
            background: #FBFCFD;
            box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.06), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            margin-left: 6%;
            align-items: center;
        }
        
         
          #createUser_container hr{
           rotate: 90deg;
           display: none;
        
          }
        
          #createUser_container ul{
            margin-top:3.5rem!important;

          }
          


            /* DMT bene */


            .Remitterr{
              width: 355px;
              margin-left: 65px;
          }

  #Beneficiary_List{
    margin-left:23px;
 }
 .bene_details{
   width: 35%;
   float: left;
   margin-left: 0;
 }
 .bene_details h5{
   margin-top: 0;
 }
 /* .bene_details h6{
   font-size:12px;
 } */
 .bene_info{
   width: 35%;
   float: left;
   margin-top: -2px!important;
 }
 /* .bene_info h6{
   font-size: 10px;
 
 } */
 
 /* .beneficiary_bg .card{
   max-width: 300px!important;
     border-radius: 16px;
     background: #ECF4E1;
     padding: 0;
     margin-left: 1%!important;
 } */

  /*Profile page*/
  .profile_Page{
    width: 100%;
  }

}
@media (min-width: 541px) and (max-width:769px){
    .wallet  {
        align-items: center;
        justify-content: center;
        display: flex;   
        margin: 0!important;;
    }
   
    #offcanvasRight{
        width: 35%;
        /*background: #002447;*/
       background: #116CB5;
      }

   .blue_bg{
         width: 255px;
        height: 100px;
        margin: 0;
        margin-top: 20px!important;
        /*margin-left: 5%!important;*/
    }
    #transaction_history{
        margin:50px 0 0 11px!important;
    }
    /*.side_nav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 260px;
        background: url(images/nav_bg.png);
        z-index: 1;
        transition: all 0.5s ease;
    }
    .home-section {
        position: relative;
        background-color: #F6FCFD;
        height: 100%;
        left: 0px;
        width: calc(100% - 0px);
        transition: all 0.5s ease;
        }
    
        .home-section .home-content {
            height: 60px;
            z-index: 1;
            position: absolute;
        }
        .home-section .home-content .bx-menu {
            margin: 0 631px;
            cursor: pointer;
        }*/
         /*Login Page*/
 
   .sign_up{
    margin-left: -5px;
   }
   .google{
    margin-left:35%!important;
   }
   .social_list{
    margin-left: 37%!important;
   }
   .fa-eye{
    margin-left: 86%;
  }

   /* sign up */
   .sign-form ul{
    margin-left: 24px!important;
  }

  
    /*forget password*/
    .password-img{
      width: 432px!important;
     }

    /* services page */
    .icon_bg {
        width: 32%;
        margin-top: 2rem;
        border-radius: 25px;
        background: #FDFDFD;
        box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }
    
     .services .row {
        margin-left: 30px;
        margin-top: 0!important;
     }
     .icon2 {
        width: 40%;
    }




   /* AEPS */
    .AEPS_BTN{
        justify-content: left!important;
    }

  
    /* Create new user */
    #createUser_container {
        width: 478px;
        border-radius: 24px;
        background: #FBFCFD;
        box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.06), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        align-items: center;
    }
    
     
      #createUser_container hr{
       rotate: 90deg;
       display: none;
    
      }
    
      #createUser_container ul{
        margin-top:3.5rem!important;


      }
      
      /*dtm bene*/
      .Remitterr{
        width: 355px;
        margin-left: 65px;
    }

#Beneficiary_List{
margin-left:23px;
}
.bene_details{
width: 35%;
float: left;
margin-left: 0;
}
.bene_details h5{
margin-top: 0;
}
/* .bene_details h6{
font-size:12px;
} */
.bene_info{
width: 35%;
float: left;
margin-top: -2px!important;
}
      
 /*Profile page*/
 .profile_Page{
  width: 100%;
}


}


@media (min-width: 769px) and (max-width:821px){

    
    .wallet  {
        align-items: center;
        justify-content: center;
        display: flex;   
        margin: 0!important;;
    }
     .main_content h5{
    margin-top: 20px;
 }

    #offcanvasRight{
        width: 35%;
        /*background: #002447;*/
       background: #116CB5;
      }

   .blue_bg{
         width: 245px;
        height: 100px;
        margin: 0;
        margin-top: 20px!important;
        margin-left: 5%!important;
    }
    #transaction_history{
        margin:50px 0 0 11px!important;
    }

    .sign_up{
        margin-left: -5px;
       }
       .google{
        margin-left:35%!important;
       }
       .social_list{
        margin-left: 37%!important;
       }
       .fa-eye{
        margin-left: 86%;
      }

       /* sign up */
   .sign-form ul{
    margin-left: 24px!important;
  }

  
    /*forget password*/
    .password-img{
      width: 432px!important;
     }

 /* services page */
 .icon_bg {
    width: 32%;
    margin-top: 2rem;
    border-radius: 25px;
    background: #FDFDFD;
    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

 .services .row {
    margin-left: 30px;
    margin-top: 0!important;
 }
 .icon2 {
    width: 40%;
}



  /* AEPS */
  .AEPS_BTN{
    justify-content: left!important;
}

   /* Create new user */
   #createUser_container {
    width: 512px;
    border-radius: 24px;
    background: #FBFCFD;
    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.06), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    align-items: center;
}

  #createUser_container ul{
    margin-left:2%;
    margin-top:-10%!important;
  }
  #createUser_container ul li{
    margin-left: 0!important;
    margin-right: 13px!important;
    
  }
  .page-button {
    border-radius: 50rem!important;
    border: 4px solid transparent;
    width: 50px;
    height: 50px;
}

/*dtm bene*/
.Remitterr{
  width: 355px;
  margin-left: 65px;
}

#Beneficiary_List{
margin-left:23px;
}
.bene_details{
width: 35%;
float: left;
margin-left: 0;
}
.bene_details h5{
margin-top: 0;
}
/* .bene_details h6{
font-size:12px;
} */
.bene_info{
width: 35%;
float: left;
margin-top: -2px!important;
}

 /*Profile page*/
.profile_Page{
  width: 100%;
}

    
    
}

@media (min-width: 821px) and (max-width:913px){
    .wallet  {
        align-items: center;
        justify-content: center;
        display: flex;   
        margin: 0!important;;
    }
    
    .main_content h5{
        margin-top: 20px;
     }
    #offcanvasRight{
        width: 35%;
        /*background: #002447;*/
       background: #116CB5;
      }

   .blue_bg{
         width: 245px;
        height: 100px;
        margin: 0;
        margin-top: 20px!important;
        margin-left: 5%!important;
    }
    #transaction_history{
        margin:50px 0 0 11px!important;
    }
    .sign_up{
        margin-left: -5px;
       }
       .google{
        margin-left:37%!important;
       }
       .social_list{
        margin-left: 39%!important;
       }
       .fa-eye{
        margin-left: 88%;
      }

       /* sign up */
   .sign-form ul{
    margin-left: 24px!important;
  }

  
    /*forget password*/
    .password-img{
      width: 432px!important;
     }

   /* services page */
 .icon_bg {
    width: 32%;
    margin-top: 2rem;
    border-radius: 25px;
    background: #FDFDFD;
    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

 .services .row {
    margin-left: 30px;
    margin-top: 0!important;
 }
 .icon2 {
    width: 40%;
}




 /* AEPS */
 .AEPS_BTN{
    justify-content: left!important;
}



   /*dtm bene*/
   .Remitterr{
    width: 355px;
    margin-left: 175px;
}

#Beneficiary_List{
margin-left:23px;
}
.bene_details{
width: 35%;
float: left;
margin-left: 0;
}
.bene_details h5{
margin-top: 0;
}
/* .bene_details h6{
font-size:12px;
} */
.bene_info{
width: 35%;
float: left;
margin-top: -2px!important;
}

 /*Profile page*/
 .profile_Page{
  width: 100%;
}

 /* Create new user */
 #createUser_container {
  width: 626px;
  border-radius: 24px;
  background: #FBFCFD;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.06), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  align-items: center;
}

#createUser_container ul{
  margin-left:22px;
  margin-top:-8%!important;
}
#createUser_container ul li{
  margin-left: 0!important;
  margin-right: 48px!important;
  
}
.page-button {
  border-radius: 50rem!important;
  border: 4px solid transparent;
  width: 50px;
  height: 50px;
}
  
}

@media (min-width: 913px) and (max-width:1025px){
    .side_nav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 260px;
        background: url('images/nav_bg.png');
        /*background: linear-gradient(180deg, #3F61A7 0%, rgba(112, 155, 203, 0.47) 100%);*/
        z-index: 100;
        transition: all 0.5s ease;
      }
      .side_nav.close {
        width: 78px;
      }
     
      .home-section {
        position: relative;
        background-color: #F6FCFD;
        height: 100%;
        left: 100px;
        width: calc(100% - 100px);
        transition: all 0.5s ease;
      }
      .side_nav.close ~ .home-section {
        left: 78px;
        width: calc(100% - 78px);
      }
      .home-section .home-content {
        height: 60px;
        display: flex;
        align-items: center;
      }
      .home-section .home-content .bx-menu,
      .home-section .home-content .text {
        color: #11101d;
        font-size: 35px;
      }
      .home-section .home-content .bx-menu {
        margin: 0 854px;
        cursor: pointer;
      }
      .home-section .home-content .text {
        font-size: 26px;
        font-weight: 600;
      }
      /* Login page */
      .service_icon{
        width: 50px;
        height: 50px;
      }
      .google{
        width: 250px;
        margin-left: 5%!important;
      }
      .social_list{
        margin-left: -30px;
       }
       .social_list li{
        margin-left: -7px!important;
       }
       .fa-eye{
        margin-left: 19%;
      }
      .form p{
        font-size: 13px;
      }


       /* sign up */
   .sign-form ul{
    margin-left: 35px!important;
  }

  
    /*forget password*/
    .password-img{
      width: 432px!important;
     }

  /*dtm bene*/
  /* .Remitterr{
    width: 355px;
    margin-left: 65px;
}

#Beneficiary_List{
margin-left:23px;
}*/
.bene_details{
width: 35%;
float: left;
margin-left: 0;
}
.bene_details h5{
margin-top: 0;
} 
.bene_details h6{
font-size:14px;
}
.bene_info h6{
  font-size: 14px;
}
.bene_info{
width: 35%;
float: left;
margin-top: -2px!important;
}

 /*Profile page*/
 .profile_Page{
  width: 100%;
}
  
}

@media (min-width: 1025px) and (max-width:1281px){
        /* Login page */
      .service_icon{
        width: 50px;
        height: 50px;
      }
      
      .google{
        width: 250px;
        margin-left: 15%!important;
      }
      .social_list{
        margin-left: 61px!important;
       }
       .social_list li{
        margin-left: -7px!important;
       }

            /* sign up */
   .sign-form ul{
    margin-left: 35px!important;
  
  }

  
    /*forget password*/
    .password-img{
      width: 432px!important;
     }
   /*Profile page*/
   .profile_Page{
    width: 100%;
  }
}