@media (max-width:1294px) {
	.download-apps-image {
		position: unset !important;
	}
}

@media (max-width:1025px) {
	.remit-card .custom-dropdown-menu {
		width: 260px;
		right: -17px !important;
		left: auto;
	}
	
	.remit-card {
		max-width: 700px;
		margin: 30px auto;
	}
	
	.currency-calculator .remit-card {
		margin: 0 !important;
		padding: 10px 0 20px 0  !important;
		min-height: unset !important;
	}

	.header-titles-wrapper {
		z-index: 999;
		position: relative !important;
	}

	button.toggle.nav-toggle.mobile-nav-toggle {
		right: 0 !important;
		justify-content: end;
		padding: 0 !important;
        height: fit-content;
		margin: 0 !important;
		position: absolute;
		top: 50%;
		transform: translate(-0%, -50%);
		display: block;
        width: 15%;
	}

	span.toggle-text {
		display: none;
	}

	span.toggle-icon {
		height: 2rem !important;
	}

	.nav-toggle svg {
		height: 1.1rem;
		width: 3rem;
	}

	.menu-modal.cover-modal.header-footer-group.show-modal.active {
		z-index: 1000;
	}
	
	button#send-now {
		width: 100%;
		position: unset !important;
	}
	
	.faq-acc .elementor-toggle-item:last-child h4, .faq-acc .elementor-toggle-item:last-child .elementor-tab-content {
		border: 0 !important;
	}
	
	#inner-home span.elementor-button-text {
		text-align: left;
	}
	
	.transaction-history-page h1 {
		font-size: 30px !important;
	}
}

@media (max-width:788px) {
	.footer-main-menu .menu-item-has-children > a[href="#"] {
		font-weight: 700;
		margin-top: 20px !important;
	}

	.footer-secondary ul.sub-menu {
		margin-top: 0 !important;
		margin-bottom: 20px;
	}
}

@media (max-width:767px) {
	.align-left span.elementor-icon {
		font-size: 20px !important;
	}
	
	.align-left .elementor-widget-container {
		padding: 10px!important;
	}

	.align-left .elementor-icon-box-content {
		display: flex;
		flex-direction: unset;
		align-items: center;
	}
	
	.testimonial-row, .testimonial-carousel .swiper-slide {
		min-height: 250px !important;
	}
	
	.total.total-text p, .amount-number {
		font-size: 12px !important;
	}

	div#fee-summary {
		font-size: 13px;
		margin: 20px 0 0 0 !important;
	}

	.amount-text {
		text-align: right;
        line-height: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
	}

	.remit-card {
		padding: 30px 20px !important;
		min-height: 400px;
	}
	
	.total-amount .amount-number:before {
        left: 0px;
        position: absolute;
	}

	.total-amount .amount-number {
		padding-left: 27px;
		position: relative;
		line-height: 1rem;
	}

	.remit-card span.button-text {
		font-size: 16px !important;
	}

	.remit-card select, .remit-card input {
		font-size: 16px !important;
	}

	.custom-dropdown-toggle #to-selected, .custom-dropdown-toggle #from-selected {
		font-size: 13px !important;
	}

	.tw-icon svg {
		width: 13px !important;
		height: 13px;
	}

	.custom-dropdown-toggle span.tw-icon.tw-icon-chevron-down {
		margin-left: 5px !important;
	}

	.align-left.about {
		align-self: flex-start;
	}

	.align-left.about .elementor-widget-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 170px;
		padding: 0 !important;
		align-items: center;
	}
	
	.page-id-995 .transaction-row p, .page-id-995 .beneficiary-summary p, .page-template-page-beneficiary p {
		font-size: 16px !important;
	}

	#inner button#subscriber-button, #inner .fp-sub-email input, #inner .fp-sub-email input::placeholder {
		font-size: 15px !important;
	}
	
	#fee-summary .total-fees, #fee-summary .total-amount, #fee-summary .current-rate{
		margin: 1px 0;
		height: 23px;
	}
	
	.reset-pin-trigger {
		font-size: 18px;
	}
}

@media (max-width:400px) {
	.align-left.first span.elementor-icon {
		font-size: 30px !important;
	}

	#fp-faq .e-n-accordion-item-title-text {
		font-size: 15px !important;
		line-height: 1.2rem;
	}
	
	#fp-faq p {
		font-size: 15px !important;
	}

	.bene-block p.full-name {
		font-size: 16px !important;
	}

	.bene-block .swiper-button-prev {
		left: 0px;
	}

	.bene-block .swiper-button-next {
		right: 0;
	}
}

