/*@media screen and (device-aspect-ratio: 40/71) {

    .step-5 {
        top: 635px;
        right: 245px;
    }

    .step-content-5 {
        position: absolute;
        top: 680px;
        right: 155px;
    }
}
*/


@media(max-width: 400px) {
    .toggle {
        padding-top: 10px;
    }
}

@media (max-width: 599px){

    .get-more {
        display: flex;
        justify-content: center;
    }



    .what-it-gives-start-btn {
        margin-bottom: 6em;
        text-align: center;
        margin-top: 2rem !important;
    }

    .career-box {
        height: unset;
    }

    .career-image img {
        margin-bottom: 0;
    }


    .aboutUs-section-2-items {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 10em;
    }

    .items-card {
        margin: 0 auto;
        width: 45%;
        text-align: center; 
        margin-bottom: 2rem;
    }



    .blogPageSmallBannerFooter {
        width: 100%;
        align-items: center;
        margin-top: 1.5rem;
    }


    .new-steps {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .new-step-item {
        width: 45%;
        padding: 1rem 0.5rem;
    }

    .step-item {
        color: #E0AA1A;
        border: none;
        height: auto;
        text-align: center;
    }

    .caption-item {
        /*max-width: 145px;*/
    }

        .caption-item h3 {
            font-size: 10px;
            font-family: "Montserrat";
            font-weight: 700;
            color: #2683DE;
        }

    .caption-item-content p {
        color: #9E9C9C;
        font-size: 10px;
    }




   .termsAndConditions {
        padding: 0 15px;
    }    

    .dictionary {
        padding: 0 15px;
    }

    .mb-whatitgive {
        margin-top: -3em !important;
    }

    .mt-whatitgives {
        margin-top: 2em !important;
    }


    .about-us-card-txt {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 61px;
        text-align: center;
        color: #E0AA1A;
        position: absolute;
        top: -6%;
        background: #fff;
        left: 12%;
    }

    .aboutUsCard .text-1 {
        margin-bottom: 1.250em;
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 24px;
        text-align: center;
        color: #2E75B9;
        margin-top: 2rem;
        padding: 0;
    }

        .aboutUsCard {
        width: 32.25%;
        height: unset;
        padding: 6px 10px;
        display: flex;
        justify-content: center;
        align-items: normal; 
        position: relative;
        border: 1px solid #2683DE;
        box-sizing: border-box;
        border-radius: 4px;
    }







/*
    .numbers-caption {
        font-size: 12px;
        line-height: 0px;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .numbers__inner {
        width: 100%;
        height: unset;
        margin-top: -6rem;
        margin-bottom: 2rem;
    }

    .numbers-content {
        display: flex;
        justify-content: center;
    }

    .numbers-item {
        border-radius: 4px;
        padding: 0px 0px;
        margin-right: 3px;
    }

    .numbers-content h2 {
        font-size: 1rem;
        margin-bottom: 3px;
        margin-top: 2px;
    }*/


    .inloya-visa-footer-text, .inloya-visa-footer-link {
        width: 130px;
    }

    .main-container-infographics 
    {
        top: 10px;
        width: 100%;
        margin-left: 15px;
    }
}

@media(max-width: 1000px) {
    .pressCaption {
        margin: 30px 0 50px 0;
        font-size: 20px;
        line-height: 47px;
    }

    .pressLinks-container {
        height: auto;
    }


    .pressImg {
        width: 100%;
    }

    .pressLinks-container {
        padding: 10px 0;
        align-items: start;
    }

    .pressLink {
        flex-direction: column;
    }

        .pressLink a {
            font-size: 12px;
        }

        .pressLink span {
            padding-left: .9em;
            font-size: 12px;
        }
}

@media(min-width: 1001px) and (max-width: 1200px) {
    .pressLink a {
        font-size: 16px;
        left: 10%;
    }

    .pressLink span {
        font-size: 14px;
    }
}











@media(min-width: 591px) and (max-width: 995px) {
   /* .numbers-caption {
        font-size: 25px;
    }

    .numbers-content h2 {
        font-size: 30px;
    }*/

    .start-btn {
        top: 30px;
        font-size: 20px;
    }

    .chart-svg {        
        margin: 8rem 0;
    }

    .chart-title {
        font-size: 20px;
        margin-top: -4rem;
    }

    .chart {
        width: 100%;
    }
}






@media(max-width: 991px) {

    /* --------------------------------------------------------NaVbar-CSS-MeDia----------------------------------------- */
    .lang {
        display: none;
    }

    .get-more {
        display: flex;
        justify-content: center;
    }

    .arrow-step-img.active {
        transform: translate(0px,0px);
        opacity: 1;
    }

    .contact-us-submit {
        margin-bottom: 1.4rem;
    }


    .visa-pricing {
        padding: 1rem .8rem;
        margin-bottom: 2rem;
    }

    .visa-title-dark h4, .visa-title h4 {
        font-size: 1.4rem;
    }

    .visa-price span {
        font-size: 1.6rem;
    }

    .resp-image {
        width: 40% !important;
    }

    .inloya-logo {
        width: 45% !important;
    }



    .how-it-works {
        display: none;
    }

    .how-it-works-mob {
        background-color: #DCF0F9;
    }


    .step-item {
        justify-content: center;
        padding: 0;
        margin: 2rem 0;
        margin-left: 8px;
    }

    .step-content:before {
        left: -100px;
        /*width: 60%;*/
    }

    .block-item {
        margin: 2rem 0;
        padding: 0;
    }

    .arrow-step-img {
        transform: translate(0px, -20%);
    }

    .step-text {
        font-size: 15px;
        margin: 0 5px;
    }

    .step-caption {
        font-size: 19px;
    }

    .steps {
        margin-right: 0;
        /*margin-left: 0;*/
    }

    .step-content {
        width: 100%;
        padding: 1rem;
        padding-right: 0;
    }

    .step-count {
        margin: 2.8rem 1rem;
    }

    .step-count  h4{
        font-size: 25px;
        padding: 10px 20px;
    }








    ul.select > li {
        padding: 0 5px;
    }

    ul.select {
        display: block;
        top: 160px;
        /*margin-left: 21px;*/
    }

    .select li {
        display: inline-block;
        opacity: .75;
    }

        .select li a {
            color: #e7e7e7;
        }

    .menu-item.active {
        opacity: 1;
    }

    .mob-no-padding {
        padding: 0;
    }

    .mobile-div {
        width: 100%;
        position: relative;
        background: #2683de;
        z-index: 99999999999;
    }

    .mobile-logo {
        display: inline-block;
        padding: 10px 28px;
    }

    .web-logo {
        display: none !important;
    }

    a.mobile-logo img {
        width: 100%;
    }

    .toggle {
        position: absolute;
        top: -10px;
        right: 20px;
        /*  padding-right: 28px;*/
        display: block;
        padding-top: 20px;
    }

    .main-nav__list {
        display: inline;
    }










    .main-nav__item {
        text-align: right;
        margin: unset;
        font-size: 16px;
        line-height: unset;
        margin-bottom: 16px;
        vertical-align: top;
        padding-right: 14px;
    }

        .main-nav__item .main-nav__link {
            color: #fff;
        }

    .main-nav-item__tariff {
        background: transparent;
        position: unset;
        height: unset;
    }
    .main-nav-item__wallet {
        background: transparent;
        position: unset;
        height: unset;
    }

        .main-nav-item__tariff .main-nav__link {
            color: #E0AA1A;
            padding: unset;
        }
    .main-nav-item__wallet .main-nav__link {
        color: #1696FF;
        padding: unset;
    }

    .main-nav-login__btn {
        padding: 8px 0;
    }

    div.main-nav {  
        background: #2683de;
        background: url('../image/Union.svg');
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100%;
        transform: translateY(-350px);
        position: absolute;
        -webkit-transition: all 0.6s ease-out;
        -moz-transition: all 0.6s ease-out;
        -o-transition: all 0.6s ease-out;
        -ms-transition: all 0.6s ease-out;
        transition: all 0.6s ease-out;
        z-index: 999999;
    }

    .select-lang-div .main-nav-language {
        height: unset;
        margin: 5rem 0;
    }

    .mobile-navbar-social-icon {
        display: block;
        position: absolute;
        bottom: 30%;
    }

    .mobile-not-show {
        display: none;
    }




    .contact-us .contact-us-input {
        margin-bottom: 0;
        width: 21%;
        display: contents;
    }









    .contact-us {
        flex-wrap: wrap;
        height: 100%;
        padding: 0 20px;
    }

    .contact-us-input {
        margin-bottom: 1em;
    }

    .contact-us-input, .contact-us-submit {
        width: 100%;
    }

        .contact-us-input input {
            width: 100%;
        }

    .contact-us-submit-p {
        padding-bottom: 55px;
    }


    .feedback {
        margin-bottom: 2em;
    }

    .inloya-visa-footer-text-1 {
        font-size: 10px;
    }

    /* ----------------------------------------------------------Send-Request-Media--------------------------------------- */
    .bd-example-modal-lg {
        margin-top: 5em;
    }



    .iti {
        display: block !important;
        width: 100%;
    }


    .contact-us-submit button {
        width: 100%;
    }

    .section-what-it-gives .wave {
        height: unset !important;
    }
}

@media(max-width: 599px) {
    div.main-nav {
        height: 315px;
    }
    /* ---------------------------------------------------InDex.hTML-CSS-MeDia----------------------------------------- */



    .feedback-phone-section {
        margin-top: 0;
        display: block;
        justify-content: center;
        border-radius: 5px;
    }

        .feedback-phone-section button {
            margin-top: 1em;
        }


    a.mobile-logo img {
        width: 50%;
    }

    .mobile-logo {
        width: 60%;
    }

    .add-padding-top {
        padding-top: 42px;
    }

    .main-header-caption {
        margin-top: unset;
        padding-left: 13px;
        width: 100%;
    }

        .main-header-caption h4 {
            font-size: 16px;
        }

    .main-header-btn-list .main-header-btn:not(last-child) {
        margin-top: 30px;
    }

    .main-header-btn a {
        font-size: 6px;
        border-radius: 4px;
        margin-left: 0;
    }

    .bg-color-btn, .border-outline {
        padding: 7px 12px;
        border-radius: 4px;
    }

    .border-outline {
        padding: 5.5px 8.5px;
        border: 1.5px solid #2683DE;
        margin-left: 5px;
    }

    .caption {
        line-height: 12px;
        text-align: center;
    }

    .infographic-info h4 {
        font-size: 12px;
    }

    .caption h4 {
        font-size: 16px;
    }

    .caption span {
        font-size: 10px;
    }

    .info-graphic-btns {
        top: -20%;
        width: 90%;
    }

    .infographic-info {
        width: 55%;
        margin-top: 1.5em;
    }

        .infographic-info img {
            height: 165px;
            margin-top: 1em;
        }

    .main-container-2 {
        padding: 0 0px;
        justify-content: space-evenly;
        text-align: center;
    }

    .main-container-link {
        font-size: 10px;
    }

    .item-image {
        text-align: center;
        padding: 1em;
    }

    .item-onchange-container {
        margin: 1em 0 3em 0;
    }

    .item-container-1 img, .item-container-2 img, .item-container-3 img, .item-container-4 img, .item-container-5 img {
        width: 90%;
    }

    .item-text {
        margin: -0.3em .9em;
        text-align: center;
    }

        .item-text h4 {
            font-size: 16px;
        }

        .item-text p {
            font-size: 10px;
        }

    .calculator {
        top: unset;
    }

    .main-calculator {
        justify-content: center;
    }

    .calculator-list,
    .input-list {
        padding: 16px 16px;
    }

    .calculator_caption {
        text-align: center;
        position: unset;
    }

        .calculator_caption h4 {
            font-size: 16px;
            margin-bottom: -35px;
        }

        .calculator_caption span {
            font-size: 10px;
            margin-bottom: unset;
        }

    .add-margin-top {
        margin: 18px 0 6px 0;
    }

    .exchange {
        font-size: 14px !important;
    }

    .calculator-list p {
        font-size: 10px;
        margin-bottom: 0;
    }

    .calculator-list span {
        font-size: 12px;
    }

    .section_calculator {
        position: relative;
    }

    .calculator {
        width: 63%;
        height: unset;
        padding-bottom: 10px;
        margin-top: 30px;
    }

    #range,
    #ran,
    #range-3 {
        height: 10px;
        margin: 8px 0 16px 0;
    }

        #ran .ui-slider-handle,
        .ui-state-default,
        .ui-widget-content .ui-state-default,
        .ui-widget-header .ui-state-default,
        #range .ui-slider-handle,
        .ui-state-default,
        .ui-widget-content .ui-state-default,
        .ui-widget-header .ui-state-default,
        #range-3 .ui-slider-handle,
        .ui-state-default,
        .ui-widget-content .ui-state-default,
        .ui-widget-header .ui-state-default {
            width: 16px;
            height: 16px;
        }

    .go-back-btn {
        padding: 7px 17px;
        border-radius: 4px;
        font-size: 8px;
    }

    .next_btn,
    .done-btn {
        font-size: 8px;
        padding: 7px 27px;
        border-radius: 4px;
    }

    .start-btn-link {
        font-size: 6px;
        border-radius: 4px;
        padding: 8px 20px;
    }

    .calculator-2-caption p,
    .calculator-3-caption p {
        font-size: 12px;
    }

    .calculator-2-caption,
    .calculator-3-caption {
        margin-top: 1em;
    }

    .input-item label {
        font-size: 8px;
    }

    .input-item input {
        padding: 8px;
    }

    .input-list .input-item:not(:first-child) {
        margin-top: 1em;
    }

    .list-name {
        font-size: 13px;
    }

    .list .list-item .plus,
    .percent,
    .percent-sign {
        font-size: 16px;
    }

    .progress-bar-name {
        font-size: 9px;
        left: -31%;
    }

    .progress-bar-before {
        width: 50%;
        padding-top: 3px;
        font-size: 8px;
        height: unset;
    }

    .progress-bar-after {
        font-size: 8px;
        padding-top: 3px;
        width: 65%;
        height: unset;
    }

    .start-btn {
        position: unset;
        margin: 4em 0 2.5em 0;
    }

        .start-btn h4 {
            font-size: 12px;
            margin-bottom: 10px;
        }

    .chart-title {
        font-size: 12px;
    }

    .slider-caption {
        margin-top: 5em;
        margin-bottom: 1em;
    }

        .slider-caption h4 {
            font-size: 12px;
        }

    .first-slider-item {
        background: #FFFFFF;
        box-shadow: -4px 4px 8px rgba(6, 81, 154, 0.05);
        border-radius: 8px;
    }

    .order-2 {
        order: 2;
    }

    .order-1 {
        order: 1;
    }

    .first-slider {
        width: 63%;
    }

    .slide-text-caption {
        font-size: 10px;
    }

    .slide-text-caption-2 {
        font-size: 6px;
    }

    .slide-explain-text {
        font-size: 6px;
        line-height: 9px;
    }

    .slide-image {
        margin-top: 1em;
        background-size: 100px 100px;
        background-position-x: 45%;
        width: 100%;
        height: 150px;
    }

    .custom-review {
        top: 30.2%;
        left: 30.3%;
        width: 85px;
        height: 73px;
    }

    .slide-text {
        padding: 30px 20px;
        background-position: 35% 70%;
        background-size: 80%;
        height: 20vh;
    }

    .slick-arrow img {
        width: 16px;
        height: 26px;
    }

    .arrow_prev {
        left: 12%;
    }

    .arrow_next {
        right: 12%;
    }

    .chart {
        width: 100%;
        margin-top: unset;
        margin-left: auto;
        margin-right: auto;
        position: unset;
    }

    .chart-title {
        font-size: 12px;
    }

    .chart img {
        width: 90% !important;
    }

    .start-now-caption-and-btn {
        display: none;
    }

    .brands-caption h4 {
        font-size: 16px;
    }

    .brands-caption {
        margin-top: unset;
    }

    .brands-list {
        display: inline-block;
    }

    .brands-item {
        width: 48%;
        padding: 1em;
        display: inline-block;
        text-align: center;
        margin: 1em 0;
        height: unset;
    }

        .brands-item img {
            width: 70%;
        }

    .footer-slider {
        margin-bottom: 2.5em;
        width: 100% !important;
    }

    .footer-slider-item {
        width: 150px;
        height: unset;
        margin-left: 20px;
        padding: 1em;
    }

    .footer-slider-caption {
        margin-bottom: 2em;
    }

        .footer-slider-caption h4 {
            font-size: 16px;
        }

    .first-footer-lists {
        display: unset;
    }

    .footer-list-item {
        width: 100%;
        display: inline-block;
        padding-left: 14px;
    }

    .list-item a {
        font-size: 12px;
    }

    .footer-list-caption {
        margin-top: 25px;
    }


    .footer-logo img {
        width: 100%;
    }

    .footer-logo {
        width: 36.5%;
        margin: .5em;
    }

    .section-footer {
        position: relative;
    }

    .stores-logo {
        text-align: center;
        position: absolute;
        right: 0;
        top: 18px;
    }

    .stores-list {
        justify-content: center;
        margin-left: 120px;
    }

    .stores-item {
        width: 30.5%;
    }

        .stores-item:not(:first-child) {
            margin-left: 14px;
        }

        .stores-item img {
            width: 100%;
        }

    .footer-left-section {
        margin: 0 0 0 11px;
    }

        .footer-left-section p {
            font-size: 8px;
            margin-top: 15px;
        }

    .footer-right-section {
        margin: 0;
    }

    .right-footer-list {
        padding-left: 0;
        text-align: center;
        margin-right: 0;
        margin-bottom: 0;
        margin-top: 0;
    }

    .right-footer-item a {
        font-size: 8px;
    }

    .right-footer-item {
        margin: 0;
    }

        .right-footer-item:not(:last-child) {
            margin-right: 10px;
        }

    .inloya-visa-footer-text span {
        font-size: 8px;
    }

    .brands-caption {
        margin-bottom: unset;
    }
    /* -------------------------------------------PRICING.HTML-CSS-MeDia------------------------------------------*/
    .tariff-box {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2em;
    }

        .tariff-box:before {
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
        }

    .see-all-feature {
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
    }

    .plans-box {
        margin-left: auto;
        margin-right: auto;
        width: 75%;
        border-radius: 7px;
    }

    .plans-content {
        padding: 45px 25px;
    }

        .plans-content .toggle-button-cover {
            top: -9px;
            left: -41px;
        }

    .plans-btn-group {
        display: unset;
    }

    .btn-link {
        width: unset;
        height: unset;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 17px;
        text-align: center;
        border: unset;
        padding: unset;
        color: #AAAAAA;
        margin-bottom: 15px;
    }

        .btn-link:hover {
            border: unset;
        }

    .plans-btn-group .btn-link:first-child {
        border: unset;
        font-size: 16px;
    }

    .checkmark {
        margin-top: 6px;
    }

    span.label {
        font-size: 10px;
        display: block;
    }

    span.checkbox-price {
        font-size: 8px;
    }

    .checkbox-text {
        padding-right: unset;
        font-size: 8px;
    }

    .plan-caption {
        font-size: 12px;
    }

    .on-off-btn-txt {
        position: relative;
        margin-bottom: 3em;
        bottom: -25px;
        right: -31px;
    }

    .layer-disabled {
        position: absolute;
        top: 0;
        right: unset;
        left: unset;
        bottom: 0;
        background-color: #fff;
        width: 65%;
        height: auto;
        z-index: 5;
        opacity: .75;
        border-radius: 7px;
    }

    .send-request a {
        padding: unset;
    }

    .billed-monthly {
        margin-top: 2.5em;
    }

    .billed-monthly-content {
        padding: 41px 15px 38px 15px;
    }

    .section-accordion-table table p {
        padding: 14px 0 14px 12px;
        font-size: 10px;
    }

    .datarow td:first-child {
        padding-left: 4em;
        font-size: 8px;
    }

    #see-all-feature .modal-title {
        font-size: 10px;
    }

    .no-padding {
        padding: 0;
    }

    .tooltip {
        margin-left: 3px;
    }

    .tableheader th:nth-child(1) {
        padding-left: 2em;
    }
    /* ------------------------------------------------InLoya-ViSa-CSS-MeDia----------------------------------------- */
    .visa-header-top {
        height: 79px;
    }

    .inloya-visa-logo {
        width: 100%;
        margin: 20px 0 14px 0;
    }

    .inloya-visa-infographic-text {
        padding-top: 2em;
    }

        .inloya-visa-infographic-text h4 {
            font-size: 14px;
            line-height: 20px;
        }

        .inloya-visa-infographic-text .border-outline {
            font-size: 8px;
        }

        .inloya-visa-infographic-text p {
            font-size: 8px;
            line-height: 15px;
        }

    .inloya-visa-start-btn {
        font-size: 8px;
        padding: 7px 12px;
    }

    .visa-infographics {
        width: 100%;
        margin-top: 3rem;
    }

        .visa-infographics img {
            width: 100%;            
        }

    .what-it-gives h4 {
        font-size: 21px
    }

    .what-it-gives p {
        font-size: 12px;
    }

    .what-it-gives-infographics-item {
        /* width: 49%;*/
        margin-left: 0;
    }

        .what-it-gives-infographics-item:not(:first-child) {
            margin-left: 0;
        }

        .what-it-gives-infographics-item img {
            width: 100%;
            height: 191px;
        }

        .what-it-gives-infographics-item p {
            font-size: 8px;
        }

    .what-is-inloya {
        width: 100%;
    }

        .what-is-inloya img {
            width: 100%;
        }

    .what-is-inloya-text h4 {
        font-size: 20px;
        line-height: 28px;
    }

    .what-is-inloya-text p {
        font-size: 8px;
    }

        .what-is-inloya-text p br {
            display: none;
        }

    .how-it-work-list {
        display: unset;
    }

    .how-it-works-text {
        text-align: center;
    }

    .how-it-work-list .how-it-work-item:nth-child(odd) {
        margin-left: unset;
        margin-bottom: 3em;
    }

    .how-it-work-list .how-it-work-item:nth-child(even) {
        margin-top: 5em;
        margin-bottom: 5em;
    }

    .how-it-work-item {
        width: 100%;
    }

    .how-it-work-list .how-it-work-item:not(:last-child):not(:last-child):after {
        content: url('../image/icon/inloya-visa-triangle.png');
        transform: rotate(90deg);
        top: 110%;
        left: 46%;
    }

    .how-it-work-list .how-it-work-item:nth-child(even):not(:last-child):after {
        content: url('../image/icon/inloya-visa-triangle.png');
        top: 110%;
        left: 46%;
        transform: rotate(90deg);
    }

    .how-it-work-item {
        text-align: center;
    }

    .inloya-visa-14-country-text h4 {
        font-size: 20px;
    }

        .inloya-visa-14-country-text h4 br {
            display: none;
        }

    .inloya-visa-14-country-text p {
        font-size: 8px;
    }

        .inloya-visa-14-country-text p br {
            display: none;
        }

    .flag-list {
        text-align: center;
    }

    .flag-item {
        margin: 0 23px 30px 0;
    }

    .order-first-col {
        order: -1 !important;
    }

    .advantage-text {
        text-align: center;
    }

        .advantage-text p {
            margin-bottom: 3em;
        }

    .advantage-icon p {
        font-size: 8px;
    }

    .advantage-icon {
        margin-left: 10px;
    }

    .inloya-visa-footer-text span {
        font-size: 9px;
        line-height: 10px;
    }

        .inloya-visa-footer-text span br {
            display: none
        }

    .inloya-visa-footer-link a {
        font-size: 8px;
    }

    /* --------------------------------------Messages-pages-media------------------------------------- */
    .page-image {
        width: 100%;
    }

        .page-image img {
            width: 100%;
        }

    /* --------------------------------------InLoya-ReGisTraTion-CSS-MeDia------------------------------*/
    .logo-left-side {
        width: 100%;
        background-repeat: unset;
    }

        .logo-left-side img {
            width: 100%;
            margin: 58px 0 0 0;
            padding: 10px;
        }

    .padding-right {
        padding-right: unset;
    }

    .registration-caption h4 {
        font-size: 16px;
        line-height: 25px;
        margin-top: 1em;
    }
    /* ------------------------------------------------------------FAQ.CSS-MeDia-------------------------------------------- */
    .help-center-items {
        position: unset;
        margin-bottom: 2em;
    }

    .question h4, .answer-caption h4 {
        font-size: 10px;
    }

    .answer-caption {
        padding: 12px 24px 0 24px;
    }

    .answer-body p {
        padding-top: 0px;
        font-size: 8px;
    }

    .help-center-container {
        padding: 0 1em 5em 1em;
    }

    .wrapper-caption {
        margin-top: 2em;
    }
    /* ----------------------------------------------------------Send-Request-Media--------------------------------------- */
    .bd-example-modal-lg .modal-body {
        padding: 0 2em;
    }

    .send-request-input-list {
        display: unset;
    }

    .send-request-input-item input {
        width: 100%;
    }

    .bd-example-modal-lg .modal-header {
        padding: 22px 20px 22px 0;
    }

    .bd-example-modal-lg .close {
        padding-right: 20px;
        top: 10px;
    }

    .bd-example-modal-lg .close {
        padding-right: 30px;
        top: 10px;
    }
    /*    -----------------------------------------------------------What-It-Gives-Media----------------------------------------------*/
    .section-container {
        padding: 0 14px;
    }

    .what-it-gives-text h4 {
        font-size: 21px;
    }

    .what-it-gives-text p {
        font-size: 13px;
        margin: 0;
        white-space: normal;
    }


    .what-it-gives-text {
        margin-top: -4.3rem;
       
    }

    .column-order-change-responsive-sizes {
        order: 2;
    }

    .what-it-gives-img img {
        padding: 2.5em;
        /*padding-top: 0;*/
    }


    .what-it-gives-img {
        width: 100%;
        height: unset;
        margin-top: -2em
    }

    .what-it-gives-img-explain-text {
        margin-bottom: 0;
        padding-bottom: 0;
        /*padding-top: 3rem;*/
        text-align: center;
    }

    .simple-pages-row {
        padding-bottom: 3rem !important;
    }

    .what-it-gives-img-explain-text p {
        font-size: 13px;
    }

    .what-it-gives-start-btn h4 {
        font-size: 23px;
    }

    .what-it-gives-start-btn a {
        padding: 10px 20px;
        font-size: 10px;
    }
}

