/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {

    .logo { width: 140px; }
    .navbar-nav li a { font-size: 14px; }


}


/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {

    body.break {overflow: hidden;position:relative;}
    body.break .header:before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(51, 56, 89, 0.7);
    }

    section {padding: 50px 0;}

    .header {
        padding: 5px 0;
        background: #081990;
        box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.2);
    }

    .hamburger { display: block; }
    .navbar-menu {
        position: fixed;
        z-index: 9999;

        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;

        top: 0;
        left: 0;
        width: 245px;
        height: 100%;
        background: #333859;
        padding: 60px 20px 20px;
        -webkit-transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transition: ease-out .4s;
        -moz-transition: ease-out .4s;
        -ms-transition: ease-out .4s;
        -o-transition: ease-out .4s;
        transition: ease-out .4s;
        visibility: hidden;
    }
    .navbar-menu.open {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        visibility: visible;
    }

    .navbar-menu,
    .navbar-nav {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;

        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .navbar-nav {  }

    .navbar-nav li {margin: 0 0 15px 0;}
    .lang-box {margin-bottom: 20px;}
    .person-link {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .top-section { padding: 160px 0 80px; }

    .top-img__box img {
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }

    .step-item { width: 50%; }
    .stat-box { margin: 0 0 20px 0; }

    .affiliate-item__start { font-size: 21px; }
    .affiliate-item__num { font-size: 24px; margin: 0 0 10px; }
    .affiliate-item__title { font-size: 22px; margin-bottom: 10px; }
    .affiliate-item__text { font-size: 31px; }

    .news-card__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .news-card__big { margin: 0 0 20px 0; }
    .news-card:nth-child(2), .news-card:nth-child(4) { margin-right: 20px; }
    .news-card:nth-child(2), .news-card:nth-child(3) { margin-bottom: 20px; }

    .part-page__img,
    .about-page__img {
        width: 280px;
        margin-bottom: 20px;
        margin-right: 20px;
    }

    .page-title {
        height: 260px;
        padding: 140px 0 50px;
    }

    .page-title h1 {
        padding: 18px 40px 18px 18px;
        font-size: 25px;
    }

    .help-box {margin-bottom: 30px;}
    .contacts-form .input-btn {width: 100%;}

    /*------------------------------
        Cabinet
    --------------------------------*/

    .cabinet-page .hamburger {
        padding-right: 20px;
    }

    .sidebar-wrapper {
        -webkit-transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        transform: translate(-100%, 0);

        -webkit-transition: ease-out .4s;
        -moz-transition: ease-out .4s;
        -ms-transition: ease-out .4s;
        -o-transition: ease-out .4s;
        transition: ease-out .4s;
        visibility: hidden;
    }
    .sidebar-wrapper.open {

        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        visibility: visible;
    }

    .content-wrapper {margin-left: 0;}

    table {font-size: 13px;}

    .invite-title,
    .ref-link,
    .invite .btn,
    #refsys_frm2_uRefBack,
    .invite label {margin-bottom: 15px;}

    .card {
        overflow-x: scroll;
    }


    /*!*992*!*/
}


/*Small Devices, Tablets*/
@media only screen and (max-width: 767px) {

    .affiliate-item { width: 50%; }
    .news-card__wrap {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .news-card {
        width: 48%;
        margin: 0 0 20px 0!important;
    }
    .footer-menu {padding: 20px 0;}
    .footer-bottom p {margin-bottom: 10px;}
    .footer-bottom a {float: none;}

    .rules-page__card {padding: 20px;}
    .page p {margin-bottom: 15px;}

    .adm-box__wrap {height: auto;}
    .adm-box {padding: 30px 0;}
    .welcome-box__wrap {height: 50vh;}


    /*------------------------------
        Cabinet
    --------------------------------*/

    .cash-btn-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .cash-btn-box .btn {
        width: 100%;
        margin-bottom: 20px;
    }
    .cash-btn-box .btn:last-child {margin-bottom: 0;}

    .input-btn__wrap .input-btn:nth-child(1) { margin-bottom: 15px; }


}


/*!* Extra Small Devices, Phones *!*/
@media only screen and (max-width: 480px) {

    .top-text h1 {
        margin-bottom: 30px;
        font-size: 33px;
        line-height: 36px;
    }

    .top-img__box img {margin-top: 30px;}
    .step-item {width: 100%;}
    .step-item__num {font-size: 60px;}
    .step-item__title {font-size: 29px;}
    .step-item__text {font-size: 16px;}
    .step-item {
        height: 99px;
        border-bottom: 1px solid rgba(156, 156, 156, 0.3);
    }
    .affiliate-item {
        width: 100%;
        height: 110px;
        padding: 15px 20px;
    }
    .affiliate-item__num {
        font-size: 21px;
        margin: 0 0 5px;
    }
    .affiliate-item__title {
        font-size: 19px;
        margin-bottom: 6px;
    }
    .affiliate-item__text {font-size: 29px;}
    .news-card {
        width: 100%;
        height: auto;
    }
    .news-card__big {
        width: 100%;
        height: auto;
    }
    .news-card__img {height: auto;}
    .news-card__box {padding: 15px;}
    .news-card__date {margin-bottom: 12px;}
    .news-card__title {
        font-size: 21px;
        line-height: 26px;
        margin-bottom: 12px;
    }
    .news-card__desc {
        line-height: 23px;
        font-size: 15px;
    }
    .news-card.small .news-card__title {font-size: 15px;}
    .news-card__desc {font-size: 13px;}
    section h2 {font-size: 25px;}

    /*------------------------------
        Cabinet
    --------------------------------*/

  




}


@media only screen and (max-width: 380px) {





}