@media (max-width:1000px) {
	button.close-nav-toggle svg {
		height: 20px;
		color: #ffffff !important;
	}

	.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
		font-size: 20px;
		color: #ffffff;
		text-decoration: none !important;
	}

	.menu-modal {
		background-image: url('/wp-content/uploads/bg-jumbotron.svg');
		background-repeat: no-repeat;
        background-size: cover;
	}

	.menu-modal-inner {
		background: none !important;
	}

	ul.social-icons li {
		margin: 0 !important;
		flex-direction: row;
		justify-content: center;
	}
	
	.menu-bottom .menu-item-961 a:before {
		content: 'Register';
		font-size: 15px !important;
	}

	ul.social-icons {
		gap: 20px;
		flex-wrap: nowrap !important;
	}

	.menu-bottom .social-menu.social-icons a {
		width: 150px;
		padding: 15px;
		font-size: 12px !important;
		height: 100%;
	}

	.social-icons a {
		background: #ffffff;
		color: #ff8c43 !important;
		display: flex !important;
		flex-direction: column;
		justify-content: center;
		width: 280px;
		border-radius: 8px;
		height: 30px;
		padding: 30px 0;
	}

	.social-icons svg.svg-icon {
		display: none;
	}

	.menu-bottom .menu-item-962 a:before {
		content: 'Login';
		font-size: 15px !important;
	}
	
	.logged-in-external .header-inner {
		display: flex !important;
		padding-left: 50px !important;
		padding-right: 50px !important;
        margin: 0 !important;
        width: 100%;
	}

	.initial-shortcode .initial {
		margin-right: 0px !important; 
	}
	
	.logged-in-external .secondary-menu {
		display: flex !important;
		flex-direction: column;
		justify-content: center;
	}
	
	.secondary-menu, .initial-fullname, .user-sidebar {
		display: none !important;
	}
	
	.header-titles-wrapper , .user-details {
		width: 100% !important;
	}
	
	a.btn-back {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.back-button {
		margin-bottom: 30px;
	}
	
	form#create-beneficiary-form {
		min-height: 500px;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
	}
}

@media (max-width:640px) {
	ul.social-icons li {
		width: calc(100%/2);
		padding-right: .5375rem;
		padding-left: .5375rem;
	}
	
    .footer-credits .cell {
        padding-right: 0 !important;
    }
    
    .footer-socialmedia {
        justify-content: center;
        margin: 10px 20px 0px 0px;
    }
    
    .footer-credits .cell.small-12.medium-6.large-3 {
        padding: 0 !important;
    }
    
    p.footer-copyright {
        text-align: center;
    }

    .footer-copyright span {
        display: block;
    }
    
    .footer-copyright span:before {
        display: none;
    }
	
	.bene-trusted, .bene-not {
		justify-content: start;
	}

	.bene-trusted p i, .bene-not p i{
		width: 18px !important;
		margin-right: 5px !important;
	}

	.summary-card h2, .user-name h2 {
		font-size: 20px;
		line-height: 1.3em;
	}

	#bank-account-container, .wallet-balance p.wallet-amount, .wallet-block p, #bank-account-container p, .deposit-body p {
		font-size: 15px !important;
	}
	
	input#beneficiary-search, #beneficiary-form .bene-field label  {
		font-size: 16px !important;
	}
	
	#beneficiary-form .bene-field input, #beneficiary-form .bene-field select {
		font-size: 14px !important;
	}
	
	#beneficiary-form .bene-field input {
		padding: 10px !important;
	}

	#beneficiary-form .bene-field select {
		padding: 10px 25px 10px 10px;
	}

	#inline-create-beneficiary h1 {
		font-size: 22px;
		letter-spacing: 0 !important;
	}

	.bene-modal-close {
		top: 13px;
	}

	.recipient-top-details h1 {
		font-size: 30px !important;
		line-height:1.3rem;
		margin-bottom: 5px;
	}
	
	.privacy-listing table {
		font-size: 16px;
	}
}

@media (max-width:380px) {
	.bene-modal-close {
		top: 7px;
		font-size: 35px;
		right: 20px;
	}

	.bene-modal-content {
		padding: 20px;
	}
}

@media (max-width:500px) {
	.transaction-history-page h1 {
		font-size: 20px !important;
		line-height: 1.5rem;
        margin-bottom: 15px !important;
	}

	.tracking-modal-content {
		padding: 15px;
	}

	.transaction-card p {       
		font-size: 15px !important;
	}

	.beneficiary-card .flag-with-name {
		align-items: start;
        flex-direction: row-reverse;
        justify-content: space-between;
	}

	#beneficiaries-container .flag-with-name img {
		margin-right: 0 !important;
		margin-left: 8px !important;
	}

	.bene-status {
		margin-top: 0 !important;
	}

	#beneficiaries-container .beneficiary-card p {
		margin-bottom: 3px !important;
	}
	
	.page-id-995 .transaction-row .status-date p {
		font-size: 14px !important;
	}
}

@media (max-width:1355px) and (min-width:1212px) {
	.footer-main-menu li {
		flex-basis: 16rem;
	}
}

@media (max-width: 1211px) and (min-width: 1084px) {
	.footer-main-menu li {
		flex-basis: 14rem;
	}
}

@media (max-width: 639px) and (min-width: 450px) {
	.transaction-de {
		width: calc(66.66667% - 1.25rem) !important;
	}

	.transaction-paid {
		width: calc(33.33333% - 1.25rem) !important;
	}
	
	.transaction-card .card-details {
        width: calc(70% - 1.25rem) !important;
    }
    
    .transaction-card .card-status {
        width: calc(30% - 1.25rem) !important;
    }
}