@media(min-width: 600px) and (max-width: 991px) {
    .section-header-fixed {
        background-color: #2683de;
    }

    div.main-nav {
        height: auto;
    }

    .what-it-gives-infographics-list {
        flex-wrap: wrap;
    }

    .mobile-logo {
        width: 25%;
    }

    .mobile-not-show {
        display: none !important;
    }

    .main-header-caption {
        margin: 0;
        padding-bottom: 1em;
    }

        .main-header-caption h4 {
            font-family: Montserrat;
            font-style: normal;
            font-weight: bold;
            font-size: 30px;
        }

    .main-header-btn a {
        font-size: 8px;
    }

    .add-padding-top {
        padding-top: 2em;
    }






    .caption {
        margin: 6rem;
        text-align: center;
    }

        .caption h4 {
            font-size: 20px;
            margin-top: 2em;
        }

        .caption span {
            font-size: 12px;
        }

    .main-header-btn a,
    .border-outline {
        font-size: 10px !important;
        border-radius: 8px;
    }

    .border-outline {
        padding: 7px 10px;
        margin-left: 0;
    }

    .bg-color-btn {
        padding: 10px 14px;
    }

    .main-container-infographics {
        margin-bottom: 3em;
    }

    .main-header-caption {
        margin-top: unset;
        margin-left: .8em;
    }

    .infographic-info img
    .info-graphic-btns {
        top: -15%;
        width: 65%;
        left: 20%;
    }

    .info-graphic-btns {
        width: 70%;
    }

    .infographic-info {
        width: 35%;
        height: 150px;
    }

        .infographic-info img {
            height: 210px;
        }

        .infographic-info h4 {
            font-size: 14px;
            margin-top: 2em;
        }

    .main-container-link {
        font-size: 12px;
    }

    .item-container-1 img,
    .item-container-2 img,
    .item-container-3 img,
    .item-container-4 img,
    .item-container-5 img {
        max-width: 75.45%
    }

    .item-text h4 {
        font-family: Montserrat;
        font-size: 16px;
        margin-top: 10px;
    }

    .item-text p {
        font-weight: 500;
        font-size: 12px;
    }

    .item-onchange-container {
        text-align: center;
    }

    .main-calculator {
        justify-content: flex-end;
    }

    .calculator {
        top: -170px;
    }

    .calculator-list,
    .input-list {
        padding: 27px 30px;
    }

    .calculator_caption {
        text-align: left;
        position: absolute;
        top: -140px;
        left: unset;
    }

        .calculator_caption h4 {
            font-size: 16px;
            margin-bottom: -5px;
        }

        .calculator_caption span {
            font-size: 12px;
            margin-bottom: unset;
        }

    .add-margin-top {
        margin: 18px 0 6px 0;
    }

    .exchange {
        font-size: 14px;
    }

    .calculator-list p {
        font-size: 8px;
        margin-bottom: 0;
    }

    .calculator-list span {
        font-size: 12px;
    }

    .section_calculator {
        position: relative;
    }

    .calculator {
        width: 100%;
        height: unset;
        padding-bottom: 10px;
    }

    #range,
    #ran,
    #range-3 {
        height: 10px;
        margin: 0px 0 16px 0;
    }

        #ran .ui-slider-handle,
        .ui-state-default,
        .ui-widget-content .ui-state-default,
        .ui-widget-header .ui-state-default,
        #range .ui-slider-handle,
        .ui-state-default,
        .ui-widget-content .ui-state-default,
        .ui-widget-header .ui-state-default,
        #range-3 .ui-slider-handle,
        .ui-state-default,
        .ui-widget-content .ui-state-default,
        .ui-widget-header .ui-state-default {
            width: 16px;
            height: 16px;
        }

    .next_btn,
    .done-btn,
    .start-btn-link {
        font-size: 6px;
        padding: 7px 32px;
    }

    .calculator-2-caption p,
    .calculator-3-caption p {
        font-size: 12px;
    }

    .calculator-2-caption,
    .calculator-3-caption {
        margin-top: 1em;
    }

    .input-item label {
        font-size: 8px;
    }

    .input-item input {
        padding: 8px;
    }

    .input-list .input-item:not(:first-child) {
        margin-top: 1em;
    }

    .list-name {
        font-size: 13px;
    }

    .list .list-item .plus,
    .percent,
    .percent-sign {
        font-size: 16px;
    }

    .progress-bar-name {
        font-size: 9px;
        left: -31%;
    }

    .progress-bar-before {
        width: 50%;
        height: 20px;
        font-size: 8px;
        margin-bottom: 1.3em;
    }

    .progress-bar-after {
        font-size: 8px;
        width: 65%;
        height: 20px;
    }

    .start-btn h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .start-btn {
        /*top: -130px;*/
    }

    .slider-caption {
        margin-top: 5em;
        margin-bottom: 1em;
    }

        .slider-caption h4 {
            font-size: 12px;
        }

    .first-slider-item {
        background: #FFFFFF;
        box-shadow: -4px 4px 8px rgba(6, 81, 154, 0.05);
        border-radius: 8px;
    }

    .slide-text-caption {
        font-size: 10px;
    }

    .slide-explain-text {
        font-size: 6px;
        line-height: 9px;
    }

    .first-slider {
        width: 63%;
    }

    .slide-text-caption {
        font-size: 10px;
    }

    .slide-text,
    .slide-image {
        height: 120px;
    }

    .slide-text {
        padding: 10px;
    }

    .custom-review {
        width: 40%;
        height: unset;
        border-radius: 56% 46% 50% 51% / 58% 25% 77% 44%;
        position: absolute;
        left: 30%;
        top: 15%;
    }

    .order-2 {
        order: 1;
    }

    .order-1 {
        order: 2;
    }

    .chart {
        width: 100%;
        margin-top: unset;
        margin-left: auto;
        margin-right: auto;
        position: unset;
    }

        .chart img {
            width: 100% !important;
        }

    .chart-title {
        font-size: 20px;
    }

    .start-now-caption-and-btn {
        display: none;
    }

    .brands-caption h4 {
        font-size: 16px;
    }

    .brands-caption {
        margin-top: unset;
    }

    .brands-list {
        display: inline-block;
    }

    .brands-item {
        width: 18%;
        height: unset;
        margin: 1em 0;
        padding: unset;
        display: inline-block;
        text-align: center;
    }

        .brands-item img {
            width: 35%;
        }

    .w-width {
        width: 100%;
    }

    .footer-slider-item {
        max-width: 150px;
        max-height: 150px;
        padding: 1em;
    }

    .footer-slider-caption {
        margin-top: 10em;
        margin-bottom: 2em;
    }

        .footer-slider-caption h4 {
            font-size: 16px;
        }

    .order-1 {
        order: unset;
    }

    .order-2 {
        order: unset;
    }

    .first-footer-lists {
        display: unset;
    }

    .footer-list-item {
        width: 100%;
        display: inline-block;
        padding-left: 14px;
    }

    .list-item a {
        font-size: 12px;
    }

    .footer-list-caption {
        margin-top: 25px;
    }


    .footer-logo img {
        width: 100%;
    }



    .section-footer {
        position: relative;
    }

    .stores-logo {
        text-align: center;
        position: absolute;
        top: 25%;
    }

    .stores-item {
        width: 30.5%;
    }

        .stores-item:not(:first-child) {
            margin-left: 14px;
        }

        .stores-item img {
            width: 100%;
        }

    .footer-left-section p {
        font-size: 12px;
        margin-top: 15px;
    }

    .footer-right-section {
        margin: 0;
    }

    .right-footer-list {
        padding-left: 0;
        text-align: right;
        margin-right: 0;
        margin-bottom: 0;
        margin-top: 1.2em;
    }

    .right-footer-item a {
        font-size: 12px;
    }

    .right-footer-item {
        margin: 0;
    }

        .right-footer-item:not(:last-child) {
            margin-right: 10px;
        }

    .inloya-visa-footer-text span {
        font-size: 12px
    }

    /* -------------------------------------------PRICING.HTML------------------------------------------*/

    .tariff-box {
        width: 100%;
        margin-bottom: 2em;
    }

    .see-all-feature a {
        font-size: 10px;
    }

    .buy-now a,
    .send-request a {
        font-size: 10px;
    }

    .buy-now,
    .send-request {
        text-align: center;
    }

    .btn-link {
        font-size: 9px;
        padding: 10px 40px;
        width: unset;
        height: unset;
        line-height: unset;
    }

    .checkbox-text {
        padding-right: 0;
    }

    .billed-monthly {
    }

    .billed-monthly-content {
        padding: 41px 15px 38px 15px;
    }

    .billed-text {
        font-size: 12px;
    }

    .billed-price {
        font-size: 18px;
    }

    .estimated-cost {
        font-size: 12px;
    }

    .promocode {
        width: 100%;
        padding: 15px 10px;
    }

        .promocode::placeholder {
            font-size: 10px;
        }

    .apply {
        font-size: 10px;
    }

    .billed-monthly-box-buy-btn a {
        font-size: 10px;
    }

    .price-breakdown {
        font-size: 10px;
    }
    /* ----------------------------------------------------Inloya-ViSa-CSS-MeDia----------------------------------- */
    .inloya-visa-logo {
        width: 50%;
    }

    .what-is-inloya img {
        width: 100%;
    }

    .advantage-text h4 {
        font-size: 20px;
    }

    .advantage-text p {
        font-size: 14px;
    }

    .advantage-icon {
        margin-left: unset;
    }

    .what-it-gives-infographics-item {
        width: 47%;
    }

    .flag-item {
        margin: 0px 0 -13px 6px;
    }

    .flag img {
        width: 100%;
    }

    .hover-show-text {
        font-size: 8px;
    }
    /* ------------------------------------------------------------FAQ.CSS-MeDia-------------------------------------------- */
    .help-center-items {
        position: unset;
        margin-bottom: 2em;
    }
    /* ------------------------------------------------------------Send-Request-Media---------------------------------------- */
    .bd-example-modal-lg .modal-body {
        padding: 0 1em;
    }
    /*-------------------------------------------------------------What-It-GiVes----------------------------   */
    .what-it-gives-text p {
        font-size: 12px;
    }

    .what-it-gives-img-explain-text p {
        font-size: 10px;
    }

    .what-it-gives-img-explain-text {
        padding-top: unset;
    }

    .what-it-gives-start-btn h4 {
        font-size: 25px;
    }

    .what-it-gives-start-btn a {
        padding: 10px 20px;
        font-size: 10px;
        border-radius: 4px;
    }

    .what-it-gives-start-btn {
        margin-bottom: 5em;
    }

    .section-what-it-gives .wave {
        height: unset !important;
    }
}

