@media (min-width: 1000px) and (max-width: 1370px) {
}
@media (min-width: 1000px) {
    .cards-row{
        display: flex;
    }
    .cards-row > div{
        display: flex;
    }
    .cards-row .card{
        height: auto;
    }
    .container.flex-template{
        max-width: 100%;
    }
    .container.flex-template .profile-col.profile-left-col{
        padding-left: calc((100% - 1070px) / 2);
        padding-right: 30px;
        width: 40%;
    }
    .container.flex-template .profile-col{
        padding-right: calc((100% - 1070px) / 2);
        padding-left: 30px;
        width: 60%;
    }
    .container.flex-template .profile-col .block{
        margin: 0 0 0 auto;
        max-width: 100%;
    }
    .flex-template .profile-col{
        max-width: calc(66%);
    }

.inner-page-context.flex-template {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.inner-page-context.flex-template > .row{
    flex: 1;
    display: flex;
    align-items: stretch;
}
.flex-template .profile-col{
    display: flex;
    align-items: stretch;
}
.flex-template .profile-col .right-container{
    flex: 1;
}

  .w-sm-80{
      width: 80%;
  }
  .w-sm-70{
      width: 70%;
  }
  .w-sm-60{
      width: 60%;
  }
  .w-sm-50{
      width: 50%;
  }
  .no-sm-padding{
    padding: 0;
  }

  .calculator.layout-fast{
      height: 125px;
  }
  .calculator.layout-fast .form-container{
      display: grid;
      width: 100%;
      height: 110px;
      grid-template-areas: "left send action get button";
  }
  .calculator.layout-fast .exchange-form .input-group.method-block{
      grid-area: left;
      display: inline-block;
      width: 160px;
      height: 80px;
      border-right: 1px solid #A7A8A4;
      position: relative;
      top: 15px;
      padding-top: 5px;
  }
  .calculator.layout-fast .exchange-form .input-group.method-block .navbar-nav {
      top: 15px;
      left: 0px;
  }
  .calculator.layout-fast .select-currency-block.select-send{
      grid-area: send;
      display: grid;
      grid-template-areas: "top" "bottom";
  }
  .calculator.layout-fast .action{
      grid-area: action;
  }
  .calculator.layout-fast .select-currency-block.select-receive{
      grid-area: get;
      display: grid;
      grid-template-areas: "top" "bottom";
  }
  .calculator.layout-fast .currency-rate{
      grid-area: get;
  }
  .calculator.layout-fast .exchange-action{
      grid-area: button;
  }
  .calculator.layout-fast .exchange-form{
      padding: 0;
  }
    .calculator.layout-fast .method-block .transfer-type-label{
        grid-area: top;
    }
    .calculator.layout-fast .method-block .exchange-form .navbar-nav{
        grid-area: bottom;
    }
    .profile-col .container{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .calculator.layout-fast .exchange-form .transfer-type-label{
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        color: #8B8B8C;
        text-align: center;
    }
    .calculator.layout-fast .exchange-form .input-group{
        text-align: left;
        height: 124px;
        padding: 20px;
    }
    .calculator.layout-fast .exchange-form .input-group.exchange-action{
        border-right: none;
        max-width: 250px;
    }
    .calculator.layout-fast .exchange-form .input-group.exchange-action .btn{
        max-width: 250px;
    }
    .calculator.layout-fast .exchange-form input[type="text"] {
        width: 80%;
        margin: 0;
        text-align: left;
        font-size: 25px;
        line-height: 48px;
    }
    .calculator.layout-fast .exchange-form .input-group.select-currency-block .navbar-nav{
        position: relative;
        top: inherit;
        left: inherit;
        top: 5px;
        left: 10px;
    }
    .calculator.layout-fast .exchange-form .input-group.select-currency-block.select-send .navbar-nav{
    }
    .calculator.layout-fast .exchange-form .input-group.select-currency-block.select-receive .navbar-nav{
    }
    .calculator.layout-fast .currency-rate{
        top: 100px;
        position: relative;
        left: 20px;
        text-align: left;
    }
    .calculator.layout-fast .exchange-form .action .hr{
        display: none;
    }
    .calculator.layout-fast .exchange-form .action{
        left: 0px;
        top: 20px;
    }
    .exchange-summary .download-invoice{
        position: absolute;
        top: 115px;
        left: 17px;
    }
    .exchange-summary{
        margin-bottom: 60px;
    }
}
@media (max-width: 1000px) {

    .navbar .btn {
        border-radius: 0px;
    }

    .input-group.exchange-action {
        max-width: 303px;
    }
    .feature-block .feature-block-inner .icon-1 {
        display: none;
    }
    .first-trans-info {
        bottom: -100px;
        right: 0px;
    }
    .landing_page  {
        flex-direction: column;
        height: auto;
        min-height: 100vh;
    }
    .landing_page .landing_block .landing_info, .landing_page .landing_block .copyright{
        display: none;
    }
    .landing_page .landing_block {
        width: 100%;
        padding: 1rem 2rem;
    }
    .landing_page .landing_block:last-child {
        padding: 0;
    }
    .exchange-summary-block{
        height: inherit;
    }
    .gray-block-mission-2 {
        margin: 100px 0 60px 0;
        padding: 0px 0px 70px 0;
    }
    .gray-block-mission-2 .row{
        display: flex;
        flex-direction: column;
    }
    .gray-block-mission-2 .row .il-col{
        order: 1;
        margin-top: -210px;
        text-align: right;
        width: 90%;
    }
    .gray-block-mission-2 .row .col-mission{
        order: 2;
        width: 90%;
    }
    .gray-block-mission-2 .row .il-col .il{
        position: relative;
        top: -20px;
    }
    .out-partners-row .partners a{
        margin: 0 17px 17px 0;
    }
    .countdown{
        height: auto;
        margin: 25px 0;
    }
    .exchange-summary{
        margin: 30px 0;
    }
    .exchange-summary .download-invoice{
        margin: 0 0 20px 0;
        display: inline-block;
    }
    .exchange-summary-block .spent-block, .exchange-summary-block .receive-block{
        display: inline-block;
        width: 100%;
    }
    .exchange-summary-block .delimiter {
        position: relative;
        width: 100%;
        height: 60px;
        display: inline-block;
        left: -15px;
        text-align: center;
    }
    .exchange-summary-block .currency {
        font-weight: bold;
        bottom: 8px;
    }
    .exchange-summary-block .delimiter .icon {
        position: relative;
        top: 6px;
        display: inline-block;
    }
    .exchange-summary-block .delimiter .hr {
        border-left: none;
        border-bottom: 1px solid #242222;
        width: calc(100% + 34px);
        height: 1px;
        bottom: 28px;
        left: -17px;
        top: inherit;
    }
    .order-actions .btn{
        width: 100%;
        margin: 10px 0;
    }
    .profile-col{
        padding-bottom: 50px;
    }
    .profile-left-cover{
        display: none;
    }
    body.main header{
        min-height: 978px;
    }
    .how-it-works-row ul{
        display: block;
    }
    .how-it-works-row ul li{
        display: block;
        text-align: center;
    }
    .how-it-works-row ul li.separator {
        border-bottom: none;
        border-right: 2px dashed #000000;
        height: 100px;
        width: 3px;
        margin: 20px auto;
        position: relative;
        top: 0px;
    }
    .navbar-toggler{
        display: block;
        position: absolute;
        right: 10px;
        top: 24px;
    }
    .feature-block .feature-block-inner{
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }
    .container.feature-block{
        padding-left: 0px;
        padding-right: 0px;
    }
    .feature-text{
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
    }
    header .calculator, .fast-boarding .calculator{
        right: inherit;
        position: relative;
        width: 100%;
        height: 370px;
        margin-top: 40px;
    }
    .fast-boarding .calculator{
        margin-bottom: 100px;
    }
    .exchange-form{
        padding: 40px 0;
    }
    .exchange-form .form-container{
        padding: 0;
    }
    .exchange-form .input-group-container{
        position: relative;
        padding: 0;
        margin-right: 20px;
        margin-left: 20px;
        margin-bottom: 20px;
        width: calc(100% - 40px);
    }
    .exchange-form .input-group{
        border-bottom: 1px solid #000;
        margin: 0 0 20px 0;
    }
    .exchange-form  .form-container .input-group:nth-child(5), .exchange-form .form-container .input-group:nth-child(6){
        border-bottom: none;
    }
    .exchange-form .form-container div:nth-child(4){
        position: absolute;
        bottom: 40px;
        width: 100%;
    }
    .exchange-form  .form-container .input-group:nth-child(5){
        position: relative;
        bottom: -125px;
        margin: 0 auto;
    }
    .exchange-form .form-container .input-group:nth-child(6){
        position: absolute;
        width: 100%;
        padding: 0 20px;
        bottom: 40px;
        left: 4px;
    }
    .exchange-form .method-block .navbar-nav {
        top: 0;
        left: -15px;
    }
    .exchange-form .method-block .transfer-type-label {
        top: 8px;
    }
    .exchange-form .select-currency-block .navbar-nav{
        margin: 0;
        top: inherit;
        position: absolute;
        right: 0px;
        bottom: 5px;
        left: inherit;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #242222;
    }
    .exchange-form .action {
        position: absolute;
        width: 100%;
        text-align: center;
        margin: 0;
        bottom: -20px;
        left: 0px;
    }
    .exchange-form .action .switch-form{
        width: 45px;
        height: 45px;
    }
    .exchange-form .action .switch-form img{
        width: 100%;
    }
    .exchange-form .action .hr{
        display: none;
    }
    .exchange-form input[type="text"]{
        font-size: 40px;
        line-height: 42px;
    }
    .exchange-form .navbar-nav .open .dropdown-menu{
        position: absolute;
        right: 0px;
        width: 100px;
        margin: 0 0 0 -100px;
    }
    .home-header .il{
        top: -80px;
    }
    .home-header .feature{
        width: 100%;
        margin-left: 0;
        left: 0;
        top: -25px;
    }
    .features.why ul {
        display: inline-block;
    }
    .features.why ul li{
        width: 100%;
        margin-top: 55px;
    }
    .features.why ul li span.icon img{
        position: relative;
    }
    .features.why ul li span.icon{
        height: auto;
    }
    .features.why ul li .text {
        padding: 15px 0 0 0;
    }
    .wizzard{
        padding: 30px 0;
        margin-top: 50px;
        height: auto;
    }
    .wizzard .btn{
        margin: 0 auto;
    }
    .wizzard .il, .wizzard .lines{
        display: none;
    }
    .wizzard li{
        padding: 15px;
        width: 100%;
        min-height: 150px;
        position: static;
        margin: 25px 0 0 0;
    }
    .fast-boarding h2, .fast-boarding h3, .fast-boarding{
        text-align: left;
    }
    .fast-boarding .btn{
        min-width: 240px;
    }
    .fast-boarding > .container > .btn-group.fast-switch{
        display: none;
    }
    .contact-us{
        padding: 15px;
    }
    .contact-us .title{
        text-align: left;
    }
    .contact-us .il {
        position: relative;
        left: 0px;
        bottom: 0;
        text-align: center;
    }
    .contact-us .sub-title{
        text-align: left;
    }
    .contact-us .il img{
        width: 70%;
        margin: 50px auto 30px auto;
    }
    .contact-us .icon1 {
        right: inherit;
        top: -25px;
        left: 60px;
    }
    .contact-us .icon2 {
        right: 10px;
    }
    footer .footer-menu .col.left-col{
        width: 100%;
        margin-right: 0;
    }
    footer .footer-menu .col .block{
        display: block;
    }
    footer .footer-menu .col .block ul {
        display: inline-block;
        width: calc(50% - 20px);
        margin-right: 30px;
        vertical-align: top;
    }
    footer .footer-menu .col .block ul:nth-child(2) {
        margin-right: 0px;
    }
    footer .footer-menu .col.left-col .block ul:nth-child(2){
        margin-right: 00px;
    }
    footer .footer-menu .col.left-col .block ul{
        margin-right: 30px;
    }

    footer .footer-menu .col.left-col .block ul:nth-child(2){
        display: none;
    }
    footer .footer-menu .col.col-right{
        display: none;
    }
    footer .copyright .card-logos{
        float: inherit;
        display: block;
        margin: 20px 0 10px 0;
    }

    .exchange-form .input-group{
        text-align: left;
    }
    .exchange-form label{
        font-size: 16px;
        line-height: 20px;
    }
    .exchange-form input[type="text"]{
        text-align: left;
        font-size: 40px;
        line-height: 42px;
        width: 100%;
    }

    header > .header-container > nav .navbar-collapse {
        width: 100%;
        height: 100%;
        position: fixed;
        top:80px;
        left:0px;
        background: #fff;
        z-index: 9999;
    }
    header > .header-container > nav .navbar-nav-container{
        display: inline-block;
        width: 100%;
        padding: 0 0 0 15px;
    }
    header > .header-container > nav .navbar-nav{
        display: inline-block;
        width: 100%;
    }

    .content{
        position: relative;
        z-index: 7;
    }
    header > .header-container > nav .navbar-nav-container .nav-item {
        margin-right: 15px;
        font-size: 23px;
        line-height: 42px;
    }

    .partners-block{
        overflow-x: scroll;
    }
    body.main .partners .slider-container{
        width: 700px;
    }
    .inner-page-context.sign-up-context img.illustration{
        width: 80%;
        margin: 40px auto;
    }
    .text-align-center-sm{
        text-align: center;
    }
    .inner-page-context img.illustration{
        width: 80%;
        margin: 40px auto;
    }
    .how-it-works-row{
        text-align: center;
    }
    .how-it-works-row ul li {
        width: 100%;
        padding: 10px 30px;
        max-width: 100%;
    }
    .how-it-works-row ul li.separator {
        width: 1px;
        right: inherit;
        padding: 0;
    }
    .about-us-page-context{
        text-align: left;
    }
    .about-us-page-context .text-align-center{
        text-align: inherit;
    }
    .gray-block-rb.gray-block-mission{
        padding: 120px 0 60px 0;
        top: -160px;
    }
    .gray-block-rb.gray-block-mission .col-sm-4{
        padding: 15px 15px;
        line-height: 20px;
    }
    .about-us-page-context .lead-row .body-text{
        padding: 10px 0 50px 0;
    }
    .big-logo, .big-logo img{
        width: 100%;
    }
    .big-logo{
        margin-bottom: 225px;
    }
    .gray-block-mission-2 .il {
        position: absolute;
        top: -620px;
        width: 80%;
    }
    .simple-qa .qa-item {
        font-size: 19px;
        line-height: 21px;
    }
    .affiliate-page-context.how-it-works-row{
        border-radius: 0px 0px 150px 0px;
        padding: 420px 0 70px 0px;
        margin: -320px 0 30px 0;
    }
    .affiliate-page-context .cards-row .card {
        height: auto;
        margin: 10px 0;
    }
    .out-partners-row .partners a {
        margin: 0 10px 17px 0;
        width: calc(33% - 17px);
    }
    .out-partners-row .partners a img{
        width: 100%;
    }
    body.with-big-header.contacts-context header{
        min-height: 60px;
    }
    .contacts-page-context .header-row {
        margin-top: 0px;
    }
    .contacts-page-context .header-row .info-contacts{
        margin: 30px 0;
    }
    .contacts-page-context .contacts-block{
        font-weight: bold;
        position: relative;
        display: inline-block;
        line-height: 32px;
        font-size: 19px;
        width: 80%;
    }
    .notifications-block .notification > div{
        display: inline-block;
        width: 100%;
    }
    .notifications-block .notification .btn{
        margin: 20px 0 0 0;
    }
    .contacts-page-context .icon {
        position: relative;
        left: calc(50% - 73px);
        top: 43px;
        margin: 0 auto;
    }
    .ref-block .ref-inner-block{
        width: 100%;
        margin: 10px 0;
    }
    header > .header-container > nav .navbar-collapse.desktop{
        display: none!important;
    }
    header > .header-container > nav .navbar-collapse.mobile{
        display: inherit!important;
        height: 0px;
        overflow: hidden;
        border: none;
    }

    header > .header-container > nav .navbar-collapse.mobile.collapse.in{
        display: inherit!important;
        height: 100%;
    }
    header > .header-container > nav .mobile .navbar-nav {
        display: inline-block;
        width: 100%;
        margin: 20px 2px;
    }
    header > .header-container > nav .mobile .navbar-nav>li>a {
        margin: 10px 5px;
        display: inline-block;
        width: 100%;
        height: auto;
        padding: 0;
        font-size: 17px;
    }
    header > .header-container > nav .mobile .mobile-info-menu .btn{
        align-items: center;
        padding: 14px 0px;
        border: none;
        box-shadow: none;
        border-radius: 8px;
        display: inline-block;
        width: 100%;
        font-weight: bold;
    }
    header > .header-container > nav .mobile .fast-switch{
        width: 100%;
        padding-top: 25px;
    }
    header > .header-container > nav .mobile .fast-switch .btn{
        width: 49%;
    }
    .calculator input.input{
        margin: 0;
        padding: 0px;
    }
    body.main .partners .slider-container {
        padding: 40px 0 0px 0;
    }
    body.main .partners .slider-container a {
        margin-right: 30px;
        padding-top: 20px;
        display: inline-block;
    }
    .contacts-page-context .header-row .info-contacts .block-content{
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #242222;
    }
    .fast-boarding .icon{
        position: relative;
    }
    .contact-us .icon1 img{
        width: 110px;
        max-width: 200px;
        position: relative;
        top: 60px;
        left: 145px;
    }
}

.fast-boarding.short .exchange-form .method-block .navbar-nav .nav-link{
    border-radius: 8px 0px 0px 8px;
    display: inline-block;
    padding: 0px 0 20px 0;
    font-size: 12px;
    min-width: 200px;
    margin-right: 10px;
    text-align: center;
    background: url(../img/arrow.svg) no-repeat right 7px;
}
.mission {
    position: relative;
    top: -80px;
}
.mission > span {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}