@media (min-width:450px) {
	.transaction-paid {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: end;
	}
}

@media (max-width:1266px) and (min-width:1200px){
	.bene-block .flag {
		right: 25px;
	}
}

@media (max-width:1199px) and (min-width:1191px){
	.bene-block .flag {
		right: 17px;
	}
}

@media (max-width:1190px) and (min-width:1191px){
	.bene-block .flag {
		right: 17px;
	}
}

@media (max-width:1040px) and (min-width:990px) {
	.bene-block .flag {
		right: 40px;
	}
}

@media (max-width:989px) and (min-width:920px) {
	.bene-block .flag {
		right: 35px;
	}
}

@media (max-width:919px) and (min-width:900px) {
	.bene-block .flag {
		right: 35px;
	}
}

@media (max-width:899px) and (min-width:800px) {
	.bene-block .flag {
		right: 15px;
	}
}

@media (max-width:799px) and (min-width:768px) {
    .bene-block .flag {
        right: 55px;
    }
}

@media (max-width: 767px) and (min-width: 718px) {
    .bene-block .flag {
        right: 100px;
    }
}

@media (max-width: 717px) and (min-width: 675px) {
    .bene-block .flag {
        right: 90px;
    }
}

@media (max-width: 674px) and (min-width: 634px) {
    .bene-block .flag {
        right: 75px;
    }
}

@media (max-width: 633px) and (min-width: 580px) {
    .bene-block .flag {
        right: 65px;
    }
}

@media (max-width: 579px) and (min-width: 520px) {
    .bene-block .flag {
        right: 50px;
    }
}

@media (max-width: 519px) and (min-width: 460px) {
    .bene-block .flag {
        right: 35px;
    }
}

@media (max-width: 459px) and (min-width: 430px) {
    .bene-block .flag {
        right: 25px;
    }
}

@media (max-width: 429px) and (min-width: 400px) {
    .bene-block .flag {
        right: 20px;
        bottom: -5px;
    }
}

@media (max-width: 399px) and (min-width: 320px) {
    .bene-block .flag {
        right: 18px;
        bottom: -5px;
    }
}

@media (max-width:1060px) and (min-width:930px) {
    .social-media.android img {
        height: 40px !important;
        object-fit: unset !important;
    } 

    .social-media.apple img {
        height: 40px !important;
        object-fit: unset !important;
        width: 100%;
    }
}

@media (max-width:929px) and (min-width:768px) {
    .social-media.android img {
        height: 40px !important;
        object-fit: unset !important;
    } 

    .social-media.apple img {
        height: 40px !important;
        object-fit: unset !important;
        width: 100%;
    }
}

@media (max-width:767px) and (min-width:320px) {
	.social-media {
		width: 50% !important;
	}
	
	.photo-screenshot {
		position: relative !important;
	}

	.photo-screenshot img {
		width: 400px;
	}
	
	.error-message.promo-1, .error-message.promo-2 {
		margin-bottom: 10px;
	}
	
	#funds-form label {
		font-size: 16px !important;
	}

	#funds-form select {
		font-size: 13px !important;
		padding: 0 25px 0 10px;
	}
}

@media (max-width:1200px) and (min-width:1061px) {
	.social-media.android img {
		object-fit: unset !important;
	}
}

@media (max-width:550px) {
	.privacy-listing table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

	.home-title .row-top, .home-title .row-title {
		margin-bottom: 0 !important;
	}
}

@media (max-width:600px) {
	div#frm_field_94_container label {
		display: none;
	}

	.footer-logo .cell.small-12.medium-6.large-7 {
		margin-bottom: 20px;
	}

	h3.frm_form_title {
		font-size: 35px !important;
		line-height: 1;
	}
	
	.faq-acc a.elementor-toggle-title {
		width: 90% !important;
		display: inline-flex;
	}

	.status-timeline-vertical .step-content {
        width: 100%;
    }
    
    .status-timeline-vertical p.description {
        font-size: 15px;
        line-height: 1.3rem;
    }
}

@media (max-width:499px) and (min-width:320px) {
	.social-media img {
		height: 35px !important;
	}
	
	#custom-reset-form input[type="submit"] {
		font-size: 14px !important;
	}
	
	.initial-fullname {
		display: none;
	}
	
	.bene-block p.full-name {
		font-size: 16px !important;
	}

	.bene-block .swiper-button-prev {
		left: 0px;
	}

	.bene-block .swiper-button-next {
		right: 0;
	}

	#inner-home .elementor-button-link {
		padding: 10px !important;
	}

	#inner-home .elementor-button-link span.elementor-button-text {
		font-size: 13px !important;
        margin-left: 10px;
	}

	#inner-home span.elementor-button-icon{
		padding: 10px;
	}

	#inner-home .elementor-button-link span {
		gap: 0px !important;
	}

	#inner-home span.elementor-button-content-wrapper:after {
		font-size: 14px;
		right: 10px;
	}
	
	.payout-submit button, .payout-close button, .bank-modal-content label, #bank-modal input, #bank-modal select, .withdraw-amount input, #bank-modal .error-message{
		font-size: 13px !important;
	}

	.withdraw-amount span {
		font-size: 11px !important;
	}
	
	.withdraw-amount {
		line-height: 1rem;
	}
	
	.row-title h1 {
		font-size: 25px;
		line-height: 1.2;
    }
	
	.payout-header p.subtitle {
		font-size: 18px !important;
	}

	.payout-header h1 {
		margin-bottom: 10px !important;
	}
	
	#faq-inner .ea-body p {
		font-size: 15px;
	}
	
	#faq-inner h3.ea-header a {
		font-size: 17px !important;
	}

}