@media(min-width: 768px) and ( max-width: 991px) {
    .infographic-info {
        margin-top: 1.5em;
    }
}

@media(min-width: 992px) and (max-width: 1080px) {

    .main-header-caption h4 {
        /*padding-left: .7em;*/
    }


}

@media(min-width: 992px) and (max-width: 1200px) {
    .mobile-div {
        width: 100%;
    }

    .calculator {
        top: -270px;
    }

    .calculator_caption {
        top: -45%;
    }

    .calculator-list {
        list-style: none;
        padding: 10px 70px;
        margin-bottom: 0;
    }

    .footer-logo img {
        width: 100%;
    }

    .inloya-visa-footer-text span {
        font-size: 14px;
    }

    .first-footer-lists {
        margin-bottom: 2em;
    }
    /* -----------------------------------------------------InLoya-Visa-CSS-MeDia--------------------------------- */
    .what-it-gives-infographics-item {
        width: 30%;
    }
}

@media(min-width: 1800px) {
    .brands-item {
        width: 16%;
        height: 200px;
    }
}




@media(max-width: 991px) {
    .mobile-order {
        order: 2;
    }

    .career-caption {
        padding: 1em 0 1em 0;
    }

    .career-image {
        margin-bottom: 1em;
    }

    .join-us-candidate h6 {
        font-size: 22px;
    }

    .join-us-candidate p {
        font-size: 18px;
    }

    .accordion-caption {
        margin-top: 3.125em;
    }

    .accordion-container, #description {
        width: 100%;
        margin: 1.875em 0em;
    }

    .upload-cv {
        justify-content: space-between;
    }

    .upload-btn {
        margin-left: 0;
    }
}
/*---------------------------------------------------------------OurTeam-Css-------------------------------------------*/
@media(max-width: 991px) {
    .ourTeam-caption {
        padding: 0.875em 0 2.563em 0;
    }

        .ourTeam-caption h4 {
            margin-bottom: 0;
            font-size: 20px;
        }

    .caption-subtext p {
        margin-bottom: 2.500em;
        font-size: 17px;
        line-height: 22px;
    }

    .ourTeam-caption-2 p {
        font-size: 16px;
    }

    .card-wrapper {
        margin: 0;
        justify-content: space-between;
    }

    .ourTeam-card {
        width: 163px;
        height: 216px;
        margin-right: 0;
    }

    .ourTeam-card-img {
        width: 100%;
        height: 125px;
    }

    .ourTeam-card-footer {
        height: 91px;
        padding: 0 0.813em;
    }

        .ourTeam-card-footer h6 {
            font-size: 13px;
            line-height: 16px;
        }

        .ourTeam-card-footer span {
            font-size: 12px;
            line-height: 15px;
        }

    .exTeam-caption p {
        font-size: 16px;
        line-height: 20px;
    }
}
/*---------------------------------------------------------------blogBoxInfo-Css---------------------------------------*/
@media(max-width: 991px) {
    .bannerCard {
        width: 100%;
        height: 339px;
        margin-top: 15px;
    }

    .bannerCard-image {
        height: 248px;
    }

    .bannerCard-footer {
        height: 91px;
    }

    .bannerCard-footer-content span {
        font-size: 12px;
        height: 15px;
    }

    .bannerCard-footer-content h6 {
        font-size: 16px;
        line-height: 20px;
    }

    .bannerCard-footer {
        padding: 0 13px;
    }

    .blogInfo-wrapper {
        padding: 0 13px;
    }

    .blogInfoCaption {
        margin-top: 2.5em;
        font-size: 14px;
    }

    .blogInfo, .blogInfoCaption-2, .blogInfoCaption-3, .blogInfo-btn button {
        font-size: 14px;
    }

    .blogInfo-btn {
        margin-bottom: 2em;
    }

    .blogInfo-box {
        margin-top: 3em;
    }

    .blogInfo-socials span {
        font-size: 18px;
    }

    .blogInfo-socials img {
        width: 25px;
        height: 25px;
    }

    .blogInfo-socials {
        margin-bottom: 10em;
        padding-top: 27px;
    }

    .popular-blog-wrapper {
        padding: 0 13px;
    }

    .blog-menu h5, .blog-menu a {
        font-size: 18px;
    }

    .popular-box .ourTeam-card {
        width: 185px;
    }

    .popular-box .card-footer-text h6 {
        font-size: 12px !important;
    }

    .subscribe-text {
        font-size: 23px;
    }


    .subscribe-input input {
        width: 42%;
        font-size: 14px;
    }

    .subscribe-input button {
        font-size: 12px;
        line-height: 109.8%;
    }
}
/*---------------------------------------------------------------WriTe-To-Us-Css---------------------------------------*/
@media(max-width: 991px) {
    .writeToUs-caption {
        padding: 0.938em 0 3.125em 0;
    }

        .writeToUs-caption h5 {
            font-size: 20px;
        }

    .contact-and-map {
        display: block;
    }

    .contact-div, .map, .map img {
        width: 100%;
    }

    .contact-us-input form {
        width: 100%;
        margin-bottom: 5.750em;
    }
}

