
@media screen and (max-width: 1700px) and (min-width:1024px) {

.sign-up-heading h2 {
  font-size: 28px;
}

.password-strength li {
  height: 3px;
  width: 18%;
}

.sign-up-heading p,
.z-create-account p {
  font-size: 13px;
}

.forgot label a {
  font-size: 12px;
}

.sign-up-heading {
  margin-bottom: 20px;
}

.card-wallet-amount,
.payment-holder p {
  margin-bottom: 10px;
}

.fa-offset .offset-3 {
  margin-left: 25% !important;
}

.referal-bg p {
  margin-bottom: 17px;
}

.z-wallet-detail ul li {
  margin-right: 7px;
}

.sign-up-img,
.z-form-holder {
  height: 100% !important;
}

.sign-up-img img {
  width: 55% !important;
}

.z-form-holder {
  padding: 80px !important;
}


.z-wallet-detail span {
  font-size: 24px;
  margin-bottom: 20px;
}

.balance-detail .c-icon {
  margin-right: 8px;
  height: 45px;
  width: 45px;
}

.abs-icon {
  position: absolute;
  bottom: -3px;
  right: 20px;
  opacity: 0.2;
}

.abs-icon i:before {
  font-size: 50px;
}

.balance-detail .c-icon img {
  max-width: 35px;
}

.balance-detail .b-detail h3,
.card-available-balance span,
.payment-holder h3 {
  margin-top: 0;
  font-size: 13px;
}

.card-wallet-amount .card-wallet-icon {
  height: 75px;
  width: 75px;
}

.card-wallet-amount .card-wallet-icon i::before {
  font-size: 30px;
}

.z-wallet-detail h2 {
  font-size: 32px;
}

.card-holder {
  padding: 15px;
}

.z-wallet-detail .btn {
  padding: 6px;
  font-size: 12px !important;
}

.z-wallet-detail .modal-btn ul li a i::before,
.footer-btn a i::before,
.beneficiary-accounts p {
  font-size: 12px !important;
}

.abs-icon {
  width: 45px;
}

.beneficiary-accounts-add {
  height: 50px;
  width: 50px;
}

.beneficiary-accounts-add i::before,
.balance-detail .c-icon i::before,
.referal-bg h2,
.referal-bg h3{
  font-size: 18px;
}

.card-holder p,
.footer-btn a,
.referal-bg p {
  font-size: 14px;
}

}

@media (max-width: 1365px) and (min-width:1024px){
.r-mb-10{margin-bottom: 10px;}
.r-mb-20{margin-bottom: 20px;}
.r-mb-30{margin-bottom: 30px;}
.r-mb-40{margin-bottom: 40px;}
.r-mb-50{margin-bottom: 50px;}
.r-mt-10{margin-top: 10px;}
.r-mt-20{margin-top: 20px;}
.r-mt-30{margin-top: 30px;}
.r-mt-40{margin-top: 40px;}

.fa-offset .offset-3 {
  margin-left: 0;
}

.password-strength li {
  height: 3px;
  width: 18%;
}

.sign-up-img img {
  max-width: 80%;
}

.sign-up-img {
  height: 60%;
}

.register-form {
  width: 100%;
}

.sign-in-holder {
  display: flex;
  height: 100vh;
}

.z-form-holder {
  height: 55%;
} 

.z-form-holder {
padding: 20px;
}

.sub-header-badge  p {
  display: none;
}

.z-wallet-bg-blue .footer-btn a,
.z-wallet-bg-blue .footer-btn a i::before,
.footer-btn a,
.footer-btn a i::before,
.ed-form label {
  font-size: 13px;
}

.balance-detail .b-detail h3 {
  font-size: 14px;
}

.balance-detail {
  display: block;
}


.main-card {
  display: flex;
  justify-content: center;
  height: 100%;
  flex-direction: column;
}
.coming-soon-text h2 {
  font-size: 13px;
}

.coming-soon-text h1 {
  font-size: 20px;
}

.ed-user-detail h2, .ed-profile-form-heaidng h2 {
  font-size: 15px;
}

.ed-forn-btn a {
  padding: 3px 7px !important;
  font-size: 12px !important;
}

.ed-form .form-group input[type="text"], .ed-form .form-group input[type="password"] {
  height: 30px;
}

.one-time-btn a {
  display: block !important;
  margin-top: 20px;
}
.invest-card-body {
  padding: 11px 7px;
}

.invest-card-body-rs .row{
  flex-direction: column;
}

.invest-card-body-rs .row .col-lg-8,
.invest-card-body-rs .row .col-lg-4{
  width: 100%;
}

.invest-card-body-rs .row a h3{
  margin-bottom: 6px !important;
}

.product-all-col-holder .col-lg-4{
  width: 50%;
}

.prp-cat-serial ul li span {
  font-size: 12px;
}

.btn-publish-holder{
  flex-direction: column;
}

.btn-publish-holder .btn.btn-preview{
  margin-bottom: 10px;
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
input, 
.form-control{
  height: 35px;
}

.user-upload-img-card{
  padding: 29px 15px;
}

.btn-add-faq {
  padding: 6px 9px;
  font-size: 11px;
}

.product-info-card-btn li button {
  padding: 7px 14px;
  font-size: 11px;
  line-height: 17px;
}

.user-upload-img-card img {
  height: 70px;
  width: 70px;
}

.news-card {
  padding: 9px 9px;
}

.invest-rwiest-filter .btn-export {
  padding: 5px 7px;
  font-size: 11px;
}

.invest-rwiest-filter .btn-bulk {
  margin-right: 8px;
  padding: 7px;
  font-size: 13px;
}

#products-info tbody tr td {
  padding: 10px 0px;
  border-bottom: 1px solid #eee;
  color: #665f5f;
  font-weight: 400;
  font-size: 11px;
}

#products-info tbody tr td .product-item h3{
  font-size: 12px;
}

#products-info tbody tr td{
  font-size: 12px;
}

}

@media (max-width: 840px) {
.r-mb-10{margin-bottom: 10px;}
.r-mb-20{margin-bottom: 20px;}
.r-mb-30{margin-bottom: 30px;}
.r-mb-40{margin-bottom: 40px;}
.r-mb-50{margin-bottom: 50px;}
.r-mt-10{margin-top: 10px;}
.r-mt-20{margin-top: 20px;}
.r-mt-30{margin-top: 30px;}
.r-mt-40{margin-top: 40px;}

.table-mobile .table-responsive {
  display: block !important;
}


.password-strength li {
  height: 3px;
  width: 18%;
}
.sign-up-heading p,
.z-signin-form label,
.z-create-account p {  
  font-size: 14px;
}

.sign-in-holder {
  height: 160vh;
}

.z-form-holder {
  width: 70%;
}

.register-form {
  width: 100%;
}

.one-time-btn a {
  margin-top: 20px;
}

.sub-header-badge p {
  display: none;
}

.z-sub-header li {
  margin-right: 3px;
}

.z-sub-header li:last-child{
  margin-right: 0;
}

.z-sub-header li p,
.deposit-tabs.new-tabs .doc-upload h5 {
  font-size: 15px;
  line-height: 18px;
}


.deposit-tabs.new-tabs .nav-tabs .nav-link {
  width: 100%;
  margin-bottom: 20px;
}

.deposit-tabs.new-tabs .doc-upload {
  display: block;
}

.desktop-benificery {
  display: none;
}

.mobile-slider-benificery {
  display: block !important;
}

.deposit-tabs.new-tabs .nav-link i {
  display: inline;
}

.deposit-tabs.new-tabs .nav-link i::before,
.sign-up-heading h2 {
  font-size: 25px;
}


.register-form .sign-up-heading {
  margin-bottom: 20px;
}

}