.logged-in-external nav.mobile-menu[aria-label="Mobile"], .logged-in-external .my-profile {
	display: none;
}

.my-profile.internal {
	z-index: 999;
	margin-left: 10px !important;
}

.no-bene p {
    font-size: 20px;
}

@media (max-width:365px) {
	.summary-all {
		height: 100%;
		align-items: end;
	}
    
    .summary-card h5 {
        margin-bottom: 0;
    }

    .row-all ,.row-title {
/*         margin-bottom: 15px; */
    }
	
	#inner-home span.elementor-button-icon {
        justify-content: center;
	}
	
	.form-step .amount-number {
		font-size: 14px !important;
	}
	
	.form-step .currency-calculator .total-text p {
		font-size: 16px !important;
	}
}

@media (max-width:480px) {  
    #inner-home .elementor-button-link span.elementor-button-text {
        width: 75%;
    }
}

@media (max-width:670px) {
	.bene-top {
		margin: 30px 0 50px 0;
	}
	
	.bene-icon {
/* 		justify-content: flex-start !important; */
	}

	.bene-title h1 {
		font-size: 30px !important;
	}
	
	.bene-title h3, .row-title h3 {
		font-size: 30px;
		margin-bottom: 0 !important;
	}

	.bene-add-trans {
        padding: 15px;
    }
    
    .bene-add-trans a i::before {
        font-size: 20px;
    }
    
    .bene-add-trans i.fa-solid.fa-square-plus {
        display: flex;
    }
    
    .bene-add-trans p, #beneficiaries-container .beneficiary-card p, #beneficiaries-container .beneficiary-card *, .error-msg{
        font-size: 16px !important;
    }
    
    .bene-status {
        margin-top: 10px;
    }

    #beneficiaries-container .beneficiary-card .cell {
/*         width: calc(100% - 1.875rem) !important; */
    }
}


@media (max-width:670px) and (min-width:366px) {
	.form-step .currency-calculator .total-text p, .form-step .amount-number {
		font-size: 16px !important;
	}
}

@media (max-width:555px) and (min-width:385px) {
	h5#step3-toreceiver {
		font-size: 25px;
	}

	.review-section h5 {
		font-size: 20px;
	}

	.receiver-card p, .receiver-card span, .transfer-card p, .transfer-card span {
		font-size: 16px;
	}

	.receiver-card span, .transfer-card span {
		text-align: end;
	}

	.transfer-card .cell, .receiver-card .cell {
		margin-bottom: 10px !important;
	}
}

@media (max-width:384px) and (min-width:320px) {
	h5#step3-toreceiver {
		font-size: 25px;
	}

	.review-section h5 {
		font-size: 20px;
	}

	.transfer-card .cell, .receiver-card .cell {
		width: calc(100% - 1.875rem) !important;
	}
	
	.receiver-card span, .transfer-card span {
		text-align: left;
		justify-content: start;
	}

	.receiver-card p, .receiver-card span, .transfer-card p, .transfer-card span {
		font-size: 16px;
	}

	.receiver-card p, .transfer-card p {
		margin-bottom: 0 !important;
		font-weight: 600;
	}

	.receiver-card span, .transfer-card span {
		margin-bottom: 13px !important;
	}
}

@media (max-width:700px) {
	.filter-block label {
		font-size: 17px;
        line-height: 1;
	}
}

@media (max-width:670px) {
	.filter-block .cell {
		width: calc(100% - 1.875rem) !important;
	}
	
	input.flatpickr-input.flatpickr-mobile {
		padding: 10px;
	}

	.date-row {
		margin-bottom: 15px;
	}

	.date-row label {
		margin-bottom: 6px;
	}
}

@media (max-width:670px) and (min-width:501px) {
	.transaction-history-page h1 {
		font-size: 23px !important;
	}
	
	.transaction-card p {
		font-size: 17px !important;
	}
}

@media (max-width:460px) and (min-width:400px) {
    div#pagination-controls button.pagination-btn.next {
        margin-left: 0;
        font-size: 14px !important;
        min-width: 55px;
    }

    .pagination-left, #transactions-range-info {
        font-size: 14px !important;
    }
    
    select#per-page-selector {
        width: 50px !important;
    }
}

