@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;
		padding-right: 0;
		justify-content: end;
	}

	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.first span.elementor-icon {
		font-size: 50px !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;
	}

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

	.total-amount .amount-number {
		padding-left: 22px;
		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;
	}
	
	.transaction-row p, .beneficiary-summary p {
		font-size: 16px !important;
	}
}

@media (max-width:400px) {
	h2.elementor-heading-title.elementor-size-default {
		font-size: 35px !important;
	} 
	
	.page-id-2249 h2.elementor-heading-title.elementor-size-default, .page-id-3763 h2.elementor-heading-title.elementor-size-default  {
		font-size: 25px !important;
	}

	#fp-faq .e-n-accordion-item-title-text {
		font-size: 16px !important;
	}

	#fp-faq p {
		font-size: 16px !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('http://remit-circle.com/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;
	}

	ul.social-icons {
		display: block;
	}

	.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: 18px !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;
	}
	
	.back-button {
		margin-bottom: 30px;
	}
}

@media (max-width:640px) {
    .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;
    }
}

@media (min-width:640px) {
	.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.ios 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.ios 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;
	}
}

@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;
	}
}

@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;
	}
}

@media (max-width:499px) and (min-width:320px) {
	.social-media img {
		height: auto !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: 15px !important;
	}

	#inner-home span.elementor-button-icon {
		font-size: 20px !important;
	}

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

	#inner-home span.elementor-button-content-wrapper:after {
		font-size: 14px;
		right: 0;
	}
}

.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 {
		width: 20%;
        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:350px) {
	#inner-home span.elementor-button-icon {
		width: 25%;
        justify-content: center;
	}
}

@media (max-width:670px) {
	.bene-top {
		margin-bottom: 30px;
	}
	
	.bene-icon {
		justify-content: flex-start !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 * {
        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 {
		justify-content: flex-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;
	}
}

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

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

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

	div#transactions-table-container .cell.medium-3 {
		align-items: start;
	}
	
	.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, #transactions-range-info, 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;
    }
}

/*  page transaction template */
.page-template-page-transaction .container, .page-template-page-beneficiary .container, .page-template-transaction-history .container {
    padding: 0 50px;
}

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

    .page-template-page-transaction .wrapper, .page-template-page-beneficiary .wrapper, 
	.page-template-transaction-history .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);
	}
	
	.logged-in-external .header-inner {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

}

@media (max-width:1000px) and (min-width:767px) {
	.page-template-page-transaction .wrapper, .page-template-page-beneficiary .wrapper, 
	.page-template-transaction-history .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%;
    }
    
}

@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 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.personal-details .elementor-icon-box-icon {
    display: flex !important;
    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;
    }
}