@media screen and (max-width: 768px) {
.r-mb-10{margin-bottom: 10px;}
.r-mb-20{margin-bottom: 20px;}
.r-mb-30{margin-bottom: 30px;}
.r-mb-40{margin-bottom: 40px;}
.r-mb-50{margin-bottom: 50px;}
.r-mt-10{margin-top: 10px;}
.r-mt-20{margin-top: 20px;}
.r-mt-30{margin-top: 30px;}
.r-mt-40{margin-top: 40px;}

.card-center-offset .offset-2 {
  margin-left: 0;
}

.sign-in-holder {
  height:100vh;
}

.z-form-holder {
  padding: 20px;
  height: 60%;
}


.password-strength li {
  height: 3px;
  width: 18%;
}
.sign-up-img {
  height: 60%;
}

.sign-up-img img {
  width: 90%;
}


.card-center-offset .d-flex {
  justify-content: center !important;
}

.fa-offset .offset-3 {
  margin-left: 0;
}

.table-mobile .table-responsive {
  display: block !important;
}


.z-sub-header {
  margin: 10px 0px 0px;
}

.sub-header-badge p {
  display: none;
}

.z-aside-structure .z-side-bar {
  width: 240px;
  left: -240px;
}

.z-main-content {
  padding-top: 100px;
}

.z-aside-structure.aside-active .z-side-bar {
  left: 0;
}

.menu-text {
  display: none;
}

.menu-title .text {
  display: none;
}

.z-aside-structure.aside-active .z-theme-wrapper {
  left: 240px;
  padding: 0 0 0;
}

.z-aside-structure.aside-active .z-side-bar {
  width: 240px;
}

.z-aside-structure.aside-active .menu-text {
  display: block;
}

.z-aside-structure.aside-active .z-side-bar .z-drawer-menu li a,
.sub-header-badge .badge i:before {
  font-size: 15px !important;
}

.z-aside-structure.aside-active .text {
  display: block;
}

.z-theme-wrapper {
  position: relative;
  padding: 0;
}

.z-aside-structure.aside-active .z-aside-holder .z-side-bar .z-drawer-menu li {
  width: 205px;
  text-align: left;
  padding-left: 11px;
}

.z-aside-structure.aside-active .z-aside-holder .z-side-bar .z-drawer-menu li i {
  margin-right: 5px;
}

.z-aside-structure.aside-active .side-bar-img span {
  display: inline-block;
}

.z-main-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  min-height: 60px;
  padding-top: 5px;
}

.z-aside-structure.aside-active .z-main-header {
  left: 240px !important;
}


.desktop-benificery {
  display: none;
}

.mobile-slider-benificery {
  display: block !important;
}

.zippo-payment-form {
  margin: 0 auto;
}

.scrollbar {
  margin-bottom: 40px;
}

.z-card-bg:nth-child(1) {
  border-right: 1px solid #e8e8e8;
}

.z-card-bg {
  height: 95%;
}

.scrollbar {
  height: 350px;
}

.z-login-verification h5 {
  font-size: 14px;
}

.z-login-btn a {
  font-size: 11px;
}

.z-help-desk {
  margin-bottom: 30px !important;
}

.z-help-detail p {
  font-size: 10px;
  padding-bottom: 4px;
  line-height: 15px;
}

.z-help-heading h2 {
  font-size: 14px;
}

.z-product-bg {
  margin-bottom: 20px;
}

.z-aside-structure .z-side-bar {
  width: 240px;
  left: -240px;
}

.z-aside-structure.aside-active .z-side-bar {
  left: 0;
}

.menu-text {
  display: none;
}

.menu-title .text {
  display: none;
}

.z-aside-structure.aside-active .z-theme-wrapper {
  left: 240px;
  padding: 0 0 0;
}

.z-aside-structure.aside-active .z-side-bar {
  width: 240px;
}

.z-aside-structure.aside-active .menu-text {
  display: block;
}

.z-aside-structure.aside-active .z-side-bar .z-drawer-menu li a {
  font-size: 15px !important;
}

.z-aside-structure.aside-active .text {
  display: block;
}

.z-theme-wrapper {
  position: relative;
  padding: 0;
}

.z-aside-structure.aside-active .z-aside-holder .z-side-bar .z-drawer-menu li {
  width: 205px;
  text-align: left;
  padding-left: 11px;
}

.z-aside-structure.aside-active .z-aside-holder .z-side-bar .z-drawer-menu li i {
  margin-right: 5px;
}

.z-aside-structure.aside-active .side-bar-img span {
  display: inline-block;
}

.z-main-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  min-height: 60px;
  padding-top: 5px;
}

.z-aside-structure.aside-active .z-main-header {
  left: 240px !important;
}

.aside-active .dots {
  display: none;
}

.card-center-img {
  text-align: center;
}

.card-center-img img {
  max-width: 60%;
  margin-bottom: 40px;
}

}