@media (max-width:399px) and (min-width:320px) {
    div#pagination-controls button.pagination-btn.next {
        margin-left: 0;
        font-size: 11px !important;
        min-width: 36px;
    }

    .pagination-left, label.entriesPerPage{
        font-size: 11px !important;
    }
    
    select#per-page-selector {
        width: 38px !important;
        font-size: 11px;
        padding-right: 19px !important;
        margin-right: 5px !important;
        margin-left: 5px !important;
    }
	
	footer#site-footer .cell {
		width: 100% !important;
		padding: 0 !important;
	}

	.footer-secondary .subscription-block h3 {
		font-weight: 700;
		margin-bottom: 0 !important;
		line-height: 1.5rem;
	}

	#site-footer hr {
		margin: 2rem auto !important;
	}
}

@media (max-width:767px) {
    .page-template-page-transaction .container, .page-template-page-beneficiary .container, 
	.page-template-transaction-history .container, .page-template-page-scheduled-transaction .container{
        padding: 0 30px !important;
		margin-bottom: 50px !important;
		margin-top: 30px;
    }

    .page-template-page-transaction .wrapper, .page-template-page-beneficiary .wrapper, 
	.page-template-transaction-history .wrapper, .page-template-page-scheduled-transaction .wrapper {
        margin-top: 0 !important;
    }

    .page-template-page-transaction .section-inner, .page-template-page-beneficiary .section-inner,
	.page-template-transaction-history .section-inner{
        padding-left: 30px !important;
        padding-right: 30px !important;
        margin: 0 !important;
        width: 100%;
    }

	.page-template-page-transaction .cell.small-12.medium-9.large-9, .page-template-page-beneficiary .cell.small-12.medium-9.large-9, .page-template-transaction-history .cell.small-12.medium-9.large-9{
		width: calc(100% - 1.875rem);
	}
	
	.recipient-top-details h1 {
		font-size: 35px;
	}
	
	.logged-in-external .header-inner {
		padding: 20px 30px !important;
        border-bottom: 1px solid #9ebfe2;
        border-bottom: 1px solid #eeeeee;
        margin-bottom: 20px !important;
	}
	
	.header-inner .toggle svg {
		height: .8rem;
		width: 2.6rem;
	}

	.initial-shortcode .initial {
		width: 40px !important;
		height: 40px;
	}

	.initial-shortcode p {
		font-size: 14px !important;
		display: flex;
		height: 100%;
		flex-direction: column;
		justify-content: center;
	}
	
	#inner-home span.elementor-button-text, #inner-home span.elementor-button-icon, #inner-home span.elementor-button-content-wrapper:after, #details .elementor-icon-box-wrapper:after{
		font-size: 15px !important;
	}
	
	h3#link-apple-id {
		font-size: 18px !important;
	}
	
	.user-profile h3 {
		font-size: 25px;
		line-height: 2.3rem;
	}
	
	.user-profile a.btn-add-bene {
		line-height: 1.3em;
		font-size: 15px;
		font-weight: 400;
	}
}

@media (max-width:1000px) and (min-width:767px) {
	.page-template-page-transaction .wrapper, .page-template-page-beneficiary .wrapper, 
	.page-template-transaction-history .wrapper , .page-template-page-scheduled-transaction .wrapper{
		margin-top: 0 !important;
	}

	.page-template-page-transaction .cell.small-12.medium-9.large-9, .page-template-page-beneficiary .cell.small-12.medium-9.large-9, .page-template-transaction-history .cell.small-12.medium-9.large-9{
		width: calc(100% - 1.875rem);
    }

    .page-template-page-transaction .section-inner, .page-template-page-beneficiary .section-inner, 
	.page-template-transaction-history .section-inner{
        padding-left: 50px !important;
        padding-right: 50px !important;
        margin: 0 !important;
        width: 100%;
    }
	
	#inner-home span.elementor-button-text, #inner-home span.elementor-button-icon, #inner-home span.elementor-button-content-wrapper:after{
		font-size: 18px !important;
	}
}

@media (max-width:350px) {
    button#how-to-pay-btn {
        padding: 15px 5px;
    }
}

.logged-out-external nav.mobile-menu.logged-in {
    display: none;
}

.personal-details .elementor-icon-box-content, .personal-details .elementor-icon-box-icon  {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.footer-main-menu .sub-menu {
    margin-bottom: 2rem !important;
}

.g_id_signin iframe {
    margin: 0 !important;
}

@media (max-width:750px) {
    .how-to-pay-modal-content, .tracking-modal-content {
        width: 90% !important;
    }
	
	#form_contact-us button.frm_button_submit.frm_final_submit {
		font-size: 15px !important;
	}
}

