@media (max-width: 1500px) {
    .header-menu-btn:not(:last-child) {
        margin-right: 20px;
    }
    .comission-banner-content {
        padding-left: 330px;
    }
}
@media (max-width: 1380px) {
    .container-long {
        padding: 0 15px;
    }
}
@media (max-width: 1230px) {
    .container {
      width: 970px;
    }
    .header-top-btns .btn-empty {
        margin-right: 10px;
    }
    .header-menu-btn:not(:last-child) {
        margin-right: 7px;
    }
    .header-menu-title {
        padding-right: 12px;
    }
    .header-top-btns .btn-empty {
        height: 50px;
        padding: 0 15px;
    }
    .header-top-btns .btn {
        height: 50px;
        padding: 0 15px;
    }
    .top-info-block {
        width: calc(20% - 10px);
    }
    .advantages-block {
        width: calc(50% - 10px);
    }
    .optimal-choice-block {
        width: calc(50% - 35px);
        padding: 20px 15px;
    }
    .popular-platform-wrap {
        margin-bottom: 35px;
    }
    .achievements-info{
        flex-wrap: wrap;
    }
    .achievements-info content{
        width:calc(33.333% - 15px);
    }
    .achievements-bottom-info {
        padding: 30px 15px 5px;
    }
    .name-word-block {
        width: calc(50% - 9px);
    }
    .p-l-53{
        padding:0;
    }
    .begin-box-wrap.five-element:before {
        width: 745px;
        left: 85px;
    }
    .begin-box-wrap.four-elemnt:before {
        width: 700px;
        left: calc(50% - 350px);
    }
    .comission-banner {
        background-position: right;
    }
    .comission-banner-content {
        padding-left: 200px;
    }
    .double-label .label {
        width: calc(50% - 8px);
    }
    .authorization-wrap {
        padding: 20px 0 0;
    }
    .money-wrap {
        padding-right: 0;
    }
}
@media (max-width: 991px) {
     .container {
       width: 750px;
     }
    .header-top-btns{
        display:none;
    }
    .header-left p {
        margin-left: 15px;
    }

    .support-header-btn {
        margin-right: 20px;
    }
    .top-info-block {
        width: calc(33% - 10px);
    }
    .begin-box-wrap:before {
        width: 480px;
        left: calc(50% - 240px);
    }
    .optimal-choice-block {
        width: calc(50% - 10px);
    }
    .popular-platform {
        padding: 50px 0 60px;
    }
    .achievements-bottom-box {
        width: calc(33.333% - 10px);
    }
    .awards {
        padding: 40px 15px 5px;
    }
    .footer-bottom-menu li {
        margin-left: 15px;
    }
    .about-banner-content p {
        font-size: 16px;
        margin-bottom: 14px;
    }
    .about-banner-content h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .about-banner-info {
        width: 350px;
        padding: 20px 15px;
    }
    .news-list {
        margin-top: 15px;
        padding: 20px 15px;
    }
    .news-list li p {
        margin-right: 15px;
        font-size:13px;
    }
    .news-list li a:before{
        display:none;
    }
    .news-list li a {
        font-size: 14px;
    }
    .table-wrap-bid{
        width:calc(100% + 15px);
        overflow:auto;
    }
    .bid-type-table {
        width: 1000px;
    }
    .table-instrument-wrap{
        width:calc(100% + 15px);
        overflow:auto;
    }
    .table-instrument{
        width:1000px;
    }
    .support-left {
        width: 100%;
        max-width:400px;
        padding: 30px 15px 25px;
        margin:0 auto 20px auto;
    }
    .support-right {
        width: 100%;
        background-color: #FFFFFF;
        padding-right: 15px;
    }
    .name-word {
        padding: 25px 15px 1px;
        margin-top: 30px;
    }
    .main-product {
        padding: 15px;
    }
    .product-block {
        width: calc(50% - 10px);
        padding:15px;
        margin-bottom: 20px;
    }
    .begin-box-wrap.five-element:before {
        width: 570px;
        left: 60px;
    }
    .begin-box-block p {
        font-size: 12px;
    }
    .begin-box-wrap.five-element .begin-box-block a {
        font-size: 12px;
    }
    .begin-box-wrap.five-element .begin-box-block {
        width: calc(20% - 5px);
    }
    .robots-banner{
        background-image:none;
    }
    .begin-box-wrap.four-elemnt:before {
        width: 530px;
        left: calc(50% - 265px);
    }
    .partner-table-wrap .table-instrument {
        width: 735px;
    }
    .comission-banner-content {
        padding-left: 0;
    }
    .comission-table-wrap .bid-type-table {
        width: 100%;
    }
    .comission-table-wrap {
        margin: 40px auto;
    }
    .comission-payment-wrap{
        flex-wrap:wrap;
    }
    .comission-payment-wrap li {
        margin: 0 10px 10px;
    }
    .commision-block {
        width: 100%;
    }
    .white-box{
        padding:20px 15px;
        margin-bottom: 20px;
    }
    .transfer-box {
        padding: 20px 15px;
    }
    .double-box .white-box {
        width: 100%;
        margin: 0 0 20px;
    }
    .table-info {
        width: 900px;
    }
    .table-wrap {
        padding-bottom: 20px;
    }
    .new-bill-content {
        padding: 20px 15px;
    }
    .invite-details-content p {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .invite-details-list li {
        margin-bottom: 10px;
    }
    .invite-details-content {
        padding: 20px 15px;
    }
    .invite-details-navigation {
        padding: 20px 15px;
    }
    .financial-operatuin-info {
        width: 100%;
        margin-top: 10px;
    }
    .partner-content {
        width: 100%;
        margin-top:30px;
    }
    .partner-container {
        align-items: center;
        flex-direction: column-reverse;
    }
    .notification-content {
        width: 100%;
    }
    .settings-content {
        width: calc(100% - 265px);
    }
    .social-info {
        max-width: 100%;
        margin-bottom:20px;
    }
    .social-block{
        justify-content:center;
    }
    .authorization-left {
        width: 100%;
        max-width: 500px;
        margin-bottom: 25px;
    }
    .settings-wrap .pay-system .label {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .container {
        width: 100%;
    }

    .header-menu {
        width: 100vw;
        padding-right: 40px;
        background: rgba(12, 35, 69, 0.8);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        transform: translateX(-100%);
        transition: 0.3s
    }

    .header-menu-container {
        height: 100vh;
        display: block;
        overflow-x: auto;
        background: #ffffff;
    }

    .header-menu.active {
        transform: translateX(0);
    }

    .menu_mob {
        display: block;
    }

    .header-right-btns {
        display: none;
    }

    .header-block {
        height: 90px;
        flex-wrap: wrap;
        padding-top: 15px;
    }

    .support-header-btn span {
        display: none;
    }

    .header-right {
        width: 100%;
        justify-content: space-between;
    }

    .header-left {
        width: 100%;
        order: 1;
        justify-content: center;
        flex-direction: column;
        position: relative;
        top: -20px;
    }

    .header-left .logo {
        margin-bottom: 17px;
    }

    .header-top-block {
        min-height: 65px;
    }

    .user-mobile-btn {
        display: flex;
    }

    .header-menu-list {
        flex-direction: column;
    }

    .header-menu-title {
        display: block;
        padding: 20px;
        border-top: 1px solid #EEEFF3;
        font-weight: 500;
        font-size: 16px;
        color: #222326;
        margin: 0;
        background-size: 12px 8px;
        background-position-x: calc(100% - 10px);
    }

    .header-sub-box {
        position: initial;
        padding: 0 0 10px;
    }

    .header-sub-menu {
        width: 100%;
        box-shadow: none;
    }

    .header-sub-menu > li a {
        padding-left: 37px;
        position: relative;
    }

    .header-sub-menu > li a:before {
        content: '';
        width: 5px;
        height: 5px;
        background-color: #2571E2;
        border-radius: 50%;
        position: absolute;
        top: 14px;
        left: 18px;
    }

    .header-menu-btn.active .header-menu-title {
        background-image: url(../img/arrow-bottom-reverse.svg);
    }

    .banner h1 {
        font-size: 21px;
        line-height: 1.5;
        margin-bottom: 38px;
    }

        .banner h1 br {
            display: none;
        }

    .banner {
        min-height: 500px;
        padding-top: 40px;
        background-image: url(../img/banner-image-mobile.jpg);
    }

    .header-mobile-top {
        display: flex;
    }

    .main-top-info {
        padding: 40px 0 20px;
    }

    .top-info-block {
        width: 100%;
    }

    .to-begin-box {
        border-radius: 0;
    }

    .begin-box-block {
        width: 100%;
        background-color: #ffffff;
        position: relative;
        padding: 15px;
    }

    .begin-box-block:not(:last-child) {
        margin-bottom: 35px;
    }

    .begin-box-wrap:before {
        border: none;
        width: 1px;
        height: 100%;
        top: 0;
        left: 50%;
        border-left: 1px dashed #29B08F;
    }

    .begin-box-block h3 {
        margin-bottom: 42px;
    }

    .btn.to-begin-btn {
        width: 280px;
        margin: 25px auto 25px auto;
    }

    .title {
        margin-bottom: 30px;
        font-size: 18px;
    }

    .sub-title {
        font-size: 12px;
        font-weight: 700;
    }

    .our-advantages {
        display: none;
    }

    .optimal-choice-block {
        width: 100%;
    }

    .optimal-info-wrap {
        flex-direction: column;
        padding-left: 80px;
    }

    .optimal-icon {
        width: 65px;
        margin-right: 15px;
        text-align: center;
    }

    .optimal-top content {
        width: calc(100% - 80px);
        margin: 0;
    }

    .optimal-info-wrap h3 {
        font-size: 22px;
        line-height: 36px;
        text-transform: uppercase;
        color: #222326;
        margin-bottom: 0px;
    }

    .optimal-info-box:not(:last-child) {
        margin-bottom: 10px;
    }

    .popular-platform-photo {
        display: none;
    }

    .popular-platform-content {
        width: 100%;
    }

    .our-achievements {
        display: none;
    }

    .awards-block {
        width: 100%;
    }

    .last-news-block {
        width: 100%;
    }

    .our-awards {
        padding: 50px 0 60px;
    }

    .payment-systems {
        flex-direction: column;
    }

    .payment-systems li {
        margin-bottom: 22px;
        filter: saturate(100%);
        opacity: 1;
    }

     .payment-systems li:nth-child(1) {
         order: 3;
     }

     .payment-systems li:nth-child(2) {
         order: 4;
     }

     .payment-systems li:nth-child(3) {
         order: 2;
     }

     .payment-systems li:nth-child(4) {
         order: 5;
     }

     .payment-systems li:nth-child(5) {
         order: 1;
     }

     .payment-systems li:nth-child(6) {
         order: 6;
     }

     .payment-systems li img {
         max-height: 120px;
     }

    .scroll-top {
        position: fixed;
        bottom: 12px;
        right: 14px;
        width: 40px;
        height: 40px;
        background-size: 15px;
    }

    .footer-top {
        padding: 25px 0 20px;
        align-items: center;
        flex-direction: column;
    }

    .footer-logo {
        margin-bottom: 125px;
    }

    .footer-bottom {
        padding: 40px 0 50px;
    }

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

    .footer-bottom-menu {
        flex-direction: column;
        text-align: center;
    }

    .footer-bottom-menu li {
        margin: 0 0 25px;
    }

    .modal-title {
        font-size: 24px;
        padding: 15px;
    }

    .modal-content {
        padding: 12px 15px 15px;
    }

    .modal-sub-title {
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 15px;
    }

    .input {
        height: 50px;
        margin-bottom: 15px;
        padding-left: 15px;
        font-size: 14px;
    }

    .modal-sub-title br {
        display: none;
    }

    .checkbox span {
        font-size: 12px;
        line-height: 1.5;
    }

    .partner-code {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .language-input {
        margin-bottom: 10px;
    }

    .about-banner-content {
        width: 100%;
        margin-bottom: 15px;
    }

    .about-us-banner {
        padding: 30px 0 40px;
    }

    .about-banner-wrap {
        justify-content: center;
    }

    .representatives-list {
        justify-content: center;
    }

    .history-company {
        padding: 40px 0;
    }

    .sub-content {
        margin: 0 auto 35px auto;
    }

    .news {
        padding: 40px 0 60px;
    }

    .news-details-block {
        padding: 12px;
        font-size: 14px;
    }

    .news-details {
        padding: 35px 0 50px;
    }

    .navigation-page {
        margin-bottom: 25px;
    }

    .bottom-block-info {
        height: 200px;
        margin-top: 50px;
    }

    .section-wrap {
        padding: 35px 0 60px;
    }

    .bid-type-table td {
        padding: 6px 0;
    }

    .bid-type-table td, .bid-type-table th {
        line-height: 1.2;
    }

    .deposit-table-box {
        width: calc(100% + 15px);
        overflow: auto;
    }

    .deposit-table {
        width: auto;
    }

    .deposit-table td, .deposit-table th {
        padding: 12px 15px;
    }

    .support-right {
        flex-direction: column;
        text-align: center;
        padding-bottom: 20px;
    }

    .support-photo {
        display: block;
        max-width: calc(100% - 40px);
        margin-bottom: 5px;
    }

    .support-btn:not(:last-child) {
        margin-bottom: 20px;
    }

    .name-word-block {
        width: 100%;
        margin-bottom: 20px;
    }

    .captcha-block {
        height: 50px;
    }

    .product-block {
        width: 100%;
    }

    .product-top {
        margin-bottom: 20px;
    }

    .main-product-content {
        width: 100%;
        order: 1;
    }

    .main-product-photo {
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }

    .mqlSignal-banner {
        min-height: 385px;
    }

    .mqlSignal-banner h2 {
        font-size: 26px;
        margin-bottom: 45px;
    }

    .top-signal-box {
        height: 300px;
    }

    .how-get {
        padding: 55px 0 65px;
    }

    .top-signal {
        padding: 50px 0 40px;
    }

    .get-step-content {
        padding: 15px;
    }

    .get-step-block:not(:last-child) {
        margin-bottom: 80px;
    }

    .get-step-block:not(:last-child):before {
        height: 50px;
        bottom: -65px;
    }

    .tab-filter-list li {
        margin: 0 8px 10px;
        font-size: 17px;
    }

    .representatives-list li:not(:last-child) {
        margin-right: 0;
    }

    .representatives-list li {
        width: 145px;
    }

    .representatives-name {
        font-size: 15px;
    }

    .language-menu-list li {
        padding: 0 20px 10px 0;
    }

    .language-menu-list li a span {
        margin: 0 0 1px 6px;
    }
    
    .language-menu-list li a {
        font-size: 13px;
    }
    
    .language-menu-list li a img {
        width: 20px;
        height: 14px;
    }

    .language-menu-block {
        padding: 18px 0 5px;
    }

    .language-menu-box {
        top: 40px;
    }

    .payment-systems {
        display: none;
    }

    .hide-mobile {
        display: none;
    }

    .header-menu-btn:last-child {
        margin-right: 7px;
    }

    .valute-list li {
        margin: 0 5px;
    }

    .begin-box-wrap.five-element .begin-box-block {
        width: 100%;
    }

    .begin-box-wrap.five-element:before {
        width: 1px;
        left: 50%;
    }

    .zulutrade-mobile {
        padding: 10px 0 70px;
    }

    .vps-banner {
        padding: 65px 0 70px;
    }

    .vps-info > div {
        width: 100%;
        text-align: center;
    }

    .vps-content p {
        max-width: 100%;
    }

    .vps-content .title.left {
        text-align: center;
    }

    .vps-photo {
        order: -1;
        margin-bottom: 15px;
    }

    .vps-bottom {
        padding: 55px 0 60px;
    }

    .vps-info-middle {
        margin-top: 40px;
    }

    .robots-banner {
        padding: 40px 0 50px;
    }

    .robots-banner h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

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

    .partners-block {
        width: 100%;
        margin: 0 0 40px;
        padding: 30px 20px 20px;
    }

    .partners-wrap {
        margin: 50px 0;
    }

    .begin-box-wrap.four-elemnt .begin-box-block {
        width: 100%;
    }

    .begin-box-wrap.four-elemnt:before {
        width: 1px;
        left: 50%;
    }

    .schema-block {
        width: 100%;
        margin-bottom: 20px;
    }

    .schema {
        padding: 40px 0;
    }

    .partners-info-block {
        width: 125px;
    }

    .demo-wrap {
        padding: 20px 15px;
    }

    .demo-banner {
        min-height: 400px;
    }

    .demo-wrap .check-list li {
        width: 100%;
    }

    .demo-section {
        padding-bottom: 0;
    }

    .safe-banner .check-list li {
        width: 100%;
    }

    .safe-banner p {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .safe-banner {
        padding: 30px 0 115px;
    }

    .safe-section {
        padding-bottom: 0;
    }

    .bonus-banner-title h3 {
        font-size: 75px;
    }

    .bonus-banner-title p {
        margin: 10px 0 0 17px;
        font-size: 34px;
    }

    .bonus-banner-title p span {
        font-size: 15px;
    }

    .bonus-banner {
        min-height: 275px;
        padding: 45px 0 10px;
    }

    .forex-news-photo {
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
    }

    .forex-news-content {
        width: 100%;
    }

    .pagination-page li {
        width: 28px;
        height: 29px;
        font-size: 11px;
    }

    .news-single-block {
        margin: 25px auto 0 auto;
        padding: 15px;
    }

    .comission-banner-content h1 {
        font-size: 44px;
        text-align: center;
    }

    .comission-banner-content content {
        flex-direction: column;
    }

    .comission-banner-content content h3 {
        font-size: 150px;
        margin-right: 0;
    }

     .comission-banner-content content h3:after {
         font-size: 34px;
         bottom: 17px;
         right: -30px;
     }

    .comission-banner-content content p {
        text-align: center;
        font-size: 17px;
    }

    .commision-box {
        padding: 15px;
    }

    .cost-calculate-text {
        font-size: 20px;
        margin: 4px 0;
    }

    .crypto-banner {
        min-height: 350px;
        padding: 20px 0;
    }

    .crypto-banner p {
        margin-bottom: 40px;
    }

    .get-step-content:before {
        display: none;
    }

    .dashboard-top {
        margin-bottom: 20px;
        flex-direction: column;
    }

    .dashboard-btns {
        margin-top: 15px;
        text-align: center;
    }

    .dashboard-btns .btn-green {
        margin: 0 0 10px;
    }

    .table-active {
        width: 550px;
    }

    .dashboard-shares {
        padding-top: 10px;
    }

    .filter-top {
        padding-bottom: 15px;
        margin-bottom: 10px;
        flex-direction: column;
    }

    .filter-left {
        margin-bottom: 10px;
    }

    .changes-table tbody td {
        font-size: 13px;
    }

    .transfer-select-block p {
        width: 100%;
        margin: 0;
    }

    .transfer-select-block .select-big {
        width: 100%;
        margin-top: 15px;
    }

    .quotation-wrap {
        height: 300px;
        overflow: auto;
    }

        .quotation-wrap .checkbox {
            min-width: 100px;
        }

    .modal-form-block {
        width: 100%;
    }
    .modal-block-btns {
        padding: 15px;
    }
    .btn-modal {
        margin-left: 15px;
        font-size: 11px;
        letter-spacing: 0;
    }
    .modal-block-btns .btn {
        height: 46px;
        padding: 0 20px;
        font-size: 12px;
    }
    .modal-form-block:not(:last-child){
        margin-right: 0;
    }
    .new-bill-content {
       width:100%;
       margin-top: 15px;
    }
    .new-bill-btn{
        margin:0 0 20px;
    }
    .bill-progress{
        margin: 25px 0;
    }
    .bill-progress-list li p {
        font-size:15px;
    }
    .transfer-top li {
        font-size: 12px;
        letter-spacing: 0;
        padding: 0 10px 10px;
    }
    .invite-wrap h6 {
        margin: 0 0 12px;
    }
    .min-height-330 {
        min-height: 0;
    }
    .earnings-block p {
        min-width: 101px;
    }
    .top-sub-text {
        font-size: 18px;
        line-height: 22px;
        margin: 0 auto 25px auto;
    }
    .text.f-21 {
        font-size: 18px;
        line-height: 22px;
    }
    .invite-details-content {
        width: 100%;
        margin-bottom: 20px;
    }
    .invite-details-navigation {
        width: 100%;
    }
    .table-details {
        width: 700px;
    }
    .metatrader-block {
        width: 175px;
        height: 175px;
        margin: 0 8px 25px;
    }
    .metatrader-wrap {
        width: calc(100% + 16px);
        margin-left: -8px;
    }
    .operation-history .changes-table thead th {
        min-width: 0;
    }
    .operation-history .changes-table {
        width: 700px;
    }
    .partner-data {
        width: 270px;
        background-size: 185px;
        background-position-x: 40px;
        background-position-y: 70px;
    }
    .partner-data-block,
    .partner-data-block:nth-child(2), .partner-data-block:nth-child(4) {
        width: 120px;
    }
    .partner-data-block p {
        margin-top: 12px;
        font-size: 11px;
        line-height: 17px;
    }
    .partner-data-icon {
        height: 80px;
    }
    .notification-list li {
        padding: 15px 15px 12px;
    }
    .notification-top {
        margin-bottom: 25px;
        flex-direction: column;
    }
    .notification-top .title {
        margin-bottom: 10px;
    }
    .tab-navigation li:not(:last-child) {
        margin-bottom: 10px;
    }
    .settings-content {
        width: 100%;
        margin-top:30px;
    }
    .tab-navigation {
        border-right: none;
    }
    .double-label .label {
        width: 100%;
    }
    .label{
        margin-bottom: 15px;
    }
    .authorization-wrap {
        justify-content: center;
    }
    .btn-link {
        font-size: 15px;
        line-height: 21px;
    }
    .safety-logs .changes-table {
        width: 450px;
    }
    .digit-link {
        font-size: 14px;
        line-height: 18px;
    }
    .safety-logs .changes-table {
        margin: 15px 0 10px;
    }
    .settings-content sub {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 20px;
    }
    .safety-block .back-page {
        margin-bottom: 25px;
    }
    .load-file-content {
        width: 100%;
    }
    .load-file-photo{
        padding:0 0 20px;
    }
    .circle-list{
        margin-bottom:20px;
    }
    .load-file-box{
        justify-content: center;
    }
    .btn {
        height:50px;
        text-align: center;
        padding: 0 20px;
    }
    .btn-green {
        height: 50px;
        text-align: center;
        padding: 0 20px;
    }
    .confirm-number-wrap {
        flex-direction: column;
    }
    .send-SMS{
        margin:10px 0 0;
    }
    .confirm-core .modal-block-btns {
        padding: 0 10px
    }
    .btn-repeat{
        font-size:12px;
        margin-left:8px;
    }
    .modal-confirm-number .modal-block-btns .btn {
        height: 36px;
        font-size: 11px;
        padding: 0 8px;
    }
    .currencies-box .select-big{
        height:50px;
    }
    .currency-exchange {
        margin-bottom: 10px;
        flex-direction: column;
    }
    .currency-exchange sub{
        margin-bottom:5px;
    }
    .currency-exchange p{
        margin-bottom:5px;
    }
    .product-text{
        min-height: 0;
    }
}