/*---------------------------------------------------------------Blog-Css---------------------------------------------*/
@media(max-width: 991px) {
    .blogPageCaption h5 {
        padding: 0.875em 0 2.500em 0;
        font-size: 20px;
    }

    .blogPageBanner {
        height: 363px;
        margin-bottom: 5em;
    }

    .blogPageBannerImg {
        height: 233px;
    }

    .blogPageBannerFooter {
        height: 130px
    }

        .blogPageBannerFooter h5 {
            font-size: 20px;
        }

    .blogPageSmallBanner {
        width: 163px;
       /* height: 189px;*/
    }

    .blogPageSmallBannerImg {
        height: 116px;
    }

    .blogPageSmallBannerFooter {
        /*height: 73px;*/
        padding: 0 0.5em;
    }

        .blogPageSmallBannerFooter h6 {
            font-size: 13px;
        }

    .blogPageSmallBannerContainer {
        justify-content: space-between;
    }

    .blogSlider {
        position: unset;
    }
}

@media(min-width: 599px) and (max-width: 991px) {
    .item .ourTeam-card {
        width: 100%;
    }


    
    #counter {
        display: none;
    }
}

@media(max-width: 599px) {
    .business-field-caption {
        padding: 0.875em 0 2.500em 0;
    }

        .business-field-caption h4 {
            font-size: 20px;
        }

    .business-field-text p {
        margin-bottom: 2.500em;
        font-size: 14px;
    }

    .what-it-gives-img-new img {
        margin: 4rem 0;
    }


    .content {
        padding-bottom: 3rem;
        margin: 0 !important;
    }


    .frame-text {
        margin-bottom: 3.750em;
    }

        .frame-text h6 {
            margin-top: 2.5em;
            font-size: 14px;
        }

        .frame-text div {
            width: 90%;
        }

        .frame-text ul li p {
            font-size: 14px;
        }

    .after-frame-text {
        margin-bottom: 3.750em;
    }

    .business-fields-caption {
        margin: 1.5em 0 1.125em 0;
    }

        .business-fields-caption h6 {
            font-size: 14px;
        }

    .after-frame-text p {
        font-size: 14px;
    }

    .bottom-caption h4 {
        font-size: 21px;
    }
}

