/* Large desktops and laptops */

@media (min-width: 2700px) {
    .what-we-can{
        .comp4{
            width: 1000px;
            left: 5%;
            top: 46.3%;
        }
    }
}
@media (min-width: 2200px) {
    .what-we-can{
        .comp4{
            width: 900px;
        }
        .comp5{
            right:8%;
        }
    }
}


@media (min-width: 1919px) {
    .what-we-can{
        .comp2, .comp1 {
            display: none;
        }
    }
}
@media (max-width: 1919px) {
    .what-we-can{
        .comp4, .comp5 {
            display: none;
        }
    }
}

@media (max-width: 1919px) and (min-width: 1400px) {
}

@media (max-width: 1676px) {
    .what-we-can{
        .comp2 {
            max-width: 300px;
        }
        .comp1 {
            max-height: 600px;
        }
    }

    main{
        overflow: hidden;
    }
    .top-exchanges-min{
        .bg-blue-filter{
            max-width: 100%;
            left: calc(50% - 440px);
        }
    }
}
@media (max-width: 1400px) {
}

@media (max-width: 1300px) {
    .chanel-stack{
        .card{
            .card-img {
                border: none;
            }
        }
    }
    .our-team{
        .phone-bg-glow {
            left: 0;
        }
    }
}


@media (max-width: 1200px) {
    h1{
        font-size: 56px;
    }
    h2 {
        font-size: 48px;
    }
    header{
        margin-top:26px;
        padding-top: 0;
        .navigation{
            display: flex;
            .button-container {
                display: flex;
            }
            .button-lines {
                display: flex;
            }
        }
    }
    main{

    }
    .container{
        padding: 0 24px;
    }
    .faq{
        margin-top: 40px;
    }
    header{
        .desc-menu{
            display: none;
        }
        .button-lines {
            display: none;
        }
        .button-container{
            display: none;
        }
        .top-nav{
            display: flex;

        }
        .menu-button-container {
            display: flex;
        }
        .menu {
            position: absolute;
            top: 0;
            margin-top: 50px;
            left: 0;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;

        }
        #menu-toggle ~ .menu li {
            height: 0;
            margin: 0;
            padding: 0;
            border: 0;
            transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
        }

        #menu-toggle:checked ~ .menu  {
            display: flex;
            filter: drop-shadow(0px 2.767px 2.214px rgba(0, 0, 0, 0.03)) drop-shadow(0px 6.65px 5.32px rgba(0, 0, 0, 0.05)) drop-shadow(0px 12.522px 10.017px rgba(0, 0, 0, 0.06)) drop-shadow(0px 22.336px 17.869px rgba(0, 0, 0, 0.07)) drop-shadow(0px 41.778px 33.422px rgba(0, 0, 0, 0.09)) drop-shadow(0px 100px 80px rgba(0, 0, 0, 0.12));
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: #26262F;
            padding: 24px 16px;
            border: 1px solid;
            border-image: linear-gradient(0deg, #465281, #32333F, #32333F) 1;
            fill: var(--26262F, #26262F);
            stroke-width: 1px;
            stroke: var(--scroll-stroke, #465281);
            box-shadow: 0px 4px 63px 0px rgba(102, 131, 231, 0.11) inset;
            background-image: url(assets-site/svg/bg/card-bg.svg);
        }

        #menu-toggle:checked ~ .menu li {
            height: 2.5em;
            padding: 0.5em;
            transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
        }
        .menu > li {
            display: flex;
            justify-content: center;
            margin: 0;
            padding: 0.5em 0;
            width: 100%;
            color: white;

        }
        .menu > li:not(:last-child) {
            border-bottom: 1px solid #444;
        }
    }
    .join-text{
        margin-top: 40px;
    }
    .border-line {
        margin-top: 40px;
    }
    .what-we-can{
        .comp1 {
            max-width: 300px;
        }
        .comp2 {
            top: 62.3%;
            max-height: 400px;
        }
    }
}