@media screen and (max-width: 767px) and (min-width: 320px) {
  .portfolio-overviw-card{
    margin-bottom: 20px;
  }
  .portfolio-overviw-card h3{
    font-size: 18px;
  }
  .portfolio-overviw-card p{
    font-size: 14px;
  }

  .beneficiary-logo-holder li {
    margin: 0;
    padding: 5px;
  }
  .card-holder table.dataTable thead th,
  .card-holder table.dataTable thead td {
    padding: 15px 42px; 
  }

  .mobile-table {
    border-left: 1px solid #dddd;
    border-right: 1px solid #dddd;
    border-radius: 4px;
  }

.modal-dialog {
  height: auto;
  display: block;
  flex-direction: inherit;
  justify-content: inherit ;
}

.other-wallet-btn {
  margin-top: 15px;
}  

.modal-header {
  padding: 11px !important;
}

.modal-body {
  padding: 18px !important;
}

.wallet-to-wallet-icon h2 {
  font-size: 16px !important;
}

.back-arrow {
  position: absolute;
  top: 22px;
  left: 16px;
}

.new-tabs.deposit-tabs {
  margin-top: 60px;
}

.credit-debit-card .new-tabs nav,
.main-bank-transfer .new-tabs nav,
.mian-withdrawal .new-tabs nav {
  margin-bottom: 0;
}
.main-bank-transfer .deposit-tabs .nav-tabs {
  margin-bottom: 0;
}

.offset-3.credit-card-holder {
  margin: 0;
  margin-top: 60px;
}

.master-card-logo.paypal-logo img {
  max-width: 50%;
}

.card-holder.bg-transperant.sm-box {
  padding: 0;
}

.multi-wallet-holder li {
  margin: 0;
  padding: 10px;
}

.wallet-to-wallet-icon h2 i::before {
  font-size: 18px !important;
}

.one-time-btn a:first-child {
  margin-right: 10px;
}

.one-time-btn a {
  font-size: 12px;
  padding: 5px 12px;
  margin-bottom: 10px;
}

.password-strength li {
  height: 3px;
  width: 18%;
}

.additional-title {
  margin-top: 20px;
  margin-bottom: 20px;
}

.side-bar-img span {
  padding: 4px 7px 4px 0px;
}

.new-tabs nav .nav-tabs .nav-item {
	width: 90%;
	justify-content: center;
	display: flex;
	margin-bottom: 20px;
}
	
.doc-upload h5 i::before {
	font-size: 22px;
}

.add-ptoduct-btn {
	margin: 20px 0px 0px 0px;
	float: none !important;
}

.table-mobile table thead th {
	font-size: 11px;
}

.table-mobile .table-responsive {
	display: block !important;
}

.add-ptoduct-btn a {
	display: block;
}

.z-card-header .z-card-heading h2 {
  font-size: 15px;
}
	
.z-main-nav {
  float: right;
}

.z-main-header .z-main-nav .z-nav-list {
  padding-right: 0;
}

.z-search-bar .input-group {
  display: none;
}
	
.z-sub-heading {
  margin-bottom: 4px !important;
}

.table thead th {
  vertical-align: middle;
}

.z-table .table thead th {
  padding: 8px;
  font-size: 11px;
}

.z-sub-heading h2 {
  margin-bottom: 15px;
  font-size: 14px;
}

.z-table .table th, .table td {
  padding-left: 0;
  font-size: 11px;
  vertical-align: middle;
}

.z-footer-list ul li {
  text-align: center;
  margin-right: 10px;
}

.zippo-payment-form {
  width: 260px;
  padding: 25px 25px;
}

.zippo-form label,
.wallet-to-wallet-sub-heading p {
  font-size: 13px !important;
}

.zippo-form input {
  height: 30px;
  border-radius: 4px;
}

.form-control {
  font-size: 13px;
  padding: 4px;
}

.z-login-verification h5 {
  font-size: 12px;
  margin-bottom: 20px;
}

.z-Communication .form-check label {
  margin: 12px 0px 0px 0px;
}

.z-login-btn a {
  font-size: 10px;
}

.z-login-detail {
  margin-top: 10px !important;
}

.z-login-detail p {
  font-size: 10px;
  line-height: 18px;
  margin-bottom: 5px;
}

.z-reset a {
  font-size: 12px;
}

.z-help-desk h2 {
  font-size: 16px;
}

.sub-header-badge {
  float: none !important;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.z-wallet-detail span {
  font-size: 17px;
  text-align: center;
  margin-bottom: 20px;
}

.z-wallet-detail h2 {
  font-size: 30px;
  margin-bottom: 24px;
}

.z-wallet-detail .btn,
.z-wallet-detail ul li,
.z-wallet-detail ul li a svg {
  margin-right: 3px !important;
}

.z-wallet-detail .modal-btn ul li {
  float: none !important;
  margin-bottom: 14px;
}

.z-wallet-detail .modal-btn ul li:last-child,
.z-wallet-detail ul {
  margin-bottom: 0px;
}

.z-wallet-detail .modal-btn ul li a {
  display: block;
}

.z-wallet-detail .modal-btn ul li a i::before {
  font-size: 15px;
}

.r-mb {
  margin-bottom: 20px;
}

.r-mb-30 {
  margin-bottom: 30px;
}

.mb-50 {
  margin-bottom: 20px;
}

.card-holder {
  padding: 16px;
}

.card-holder h3 {
  font-size: 16px;
  margin-bottom: 5px;
}

.form-control {
  height: 40px;
}

.card-holder h2 {
  margin-bottom: 7px;
}
.bank-btn-holder, .other-wallet-btn {
  display: block !important;
}

.card-head {
  padding: 0;
}

.payment-holder .pl-20 {
  padding-left: 0 !important;
}

.payment-holder .paymenr-item {
  margin-bottom: 20px;
}

.card-holder-plus {
  min-height: 0;
}

.exchange-currency-holder p {
  line-height: 18px !important;
  font-size: 14px;
}

.currency-selector {
  height: 100%;
}

.beneficiary-amount {
  justify-content: flex-start !important;
}

.r-mb-15 {
  margin-bottom: 15px;
}

.r-mb-40 {
  margin-bottom: 35px;
}

.referal-bg h2 {
  font-size: 15px;
}

.referal-bg p {
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.referal-bg .btn {
  font-size: 12px;
}

.referal-bg h3 {
  font-size: 15px;
}

.z-help-center img {
  margin-bottom: 20px;
  max-width: 70px;
}

.z-help-center p {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 15px;
  line-height: 18px;
}

.z-main-header .z-main-nav .z-nav-list li {
  padding: 7px;
}

.card-wallet-amount .card-wallet-icon {
  height: 85px;
  width: 85px;
  margin: 0 auto 10px;
}

.card-wallet-amount .card-wallet-icon i::before {
  font-size: 40px;
}

.card-wallet-amount {
  display: block;
}

.abs-icon {
  width: 50px;
  bottom: -2px;
  right: 12px;
}

.abs-icon i:before {
  font-size: 50px;
}

.sub-header-badge p {
  display: none;
}

.mobile-span i::before {
  color: #fff;
  font-size: 12px;
  margin-bottom: 10px;
}

.mobile-span {
  text-align: center;
  display: block !important;
  height: 25px;
  width: 25px;
  background-color: #28a745;
  border-radius: 50%;
}

.sub-header-badge {
  display: none;
}

.card-available-balance h2 {
  padding-left: 0px !important;
  font-size: 30px;
  text-align: center;
}

.card-available-balance {
  text-align: center;
  padding-left: 0;
}

.beneficiary-amount h1 {
  font-size: 15px;
}

.beneficiary-amount h2 {
  font-size: 14px;
}

.r-mt {
  margin-top: 20px !important;
}

.transaction-history .nav-item .nav-link.active,
.transaction-history .nav-pills .nav-link {
  padding: 4px;
  font-size: 12px;
}

.transaction-history h2 {
  font-size: 15px;
}

.z-help-center img {
  display: none;
}

.responsive-footer {
  float: none !important;
  display: flex;
  justify-content: center;
}

.z-footer {
  padding: 17px 0px 8px;
}

.z-footer-list ul {
  margin-bottom: 5px;
}

.z-sub-header li {
  margin-right: 11px;
}

.z-sub-header li h4 {
  font-size: 18px;
}

.desktop-benificery {
  display: none;
}

.mobile-slider-benificery {
  display: block !important;
}

.mobile-slider-benificery .beneficiary-accounts {
  margin-bottom: 20px;
}

.mobile-slider-benificery {
  display: block !important;
}

.mobile-slider-benificery .beneficiary-accounts {
  margin-bottom: 20px;
}

.mobile-add-btn a svg {
  margin-right: 4px;
}

.z-drawer-menu .active .side-bar-img {
  padding: 0 !important;
}

.z-aside-structure.aside-active .z-side-bar {
  width: 240px;
  overflow:scroll !important ;
}

.z-aside-structure.aside-active .menu-text {
  display: block;
  font-size: 16px !important;
}

.z-aside-structure.aside-active .z-side-bar .z-drawer-menu li a {
  font-size: 13px !important;
}

.z-aside-holder .z-manu-holder {
  padding: 18px 33px;
    position: fixed;
    width: 239px;
}

.z-aside-holder .z-side-bar .z-drawer-menu li.menu-title {
  margin: 3px 0px;
  font-size: 13px !important;
}

.aside-active .z-aside-holder .z-side-bar .z-drawer-menu {
  padding: 135px 12px 20px;
}

.z-aside-holder .z-side-bar .z-drawer-menu {
  overflow-y: scroll;
}

.z-aside-structure.aside-active .text {
  display: block;
}

.card-holder p {
  font-size: 14px;
}

.balance-detail .b-detail h3 {
  margin-top: 3px;
  font-size: 14px !important;
}

.mobile-slider-benificery .mobile-add-btn a {
  display: block;
}

.mobile-slider-benificery .mobile-add-btn a i::before {
  margin-right: 6px;
}

.multi-wallet-holder .card-holder {
  max-height: 130px;
}

.balance-detail .c-icon {
  width: 50px;
  height: 50px;
}

.mobile-slider-benificery .footer-btn a {
  font-size: 13px !important;
}

.balance-detail {
  margin-bottom: 16px;
}

.mobile-float {
  float: left !important;
}

.table-mobile .table-responsive {
  display: block !important;
}

.add-get-wallet {
  margin-bottom: 0px !important;
}

.history-header h1 {
  font-size: 20px;
  margin-bottom: 10px;
}

.ed-profile-img img {
  max-width: 45px;
  border-radius: 50%;
}

.ed-user-detail h2 {
  font-size: 16px !important;
  margin-bottom: 1px !important;
}

.ed-user-contact {
  padding-left: 0;
}

.ed-profile-item li {
  padding: 10px 0px;
}

.ed-profile-item li:first-child {
  padding-top: 0px;
}

.ed-profile-item {
  margin-bottom: 0px;
}

.ed-profile-form-heaidng h2 {
  margin-bottom: 9px;
}

.ed-forn-btn {
  float: left !important;
}

.ed-form h5 {
  margin-bottom: 8px;
}

.ed-form .form-group input[type="text"], .ed-form .form-group input[type="password"] {
  height: 33px;
  border-radius: 4px;
}

.form-group {
  margin-bottom: 10px !important;
}

.mr-t-0 {
  margin-top: 0px !important;
}

.input-group-prepend span {
  display: none;
}

.r-label input {
  margin-bottom: 15px;
}

.bussiness-card-img li:first-child {
  display: none;
}

.bussiness-detail-heading h2, .bussiness-amount h2 {
  margin-bottom: 0 !important;
}

.r-mb-0 {
  margin-bottom: 0 !important;
}

.fa-offset .offset-3 {
  margin-left: 0%;
}

.fa-qr-code img {
  max-width: 150px;
}

.fa-qr-code {
  text-align: center;
}

.step-verification-heading p,
.step-verification-detail p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 20px;
  -webkit-box-orient: vertical;
}

.authentication-sub-heading p {
  line-height: 20px;
}

.fa-btn-activate {
  margin-top: 20px !important;
}

.kyc-personal-detail-no {
  padding: 10px;
}

.kyc-personal-detail-heading p {
  line-height: 20px;
}

.tyc-detail {
  padding: 10px;
  margin-top: 10px;
}

.kyc-personal-detail-no span {
  font-size: 14px;
  height: 33px;
  height: 33px;
}

.new-tabs .nav-tabs .nav-link {
  margin-right: 9px !important;
  width: 29%;
}

.doc-upload h5,
.check-icon i::before {
  font-size: 13px;
}

.verify-heaidng h3 {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
}

.welcome-inner-card-list ul li .check-icon {
  height: 20px;
  width: 20px;
  margin-right: 6px;
  padding-left: 3px;
  line-height: 19px;
}


.doc-upload h5 img {
  display: none;
}

.new-tabs nav {
  margin-bottom: 20px;
}

.welcome-inner-card-list ul li {
  font-size: 11px;
  margin-bottom: 12px;
}

.tyc-bg {
  padding-left: 0 !important;
}

.welcome-inner-card-list {
  margin-bottom: 10px;
}

.s-r-history .title-holder,
.s-r-history .account-details,
.s-r-history .total-ammount {
  float: none;
  width: 100%;
}

.s-r-history .title-holder p,
.s-r-history .account-details p,
.s-r-history .total-ammount p {
  font-size: 14px;
}

.send-arrow-icon {
  height: 30px;
  width: 30px;
  line-height: 27px;
}

.send-arrow-icon img {
  width: 12px;
}

.s-r-history .title-holder {
  padding-left: 38px;
}

.s-r-history .total-ammount {
  text-align: left;
}

.truncate-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.title-holder,
.account-details,
.total-ammount {
  margin-bottom: 15px;
}

.card-wallet-amount .card-wallet-icon i:before {
  font-size: 40px;
}

.modal-btn ul li a i::before {
  font-size: 11px;
}

.bank-btn-holder .btn {
  display: block;
  float: none !important;
  margin: 0 auto 12px;
}

.exchange-curreny-icon {
  display: none;
}

.convert-btn .btn,
.add-benificery-btn-holder {
  display: block;
}

.add-benificery-btn-holder a {
  font-size: 14px !important;
  margin-top: 12px;
}

.other-wallet-btn a {
  display: block;
  margin: 0 auto 12px;
  float: none !important;
}

.z-main-content {
  padding: 75px 0px 0px 0px;
}

.deposit-tabs .doc-upload h5 i{
  margin-right: 10px !important;
}

.currency-selector {
  width: 100%;
}

.currency-addon {
  width: 80px;
}

.Amount-exchange input {
  width: 100%;
}

.deposit-tabs.new-tabs .nav-tabs .nav-link {
  width: 100%;
  margin-bottom: 30px;
}

.card-center-img img {
  max-width: 100%;
}

.coming-soon-text h2{
  font-size: 17px;
  line-height: 22px;
}

.coming-soon-text h1 {
  font-size: 22px;
}

.normal-list li {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
}

.dropdown-profile-img {
  display: none;
}

.card-center-offset .offset-2 {
  margin-left: 0;
}

.sign-up-heading p {
  font-size: 15px;
  line-height: 22px;
}

.sign-up-heading h2 {
  font-size: 25px;
}

.z-form-holder {
  padding: 50px 20px 50px 20px;
  width: 100%;
  height: 100%;
  display: block;
}

.z-create-account p {
  font-size: 14px;
}

.register-form {
  width: 100%;
}

.sign-up-img {
  display: none;
}

.z-full-name  {
  margin-bottom: 40px;

}


}

@media (min-width: 1390px) and (max-width: 1600px) {
  .dasbaord-sub-card-title-holder {
    font-size: 12px !important;
  }
  .preview-person-detail-right ul li span,
  .preview-person-detail-right ul li h4{
    font-size: 20px;
  }
  .subscription-user-detail-right-detail .sub-user-dtail-list .sub-user-dtail-input input{
    width: 150px;
  }
  .subscription-user-detail-right-detail .sub-user-dtail-list .sub-user-dtail-input select{
    width: 150px;
  }
  .subscription-user-detail-right-detail .sub-user-dtail-list .sub-user-dtail-label{
    width: 170px;
  }
  .z-main-content {
    padding: 90px 20px 10px;
  }
  .relevant-card-right .relevant-card-right-date,
  .relevant-card-right-today{
    font-size: 10px;
  }
  .card-holder.aed-balance-card .main-card-body small{
    font-size: 13px;
  }

  .dasbaord-sub-card h5{
    font-size: 13px;
  }

  .event-list-inner-card li a h3{
    font-size: 11px;
  }
  .event-list-inner-card li .event-badge {
    padding: 1px 7px;
    font-size: 11px;
    margin-left: 10px;
}
}

@media (min-width: 1320px) and (max-width: 1380px) {
  .card-holder.aed-w-b.invest-card.aed-balance-card .main-card-body span {
    margin-bottom: 12px !important;
    margin-top: 12px !important;
}
.dasbaord-sub-card-title-holder {
  font-size: 11px !important;
}
.dasbaord-sub-card-title h5{
  font-size: 12px !important;
}

  .preview-person-detail-right ul li span,
  .preview-person-detail-right ul li h4{
    font-size: 20px;
  }
  .subscription-user-detail-right-detail .sub-user-dtail-list .sub-user-dtail-input input{
    width: 150px;
  }
  .subscription-user-detail-right-detail .sub-user-dtail-list .sub-user-dtail-input select{
    width: 150px;
  }
  .subscription-user-detail-right-detail .sub-user-dtail-list .sub-user-dtail-label{
    width: 170px;
  }
  .featured-images img {
    height: 230px;
  }

  .featured-images-small{
    margin-top: 10px;
  }
  .featured-images-small img{
    height: 80px;
  }

  .all-ticket-card {
    border: 1px solid #eee;
    padding: 40px 20px;
    min-height: 215px;
    text-align: center;
  }
  .card-holder .btn-export {
    border: 1px solid #eee;
    color: #646161;
    font-size: 9px;
    padding: 4px 10px;
  }
  .invest-rwiest-filte.ticket-table-group .btn-bulk {
    font-size: 11px;
    margin-left: 9px;
    height: 27px;
  }
  .ticket-msg-card-btn-head h3 {
    font-size: 15px;
  }

  .ticket-msg-card-right {
    padding: 10px;
  }
  .z-main-content {
    padding: 90px 20px 10px;
  }
  .relevant-card-right .relevant-card-right-date,
  .relevant-card-right-today{
    font-size: 10px;
  }
  .card-holder.aed-balance-card .main-card-body small{
    font-size: 7px;
  }
  .event-list-inner-card li a h3{
    font-size: 11px;
  }
  .event-list-inner-card li .event-badge {
    padding: 1px 7px;
    font-size: 11px;
    margin-left: 10px;
}
  .main-card-body h2 {
    font-weight: 400;
    font-size: 19px;
    line-height: 28px;
  }
  .card-holder.aed-balance-card .main-card-body {
    margin-top: 50px;
  }
  .card-holder.aed-balance-card .main-card-body h2 {
    font-weight: 400;
    font-size: 24px;
    line-height: 41px;
    }
    .card-holder.suggest-card span{
      height: 40px;
      width: 40px;
    }
    .main-card-body span{
      margin-bottom: 0px;
    }
    .card-holder.dashboard-main-card {
      min-height: 170px;
  }
  .main-card-body {
    margin-top: 10px;
}
 
.prd-n-card-body a h3 {
  font-size: 15px;
}
.span-location-pr-n-card span,
.product-n-card-detail li .product-n-card-detail-left span {
  font-size: 12px;
}

.product-n-card-detail li .product-n-card-detail-right p{
  font-size: 13px;
}

.product-n-card-detail li .product-n-card-detail-right span{
  font-size: 10px;
}


.relevant-card-right .relevant-card-right-today{
  font-size: 10px;
}

.relevant-card-right{
  gap: 8px;
}

.card-holder.aed-balance-card .main-card-body span{
    margin-bottom: 45px;
  }
  .card-holder.aed-balance-card .main-card-body small {
    font-weight: 500;
    font-size: 11.9975px;
    line-height: 15px;}
    .card-holder {
      padding: 10px;
  }
  .table-mobile table thead th{
    font-size: 12px;
  }
  .prp-upload-img ul{
    height: 480px;
  }
  .z-aside-structure .btn-sm {
    padding: 2px 4px;
    font-size: 10px;
}
.news-card-accordian-title button h4{
  font-size: 13px;
}
.publish-time {
  font-size: 10px;
}
.invest-card-body h3 {
  font-weight: 500;
  font-size: 11px;
  line-height: 17px;}
  .card-holder h3 {
    margin-bottom: 7px;
    font-size: 15px;
}
.main-card-date span{
  line-height: 10px;
}

.card-holder.active-main-card.aed-balance-card.mb-20 .main-card-body .text-center img {
  width: 70px;
  height: 70px;
  margin: 0 auto;
}
.product-page-detail h3 {
  font-size: 16px;
  margin-bottom: 2px;
  line-height: 20px;
}
.product-page-detail h4 {
  font-size: 20px;
  line-height: 16px;
  margin-bottom: 10px;
}
.product-page-detail p {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 160%;
  color: #68727B;
}
.product-info-price h2 span {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}
.product-info-price h2 {
   font-size: 20px;
  line-height: 18px;
  margin-bottom: 10px;
  margin-top: 30px;
}

.user-prp-detail li h5 {
  font-weight: 500;
  font-size: 13px;
  line-height: 23px;
}
.user-prp-detail li span{
  font-size: 13px;
}
.product-info-card-btn li button {
  padding: 7px 14px;
  font-size: 11px;
  line-height: 17px;
}
.news-card h3 {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
}
.download-file-nav-icon p {
  font-size: 11px;
}

.new-tabs .nav-tabs .nav-link {
  margin-right: 10px;
  padding: 3px 40px;
}

.welcome-inner-card-list ul li{
  margin-bottom: 9px;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
}
.welcome-inner-card-list ul li img {
  margin-right: 10px;
  width: 19px;
  height: 19px;
}

.upload-tabs .doc-upload h5 {
  font-size: 14px;
}
}

@media (max-width: 1200px) {
  .preview-person-detail-right ul li span,
  .preview-person-detail-right ul li h4{
    font-size: 15px;
  }
  .preview-detail-list-holder-left{
    width: 220px;
  }
  .p-p-d-card-left-holder h4{
    font-size: 14px;
  }
  .subscription-user-detail-right-detail .sub-user-dtail-list .sub-user-dtail-input input{
    width: 120px;
  }
  .subscription-user-detail-right-detail .sub-user-dtail-list .sub-user-dtail-input select{
    width: 120px;
  }
  .subscription-add-right-input-holder h3{
    font-size: 14px;
  }
  .subscription-add-right-input-holder label{
    font-size: 13px;
  }
  .subscription-add-right-input-holder .btn-options{
    padding: 6px 10px;
  }
  .subscription-user-detail-right-detail .sub-user-dtail-list .sub-user-dtail-label{
    width: 150px;
  }
  .subscription-user-detail-right-detail .sub-user-dtail-list .sub-user-dtail-label span{
    font-size: 13px;
  }

  .featured-images img {
    height: 210px;
  }

  .featured-images-small{
    margin-top: 10px;
  }
  .featured-images-small img{
    height: 75px;
  }
  .all-ticket-card {
    border: 1px solid #eee;
    padding: 40px 20px;
    min-height: 215px;
    text-align: center;
  }
  .card-holder .btn-export {
    border: 1px solid #eee;
    color: #646161;
    font-size: 9px;
    padding: 4px 10px;
  }
  .invest-rwiest-filte.ticket-table-group .btn-bulk {
    font-size: 11px;
    margin-left: 9px;
    height: 27px;
  }
  .ticket-msg-card-right{
    margin-top: 20px;
  }
  .ticket-msg-card-btn-head h3 {
    font-size: 15px;
  }

  .ticket-msg-card-right {
    padding: 10px;
  }
  .upload-btn-wrapper .btn {
    border: 2px dashed #e3e8ee;
    /* color: 1a1f36; */
    background-color: #fff;
    padding: 9px 20px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    min-width: 150px;
    margin: 0 0 20px;
  }
  .z-main-content {
    padding: 90px 20px 10px;
  }
  .main-card-body h2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
  .card-holder.aed-balance-card .main-card-body {
    margin-top: 50px;
  }
  .card-holder.aed-balance-card .main-card-body h2 {
    font-weight: 400;
    font-size: 24px;
    line-height: 41px;
    }
    .card-holder.suggest-card span{
      height: 40px;
      width: 40px;
    }
    .main-card-body span{
      margin-bottom: 0px;
    }
    .card-holder.dashboard-main-card {
      min-height: 160px;
  }
   
  .card-holder.aed-balance-card .main-card-body span{
    margin-bottom: 45px;
  }
  .card-holder.aed-balance-card .main-card-body small {
    font-weight: 500;
    font-size: 11.9975px;
    line-height: 15px;}
    .card-holder {
      padding: 10px;
  }
  .table-mobile table thead th{
    font-size: 12px;
  }
  .prp-upload-img ul{
    height: 400px;
  }
  .z-aside-structure .btn-sm {
    padding: 2px 4px;
    font-size: 10px;
}
.net-yeild-holder{
  padding-left: 0px;
}
.net-yeild-holder li h5{
  font-size: 10px;
  line-height: 34px;
}
.net-yeild-holder li span {
  font-weight: 500;
  font-size: 9.9975px;
  line-height: 16px;}
.news-card-accordian-title button h4{
  font-size: 13px;
}
.publish-time a{
  font-size: 11px;
}
.invest-card-body a h3 {
  font-weight: 500;
  font-size: 11px;
  line-height: 17px;}
  .card-holder h3 {
    margin-bottom: 7px;
    font-size
    : 15px;
}
.main-card-date span{
  line-height: 10px;
}

.card-holder.active-main-card.aed-balance-card.mb-20 .main-card-body .text-center img {
  width: 70px;
  height: 70px;
  margin: 0 auto;
}
.product-page-detail h3 {
  font-size: 16px;
  margin-bottom: 2px;
  line-height: 20px;
}
.product-page-detail h4 {
  font-size: 20px;
  line-height: 16px;
  margin-bottom: 10px;
}
.product-page-detail p {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 160%;
  color: #68727B;
}
.product-info-price h2 span {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}
.product-info-price h2 {
   font-size: 20px;
  line-height: 18px;
  margin-bottom: 10px;
  margin-top: 30px;
}

.user-prp-detail li h5 {
  font-weight: 500;
  font-size: 11px;
  line-height: 23px;
}
.user-prp-detail li span{
  font-size: 11px;
}
.product-page-detail .file-box h3{
  font-size: 13px;
}
.product-info-card-btn li button {
  padding: 7px 14px;
  font-size: 11px;
  line-height: 17px;
}
.news-card h3 {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
}
.download-file-nav-icon p {
  font-size: 11px;
}

.new-tabs .nav-tabs .nav-link {
  margin-right: 10px;
  padding: 3px 22px;
}
.upload-tabs .tab-pane{
  padding-left: 0;
}

.welcome-inner-card-list ul li{
  margin-bottom: 9px;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
}
.welcome-inner-card-list ul li img {
  margin-right: 10px;
  width: 19px;
  height: 19px;
}
.dahbaord-xl-row .col-xl-4 {
  flex: 0 0 auto;
  width: 40% !important;
}

.dahbaord-xl-row  .col-xl-2{
  flex: 0 0 auto;
  width: 19% !important;
}

.dahbaord-xl-row  .col-xl-6 {
  flex: 0 0 auto;
  width: 40% !important;
}

.container-fluid .col-lg-6.d-flex.aling-items-center h4 {
  font-size: 18px;
}

.relevant-event-list-item .row{
  flex-direction: column;
}

.relevant-event-list-item .row .col-lg-8,
.relevant-event-list-item .row .col-lg-4{
  width: 100% !important;
}

.event-list-inner-card li .event-span{
  margin-right: 15px;
}

.relevant-card-right{
  margin-top: 10px;
}

.event-list-inner-card li a h3{
  font-size: 13px;
}
.relevant-event-dashboard .relevant-event-list-holder .relevant-event-list-item {
  border: 1px solid #eee;
  padding: 8px 10px;}
  .main-card-body {
    margin-top: 20px;
}

.event-list-inner-card li .event-badge {
  padding: 1px 9px;
  font-size: 10px;
  margin-left: 22px;
}
.prd-n-card-body a h3 {
  font-size: 16px;
}

.span-location-pr-n-card span {
  font-size: 11px;
}

.span-location-pr-n-card span svg{
  font-size: 9px;
}

.product-n-card-detail li .product-n-card-detail-left span{
  font-size: 11px;
}

.product-n-card-detail li .product-n-card-detail-right p{
  font-size: 12px;
  font-weight: 500;
}

.product-n-card-detail li .product-n-card-detail-right span{
  font-size: 9px;
}

.z-main-header{
  min-height: 63px;
}

.relevant-card-right .relevant-card-right-date,
.relevant-card-right .relevant-card-right-today{
  font-size: 12px;
}
.relevant-card-right{
gap: 10px;
}
.display.order-table.table-responsive.mobile-table.invest-request-table {
  display: block !important;
}

.display.order-table.table-responsive.mobile-table.invest-request-table tbody tr td{
  padding: 10px 10px;
}

.doc-table-desc{
  width: 220px;
}

.file-box .text-center h3{
  font-size: 18px;
}

#products-info tbody tr td {
  padding: 10px 5px !important;
}
.create-signature-holder canvas {
  width: 350px !important;
}
.profile-card-picture-left{
  margin-right: 40px;
}
.profile-card-picture-left img {
  height: 82px;
  width: 115px;
  border-radius: 100%;
  margin-right: 30px;
}

.support-main-right-card h3{
  font-size: 20px;
}

.btn-contact-partner{
  padding: 9px 9px;
  font-size: 13px;
}

.support-main-left p {
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 23px;
}

.support-main-right-card {
  padding: 28px 25px;
}

}

