@media (min-width:800px) and (max-width: 1200px) {

    .exchange-block {
        flex-direction: column;
        gap: 20px;
    }

    .exchange-left {
        max-width: 100%;
    }

    .exchange-right {
        width: 100%;
    }

    .form {
        gap: 15px;
        justify-content: space-between;
    }

    .form-field {
        width: 45%;
    }

    .main-flex {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: end;
    }

    .main-title {
        margin-bottom: 30px;
    }

    .how-cards {
        flex-wrap: wrap;
    }

    .about-section {
        padding: 60px 12px;
    }

    .about-left {
        width: 25%;
    }

    .about-right-card {
        width: auto;
    }

    .about-block {
        justify-content: space-between;
    }

    .podium {
        width: 100%;
    }

    .about-left-img {
        width: 100%;
        top: -25%;
    }

    .about-left-img1 {
        left: 1%;
    }

    .about-left-img2 {
        left: 0%;
    }

    .about-left-img6 {
        left: 0%;
    }

    .reviews-img-block {
        left: -17%;
        width: 61%;
    }

    .license-img {
        width: 100%;
    }

    .license-card-img {
        width: 77%;
        bottom: 20%;
        left: -3%;
    }

}


@media (max-width: 800px) {

    .container {
        padding: 0 22px;
        overflow: hidden;
    }

    .main-header {
        display: none;
    }

    .header {
        width: 100%;
        margin: auto;
        padding: 0;
        top: 0;
    }

    .header .container {
        padding: 0 12px;
    }

    .mobile-header-block {
        display: block;
        /* height: 100vh;
    background: #222; */
        background-repeat: no-repeat;
        background-position: right bottom;
    }

    .mobile-header {
        padding: 20px 0;
        display: flex;
        justify-content: space-between;
    }

    .mobile-nav-block {
        padding: 0;
    }

    .menu-btn-block {
        display: flex;
        align-items: center;
    }

    .main-nav-link {
        color: #FBFBFB;
        font-size: 16px;
    }

    .mobile-nav-list {
        gap: 14px;
    }

    .mobile-name {
        color: #FBFBFB;
        font-size: 32px;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        margin: 0 0 30px 0;
    }

    .first-block {
        background-size: 150%, 100%;
        overflow: hidden;
    }

    .first-block::after {
        width: 75%;
        height: 100%;
        top: 35%;
        background-size: contain;
    }

    .first-block::before {
        top: 35%;
    }

    .hand-right {
        top: -10%;
        width: 46%;
        height: 37%;
    }

    .hand-left {
        top: 32%;
        width: 47%;
        height: 29%;
    }


    .main-flex {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    .main-subtitle {
        margin: 0;
        font-size: 16px;
        text-align: center;
    }

    .main-subtitle br {
        display: none;
    }

    .main-title {
        font-size: 29px;
        text-align: center;
    }


    .main-btn {
        margin-top: 30px;
    }

    .main-text {
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .main-title br {
        display: none;
    }

    .exchange-first {
        width: 100%;
        gap: 15px;
    }

    .exchange-get-coin,
    .exchange-send-coin {
        width: 100%;
        gap: 10px;
        margin-bottom: 20px;
    }

    .exchange-label {
        font-size: 16px;
    }


    .exchange-second {
        width: 100%;
    }

    .form {
        flex-direction: column;
    }

    .form-field {
        width: 100%;
    }

    .exchange-right {
        padding: 20px 12px;
    }

    .form-btn {
        text-align: center;
    }

    .form-btn .main-btn {
        width: 100%;
        display: inline-block;
        margin-bottom: 30px;
        margin-top: 15px;
    }


    .how {
        padding: 60px 0;
    }

    .how-title {
        font-size: 28px;
    }

    .how-cards {
        flex-direction: column;
        margin-top: 40px;
        gap: 15px;
    }

    .how-card {
        width: 80%;
        height: 282px;
    }

    .how-card-number {
        font-size: 25px;
    }

    .how-card-subtitle {
        font-size: 16px;
    }

    .planet {
        width: 100%;
    }

    .about-left {
        display: none;
    }

    .about-right {
        width: 100%;
    }

    .about-right-cards {
        gap: 40px;
    }

    .about-left-img-mob {
        width: 37%;
        margin-bottom: 15px;
        margin-top: 30px;
        position: absolute;
        right: -5%;
        top: -56px;
        margin: 0;
    }

    .about-right-card {
        position: relative;
        width: 100%;
        height: auto;
        padding: 26px 18px;
        margin-bottom: 65px;
    }

    .about-section {
        padding: 60px 22px;
    }

    .about-right-card-num {
        font-size: 20px;
        width: 42px;
        padding: 5px 12px;
        margin-bottom: 18px;
    }

    .about-right-card-title {
        font-size: 20px;
    }

    .about-right-card-subtitle {
        font-size: 18px;
    }

    .mobile {
        display: inline-block;
    }

    .about-left-img {
        position: static;
    }

    .reviews-title {
        font-size: 28px;
        margin-bottom: 40px;
    }

    .reviews {
        padding: 60px 0;
    }

    .swiper-nav {
        transform: translateX(50%);
        right: 50%;
    }

    .reviews-img-block {
        display: none;
    }

    .mySwiper {
        height: auto;
        width: auto;
        margin: 0 !important;
    }

    .swiper-slide {
        padding: 0 12px;
        text-align: center;
    }

    .swiper-title {
        font-size: 28px;
    }

    .swiper-subtitle {
        font-size: 16px;
    }

    .coin3 {
        bottom: -1%;
    }

    .coin1 {
        bottom: -3%;
        left: 47%;
    }

    .reviews-block {
        margin: 20px 0;
    }

    .license {
        margin: 0;
        padding: 0 0 60px 0;
    }

    .license-title {
        font-size: 28px;
        margin-bottom: 40px;
    }

    .license-block {
        flex-direction: column;
    }

    .license-img {
        width: 324px;
        height: 391px;
        filter: drop-shadow(-49px 69px 127px rgba(0, 0, 0, 0.1)) drop-shadow(-25px 36px 31px rgba(46, 46, 46, 0.1)) drop-shadow(-8px 12px 53px rgba(44, 44, 44, 0.15));
    }



    .license-right {
        margin: 30px 0;
        padding: 0 0 60px 0;
    }

    .license-card {
        padding: 20px 10px;
    }

    .license-card-subtitle {
        font-size: 16px;
    }

    .license-card-subtitle br {
        display: none;
    }

    .license-card-img {
        width: 265.73px;
        bottom: 20%;
        left: -3%;
    }

    .license-left {
        width: 100%;
    }

    .license-right {
        width: 100%;
    }






    .company-block {
        padding: 0 0 32px 0;
    }


    .company-block .container {
        padding: 0 12px;
    }

    .company-text {
        font-size: 24px;
    }

    .company-work-card {
        padding: 16px 0px 16px 10px;
    }

    .faq-btn {
        width: 23px;
        height: 21px;
    }

    .faq-icon {
        width: 10px;
        height: 7px;
    }

    .footer-block {
        flex-direction: column;
    }

    .footer-left {
        width: 100%;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 15px;
        margin-bottom: 30px;
    }

    .footer-nav-link {
        font-size: 18px;
    }

    .footer-right {
        width: 100%;
    }

    .footer-title {
        font-size: 19px;
    }

    .footer-info a {
        font-size: 17px;
    }

    .footer-conf a {
        font-size: 16px;
    }

    .footer-main-text {
        font-size: 35px;
        width: 100%;
        bottom: 0;
    }

}


@media (min-width:600px) and (max-width: 800px) {

    .company-text {
        font-size: 32px;
    }

    .about-left-img-mob {
        right: 0;
        width: 19%;
    }

    .how-card {
        width: 38%;
    }

    .license-right {
        text-align: center;
    }

    .license-card-img {
        bottom: 11%;
        left: 23%;
    }

}