@media (max-width: 1130px) {


}
@media (max-width: 1020px) {

    .chanel-stack {
        flex-wrap: wrap;
        justify-content: center;

    }
    .news-report-container{

        .main-news{

            .article-head{

            }
            .date{

            }
            .type{

            }
        }
        .min-list-news{

            .news-blog{
                .news-blog-item {

                    .news-item {

                    }
                }
            }


        }
        .aticle{

            .top-text{
                ul{
                    li{

                    }

                }
            }
            .bottom-links-apps{
                .text{

                }
            }
            .share-author-container{
                flex-direction: column;
                gap: 30px;
            }
            .authors{

                .author-item{


                    .author-text{

                        .name{

                            span{

                            }
                        }
                        .text{

                        }
                    }
                }
            }
            .social-links{
                gap: 10px;
            }
            .text-article{

                p{

                }
            }
        }

        .author-img{

        }
        .article-buttons{

            .btn{

            }
            .grey-btn{

            }
        }
        .tags{

            .tags-title{

            }
            .tags-list{

                a{

                }
            }
        }
        .disclaimer{

            p{

            }
        }
        .about-author{

            .left-info{

                .author-img{

                }
            }
            .right-info{


                .title-about{

                }
                p{

                }
                .btn-more{

                }
            }
            .name-author{

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

}

@media (max-width: 891px) {
    .advantages-container{
        margin-top: 48px;
        .advantages{
            flex-direction: column;
            align-items: center;
            gap: 24px;
        }
    }
    .bottom-links-apps
    .text {
        margin-top: 40px;
    }
    .plus-container{
        margin-top: 40px;
        .plus{
            flex-direction: column;
            align-items: center;
            gap: 24px;
            .text-container {
                display: flex;
                flex-direction: column;
                width: 100%;
            }
        }
    }
    .trade-smart{
        display: flex;
        height: auto;
        width: 100%;
        justify-content: center;

        position: relative;
        padding: 80px 0;
        padding-right: 200px;
        .text-container{
            .title {
                color: #FFF;
                font-family: HeliosExtC Bold;
                font-size: 56px;
                font-style: normal;
                font-weight: 700;
                line-height: 1.2;
            }
        }
        .phone-bg {
            max-width: 600px;
            max-height: 860px;
            z-index: 31;
        }
    }

    .news-blog{
        flex-direction: column;
        .news-blog-item{
            width: 100%;
        }
    }

    .footer{
        padding-bottom: 40px;
        margin-bottom: 0;
        .footer-container {
            flex-direction: column;
            gap: 40px;
            .footer-links-container {
                width: 100%;
                flex-direction: column;
                gap: 16px;
            }
            .logo-social-container{
                padding-bottom: 40px;
                .copyrights {
                    position: absolute;
                    bottom: 0;
                }
            }
        }
    }
    .our-team{
        .employee {
            width: calc(50% - 12px);
        }
        .main-team{
            .employee{
                width: calc(33.3% - 12px);
            }
        }
    }
    .what-we-can{
        padding-top: 400px;
        .items-cascad-container {
            gap: 32px;
            .item-cascad.item-2 {
                margin-left: 0;
            }
            .item-cascad.item-3 {
                align-self: flex-start;
                padding-top: 360px;
            }
            .item-cascad.item-4 {
                align-self: flex-start;
            }
            .item-cascad.item-5 {
                margin-left: 0;
            }
        }
        .comp1 {
            height: 332.876px;
            top:56px;
        }
        .comp2 {
            display: none;
        }
        .comp3 {
            display: flex;
            width: auto;
            height: 320px;
            top: 44%;
            right: 0;
        }
    }
    .coins-main{
        top: 5.5%;
    }
    .coins{
        position: absolute;
        opacity: 1;
        max-width: 1146.288px;
        height: auto;
        flex-shrink: 0;
        width: 100%;
        left: 1px;
        /*display: none;*/
    }
    .list-advantages{
        .plus-container{
            margin-top: 16px;
            .plus{
                flex-direction: row;
                flex-wrap: wrap;
                gap: 16px;
                .text-container{
                    width: calc(50% - 8px);
                    gap: 8px;
                    img{
                        width: 32px;
                    }
                    .text-large{
                        color: #FFF;
                        text-align: center;
                        font-family: HeliosExtC;
                        font-size: 12px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: 16px;
                        max-width: 128px;/* 133.333% *//* 133.333% */ /* 114.286% */
                    }
                }
            }
        }
        .join-text{
            .join-text-container{
                .join-item{
                    display: flex;
                    flex-direction: column;
                    gap: 8px;
                    .join-item-title{
                        font-size: 20px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: 24px; /* 120% */
                    }
                    ul{
                        padding-left: 22px;
                        li{
                            color: #FFF;
                            font-size: 14px;
                            font-style: normal;
                            font-weight: 400;
                            line-height: 24px; /* 171.429% */
                            opacity: 0.7;
                        }
                    }
                }
            }
            .main-title{
                display: flex;
                flex-direction: column;
                gap: 24px;
                margin-top: 40px;
                align-items: center;
                margin-bottom: 80px;
                h2{
                    max-width: 100%;
                    font-size: 48px;
                    line-height: 56px; /* 116.667% */
                }
                .btn{
                    width:fit-content ;
                }
            }
        }
    }
    .white-label{
        flex-direction: column;
        .img-container{
            max-width: 360px;
            margin: 0 auto;
        }
    }
    .white-label-min{
        flex-direction: column-reverse;
    }
}
@media (max-width: 850px) {
    .referral-program{
        margin-top: 80px;
        .referral-program-title{
            font-size: 28px;
            line-height: 32px; /* 114.286% */
        }
        .referral-program-list{
            flex-direction: column;
            .referral-program-item{
                width:100%;
            }
        }
    }
    .news-page{
        .news-blog{
            .news-blog-item{
                .item-list {
                    .news-item {
                        width: calc(50% - 8px);
                    }
                }
            }
        }
    }
}



@media (max-width: 830px) {
    .about-block {
        & .list-advantages {
            & .plus-container {
                & .plus {
                    .text-container {
                        width: 100%;
                        max-width: 100%;
                        img{
                            width: 100px;
                        }
                        .text-large{
                            max-width: 420px;
                            font-size: 20px;
                        }
                        p{
                            max-width: 420px;
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 767px) {
    .main-page{
        h1{
            margin-top: 28px;
        }
    };
    .log-block{
        input:focus + label, input:not(:placeholder-shown) + label {
            background: linear-gradient(169deg, #282d47 66%, #292e4c 50.72%), #272c45;
        }
    }

    .breadcrumbs {
        display: none;
    }
    .top-exchanges{
        .exchanges-items-container{
            flex-wrap: wrap;
            max-width: 340px;
            margin: 0 auto;
            margin-top: 24px;
            .exchanges-item{
                li{
                    padding-left: 45px;
                }
            }
            .exchanges-item {
                width:50%;
                &:last-child{
                    width:100%;
                    display: flex;
                    flex-wrap: wrap;
                    li{
                        width:50%
                    }
                }

            }

        }
    }
    .top-exchanges-min{
        margin-top: 48px;
    }
    h2{
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
    }
    .advantages-container{
        .advantages{
            .text-container{
                width: 100%;
                .text-large {
                    font-size: 40px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 40px;
                    letter-spacing: -1.2px;
                }
                .text-regular {
                    font-size: 12px;
                    font-weight: 400;
                    line-height: 16px;
                }
            }
        }

    }


    .bottom-links-apps{
        .text {
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
        }
    }

    .plus-container{
        .plus{
            .text-container{
                .text-large {
                    font-size: 22px;
                    line-height: 24px;
                }
            }
        }
    }

    .trade-smart{
        padding-right: 0;
        padding-top: 500px;
        .phone-bg {
            width: 700px;
            right: 0;
            top: 0;
        }
        .text-container{
            .title {
                font-size: 44px;
                line-height: 48px;
            }
            p {
                font-size: 22px;
                font-style: normal;
                font-weight: 400;
                line-height: 32px; /* 145.455% */
                opacity: 0.5;
            }
            gap: 16px;
        }
        .phone-bg-glow {
            position: absolute;
            left: 0;
            flex-shrink: 0;
            top: 0;
        }
    }
    .reviews{
        margin-top: 48px;
        .reviews-item-list{
            .reviews-item {
                display: flex;
                max-width: 100%;
                min-width: 100%;
                min-height:185px;
            }
        }
        .reviews-item {
            min-height:185px;
        }
    }
    .news-report-container{
        flex-direction: column;
        .main-news{
            width: 100%;
        }
        .min-list-news{
            display: none;
        }
        .aticle{
            .share-author-container{
                flex-direction: column;
                gap: 30px;
            }
            .social-links{
                gap: 10px;
            }
            .text-article{

                p{

                }
            }
        }
    }
    .become-partner{
        margin-top: 48px;
        h2 {
            font-size: 24px;
            line-height: 32px;
        }
    }
    .referral-program {
        margin-top: 32px;
    }
    .join-text {
        margin-top: 32px;
        .join-text-container{
            .join-item{
                ul {
                    padding-left: 14px;
                }
            }
        }
    }


    ._z3{
        flex-direction: column;
        margin-top: 40px;
        position: relative;
        gap: 24px;
        .left-side{
            max-width: 100%;
            justify-content: center;
            .btn{
                display: none;
            }
        }
        .right-side{
            width: 100%;
            gap: 18px;
            justify-content: center;
            .btn{
                margin-top:6px ;
                display: flex;
            }
        }
        ._z4, ._z8, ._aa{
            text-align: center;
        }
        ._z5{
            justify-content: center;
        }
    }
}

@media (max-width: 700px) {
    .about-block.roadmap{
        .text-about-item{
            .about-item{
                flex-direction: column;
            }
        }
    }
    .yourstrategy{
            .white-label-min {
                .head-container {
                    width: 100%;
                }
        }
        .steps {
            h2.title {
                font-size: 26px;
                font-style: normal;
                font-weight: 700;
                line-height: 32px;
            }
        }
    }
    .your-funds{
        .your-funds-container{
            flex-direction: column;
            align-items: center;
            .your-funds-item {
                width: auto;
                max-width: 300px;
                img {
                    top: -60px;
                    width: 100px;
                    left: -0;
                }
            }
        }
    }
    .your-funds.days-free {
        & .your-funds-container {
            .your-funds-item {
                width: auto;
                max-width: 300px;
            }
        }
    }
    .your-funds.additional-income {
        & .your-funds-container {
            .your-funds-item {
                width: auto;
                max-width: 300px;
            }
        }
    }
    .white-label-min {
        & .head-container {
            h2 {
                font-size: 26px;
                font-style: normal;
                font-weight: 700;
                line-height: 32px;
            }
        }
    }
    .white-label-min-title {
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
    }
    .your-funds.days-free {
        .title {
            font-size: 26px;
            font-style: normal;
            font-weight: 700;
            line-height: 32px;
        }
    }
    .list-requirements {
        .requirements-container {
            gap: 32px;
            flex-direction: column;
            .requirements-container__item {
                gap: 16px;
                width: 100%;
            }
        }
        h2 {
            font-size: 32px;
            line-height: 1.2;
        }
    }
    .sign-up-text {
        h2 {
            font-size: 32px;
            line-height: 1.2;
        }
    }
}

@media (max-width: 576px) {
    h1{
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px; /* 123.077% */
    }
    .sub-title {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px; /* 133.333% */
    }
    .button-lines{
        flex-direction: column;
        .btn{
            width: 100%;
            text-align: center;
            height: 36px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
    .trade-smart{
        .phone-bg {
            left: -150px;
        }
    }
    .news-blog{
        .news-blog-item{
            .item-list{
                .news-item {
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                    color: #FFF;
                    text-decoration: none;
                }
            }
        }
    }
    .news-title-container{
        margin-bottom: 0;
        .news-title {
            font-size: 16px;
            line-height: 24px; /* 150% */
        }
        .btn-news {
            font-size: 12px;
            line-height: 16px; /* 133.333% */
        }
    }

    .faq{
        gap: 16px;
        .title{
            font-size: 22px;
            line-height: 24px;
        }
        .question {
            font-size: 14px;
            line-height: 24px;
            align-items: baseline;
        }
        .answer{
            font-size: 12px;
            line-height: 16px;
            max-width: 95%;
        }
        .toggle-icon {
            height: 24px;
            width: 27px;
        }
    }
    .our-team{
        .employee {
            max-width: 100%;
            width: 100%;
            min-height: 339px;
        }
        .main-team{
            flex-direction: column;
            align-items: center;
            .employee {

                width: 100%;
            }
        }
    }
    .join-text{
        .title{
            font-size: 18px;
            line-height: 24px;
            text-align: center;
        }
        .sub-title{
            font-size: 14px;
            line-height: 24px;
            text-align: center;
        }
        .join-text-container{
            gap: 24px;
            display: flex;
            flex-direction: column;
            max-width:880px;
            margin: 0 auto;
            .join-item{
                display: flex;
                flex-direction: column;
                gap: 8px;
                .join-item-title{
                    font-size: 16px;
                    line-height: 24px;
                }
                ul{
                    li{
                        font-size: 12px;
                        line-height: 16px;
                    }
                }
            }
        }
        .main-title{
            gap: 12px;
            margin-top: 32px;
            align-items: center;
            margin-bottom: 48px;
            h2{
                font-size: 24px;
                line-height: 32px; /* 133.333% */
            }
            .btn{
                width:100%;
                text-align: center;
            }
        }

    }
    .what-we-can{
        .items-cascad-container{
            .item-cascad{
                h2 {
                    font-size: 24px;
                    line-height: 32px; /* 133.333% */
                }
            }
        }
    }
    .footer{
        .footer-container{
            .logo-social-container{
                .footer-logo {
                    max-width: 114px;
                    width: 100%;
                }
            }
        }
    }

    .news-page{
        .news-blog{
            .news-blog-item{
                .item-list {
                    .news-item {
                        width: 100%;
                    }
                }
            }
        }
    }
    .news-bottom{
        margin-top: 16px;
    }

    .main-news-container{
        .main-news-list{
            .news-img{
                max-height: 308px;
                position: relative;
                overflow: hidden;
                .text{
                    .title-news {
                        font-size: 24px;
                        line-height: 32px;
                    }
                }
            }
            .news-bottom{
                .author{
                    span{
                        color: #C4C4C4;
                    }
                }
                .date {
                    color: #C4C4C4;
                    font-size: 10px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 12px; /* 120% */
                }
            }
        }

        .list-news-container{
            .item-mews{
                .title-news {
                    font-size: 12px;
                    line-height: 16px;
                }
                .news-bottom {
                    margin-top: 5px;
                }
            }
        }

    }

    .log-block{
        max-width: 100%;
        width: 100%;
        min-width: 100%;
        padding: 40px 0;
        input {
            max-width:  100%;
            width: 100%;
            min-width: 100%;
        }
    }
    .log-buttons-list{
        .btn.active {
            height: 33px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .btn{
            height: 33px;
        }
    }

    .container {
        width: 100%;
    }
    .privacy{
        h1{
            font-size: 26px;
            line-height: 32px; /* 123.077% */
        }
        .privacy-container{
            .privacy-item{
                .privacy-title {
                    font-size: 16px;
                    line-height: 24px;
                }
                .privacy-text {
                    font-size: 14px;
                    line-height: 24px;
                }
            }
        }
    }
    .swiper-container{
        display: flex;
    }
    .team-swiper{
        display: flex;
    }
    .our-team{
        .other-team{
            display: none;
        }
    }
    .reviews{
        .reviews-item-list{
            display: none;
        }
        .border-line {
            margin-top: 0;
        }
    }
    .chanel-stack {
        .card{
            display: none;
        }
    }
    .chanel-stack {
        .swiper-container{
            .card{
                display: flex;
            }
        }
    }

    .chanel-stack{
        margin-top: 24px;
    }
    .our-team{
        margin-top: 24px;
    }
    header{
        #menu {
            width: 300px;
        }
    }
    .news-report-container{
        flex-direction: column;
        .main-news{
            width: 100%;
            .date{
                font-size: 12px;
                line-height: 15px;
            }
            .type{
                font-size: 10px;
                line-height: 14px; /* 140% */
                letter-spacing: -0.5px;
                text-transform: uppercase;
            }
        }
        .min-list-news{
            display: none;
            .news-blog{
                .news-blog-item {

                    .news-item {

                    }
                }
            }


        }
        .aticle{

            .top-text{
                ul{
                    margin: 0;
                    padding-left:14px ;
                    li{
                        font-size: 14px;
                        line-height: 20px; /* 142.857% */
                    }

                }
            }
            .bottom-links-apps{
                .text{
                    margin-top: 0;
                }
            }
            .share-author-container{
            }
            .authors{
                flex-direction: column;
                gap: 30px;
            }
            .social-links{
                gap: 10px;
            }
            .text-article{
                gap: 16px;
                p{
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 24px;
                }
            }
        }
        .tags{
            .tags-list{

                a{
                    font-size: 12px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 15px;
                }
            }
        }
        .about-author{
            flex-direction: column;
            .left-info{
                margin: 0 auto;
                .author-img{

                }
            }
            .right-info{

                width: 100%;
                .title-about{
                    text-align: center;
                    font-size: 18px;
                    line-height: 24px;
                }
                p{

                }
                .btn-more{
                    margin: 0 auto;
                }
            }
            .name-author{

            }
        }
    }

    .black-title{
        font-size: 24px;
        line-height: 32px;
    }
    .chanel-stack {
        gap: 0;
        justify-content: flex-start;
    }
    .trade-smart {
        padding-bottom: 40px;
    }
    .log-block{
        input:focus + label, input:not(:placeholder-shown) + label {
            background: linear-gradient(180deg, #282d4a 86%, #282d4a 68.72%), #2f3661;
        }
    }
    .top-exchanges-min{
        .bg-blue-filter {
            left: calc(50% - 200px);
            filter: blur(100px);
            opacity: 1;
        }
    }
}

@media (max-width: 500px) {

}

@media (max-width: 480px) {

}
@media (max-width: 420px) {

}
@media (max-width: 380px) {
    .top-exchanges{
        .exchanges-items-container{
            .exchanges-item{
                li{
                    padding-left: 30px;
                }
            }
        }
    }

}
@media (max-width: 360px) {
    .what-we-can{
        .comp3 {
            top: 45%;
        }
    }
}




/* Iphone 5 */