@media (max-width: 1024px) {
  .subscription-add-right-card{
    padding: 10px;
  }
  .subscription-user-detail-right-detail .sub-user-dtail-list .sub-user-dtail-input input{
    width: 120px;
  }
  .subscription-user-detail-right-detail .sub-user-dtail-list .sub-user-dtail-input select{
    width: 120px;
  }
  .subscription-add-right-input-holder h3{
    font-size: 14px;
  }
  .subscription-add-right-input-holder label{
    font-size: 13px;
  }
  .subscription-add-right-input-holder .btn-options{
    padding: 6px 10px;
  }
  .subscription-user-detail-right-detail .sub-user-dtail-list .sub-user-dtail-label{
    width: 150px;
    padding: 6px 3px;
  }
  .subscription-user-detail-right-detail .sub-user-dtail-list .sub-user-dtail-label span{
    font-size: 13px;
  }
  .product-inner-header {
    padding: 20px 30px;
  }
  .subscription-user-detail-left h4{
    font-size: 15px;
  }
  .product-detail-page-tabs button {
    border-radius: 5px 5px 0px 0px !important;
    padding: 8px 30px !important;
    font-size: 14px !important;
}

.product-info-card{
  padding: 9px;
}
  .all-ticket-card p {
    font-size: 13px;
  }
  .all-ticket-card h3{
    font-size: 24px;
  }

  .all-ticket-card {
    border: 1px solid #eee;
    padding: 20px 20px;
    min-height: 185px;
    text-align: center;
}

  .support-card.support-card-with-header .support-card-header {
    padding: 10px;
  }

  .support-card-body {
    padding: 15px 10px;
}
 

.support-option-holder-heading h3 {
  font-size: 21px;
  line-height: 13px;
  margin-bottom: 14px;
}

.support-option-holder-heading p {
  font-size: 17px;
  line-height: 21px;
}

.support-main-right-card h3{
  font-size: 20px;
}

.btn-contact-partner{
  padding: 9px 9px;
  font-size: 13px;
}

.support-main-left p {
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 23px;
}

.support-main-right-card {
  padding: 28px 25px;
}
  
  .profile-card-picture-left{
    margin-right: 40px;
  }
  .profile-card-picture-left img {
    height: 75px;
    width: 105px;
    border-radius: 100%;
    margin-right: 30px;
}
  .create-signature-holder canvas {
    width: 350px !important;
  }
  .z-aside-structure label{
  font-size: 12px;
}  
.add-product-list li.add-product-btn a {
    padding: 6px 9px;
    font-size: 11px;
  }
  .doc-table-desc{
    width: 220px;
  }

  .product-all-table{
    display: block !important;
  }
  
  .file-box .text-center h3{
    font-size: 15px;
  }

  .view-doc-btn {
    font-size: 11px;
  }
  
  #products-info thead tr th {
    font-size: 12px;
    padding-left: 10px;
}

  #products-info tbody tr td {
    padding: 10px 5px !important;
  }
  
  .card-holder.aed-balance-card .main-card-body h2 {
    font-size: 11px;
  }
  .upload-btn-wrapper .btn {
    border: 2px dashed #e3e8ee;
    /* color: 1a1f36; */
    background-color: #fff;
    padding: 9px 20px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    min-width: 150px;
    margin: 0 0 20px;
  }
  .z-sub-header h4{
    font-size: 17px;
  }

  .z-main-content {
    padding: 90px 20px 10px;
  }
  .main-card-body h2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
  .card-holder.aed-balance-card .main-card-body {
    margin-top: 50px;
  }
 
    .card-holder.suggest-card span{
      height: 40px;
      width: 40px;
    }
    .main-card-body span{
      margin-bottom: 0px;
    }
    .card-holder.dashboard-main-card {
      min-height: 160px;
  }
   
  .card-holder.aed-balance-card .main-card-body span{
    margin-bottom: 45px;
  }
  .card-holder.aed-balance-card .main-card-body small {
    font-weight: 500;
    font-size: 8.9975px;
    line-height: 12px;
  }
    .card-holder {
      padding: 10px;
  }
  .table-mobile table thead th{
    font-size: 12px;
  }
  .prp-upload-img ul{
    height: 400px;
  }
  .z-aside-structure .btn-sm {
    padding: 2px 4px;
    font-size: 10px;
}
.net-yeild-holder{
  padding-left: 0px;
}
.net-yeild-holder li h5{
  font-size: 10px;
  line-height: 34px;
}
.net-yeild-holder li span {
  font-weight: 500;
  font-size: 9.9975px;
  line-height: 16px;}