@media (max-width:639px) {
    .modal-buttons {
        justify-content: space-between;
        margin: 20px 0;
    }
    
    .row-top.payment .grid-x {
        flex-direction: column-reverse !important;
    }
	
	.bene-buttons {
		display: block;
		margin: 30px 0 0 0 !important;
	}

	.bene-buttons button {
		margin-bottom: 40px !important;
	}
	
	.bene-buttons button.repeat-submit, .bene-buttons button.schedule-submit, .bene-buttons button.close-repeat-modal, .bene-buttons button.close-schedule-modal {
		width: 100% !important;
		margin-bottom: 10px !important;
	}

	button.button.close-repeat-modal {
		margin: 25px 0 !important;
	}

	.bene-buttons .cancel-row button {
		margin-bottom: 0 !important;
	}
	
	.wallet-dashboard .cell.small-12:first-child {margin-bottom: 30px;}

    .summary-card h2 {
        margin-bottom: 0;
    }
    
    .summary-card .row-title, .summary-card .row-all {
        margin-bottom: 10px;
        margin-top: 0 !important;
    }

	.status-timeline-vertical {
		margin-left: 0 !important;
	}

	.status-timeline-vertical .step-content .title {
		font-size: 16px;
	}

	.extra-note h2 {
		font-size: 13px;
	}

	.extra-note p {
		font-size: 12px;
	}

	#how-to-pay-modal h1, .tracking-modal-content h1 {
		font-size: 20px;
	}

	 .close-tracking-modal {
		top: 0;
	}
	
	.wallet-block h2, .payout-wallet h2, #deposit-modal .bank-modal-content h2 {
		font-size: 18px !important;
		margin-bottom: 10px !important;
	}

	div#bank-account-info p, .wallet-block p, .wallet-balance p.wallet-amount, .wallet-bsb, .wallet-acc, .remit-task-card div{
		font-size: 15px !important;
	}

	button#withdraw-button, button#open-bank-modal, button#open-deposit-modal {
		font-size: 11px !important;
	}

	#transaction-detail-container {margin: 0;}

	.row-title {margin-top: 10px;}
	
	#site-footer { background-position: left !important;}
}

@media (max-width:450px)  and (min-width: 420px) {
    .status-timeline-vertical .step.completed[data-status=awaiting_payment] .circle {
        width: 17px;
    }
}

@media (max-width: 419px) and (min-width: 380px) {
    .status-timeline-vertical .step.completed[data-status=awaiting_payment] .circle {
        width: 19px;
    }
}

@media (max-width: 379px) and (min-width: 355px) {
    .status-timeline-vertical .step.completed[data-status=awaiting_payment] .circle {
        width: 21px;
    }
}

@media (max-width: 354px) and (min-width: 320px) {
    .status-timeline-vertical .step.completed[data-status=awaiting_payment] .circle {
        width: 23px;
	}

    .trusted-toggle:after {
        width: 18px;
        height: 18px;
    }
    
    .trusted-toggle {
        width: 45px;
        height: 25px;
    }
    
    .trusted-toggle.trusted:after {
        left: 23px;
    }

    .toggle-row {
        width: calc(30% - 1.25rem) !important;
        justify-content: start;
    }

    .toggle-text {
        width: calc(70% - 1.25rem) !important;
    }

	.transaction-icon {
		align-items: start;
	}
}

@media (max-width:640px) and (min-width:420px) {
    .payout-buttons .cell, .inactivity-buttons .cell{
        width: calc(50% - 1.875rem) !important;
		margin-bottom: 0 !important;
    }
	
	#stay-signed-in, #logout-now {
		font-size: 18px;
		font-weight: 400;
/* 		width: 100% !important;
		height: 60px; */
	}
	
	.bene-trusted i:before, .bene-not i:before, #beneficiaries-wrapper .beneficiary-card .flag-with-name p.full-name  {
		font-size: 18px !important;
		line-height: 1.3em !important;
	}

}

@media (max-width:419px) and (min-width:320px) {
    .payout-buttons .cell, .inactivity-buttons .cell{
        width: calc(50% - 1.25rem) !important;
		margin-bottom: 0 !important;
    }
	
	.payout-submit button, .payout-close button {
		padding: 10px 15px;
	}
	
	.bank-modal-content {
		padding: 30px;
	}

	.bank-modal-overlay h2 {
		margin-bottom: 30px !important;
	}
	
	.stayed-in {
/* 		margin-bottom: 20px !important; */
	}

	.inactivity-buttons {
		margin-top: 0 !important;
		display: block !important;
	}
	
	#stay-signed-in, #logout-now {
		font-size: 15px;
        font-weight: 400;
        width: 100% !important;
		height: 60px;
	}

	#inactivity-modal p {
		font-size: 15px !important;
	}

	#inactivity-modal h1 {
		font-size: 25px;
	}

	.user-top-details p {
		font-size: 18px !important;
	}
	
	.user-profile label {
		font-size: 15px !important;
	}

	.user-profile input {
		font-size: 13px !important;
	}
	
	.delete-button {
		font-size: 16px !important;
		letter-spacing: 0.4px;
	}
	
	.bene-trusted i:before, .bene-not i:before, #beneficiaries-wrapper .beneficiary-card .flag-with-name p.full-name  {
		font-size: 17px !important;
		line-height: 1.3em !important;
	}
	
	#delete-confirm-modal .modal-buttons button {
		min-width: 100px !important;
		padding: 15px 25px !important;
		font-size: 15px !important;
		font-weight: 400 !important;
		border-radius: 4px !important;
	}
	
	#delete-confirm-modal .modal-content p {
		line-height: 1.2;
		margin-bottom: 5px !important;
	}

	#delete-confirm-modal .modal-content h3 {
		margin-bottom: 10px !important;
	}
}