@media(min-width: 600px) and (max-width: 1024px) {
    .business-box {
        width: 220px;
    }

    .iti__selected-flag {
        padding: 0px 6px 6px 12px !important;
    }

    .feedback-phone-section button {
        width: 100%;
        padding: 5px 20px;
        margin-left: 0.5rem;
    }
    
    #phone2 {
        padding-left: 0!important;
    }
}


/*------------------------------------------------*/
@media(max-width: 599px) {

    .about-us-caption {
        margin: 0.933em 0 2.667em 0;
}

.about-us-caption h4 {
    font-size: 20px;
}

.about-us-frame img {
    width: 100%;
}

.about-us-frame p {
    font-size: 14px;
}

.about-us-card-wrapper {
    padding-bottom: 0;
    flex-wrap: wrap;
    flex-direction: column;
}

    .about-us-card-wrapper .aboutUsCard {
        margin-bottom: 3.5em;
    }

.aboutUsCard {
    width: 100%;
}

.aboutUs-section-2-items {
    margin-bottom: 2em;
    flex-direction: column;
}

.items-card {
    width: 45%;
    margin-bottom: 4.467em;
}

.aboutUs-footer-section h4 {
    font-size: 21px;
}

}

@media(min-width: 600px) and (max-width: 991px) {
    .about-us-card-wrapper {
        flex-wrap: wrap;
    }


    .aboutUsCard {
        width: 50%;
        margin-bottom: 3.5em;
        flex-direction: unset;
        flex-wrap: wrap;
    }

    .aboutUs-section-2-items {
        flex-wrap: wrap;
    }

    .items-card-inner span {
        font-size: 14px;
    }
}


@media(min-width: 991px){
    .how-it-works-mob {
        display: none;
        background-color: #DCF0F9;
    }

}