.news-card-accordian-title button h4{
  font-size: 13px;
}
.publish-time a{
  font-size: 11px;
}
.invest-card-body a h3 {
  font-weight: 500;
  font-size: 11px;
  line-height: 17px;}
  .card-holder h3 {
    margin-bottom: 7px;
    font-size
    : 15px;
}
.main-card-date span{
  line-height: 10px;
}

.card-holder.active-main-card.aed-balance-card.mb-20 .main-card-body .text-center img {
  width: 70px;
  height: 70px;
  margin: 0 auto;
}
.product-page-detail h3 {
  font-size: 16px;
  margin-bottom: 2px;
  line-height: 20px;
}
.product-page-detail h4 {
  font-size: 20px;
  line-height: 16px;
  margin-bottom: 10px;
}
.product-page-detail p {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 160%;
  color: #68727B;
}
.product-info-price h2 span {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.product-info-price h2 {
   font-size: 16px;
  line-height: 18px;
  margin-bottom: 10px;
  margin-top: 30px;
}

.user-prp-detail li h5 {
  font-weight: 500;
  font-size: 11px;
  line-height: 23px;
}
.user-prp-detail li span{
  font-size: 11px;
}
.product-page-detail .file-box h3{
  font-size: 13px;
}
.product-info-card-btn li button {
  padding: 7px 14px;
  font-size: 11px;
  line-height: 17px;
}
.news-card h3 {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
}
.download-file-nav-icon p {
  font-size: 11px;
}

.new-tabs .nav-tabs .nav-link {
  margin-right: 10px;
  padding: 3px 22px;
}
.upload-tabs .tab-pane{
  padding-left: 0;
}

.welcome-inner-card-list ul li{
  margin-bottom: 9px;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
}
.welcome-inner-card-list ul li img {
  margin-right: 10px;
  width: 19px;
  height: 19px;
}
.dahbaord-xl-row .col-xl-4 {
  flex: 0 0 auto;
  width: 40% !important;
}

.dahbaord-xl-row  .col-xl-2{
  flex: 0 0 auto;
  width: 19% !important;
}

.dahbaord-xl-row  .col-xl-6 {
  flex: 0 0 auto;
  width: 40% !important;
}

.container-fluid .col-lg-6.d-flex.aling-items-center h4 {
  font-size: 18px;
}

.relevant-event-list-item .row{
  flex-direction: column;
}

.relevant-event-list-item .row .col-lg-8,
.relevant-event-list-item .row .col-lg-4{
  width: 100% !important;
}

.event-list-inner-card li .event-span{
  margin-right: 15px;
}

.relevant-card-right{
  margin-top: 10px;
}

.event-list-inner-card li a h3{
  font-size: 13px;
}
.relevant-event-dashboard .relevant-event-list-holder .relevant-event-list-item {
  border: 1px solid #eee;
  padding: 8px 10px;}
  .main-card-body {
    margin-top: 20px;
}

.event-list-inner-card li .event-badge {
  padding: 1px 9px;
  font-size: 10px;
  margin-left: 22px;
}
.prd-n-card-body a h3 {
  font-size: 13px;
}

.z-footer-list ul li {
  margin-left: 18px;
  font-size: 12px;
}

.prd-n-card-body {
  padding: 7px;
}

.span-location-pr-n-card span {
  font-size: 8px;
}

.span-location-pr-n-card.text-end {
  text-align: left !important;
}

.product-n-card-detail li {
  padding-top: 5px;
  margin-top: 5px;
}

.product-n-card-footer {
  padding: 6px;
}

.card-holder.aed-w-b.invest-card.aed-balance-card .main-card-body span {
  margin-bottom: 7px;
  margin-top: 10px;

}

.card-holder.aed-balance-card .main-card-body h2 b{
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
}

.dasbaord-sub-card-title-holder {
  margin-bottom: 10px !important;
  font-size: 15px !important;
}

.product-n-card-detail li:last-child {
  padding-bottom: 4px;
  margin-bottom: 0px;
}

.span-location-pr-n-card span svg{
  font-size: 9px;
}

.product-n-card-detail li .product-n-card-detail-left span{
  font-size: 11px;
}

.product-n-card-detail li .product-n-card-detail-right p{
  font-size: 12px;
  font-weight: 500;
}

.product-n-card-detail li .product-n-card-detail-right span{
  font-size: 9px;
}

.z-main-header{
  min-height: 63px;
}

.relevant-card-right .relevant-card-right-date,
.relevant-card-right .relevant-card-right-today{
  font-size: 12px;
}
.relevant-card-right{
gap: 10px;
}
.invest-rwiest-filter .btn-export {
  padding: 5px 4px;
  font-size: 10px;
}

.chakra-button.chakra-menu__menu-button {
  padding: 3px 9px !important;
  font-size: 12px !important;
  height: 28px !important;
}

.btn-bank-detail{
  font-size: 8px;
}

}