@media (max-width:780px) and (min-width:640px) {
    .page-template-page-transaction .row-top.payment .cell {
        width: calc(100% - 1.875rem) !important;
    }
    
    .page-template-page-transaction .row-top.payment .grid-x {
        flex-direction: column-reverse !important;
    }

    .page-template-page-transaction .row-title h3 {
        font-size: 30px;
        margin-bottom: 0 !important;
    }

    .page-template-page-transaction .modal-buttons {
        justify-content: space-between;
        margin-bottom: 20px;
    }
}

@media (max-width:800px) and (min-width:640px) {
    #transaction-detail-container .detail-title {
        margin-bottom: 15px;
    }

    #transaction-detail-container {
        margin-top: 10px;
    }
}

@media (max-width:800px) {
    #change-message.info {
        position: relative;
        margin-left: 35px;
    }
    
    #change-message.info:before {
        position: absolute;
        left: -30px !important;
        top: -4px;
    }
}

@media (max-width:449px) {
	#transactions-table-container .card-status {
		align-items: start;
	}
	
	#top-transactions-container .status-date .deposit:after, #top-transactions-container .status-date .withdrawal:after, #top-transactions-container .status-date .refunded:after, #top-transactions-container .status-date .cancelled:after, #top-transactions-container .status-date .initiated:after {
		display: none;
	}

	.status-date p.date {
		display: none;
	}

	.transaction-paid {
		flex-direction: column;
		display: flex;
		justify-content: end;
		align-items: end;
	}
	
	.date.mobile {
		display: block !important;
	}
}

@media (max-width:435px) {
    .faq-help .elementor-widget-container {
        margin-left: 20px !important;
        margin-bottom: 10px !important;
    }
}

@media (max-width:720px) and (min-width:480px) {
    #frm_field_118_container {
        grid-column: span 3/span 3 !important;
    }
    
    #frm_field_63_container {
        grid-column: span 9/span 9 !important;
    }
}

@media (max-width:479px) and (min-width:380px) {
    #frm_field_118_container {
        grid-column: span 4/span 4 !important;
    }
    
    #frm_field_63_container {
        grid-column: span 8/span 8 !important;
    }
}

@media (max-width:379px) and (min-width:320px) {
    #frm_field_118_container {
        grid-column: span 5/span 5 !important;
    }
    
    #frm_field_63_container {
        grid-column: span 7/span 7 !important;
    }
}

/*  */
@media (max-width:1000px) and (min-width:768px) {
	.rfi-body {
		min-height: 700px;
	}
	
	.rfi-form-wrapper {
		width: calc(100% - 4rem);
	}
}

@media (max-width:767px) and (min-width:320px) {
	.rfi-body {
		min-height: 500px;
	}
	
	.rfi-form-wrapper {
		width: calc(100% - 4rem);
	}
	
	.rfi-form-wrapper p {
		font-size: 20px;
	}
		
	.rfi-form-wrapper button {
		font-size: 14px;
	}
}

@media (max-width:1075px) {
	.rfi-body {
		background-position: left;
	}
	
	.rfi-form-inner {
		width: 100%;
	}
}

@media (max-width:380px) {
	#identity li.elementor-icon-list-item span.elementor-icon-list-text:after {
		right: -20px !important;
		top: 0 !important;
	}

	#identity span.elementor-icon-list-text {
		width: 80%  !important;
	}
}

@media (max-width:1170px) and (min-width:401px) {
    #save-address-btn {
       width: 260px !important;
       font-size: 17px;
    }
	
	#how-to-pay-modal h1, .tracking-modal-content h1, .repeat-modal-content h1 {
		font-size: 20px !important;
	}

	.close-repeat-modal span.button-text, .repeat-submit span.button-text, .close-schedule-modal span.button-text, .repeat-schedule span.button-text {
		font-size: 15px !important;
	}

	.bene-buttons {
		display: flex;
		column-gap: 10px !important;
	}

	button#repeat-transaction-btn span, button#schedule-transaction-btn span {
		font-size: 13px !important;
	}
}

@media (max-width:400px) and (min-width:320px) {
	.customer-info-form .user-profile p {
		font-size: 17px;
	}
	
	#save-address-btn {
		width: 200px !important;
		font-size: 17px;
	}
	
	button#repeat-transaction-btn, button#schedule-transaction-btn {
		width: 100%;
		margin-bottom: 20px !important;
	}

	.bene-buttons {
		display: block;
	}
}

@media (max-width:1200px) and (min-width:701px) {
    .filter-item:nth-child(4){
        width: 10%;
    }

    .filter-item:nth-child(3), .filter-item:nth-child(2) {
        width: 30%;
    }
    
    .filter-item:first-child {
        width: 30%;
    }
	
	input#filter-monthyear {
		border: 1px solid #cacaca !important;
	}
} 