@media (min-width: 320px) and (max-width: 599px) {
  .subscription-input-holder label{
    font-size: 14px;
  }
  .p-p-d-card-left-holder{
    padding: 10px;
  }
  .subscription-header .subscription-header-list-holder{
    gap: 6px;
  }
  .row.mb-40.subscription-add-header.align-items-center.r-mb{
    padding-bottom: 20px;
  }
  .subscription-form-detail.call-capital-user-email-type.bank-detail-capital-call-text p {
    font-size: 13px;
    line-height: 21px;
}
.subscription-form-detail.call-capital-user-email-type.bank-detail-capital-call-text span {
  font-size: 16px;
}
  .preview-person-detail-right ul li span,
  .preview-person-detail-right ul li h4{
    font-size: 15px;
  }
  .preview-detail-list-holder-left{
    width: 220px;
  }
  .preview-person-detail-left ul li p span{
    font-size: 12px;
  }
  .p-p-d-card-left-holder p {
    font-size: 12px;
    line-height: 22px;
  }

  .row.mb-100.call-r-mb-20{
    margin-bottom: 20px;
  }
  .p-p-d-card-left-holder h4{
    font-size: 14px;
  }
  .subscription-header-list-holder.preview-page-header li .btn.btn-outline-preview {
    padding: 5px 25px !important;
    font-size: 14px !important;
    line-height: 24px !important;
}

  .subscription-header{
    margin-top: 20px;
  }
  .header-page-title h3{
    font-size: 14px;
  }
  .subscription-header .subscription-header-list-holder li .btn-outline-preview,
  .subscription-header .subscription-header-list-holder li .btn.btn-primary{
    padding: 4px 5px;
    font-size: 12px;
    line-height: 20px;
  }

  .row.subscription-detail-br-invest-typo.user-type-review-capital-call textarea {
    height: 120px !important;
    margin-bottom: 30px;
  }

  .subscription-user-detail-left-holder{
    margin-bottom: 20px;
  }

  .subscription-edit-text h4{
    font-size: 20px;
  }

  .subscription-add-left.mt-50.mb-80{
    margin-top: 20px !important;
    margin-bottom: 30px !important;
  }
  .subscription-user-detail-right-detail .sub-user-dtail-list .sub-user-dtail-label {
    width: 160px;
    padding: 6px 9px;
}
.subscription-user-detail-right-detail .sub-user-dtail-list .sub-user-dtail-input input,
.subscription-user-detail-right-detail .sub-user-dtail-list .sub-user-dtail-input select {
  width: 160px;
} 

.row.terms-condition-holder.pt-30.align-items-center{
  border-bottom: 0;
}


.add-product-list .import-exp-btn{
    padding: 6px 9px;
    font-size: 11px;
  }

  .add-product-list li.add-product-btn a svg,
  .add-product-list .import-exp-btn svg {
    display: none;
  }

  .product-view-holder.ml-3{
    margin-left: 0 !important;
  }

  .add-product-list li{
    margin-right: 6px;
  }

  .product-filter-btn{
    margin: 0;
    padding: 0;
    width: 300px;
    position: relative;
    overflow-x: scroll;
   }
  
   .product-filter-btn .btn.btn-export {
    width: 140px;
    padding: 3px 10px;
   }
  .product-inner-header {
    padding: 10px 20px;
}
.product-inner-header h2 {
  font-size: 21px;
  margin-bottom: 16px;
}
.product-inner-header p {
  font-size: 14px;
  color: #000;
  line-height: 25px;
  margin: 0;
}
.product-page-detail h3 {
  font-size: 16px;
  margin-bottom: 2px;
  line-height: 20px;
}
  .all-ticket-card{
    margin-bottom: 10px;
  }

  .col-lg-8.invest-rwiest-filte.ticket-table-{
    flex-direction: column; 
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px;
  }
  .ticket-msg-card-btn-right .alf-capital-span span {
    padding: 4px 10px;
    font-size: 14px;
  }

  .ticket-msg-card-btn-right .tck-icon-btn button {
    padding: 6px 7px;
    font-size: 16px;
}

.ticket-msg-card-select-head-holder{
  flex-direction: column;
  align-items: flex-start;
}

.ticket-msg-card-btn-right .btn-tck-primary {
  padding: 6px 4px;
  font-weight: 500;
  font-size: 9px;
}

.attach-head-right.text-end {
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  display: inline-block;
}

.attach-head-left-span {
  padding: 2px 6px;
  font-weight: 500;
  font-size: 11px;
}

.ticket-msg-attach-body .ticket-msg-select{
  padding: 10px !important;
}
.ticket-msg-card-btn-right{
  gap: 6px;
}


  .support-option-holder-heading h3 {
    font-size: 16px;
    line-height: 29px;
  }
  .input-holder.social-input img {
    top: 39px !important;
  }
  .profile-card-picture{
    flex-direction: column;
    align-items: flex-start;
    margin-right: 0;
  }
  .product-add-tabs-holder .chakra-tabs__tab.upload-img-tabs-list{
    font-size: 12px !important;
    padding: 2px 1px;
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 7px;
    padding-bottom: 7px;
  }

  .user-upload-img-card img {
    height: 70px;
    width: 70px;
}

.chakra-form-control input {
  height: 35px !important;
}

.btn-publish-holder .btn.btn-preview,
.btn-publish-holder .btn.btn-publish{
  font-size: 13px;
}

.user-upload-img-card {
  padding: 27px 15px;
}

  .product-add-tabs-holder .chakra-tabs__tablist{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }


  .product-all-table{
    display: block !important;
  }
  .add-product-list li.add-product-btn a {
    padding: 6px 9px;
    font-size: 11px;
  }

  .user-manager-header-right{
    margin-top: 20px;
  }

  .display.order-table.table-responsive.mobile-table.manage-user-table .row.align-items-center {
    width: 300px;
  }

.invest-request-search-holder.doc-table-left {
  margin-bottom: 13px;
}

  .invest-rwiest-filter .btn-export {
    padding: 7px 7px;
    font-size: 9px;
    margin-top: 10px;
  }
  
  .invest-request-search-holder input{
    margin-top: 10px;
    height: 33px;

  }

  .invest-request-head-right ul li {
    margin-right: 10px;
  }

  .card-holder .btn-export,
  .invest-request-head-right ul li .btn-primary {
    font-size: 9px !important;
    padding: 6px 6px !important;
  }

  .invest-rwiest-filter .btn-bulk{
    padding: 0px 8px;
    height: 34px;
  }

  .btn.btn-primary {
    font-size: 9px;
    padding: 4px 7px;
  }

  #products-info tbody tr td .product-item h3 {
    font-size: 12px;
  }

  #products-info tbody tr td{
    font-size: 10px;
  }

  .portfolio-table-holder tr td {
    padding: 8px 3px !important;
}

#products-info tbody tr td {
  padding: 13px 30px;
}

.product-n-card{
  margin-bottom: 20px;
}


.notification-menu-holder .chakra-menu__menu-list.css-1kfu8nn {
  width: 380px;
}

  .z-main-content  .col-12 {
    flex: 0 0 auto;
    width: 100% !important;
}
.z-main-content .card-holder,
.invest-card,
.news-card {
  margin-bottom: 20px;
}
.invest-card-body .btn-blue-gr.btn-sm{
  width: 100px;
}

.invest-card .col-lg-4.text-end.d-flex.justify-content-between.flex-column {
  flex-direction: row !important;
}
.invest-card-body a h3{
  margin-bottom: 10px;
}
.container-fluid .col-lg-6.d-flex.aling-items-center h4 {
  font-size: 15px;
}
.product-view-holder{
  margin: 0 0 10px 0px;
  padding: 0;
}
.product-view-holder li button{
  padding: 4px 10px;
}
.r-justify-between {
  justify-content: space-between;
}
.product-view-holder {
  justify-content: flex-end;
}
.prp-upload-img ul {
  padding: 0;
  margin: 20px 0px;
}
.upload-kyc-footer-left{
  margin-bottom: 20px;
}
.profile-tabs .chakra-tabs__tablist.css-1uw5bnh {
  display: flex;
  flex-direction: column;
}