@media (max-width:700px) and (min-width:636px) {
	.filters-bar {
		gap: 10px !important;
	}

	.filter-item:nth-child(4) {
		width: 13%;
	}

	.filter-item:nth-child(3), .filter-item:nth-child(2) {
		width: 25%;
	}

	.filter-block label {
		font-size: 15px !important;
	}

	.filter-block input#filter-monthyear, .choices__list--single .choices__item, .filter-block input, .filter-block select {
		font-size: 14px !important;
	}
	
	input#filter-monthyear {
		border: 1px solid #cacaca !important;
	}
}

@media (max-width:635px) and (min-width:593px) {
	.filters-bar {
		gap: 1rem !important;
		flex-wrap: wrap !important;
	}

	.filter-item, .filter-item:nth-child(4){
		width: calc(97%/2) !important;
	}

	.filter-block label {
		font-size: 15px !important;
	}

	.filter-block input#filter-monthyear, .choices__list--single .choices__item, .filter-block input, .filter-block select {
		font-size: 14px !important;
	}

	input#filter-monthyear {
		border: 1px solid #cacaca !important;
		min-height: unset;
		height: 45.6px;
	}
}

@media (max-width: 592px) and (min-width: 400px) {
	.filters-bar {
		gap: 1rem !important;
		flex-wrap: wrap !important;
	}

	.filter-item, .filter-item:nth-child(4) {
		width: calc(90%/2) !important;
	}

	.filter-item-search {
		width: 80%;
	}
	
	.filter-block label {
		font-size: 15px !important;
	}

	.filter-block input#filter-monthyear, .choices__list--single .choices__item, .filter-block input, .filter-block select {
		font-size: 14px !important;
	}

	input#filter-monthyear {
		border: 1px solid #cacaca !important;
		min-height: unset;
		height: 45.6px;
	}
}

@media (max-width: 400px) and (min-width: 320px) {
	.filters-bar {
		gap: 1rem !important;
		flex-wrap: wrap !important;
	}

	.filter-item, .filter-item:nth-child(4) {
		width: 100% !important;
	}
	
	.filter-item-search {
		width: 74%;
	}

	.filter-block label {
		font-size: 15px !important;
	}

	.filter-block input#filter-monthyear, .choices__list--single .choices__item, .filter-block input, .filter-block select {
		font-size: 14px !important;
	}

	input#filter-monthyear {
		border: 1px solid #cacaca !important;
		min-height: unset;
		height: 45.6px;
	}
}

@media (max-width: 639px) {
	.transaction-group .transaction-date, .scheduled-group .scheduled-date {
		font-size: 18px !important;
	}

	.filter-block label, #transactions-table-container p {
		font-size: 16px !important;
	}

	.transaction-group .status-date p {
		font-size: 12px !important;
	}
	
	.scheduled-row{
		display: block;
	}

	.scheduled-amount, .transaction-amount p{
		text-align: left !important;
	}

	.scheduled-left {
		width: 100%;
	}

	.scheduled-right {
		padding-left: 62px;
	}

	.scheduled-info p, .scheduled-amount p {
		font-size: 15px !important;
	}
	
	button#cancel-schedule-btn {
		width: 100% !important;
	}
}

@media (max-width:639px) and (min-width:480px) {
    .future-date-card {
        width: calc(50% - 0.4rem);
    }
}

@media (max-width:479px) {
    .future-date-card {
        width: 100%;
    }

    .summary-line {
        display: flex;
        flex-direction: column;
    }
    
    .upcoming-card {
        text-align: start !important;
    }
	
	.schedule-summary-card {
		font-size: 17px !important;
	}
	
	.personal-details p.elementor-icon-box-description {
		width: 92%;
	}
}

@media (max-width:639px) and (min-width:320px) {
	.transaction-left {
		width: 50%;
	}
}

@media (max-width:379px) and (min-width:320px) {
	.transaction-row .transaction-icon {
		width: 32px !important;
		height: 32px !important;
		font-size: 15px !important;
		padding: 5px !important;
		justify-content: center !important;
	}
	
	#transactions-table-container p {
		font-size: 14px !important;
	}

	#transactions-table-container .transaction-amount p {
		line-height: 1.5 !important;
	}

	.transaction-row {
		align-items: flex-start !important;
	}
}

@media (max-width:400px) {
    .repeat-modal-content .payment-row {
        display: block;
    }
}

@media (max-width:455px) {
	.wallet-block {
		display: block !important;
	}

	.wallets-buttons {
		width: 100%;
		align-items: self-start;
	}

	.wallet-up {
		width: 100%;
	}
	
	.task-actions button {
		font-size: 13px;
	}
}

@media (max-width:380px) {
	.to .choices__inner {
		padding: 0 !important;
		display: flex;
	}

	.fromCurrency {
		font-size: 13px;
	}

	.from .choices__list.choices__list--single {
		display: flex;
		padding-right: 0 !important;
		justify-content: end;
	}

	.to .choices__list.choices__list--single {
		display: flex;
		padding-right: 0 !important;
		justify-content: start;
	}

	.choices[data-type*=select-one]::after {
		right: 0px;
	}

	.choices__inner {
		padding: 0;
		display: flex;
		flex-direction: row;
		justify-content: flex-end !important;
	}
}