.profile-tabs .chakra-tabs__tablist.css-1uw5bnh button {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.profile-card-picture-holder.mt-30{
  flex-direction: column;
}
.user-profile-form .col{
  width: 100%;
}

.user-profile-form .row {
  flex-direction: column;
}

.main-card-date .main-card-footer-icon {
  justify-content: flex-start !important;
}

.graph-list{
  padding: 0;
}
.graph-list li{
  padding-right: 20px;
}

.z-main-header .z-main-nav .z-nav-list li button span img {
  height: 25px;
  width: 25px;
}

.property-location span{
  padding: 4px 10px !important;
}
.product-col-card-body h3{
  font-size: 15px;
}
.prp-card-cat,
.prp-cat-serial ul li span{
  font-size: 11px;
}
.btn-add-faq {
  padding: 4px 9px;
  border-radius: 7px;
  font-size: 10px;
}
.product-info-card-btn{
  padding: 0;
}
.product-page-detail .chakra-accordion__item.css-1m5dysv h2 button {
  font-size: 12px !important;
}

.product-page-detail .chakra-accordion__panel.css-1i3d2fs{
  font-size: 12px;
}

.create-signature-holder canvas{
  width: 270px !important;
}

.bank-uploa-detail-holder .input-holder label {
  padding: 0;
  margin: 0;
}

.bank-or-option {
  font-size: 16px;
  font-weight: 600;
  margin: 5px 0px;
}

.bank-email-detail p {
  font-size: 12px !important;
}

.input-holder label {
  font-size: 10px !important;
  padding: 3px !important;
}

.manage-user-role-heading .role-table-heading h3{
  font-size: 12px;
}

.mange-role-tr-heading h4 {
  font-size: 12px;
  padding-left: 0px;
}

.term-modal-btn-holder button{
  font-size: 13px;
  padding: 0 7px;
  height: 28px;
}
.add-product-tabs-holder {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.add-product-tabs-holder button{
  width: 100% !important;
  border: 1px solid #386264 !important;
  margin-bottom: 10px;
}


.add-product-tabs-holder .chakra-tabs__tab.upload-img-tabs-list[aria-selected=true] {
  background-color: #38626440;
  border: 1px solid  #386264 !important;
}

.btn-primary.btn-publish-add-product-page {
  font-size: 14px;
  padding: 12px 10px;
}
.z-main-header{
  padding-top: 14px;
}
.admin-next-card{
  margin-bottom: 20px;
}
.main-card-date h3{
  margin-bottom: 0 !important;
}
.card-holder.aed-balance-card .main-card-body h2 {
  font-weight: 400;
  font-size: 23px;
  line-height: 9px;
  margin-top: 11px !important;
  }

  .row.mb-30.dahbaord-xl-row .col-xl-2.col-md-6.col-12 .row.mb-20{
    margin-bottom: 0 !important;
  }
  .view-all-btn img {
    margin-left: 11px;
    width: 10px;
  }
  .view-all-btn a{
    font-size: 14px;
  }
  .product-n-card-footer .btn-n-prd {
    padding: 5px 27px;
    font-size: 13px;
    line-height: 23px;
}
.menu-icon-holder .menu-icon svg{
  font-size: 12px;
}
.menu-icon-holder .menu-icon{
  height: 30px;
  width: 30px;
}
.menu-icon-holder{
  margin-right: 10px;
}
.product-id-holder {
  line-height: 19px;
  font-size: 12px;
  color: #636466;
  margin-bottom: 2px;
}
}




