@media( max-width:1900px) {
  .lkLineTop .logo {
    min-width: 217px
  }
  .lkLineTop .logo img {
    width: 50px
  }
  .lkLineTop .lineInfoTop .supportBl {
    margin-left: 20px
  }
  .lkLineTop .lineInfoTop .socialBl {
    margin-left: 20px
  }
  .lkInfoUser {
    width: calc(100% - 733px)
  }
  .lkInfoUser ul li+li {
    margin-left: 32px
  }
  .depositLine {
    padding: 16px 0 17px 10px
  }
  .depositLine .list {
    width: calc(50% + 145px);
    margin-left: 10px
  }
  .depositLine .list .listTopInfo .col {
    width: calc((100% / 3) - 6px);
    padding: 5px 5px 6px 53px
  }
  .depositLine .list .listTopInfo .col [class*="icon-"] {
    font-size: 25px;
    left: 15px;
    margin-top: -13px
  }
  .depositLine .list .listTopInfo .col .tit {
    font-size: 11px
  }
  .depositLine .list .listBotInfo .col {
    width: calc((100% / 3) - 6px)
  }
  .depositLine .progressBl {
    margin-left: 13px;
    width: 188px
  }
  .circlePr {
    right: 10px
  }
  .filterBl {
    padding: 30px
  }
  .filterBl .tit {
    margin-right: 8px
  }
  .filterBl .dateTimeBl .col input {
    width: 145px
  }
  .filterBl .selectric {
    width: 141px
  }
  .filterBl .btn {
    width: 160px;
    font-size: 17px;
    padding: 15px 0
  }
  .tableHistory .thead {
    padding: 0 30px 0 97px
  }
  .tableHistory .thead .col:nth-child(1) {
    width: 200px
  }
  .tableHistory .thead .col:nth-child(2) {
    width: 155px
  }
  .tableHistory .thead .col:nth-child(3) {
    width: 175px
  }
  .tableHistory .thead .col:nth-child(4) {
    width: 227px
  }
  .tableHistory .thead .col:nth-child(5) {
    width: 140px
  }
  .tableHistory .thead .col:nth-child(6) {
    width: 122px
  }
  .tableHistory .tbody .line .col:nth-child(1) {
    width: 228px
  }
  .tableHistory .tbody .line .col:nth-child(2) {
    width: 125px
  }
  .tableHistory .tbody .line .col:nth-child(6) {
    padding-left: 22px
  }
  .makeBl .selectPlan {
    padding: 14px 0 17px 138px
  }
  .makeBl .selectPlan .title {
    width: 125px
  }
  .makeBl .selectPlan .numer {
    left: 20px
  }
  .listPlans {
    width: calc(100% - 140px)
  }
  .enterBl .amount .numer {
    left: 20px
  }
  .enterBl .payment .selectric-wrapper {
    width: 184px
  }
  .enterBl .payment .listChek {
    margin-left: 10px
  }
  .enterBl .payment .listChek .chekBl label {
    font-size: 15px
  }
  .totalBl {
    padding: 25px
  }
  .totalBl .col {
    width: calc((100% / 3) - 25px)
  }
  .totalBl .col .tit {
    font-size: 22px
  }
  .totalBl .col .val {
    font-size: 25px
  }
  .listPayment {
    flex-wrap: wrap;
    justify-content: flex-start
  }
  .listPayment .item {
    margin-bottom: 11px
  }
  .accountBl .filterBl .dateTimeBl .col input {
    width: 185px
  }
}

@media( max-width:1559px) {
  /* .lkLineTop .logo img {
    width: 130px
  } */
  .bannersBl .tabs .listTabs li a {
    font-size: 15px
  }
  .lkLineTop {
    padding: 24px 15px
  }
  .lkLineTop .logo {
    min-width: 155px
  }
  .lkInfoUser {
    width: calc(100% - 680px)
  }
  .lkInfoUser ul li+li {
    margin-left: 15px
  }
  .lkLineDep .list {
    padding: 40px 20px
  }
  .lkMenuFot ul li a {
    font-size: 15px
  }
  .depositLine .list {
    width: calc(50% + 130px)
  }
  .depositLine .list .listTopInfo .col .tit {
    font-size: 10px
  }
  .depositLine .list .listBotInfo .col {
    padding: 11px 19px 11px 22px
  }
  .depositLine .list .listBotInfo .col .tit {
    font-size: 11px
  }
  .depositLine .list .listBotInfo .col .val {
    font-size: 11px
  }
  .depositLine .progressBl {
    margin-left: 10px;
    width: 133px
  }
  .depositLine .progressBl .txtProg {
    font-size: 11px
  }
  .filterBl .tit {
    font-size: 14px;
    margin-right: 5px;
    top: 0
  }
  .filterBl .dateTimeBl .col input {
    width: 125px
  }
  .filterBl .selectric {
    width: 125px
  }
  .tableHistory .thead {
    padding: 0
  }
  .tableHistory .thead .col {
    font-size: 13px
  }
  .tableHistory .thead .col:nth-child(1) {
    width: 234px;
    text-align: center
  }
  .tableHistory .thead .col:nth-child(2) {
    width: 133px
  }
  .tableHistory .thead .col:nth-child(3) {
    width: 122px
  }
  .tableHistory .thead .col:nth-child(4) {
    width: 186px
  }
  .tableHistory .thead .col:nth-child(6) {
    width: 84px
  }
  .tableHistory .tbody .line {
    padding: 16px 20px;
    align-items: center
  }
  .tableHistory .tbody .line .col:nth-child(1) {
    width: 210px
  }
  .tableHistory .tbody .line .col:nth-child(2) {
    padding-left: 0;
    width: 100px
  }
  .tableHistory .tbody .line .col:nth-child(3) {
    width: 150px
  }
  .tableHistory .tbody .line .col:nth-child(4) {
    width: 150px
  }
  .tableHistory .tbody .line .col:nth-child(5) {
    width: 150px
  }
  .tableHistory .tbody .line .col:nth-child(6) {
    width: 200px;
    padding-left: 0
  }
  .tableHistory .tbody .line .col .name {
    font-size: 14px
  }
  .tableHistory .tbody .line .col .pic {
    margin: 0 auto;
    top: 0
  }
  .makeBl .selectPlan {
    padding: 14px 0 17px 115px
  }
  .makeBl .selectPlan .title {
    width: 100px;
    font-size: 16px
  }
  .makeBl .selectPlan .numer {
    margin-top: -38px
  }
  .makeBl .numer {
    width: 75px;
    height: 75px;
    background-size: contain
  }
  .listPlans {
    width: calc(100% - 110px)
  }
  .listPlans .item .pr {
    font-size: 20px
  }
  .enterBl .amount {
    padding: 26px 19px 30px 110px
  }
  .enterBl .amount .numer {
    margin-top: -38px
  }
  .enterBl .amount .title {
    font-size: 16px
  }
  .enterBl .payment {
    padding: 26px 5px 23px 120px
  }
  .enterBl .payment .numer {
    margin-top: -38px
  }
  .enterBl .payment .listChek .chekBl label {
    font-size: 14px
  }
  .totalBl .col .tit {
    font-size: 20px
  }
  .totalBl .btn {
    width: 300px
  }
  .totalBl .col .val {
    font-size: 20px
  }
  .listPayment {
    width: calc(100% - 70px)
  }
  .makeBl.with .selectPlan {
    padding: 40px 25px 40px 120px
  }
  .accountBl .filterBl {
    padding: 45px 25px 45px 37px
  }
  .accountBl .filterBl .dateTimeBl .col input {
    width: 166px
  }
}

@media( max-width:1439px) {
  /* .lkLineTop .logo img {
    width: 115px
  } */
  .container {
    width: 1200px;
    padding: 0 15px
  }
  .headPage:before {
    margin-left: -35px;
    left: -50%
  }
  .lineTop {
    padding: 25px 0
  }
  .lineTop .logo {
    min-width: 235px
  }
  .logo .txt {
    font-size: 30px
  }
  .menu {
    width: calc(100% - 455px)
  }
  .menu ul li a::before {
    left: -15px;
    top: -11px;
    width: calc(100% + 30px);
    height: calc(100% + 22px)
  }
  .menu ul {
    padding: 0 10px
  }
  .lineInfoTop .tit {
    font-size: 11px
  }
  .lineInfoTop .supportBl .link {
    font-size: 14px
  }
  .grettingsMain .cap {
    font-size: 65px
  }
  .lineCurrents {
    margin-top: 141px;
    padding-left: 136px
  }
  .invesPlanBl .textBlock {
    max-width: 37%
  }
  .listPlan {
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -o-transform: scale(.95);
    transform: scale(.95);
    right: -20px;
    top: -47px
  }
  .aboutMain .lineAbout {
    flex-wrap: wrap
  }
  .aboutMain .lineAbout .left {
    width: 100%
  }
  .aboutMain .lineAbout .right {
    width: 100%;
    padding-top: 35px;
    left: 0
  }
  .aboutMain .lineAbout .right .btn {
    margin-top: 50px
  }
  .videoBl {
    width: 397px
  }
  .aboutMain .adress {
    margin-top: 0;
    margin-left: 41px
  }
  .register {
    margin: 30px auto 0
  }
  .affilateMain .in {
    padding-left: 115px
  }
  .affilateMain .bitAffilate {
    left: -231px;
    top: -70px
  }
  .lastOper {
    margin-top: 24px
  }
  .lastOper .list .item {
    width: calc((100% / 3) - 40px)
  }
  .infoAboutUs {
    justify-content: flex-start
  }
  .infoAboutUs .info {
    width: 428px
  }
  .infoAboutUs .docBl {
    margin-top: 30px;
    width: 406px
  }
  .bannersBl .tabs .listTabs li {
    width: calc((100% / 5) - 7px)
  }
  .copyLinkBl input {
    width: calc(100% - 250px)
  }
  .copyLinkBl .btn {
    width: 230px
  }
  .investPage .formaPlan {
    right: 199px;
    top: 675px
  }
  .investPage .listPlan {
    top: 124px;
    left: -30px
  }
  .lkLineTop .logo {
    min-width: 125px
  }
  .lkLineTop .lineInfoTop .timeBl {
    width: 140px
  }
  .lkLineTop .lineInfoTop .supportBl {
    margin-left: 5px
  }
  .lkLineTop .lineInfoTop .socialBl {
    margin-left: 10px
  }
  .lkInfoUser {
    width: 570px
  }
  .lkInfoUser ul li {
    padding-left: 41px
  }
  .lkInfoUser ul li .tit {
    font-size: 11px
  }
  .lkInfoUser ul li [class*="icon-"] {
    font-size: 29px
  }
  .lkInfoUser ul li .val {
    font-size: 14px
  }
  .lkInfoUser ul li b.val {
    font-size: 15px
  }
  .lkLineDep .list {
    padding: 24px 10px
  }
  .lkRightContent {
    padding: 0 30px
  }
  .accountBl .linksBl .item .link {
    font-size: 15px
  }
  .lkFooter .copyTxt {
    width: 250px
  }
  .lkFooter .copyTxt p {
    font-size: 12px
  }
  .lkFooter .soc {
    width: 240px
  }
  .lkMenuFot {
    padding: 10px 20px;
    width: calc(100% - 395px)
  }
  .lkMenuFot ul li a {
    font-size: 14px
  }
  .adretingBl .refLink {
    padding: 30px
  }
  .adretingBl .refLink .copyLinkBl .tit {
    width: 150px;
    font-size: 14px
  }
  .adretingBl .refLink .copyLinkBl input {
    width: calc(100% - 425px);
    left: 0
  }
  .adretingBl .refLink .copyLinkBl .btn {
    width: 225px
  }
  .adretingBl .bannersBl {
    padding: 15px 30px 50px
  }
  .depositLine {
    flex-wrap: wrap;
    padding: 16px 0 17px 15px
  }
  .depositLine .prBl {
    position: relative;
    top: 23px
  }
  .depositLine .list {
    width: calc(100% - 260px)
  }
  .depositLine .progressBl {
    width: calc(100% - 265px);
    margin: 0 auto;
    margin-top: 15px;
    position: relative;
    left: -10px
  }
  .circlePr {
    top: 93px;
    right: 17px
  }
  .filterBl .dateTimeBl .col::after {
    top: auto;
    bottom: 28px
  }
  .filterBl .dateTimeBl .col+.col {
    margin-left: 15px
  }
  .filterBl .tit {
    display: block;
    margin-right: 0;
    margin-bottom: 10px
  }
  .filterBl .dateTimeBl .col input {
    width: 150px
  }
  .filterBl .selectric {
    width: 150px
  }
  .filterBl .btn {
    top: 14px
  }
  .tableHistory .thead .col:nth-child(1) {
    text-align: left;
    padding-left: 22px;
    width: 20%
  }
  .tableHistory .thead .col:nth-child(2) {
    width: 17%;
    text-align: center
  }
  .tableHistory .thead .col:nth-child(3) {
    width: 10%
  }
  .tableHistory .thead .col:nth-child(4) {
    width: 18%
  }
  .tableHistory .thead .col:nth-child(5) {
    width: 13%
  }
  .tableHistory .thead .col:nth-child(6) {
    width: 16%
  }
  .tableHistory .tbody .line .col:nth-child(2) {
    width: 120px
  }
  .settingsBl .tabs .listTabs {
    padding: 0 30px
  }
  .settingsBl .tabs .formaMessage {
    padding: 30px
  }
  .settingsBl .chekitList {
    padding: 30px
  }
  .makeBl .selectPlan {
    flex-wrap: wrap;
    padding: 50px 20px 20px
  }
  .makeBl .selectPlan .title {
    margin-left: 94px
  }
  .makeBl .numer {
    top: 25px;
    margin: 0!important
  }
  .listPlans {
    width: 100%;
    margin-top: 41px
  }
  .enterBl .payment .listChek {
    margin-left: 0
  }
  .totalBl .btn {
    width: 250px
  }
  .listPayment {
    width: 100%;
    margin-top: 50px
  }
  .makeBl.with .selectPlan {
    padding: 25px 26px 20px
  }
  .makeBl.with .amount {
    padding: 32px 20px 32px 117px
  }
  .accountBl .filterBl .dateTimeBl .col input {
    width: 180px
  }
  .genetalStat .left .line .tit {
    font-size: 13px
  }
  .genetalStat .left .line .val {
    font-size: 17px
  }
  .genetalStat .right .line {
    padding: 16px 0 16px 20px
  }
  .tableInfoRef .line .tit {
    font-size: 14px
  }
  .tableInfoRef .line .val {
    font-size: 14px;
    margin-left: 0
  }
  .tableReferals .infoLine {
    padding: 8px 15px 12px
  }
}

@media( max-width:1199px) {
  .circleBig{
    display: none;
  }
  .blickBlTwo, .blickBl {
    display: none;
  }
  .circleMain {
    display: none;
  }
  .mobileTitleTable {
    display: block;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 15px
  }
  /* .lkLineTop .logo img {
    width: 130px
  } */
  .container {
    width: 992px;
    padding: 0 5px
  }
  .headMain {
    min-height: 740px
  }
  .headMain:before {
    background-image: url(../img/bgmainhead1024.png);
    width: 1586px;
    height: 1232px;
    margin-left: -681px
  }
  .headPage:before {
    background-image: url(../img/bgheadpage1024.png);
    width: 1774px;
    height: 880px;
    margin-left: -168px;
    left: -50%;
    top: -49px
  }
  .headPage .lineTop {
    padding: 19px 0 22px
  }
  .lineTop {
    flex-wrap: wrap
  }
  .menu {
    width: 100%;
    margin-top: 47px
  }
  .menu ul {
    justify-content: flex-start
  }
  .menu ul li+li {
    margin-left: 42px
  }
  .menu ul li a:before {
    left: -21px;
    top: -10px;
    width: calc(100% + 45px);
    height: calc(100% + 21px)
  }
  .loginLinks {
    position: absolute;
    right: 12px;
    top: 37px
  }
  .headPage .loginLinks {
    right: 160px
  }
  .lineInfoTop {
    margin-top: 25px
  }
  .grettingsMain {
    margin-top: 12px
  }
  .grettingsMain .cap {
    font-size: 80px
  }
  .lineCurrents {
    margin-top: 0;
    padding-left: 0;
    position: absolute;
    right: auto;
    bottom: 14px;
    left: 50%;
    margin-left: -162px
  }
  .lineCurrents ul li+li {
    margin-left: 25px
  }
  .lineCurrents ul li .iconBl {
    width: 65px;
    height: 65px
  }
  .lineCurrents ul li .val+* {
    margin-top: 0
  }
  .invesPlanBl .textBlock {
    padding-left: 28px;
    max-width: 37%
  }
  .listPlan {
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -o-transform: scale(.95);
    transform: scale(.79);
    right: -113px;
    top: -50px
  }
  .formaPlan {
    right: 135px;
    top: 486px
  }
  .invesPlanBl .pic_bit {
    left: -15px;
    top: 575px;
    width: 231px;
    height: 180px;
    background-size: contain
  }
  .invesPlanBl .pic_bit::before {
    width: 170px;
    height: 170px;
    left: -15px;
    top: 33px;
    background-size: contain;
  }
  .aboutMain {
    top: -20px
  }
  .textBlock .capTitle+* {
    margin-top: 17px
  }
  .aboutMain .lineAbout .left {
    position: relative
  }
  .aboutMain .lineAbout .right {
    padding-top: 42px
  }
  .aboutMain .lineAbout .right .btn {
    margin-top: 28px
  }
  .videoBl {
    width: 358px
  }
  .aboutMain .adress {
    margin-left: 0;
    margin-top: 90px
  }
  .register {
    margin-top: 50px;
    margin-left: 93px
  }
  .affilateMain {
    margin-top: 74px
  }
  .affilateMain .in {
    padding-left: 0
  }
  .affilateMain .bitAffilate {
    left: -331px;
    top: -108px
  }
  .infoAffilate {
    margin-top: 9px
  }
  .infoAffilate .left .item {
    padding: 23px 150px 23px 69px;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -ms-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -ms-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
  }
  .infoAffilate .right .item {
    padding: 23px 67px 23px 150px;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -ms-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -ms-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
  }
  .logoAffilate {
    width: 260px;
    height: 270px;
    top: 50%;
    margin-left: -130px;
    margin-top: -135px;
    border: solid 1px #454365
  }
  .whyBl {
    margin-top: 105px
  }
  .whyBl .in .list .item {
    max-width: 260px
  }
  .pl {
    margin-top: 26px
  }
  .lastOper {
    margin-top: 36px
  }
  .lastOper .list .item {
    width: calc((100% / 3) - 30px)
  }
  .lastOper .list .item:first-child .listLine .line {
    padding: 15px 25px 15px 50px
  }
  .lastOper .list .item .listLine .line {
    padding: 15px 15px 15px 50px
  }
  .lastOper .list .item .listLine .line .iconPl {
    right: 50%;
    margin-right: -30px
  }
  .lastOper .bigFon {
    background-image: url(../img/lasoperfon1024.png);
    width: 2125px;
    height: 801px;
    top: -198px;
    margin-left: -264px
  }
  .companyNews {
    margin-top: 145px;
    padding-bottom: 53px
  }
  .companyNews::before {
    margin-right: -520px;
    background-image: url(../img/foncompanynews1024.png);
    width: 1693px;
    height: 776px
  }
  .companyNews .in {
    padding-left: 50px
  }
  .companyNews .list .item:nth-child(3) {
    display: none
  }
  .paymentBl {
    padding: 102px 0 0
  }
  .paymentBl .list {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 15px
  }
  .paymentBl .list .item {
    margin-bottom: 53px
  }
  footer {
    padding: 143px 0 40px
  }
  footer .in {
    position: relative
  }
  footer .left .logo {
    margin: 0 auto;
    display: table;
    display: table;
    margin: 0 auto
  }
  footer .left .copyTxt {
    margin-top: 25px;
    text-align: center
  }
  footer .right {
    width: calc(100% - 305px)
  }
  footer .right .listFot .col:nth-child(4) {
    position: absolute;
    left: 31px;
    bottom: 5px
  }
  footer .right .listFot .col:nth-child(4) .tit {
    display: none
  }
  .menuFut {
    width: calc(100% + 92px);
    position: relative;
    left: -80px
  }
  .menuFut ul {
    padding: 16px 25px 16px 20px
  }
  footer::before {
    background-image: url(../img/bgfooter1024.png);
    width: 2543px;
    height: 907px;
    bottom: -234px;
    margin-left: -711px
  }
  .grettings .cap {
    font-size: 70px
  }
  .aboutUsBl {
    padding: 210px 0 0
  }
  .aboutUsBl .bitPicture {
    top: -22px;
    right: 138px;
    width: 349px;
    height: 275px;
    background-size: contain
  }
  .aboutUsBl .bitPicture.big::before {
    top: 96px;
    width: 210px;
    height: 210px;
    left: -26px;
  }
  .aboutUsBl .bitPicture:before {
    top: 53px;
    width: 250px;
    height: 250px;
    left: -18px;
  }
  .aboutUsBl .bitPicture.big {
    background-size: contain;
    width: 271px;
    height: 334px
  }
  .bitPicture::after {}
  .aboutUsBl .circleBlue {
    top: 547px;
    margin-left: -271px
  }
  .aboutUsBl .wrap {
    flex-wrap: wrap
  }
  .aboutUsBl .wrap .left {
    width: 100%
  }
  .aboutUsBl .wrap .right {
    width: 100%;
    padding: 20px 0 0
  }
  .aboutUsBl .wrap .right p:first-child+* {
    margin-top: 20px
  }
  .aboutUsBl .wrap .right p:last-child {
    margin-top: 20px
  }
  .aboutUsBl .wrap .right p+p {
    margin-top: 20px
  }
  .infoAboutUs+* {
    margin-top: 39px
  }
  .infoAboutUs .info {
    width: 287px
  }
  .infoAboutUs .docBl {
    margin: 0
  }
  .infoAboutUs .register {
    right: 0;
    margin-left: 366px
  }
  .bannersBl {
    padding: 100px 0
  }
  .lkPage .bannersBl .tabs .listTabs {
    justify-content: center
  }
  .lkPage .bannersBl .tabs .listTabs li {
    width: calc((100% / 4));
    margin-bottom: 12px!important
  }
  .tabs .listTabs li a {
    font-size: 15px
  }
  .lkPage .pictureBanners {
    background-size: contain;
    height: 230px
  }
  .contactsBl .wrapIn {
    flex-wrap: wrap
  }
  .contactsBl .wrapIn .left {
    width: 100%;
    padding-right: 0
  }
  .contactsBl .wrapIn .right {
    width: 100%;
    padding: 0 20px
  }
  .contactsBl .register {
    margin: 50px 0
  }
  .formaMessage label {
    font-size: 14px
  }
  .contactsBl .bitPicture {
    display: none
  }
  .investPage .invesPlanBl .textBlock p+.capTitle {
    margin-top: 33px
  }
  .investPage .formaPlan {
    right: 130px;
    top: 675px
  }
  .investPage .listPlan {
    top: 145px;
    left: -117px
  }
  .rateBl {
    padding: 100px 0 0
  }
  .rateBl .list {
    justify-content: space-around
  }
  .rateBl .item {
    width: calc((100%/ 4) - 10px);
    height: 350px
  }
  .rulesBl .bitPicture {
    display: none
  }
  .lkLineTop {
    flex-wrap: wrap
  }
  .lkLineTop .lineInfoTop {
    position: absolute;
    right: 86px;
    top: 0
  }
  .lkLineTop .lineInfoTop .supportBl {
    margin-left: 52px
  }
  .lkLineTop .lineInfoTop .socialBl {
    margin-left: 55px
  }
  .lkInfoUser {
    width: 100%;
    margin-top: 12px
  }
  .lkInfoUser ul {
    justify-content: space-between
  }
  .lkInfoUser ul li .tit {
    font-size: 12px
  }
  .lkInfoUser ul li .val {
    font-size: 15px
  }
  .lkInfoUser ul li b.val {
    font-size: 20px
  }
  .lkLineDep::before {
    background-image: none;
    width: 100%;
    background-color: #2b2949;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    top: 0;
    height: 100%;
    left: -15px
  }
  .lkLineDep .list {
    flex-wrap: wrap;
    padding: 8px 11px 2px;
    justify-content: flex-start
  }
  .lkLineDep .item {
    width: calc(100% / 4);
    margin-bottom: 9px
  }
  .lkContent {
    padding: 36px 0 0
  }
  .lkContent .lkMenu {
    width: 246px
  }
  .lkContent .lkMenu ul li a {
    padding: 17px 0 17px 68px
  }
  .lkContent .lkMenu ul li a [class*="icon-"] {
    left: 13px;
    margin-top: -17px
  }
  .lkRightContent {
    padding: 0 5px 0 19px
  }
  .lkRightContent .capTitle {
    font-size: 30px
  }
  .lkRightContent .capTitle+* {
    margin-top: 35px
  }
  .accountBl .linksBl {
    flex-wrap: wrap
  }
  .accountBl .linksBl .item {
    width: 100%
  }
  .accountBl .linksBl .item+.item {
    margin-top: 24px
  }
  .accountBl .statBl {
    margin-top: 30px
  }
  .accountBl .statBl .left, .accountBl .statBl .right {
    width: calc(50% - 3px)
  }
  .accountBl .statBl .list .item {
    padding: 16px 30px 19px 65px
  }
  .lkFooter {
    margin-top: 57px;
    padding: 36px 62px 91px 14px
  }
  .lkFooter .copyTxt {
    width: 269px
  }
  .lkFooter .copyTxt p {
    font-size: 14px
  }
  .lkFooter .soc {
    display: none
  }
  .lkMenuFot {
    padding: 19px 20px;
    width: calc(100% - 195px)
  }
  .lkFooter::before {
    background-image: url(../img/bglinefotlk1024.png);
    width: 1173px;
    height: 204px
  }
  .adretingBl .refLink .copyLinkBl {
    flex-wrap: wrap
  }
  .adretingBl .refLink .copyLinkBl .tit {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 15px
  }
  .adretingBl .refLink .copyLinkBl input {
    width: 100%;
    margin-top: 15px
  }
  .adretingBl .refLink .copyLinkBl .btn {
    margin: 0 auto;
    margin-top: 15px
  }
  .depositLine {
    padding: 30px 15px
  }
  .depositLine .prBl {
    top: 0;
    margin: 0 auto
  }
  .depositLine .list {
    width: 100%;
    margin: 20px 0 0
  }
  .depositLine .progressBl {
    width: 100%;
    left: 0
  }
  .circlePr {
    position: relative;
    left: 0;
    top: 0;
    margin: 20px auto 0
  }
  .filterBl .wrapIn {
    flex-wrap: wrap
  }
  .filterBl .btn {
    margin: 0 auto
  }
  .tableHistory .thead {
    display: none
  }
  .tableHistory .tbody .line {
    flex-wrap: wrap;
    align-items: inherit
  }
  .tableHistory .tbody .line .col {
    width: 50%!important;
    text-align: center!important;
    margin-bottom: 20px;
    padding: 10px 0
  }
  .tableHistory .tbody .line .col .name {
    font-weight: 400
  }
  .tableHistory .tbody .line .col .val {
    font-size: 17px
  }
  .settingsBl {
    padding: 50px 0 30px
  }
  .settingsBl .tabs .listTabs li {
    width: calc((100% / 3) - 10px)
  }
  .settingsBl .tabs .listTabs li a {
    font-size: 14px
  }
  .settingsBl .titListChek {
    font-size: 14px
  }
  .settingsBl .chekitList .left, .settingsBl .chekitList .right {
    width: 50%
  }
  .listPlans {
    flex-wrap: wrap;
    justify-content: flex-start
  }
  .listPlans .item {
    margin: 5px
  }
  .makeBl.with .totalBl .profit {
    width: 50%
  }
  .accountBl .filterBl .dateTimeBl .col input {
    width: 278px
  }
  .genetalStat {
    flex-wrap: wrap;
    margin-top: 42px
  }
  .genetalStat .left {
    width: 100%
  }
  .genetalStat .right {
    width: 100%;
    margin-top: 30px
  }
  .tableReferals .infoLine .col .tit {
    margin-left: 10px
  }
  .tableReferals .infoLine .col .val {
    margin-left: 0;
    display: block
  }
  .tableReferals .infoLine .col .link {
    display: table
  }
}

@media( max-width:991px) {
  .container {
    width: 768px
  }
  .headPage:before {
    margin-left: -290px
  }
  .menu ul {
    justify-content: space-between
  }
  .menu ul li+li {
    margin-left: 0
  }
  .menu ul li a {
    font-size: 14px
  }
  .headPage .loginLinks {
    right: 15px
  }
  .grettingsMain .cap {
    font-size: 60px
  }
  .grettingsMain .cap+* {
    margin-top: 20px
  }
  .grettingsMain .desr {
    font-size: 18px
  }
  .grettingsMain .desr+* {
    margin-top: 24px
  }
  .invesPlanBl {
    padding: 85px 0 0
  }
  .invesPlanBl .textBlock {
    max-width: 100%;
    padding-left: 0
  }
  .listPlan {
    -webkit-transform: scale(.63);
    -moz-transform: scale(.63);
    -o-transform: scale(.63);
    transform: scale(.63);
    right: -225px;
    top: 46px
  }
  .formaPlan {
    right: 65px;
    top: 556px
  }
  .videoBl {
    width: 330px
  }
  .docBl {
    margin-left: 18px
  }
  .register {
    margin-top: 50px;
    margin-left: 44px
  }
  .infoAffilate .left .item {
    padding: 23px 25px 23px 69px
  }
  .infoAffilate .right .item {
    padding: 23px 67px 23px 25px
  }
  .logoAffilate {
    display: none
  }
  .whyBl .in .list .item p {
    font-size: 16px;
    margin-top: 16px
  }
  .pl .list {
    width: 100%;
    padding: 0 15px
  }
  .pl .list .item {
    width: calc(100% / 6);
    background-size: contain;
    height: 41px
  }
  .lastOper .in {
    position: relative
  }
  .lastOper .list {
    flex-wrap: wrap;
    margin-top: 45px
  }
  .lastOper .list .item {
    width: calc((100% / 2) - 30px);
    margin-bottom: 25px
  }
  .lastOper .list .item .listLine {
    margin-top: 25px
  }
  .lastOper .list .item .listLine .line .iconPl {
    margin-right: -26px
  }
  .lastOper .bigFon {
    display: none
  }
  .lastOper .links {
    margin-top: 15px
  }
  .lastOper .pic_bit {
    display: block;
    background-image: url(../img/pic_bit1.png);
    width: 287px;
    height: 229px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 30px;
    bottom: 143px;
    z-index: -1
  }
  .lastOper .pic_bit::before {
    content: "";
    position: absolute;
    left: -13px;
    top: 41px;
    background-image: url("../img/pic_bit2.png");
    background-repeat: no-repeat;
    width: 208px;
    height: 209px;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-name: circleMainRotate;
    z-index: -2;
  }
  .companyNews {
    margin-top: 65px;
    padding-bottom: 47px
  }
  .companyNews::before {
    top: -31px
  }
  .companyNews .in {
    padding-left: 0
  }
  .paymentBl {
    padding: 40px 0 0
  }
  footer {
    padding: 50px 0 40px
  }
  footer .left .copyTxt {
    text-align: left;
    padding-left: 34px
  }
  footer .right .listFot .col {
    display: none
  }
  footer .right .listFot .col:nth-child(4) {
    display: block;
    right: 30px;
    bottom: 55px;
    left: auto
  }
  .menuFut {
    display: none
  }
  footer::before {
    bottom: -400px;
    margin-left: -800px
  }
  .faqBl .left {
    width: calc(50% - 15px)
  }
  .faqBl .right {
    width: calc(50% - 15px)
  }
  .listQuests .tit {
    font-size: 22px
  }
  .questLine .quest {
    font-size: 16px
  }
  .lineContactLink {
    flex-wrap: wrap
  }
  .lineContactLink .tit {
    display: block;
    width: 100%
  }
  .lineContactLink .btn {
    top: 0;
    margin-top: 20px
  }
  .faqBl {
    padding: 60px 0 0
  }
  .infoAboutUs .register {
    margin-left: 279px
  }
  .bannersBl {
    padding: 100px 0 0
  }
  .bannersBl .bitPicture {
    display: none
  }
  .bannersBl .textBlock {
    max-width: 100%
  }
  .bannersBl .tabs .listTabs li {
    width: calc((100% / 5) - 10px)
  }
  .lkPage .bannersBl .tabs .listTabs li {
    width: calc((100% / 3));
    margin-bottom: 12px!important
  }
  .lkPage .bannersBl .tabs .listTabs li a {
    font-size: 14px
  }
  .tabs .listTabs li a {
    font-size: 14px
  }
  .copyLinkBl {
    flex-wrap: wrap
  }
  .copyLinkBl input {
    width: 100%
  }
  .copyLinkBl .btn {
    margin: 0 auto;
    margin-top: 15px
  }
  .formaMessage .in {
    flex-wrap: wrap
  }
  .investPage .formaPlan {
    right: 60px;
    top: 720px
  }
  .investPage .listPlan {
    top: 175px;
    left: -230px
  }
  .rateBl .item {
    width: calc((100%/ 3) - 10px)
  }
  .rulesBl .textBlock {
    max-width: 100%
  }
  .loginBl .formaMessage {
    padding: 54px
  }
  .lkLineTop .lineInfoTop {
    right: 17px
  }
  .lkLineTop .lineInfoTop .socialBl {
    margin-left: 41px
  }
  .accountBl .statBl {
    flex-wrap: wrap
  }
  .accountBl .statBl .left, .accountBl .statBl .right {
    width: 100%
  }
  .accountBl .statBl .right {
    margin-top: 25px
  }
  .lkFooter {
    flex-wrap: wrap;
    padding: 35px 15px;
    background-color: #2b2949
  }
  .lkFooter .copyTxt {
    display: block;
    text-align: center;
    margin: 0 auto
  }
  .lkMenuFot {
    width: 100%;
    margin-top: 20px
  }
  .lkFooter::before {
    display: none
  }
  .depositLine .list .listTopInfo {
    flex-wrap: wrap
  }
  .depositLine .list .listTopInfo .col {
    width: 100%
  }
  .depositLine .list .listTopInfo .col+.col {
    margin-top: 10px
  }
  .depositLine .list .listTopInfo .col .tit {
    font-size: 13px
  }
  .depositLine .list .listBotInfo {
    flex-wrap: wrap;
    margin-top: 10px
  }
  .depositLine .list .listBotInfo .col {
    width: 100%
  }
  .depositLine .list .listBotInfo .col+.col {
    margin-top: 10px
  }
  .depositLine .list .listBotInfo .col .tit {
    font-size: 13px
  }
  .depositLine .list .listBotInfo .col .val {
    font-size: 13px
  }
  .depositLine .progressBl {
    margin-top: 10px
  }
  .depositLine .progressBl .txtProg {
    font-size: 13px
  }
  .depositLine .progressBl .prog {
    margin-top: 10px
  }
  .filterBl .dateTimeBl {
    width: 100%;
    margin-bottom: 15px
  }
  .filterBl .dateTimeBl .col {
    width: 50%
  }
  .filterBl .dateTimeBl .col input {
    width: 100%
  }
  .filterBl .transactionBl {
    width: calc(50% - 7px)
  }
  .filterBl .payBl {
    width: calc(50% - 7px)
  }
  .filterBl .selectric-wrapper {
    width: 100%
  }
  .filterBl .selectric {
    width: 100%
  }
  .settingsBl .tabs .listTabs {
    justify-content: center;
    padding: 0
  }
  .settingsBl .tabs .listTabs li {
    width: calc((100% / 2) - 10px);
    margin-bottom: 10px!important
  }
  .settingsBl .tabs .formaMessage {
    padding: 15px
  }
  .settingsBl .lineBtn {
    margin: 0
  }
  .settingsBl .btn {
    margin: 0 auto;
    margin-top: 15px
  }
  .settingsBl .tabs .formaMessage .lineInputs {
    width: 100%!important
  }
  .settingsBl .titListChek {
    min-height: 36px
  }
  .settingsBl .chekitList {
    padding: 15px
  }
  .makeBl .selectPlan+* {
    margin-top: 20px
  }
  .listPlans .item {
    margin: 3px
  }
  .enterBl {
    width: 100%;
    flex-wrap: wrap
  }
  .enterBl .amount {
    width: 100%
  }
  .enterBl .amount .inputLine {
    width: 100%;
    max-width: 100%
  }
  .enterBl .payment {
    width: 100%;
    margin-top: 20px;
    padding: 26px 19px 23px 109px
  }
  .enterBl .payment .selectric-wrapper {
    width: 100%
  }
  .totalBl {
    width: 100%;
    flex-wrap: wrap
  }
  .totalBl .col {
    width: 100%
  }
  .totalBl .col+.col {
    margin-top: 10px
  }
  .totalBl .btn {
    width: 100%;
    margin-top: 10px
  }
  .makeBl.with .amount .inputLine {
    margin-left: 0;
    width: 100%;
    margin-top: 10px
  }
  .makeBl.with .totalBl .profit {
    width: 100%
  }
  .accountBl .filterBl .dateTimeBl .col input {
    width: 100%
  }
  .tableReferals .infoLine {
    flex-wrap: wrap;
    padding: 15px
  }
  .tableReferals .infoLine .col {
    width: 100%;
    text-align: center
  }
  .tableReferals .infoLine .col+.col {
    margin-top: 15px
  }
  .tableReferals .infoLine .col .val {
    margin-top: 10px
  }
  .tableReferals .infoLine .col .link {
    margin: 0 auto;
    margin-top: 10px
  }
}

@media( max-width:767px) {
  .menuBtn {
    display: block
  }
  .lkPage .menuBtn {
    top: 31px;
    right: 13px;
    z-index: 10
  }
  .container {
    width: 100%;
    padding: 0 10px
  }
  .headMain {
    min-height: 550px
  }
  .headMain:before {
    background-image: url(../img/bgmainhead640.png);
    width: 784px;
    height: 543px;
    margin-left: -384px;
    top: 56px
  }
  .headPage {
    min-height: 260px
  }
  .headPage:before {
    background-image: url(../img/bgheadpage640.png);
    width: 783px;
    height: 448px;
    margin-left: 257px;
    top: 8px
  }
  .headPage .lineTop {
    padding: 0
  }
  .lineTop {
    padding: 0
  }
  .lineTop .logo {
    position: absolute;
    left: 9px;
    top: 86px
  }
  .headMain .logo img {
    width: auto
  }
  .headMain+.content footer .logo img {
    width: auto
  }
  .logo img {
    width: 50px
  }
  .menu {
    display: none;
    position: absolute;
    left: 0;
    top: 180px;
    background-color: #19152e;
    padding: 20px 0;
    z-index: 5;
    border-top: solid 1px #4b496a;
    border-bottom: solid 1px #4b496a
  }
  .menu ul {
    flex-wrap: wrap
  }
  .menu ul li {
    width: 100%
  }
  .menu ul li+li {
    margin-top: 16px
  }
  .menu ul li a {
    display: block;
    background-color: #2b2949;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    font-size: 15px;
    padding: 17px 27px
  }
  .menu ul li a:before {
    display: none
  }
  .loginLinks {
    right: 7px;
    top: 12px
  }
  .loginLinks ul li a {
    background-color: transparent
  }
  .lineInfoTop {
    background-color: #221d3f;
    margin: 0;
    padding: 13px 0
  }
  .lineInfoTop .timeBl {
    padding-left: 47px
  }
  .lineInfoTop .supportBl {
    display: none
  }
  .lineInfoTop .socialBl {
    margin-left: 21px
  }
  .grettingsMain {
    margin: 0;
    padding: 102px 0 0
  }
  .grettingsMain .cap {
    font-size: 40px
  }
  .grettingsMain .desr {
    display: none
  }
  .grettingsMain .desr+* {
    margin-top: 34px
  }
  .lineCurrents {
    display: none
  }
  .invesPlanBl {
    padding: 4px 0 0
  }
  .invesPlanBl .in {
    display: flex;
    flex-wrap: wrap;
    align-items: center
  }
  .textBlock p {
    font-size: 15px;
    line-height: 25px
  }
  .capTitle {
    font-size: 30px
  }
  .listPlan {
    position: relative;
    right: auto;
    top: auto;
    width: 50%;
    background: transparent;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    pointer-events: none;
    height: inherit;
    margin-top: 25px
  }
  .listPlan .item {
    -webkit-transform: rotate(0deg)!important;
    -moz-transform: rotate(0deg)!important;
    -o-transform: rotate(0deg)!important;
    transform: rotate(0deg)!important;
    position: relative;
    top: auto!important;
    left: auto!important;
    right: auto!important;
    bottom: auto!important;
    background-color: #2b2949;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    width: calc(100% - 11px)!important;
    height: inherit!important;
    padding: 8px 5px 9px 88px
  }
  .listPlan{    
    pointer-events: auto;
  }
  .listPlan .item+.item {
    margin-top: 6px
  }
  .listPlan .item:hover .pr .prTxt{
    line-height: 63px;
  }
  .listPlan .item input:checked + label + .pr .prTxt {
    line-height: 63px;
  }
  .listPlan .item .pr .prTxt {
    width: 100%;
    height: 100%;
    font-size: 15px;
    left: 0;
    top: 0;
    border: 0;
    line-height: 63px;
  }
  .listPlan .item .pr {
    -webkit-transform: rotate(0deg)!important;
    -moz-transform: rotate(0deg)!important;
    -o-transform: rotate(0deg)!important;
    transform: rotate(0deg)!important;
    width: 68px;
    height: 68px;
    font-size: 15px;
    margin-top: -31px;
    top: 50%!important;
    right: auto!important;
    left: 4px!important
  }
  .listPlan .item .pr .vip {
    display: none
  }
  .listPlan .item ul {
    -webkit-transform: rotate(0deg)!important;
    -moz-transform: rotate(0deg)!important;
    -o-transform: rotate(0deg)!important;
    transform: rotate(0deg)!important;
    position: relative;
    top: auto!important;
    right: auto!important;
    left: auto!important
  }
  .listPlan .item input:checked + label + .pr + ul +.desr,
  .listPlan .item:hover .desr{
    color: #fff;
  }
  .listPlan .item input:checked + label + .pr + ul li span,
  .listPlan .item:hover ul li span{
    color: #767498;
    background-color: #2b2949;
  }
  .listPlan .item:hover ul li::after {
    color: #767498;
  }
  .listPlan .item .link {
    -webkit-transform: rotate(0deg)!important;
    -moz-transform: rotate(0deg)!important;
    -o-transform: rotate(0deg)!important;
    transform: rotate(0deg)!important;
    display: none
  }
  .listPlan .item .desr {
    -webkit-transform: rotate(0deg)!important;
    -moz-transform: rotate(0deg)!important;
    -o-transform: rotate(0deg)!important;
    transform: rotate(0deg)!important;
    position: relative;
    top: auto!important;
    right: auto!important;
    left: auto!important;
    text-align: left
  }
  .listPlan .item .fonBl {
    -webkit-transform: rotate(0deg)!important;
    -moz-transform: rotate(0deg)!important;
    -o-transform: rotate(0deg)!important;
    transform: rotate(0deg)!important;
    display: none
  }
  .listPlan .item input:checked + label + .pr .prTxt {
    line-height: 62px;
  }
  .formaPlan {
    position: relative;
    right: auto;
    top: auto;
    width: 300px;
    left: 13px
  }
  .invesPlanBl .pic_bit {
    left: auto;
    top: -190px;
    right: 41px
  }
  .invesPlanBl .listPlan .logoPlan {
    display: none
  }
  .aboutMain {
    top: 0;
    margin-top: 50px
  }
  .aboutMain .textBlock {
    width: 100%
  }
  .textBlock .capTitle+* {
    margin-top: 0
  }
  .aboutMain .lineAbout {
    margin-top: 37px
  }
  .aboutMain .lineAbout .right {
    padding-top: 30px
  }
  .videoBl {
    width: 301px;
    height: 198px
  }
  .docBl {
    margin-left: 12px;
    height: inherit
  }
  .docBl ul li {
    width: 144px;
    height: 198px
  }
  .docBl ul li+li {
    margin-left: 18px
  }
  .aboutMain:before {
    background-image: url(../img/fonaboutcompany640.png);
    width: 864px;
    height: 508px;
    margin-left: -100px;
    top: 484px
  }
  .aboutMain .adress {
    margin-top: 57px
  }
  .register {
    width: 300px;
    margin: 33px 0 0 24px;
    height: 123px;
    right: -3px
  }
  .register .in {
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    padding: 22px 5px 7px 118px
  }
  .register .in .pic {
    width: 60px;
    height: 60px;
    background-size: contain;
    left: 41px;
    top: 21px
  }
  .register .in .tit {
    font-size: 11px;
    letter-spacing: 1.2px
  }
  .register .in .num {
    font-size: 20px
  }
  .register .in .link {
    font-size: 11px;
    letter-spacing: .8px;
    font-weight: 700
  }
  .affilateMain {
    margin-top: 31px
  }
  .affilateMain .top {
    flex-wrap: wrap
  }
  .affilateMain .top .pr {
    font-size: 70px;
    width: 108px
  }
  .affilateMain .top .textBlock {
    width: 100%;
    margin-top: -10px
  }
  .affilateMain .top .textBlock .capTitle {
    position: absolute;
    left: 112px;
    top: -67px;
    line-height: 30px
  }
  .affilateMain .top .textBlock p {
    width: 100%
  }
  .infoAffilate {
    margin-top: 22px
  }
  .infoAffilate .left {
    width: calc(50% - 15px)
  }
  .infoAffilate .left .item {
    padding: 23px 17px 23px 58px;
    width: 100%;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px
  }
  .infoAffilate .left .item .iconBl {
    left: 15px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background-size: contain
  }
  .infoAffilate .right {
    width: calc(50% - 15px)
  }
  .infoAffilate .right .item {
    width: 100%;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    padding: 23px 17px 23px 66px
  }
  .infoAffilate .right .item .iconBl {
    left: 15px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background-size: contain;
    right: auto
  }
  .infoAffilate .item+.item {
    margin-top: 10px
  }
  .infoAffilate .item .tit {
    font-size: 13px
  }
  .infoAffilate .item .val {
    font-size: 13px
  }
  .whyBl {
    margin-top: 32px
  }
  .whyBl .in .list {
    flex-wrap: wrap;
    margin-top: 41px
  }
  .whyBl .in .list .item {
    width: 100%;
    max-width: inherit;
    padding-left: 138px
  }
  .whyBl .in .list .item+.item {
    margin-top: 60px
  }
  .whyBl .in .list .item .iconBl {
    width: 62px;
    height: 62px;
    background-size: 48%;
    left: 49px;
    top: -12px;
    z-index: 2
  }
  .whyBl .in .list .item .pic {
    width: 110px;
    height: 110px;
    background-size: contain;
    position: absolute;
    left: -8px;
    top: -3px
  }
  .whyBl .in .list .item .name {
    font-size: 17px;
    margin-top: 0
  }
  .whyBl .in .list .item p {
    font-size: 15px;
    margin-top: 1px;
    line-height: 25px
  }
  .pl {
    margin-top: 34px
  }
  .pl .list {
    border: 0;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0
  }
  .pl .list .item {
    height: 30px;
    width: calc((100% / 6) - 15px)
  }
  .lastOper {
    margin-top: 52px
  }
  .lastOper .capTitle {
    display: none
  }
  .lastOper .list {
    margin-top: 0
  }
  .lastOper .pic_bit {
    right: 5px;
    bottom: 66px
  }
  .lastOper .list .item {
    width: calc((100% / 2) - 17px)
  }
  .lastOper .links {
    display: none
  }
  .companyNews {
    margin-top: 33px;
    padding-bottom: 47px
  }
  .companyNews::before {
    top: -8px;
    margin-right: -315px;
    background-image: url(../img/foncompanynews640.png);
    width: 1063px;
    height: 503px
  }
  .companyNews .capTitle+* {
    margin-top: 35px
  }
  .companyNews .list .item .pic {
    width: 100px;
    height: 100px
  }
  .companyNews .list .item .txt {
    width: calc(100% - 110px);
    padding-left: 6px
  }
  .companyNews .list .item .txt .name {
    line-height: 21px
  }
  .companyNews .btn {
    margin-top: 64px
  }
  .whyBl+.paymentBl {
    padding: 73px 0 41px
  }
  .paymentBl {
    padding: 0
  }
  .paymentBl .list .item {
    width: calc(100% / 4);
    height: 35px;
    background-size: contain;
    margin-bottom: 21px
  }
  footer {
    padding: 78px 0 40px
  }
  footer .left .copyTxt {
    margin-top: 9px
  }
  footer .right .listFot .col:nth-child(4) {
    bottom: 26px
  }
  footer::before {
    background-image: url(../img/bgfooter640.png);
    width: 1148px;
    height: 363px;
    bottom: 2px;
    margin-left: -370px
  }
  .grettings .cap {
    font-size: 40px
  }
  .grettings {
    margin-top: 102px
  }
  .faqBl .left {
    width: 100%
  }
  .faqBl .right {
    width: 100%
  }
  .faqBl .textBlock p {
    max-width: 100%
  }
  .listQuests+.listQuests {
    margin-top: 40px
  }
  .lineContactLink {
    margin-top: 44px
  }
  .faqBl+* {
    margin-top: 40px
  }
  .aboutUsBl {
    padding: 152px 0 0
  }
  .aboutUsBl .bitPicture::before {
    top: 80px;
    width: 170px;
    height: 170px;
    left: -18px;
  }
  .aboutUsBl .bitPicture {
    top: -83px;
    right: 63px;
    width: 230px;
    height: 275px
  }
  .aboutUsBl .bitPicture.big {
    width: 206px;
    height: 334px;
    top: 737px
  }
  .aboutUsBl .wrap .capTitle+* {
    margin-top: 10px
  }
  .aboutUsBl .wrap p {
    font-size: 15px
  }
  .infoAboutUs {
    margin-top: 40px
  }
  .infoAboutUs+* {
    margin-top: 30px
  }
  .infoAboutUs .info {
    width: 245px
  }
  .infoAboutUs .docBl {
    width: calc(100% - 255px);
    left: 12px;
    top: 0
  }
  .infoAboutUs .docBl ul li {
    width: 100%;
    height: 232px
  }
  .infoAboutUs .register {
    margin-left: 305px
  }
  .bannersBl {
    padding: 100px 0 50px
  }
  .bannersBl .tabs .listTabs {
    justify-content: center
  }
  .bannersBl .tabs .listTabs li {
    width: calc((100% / 4) - 5px);
    margin-bottom: 15px!important
  }
  .pictureBanners {
    background-size: contain;
    /* height: 200px */
  }
  .investPage .invesPlanBl .textBlock {
    max-width: 100%
  }
  .investPage .formaPlan {
    right: auto;
    top: auto;
    width: 300px
  }
  .investPage .listPlan {
    top: auto;
    left: auto
  }
  .textInvestDesr {
    margin-top: 45px
  }
  .textInvestDesr .textBlock p:nth-child(1) {
    padding: 0
  }
  .rateBl {
    padding: 100px 0 50px
  }
  .rateBl .item {
    margin-bottom: 10px
  }
  .loginBl .formaMessage {
    padding: 30px
  }
  .loginBl .formaMessage .imageCodeBl {
    margin-top: 0
  }
  .loginBl .formaMessage .imageCodeBl .imageCode {
    width: calc(50% - 14px)
  }
  .loginBl .formaMessage .imageCodeBl input {
    width: calc(50% - 14px)
  }
  .lkLineTop {
    padding: 14px 10px
  }
  .lkLineTop .logo {
    width: 100%;
    margin-bottom: 12px
  }
  .lkLineTop .lineInfoTop {
    position: relative;
    top: auto;
    right: auto;
    width: 150px;
    flex-wrap: wrap;
    padding-left: 14px
  }
  .lkLineTop .lineInfoTop .timeBl {
    width: 100%
  }
  .lkLineTop .lineInfoTop .socialBl {
    width: 100%;
    margin: 0;
    margin-top: 8px
  }
  .lkInfoUser {
    width: calc(100% - 155px);
    margin: 0
  }
  .lkInfoUser ul {
    flex-wrap: wrap
  }
  .lkInfoUser ul li {
    width: 50%;
    padding-left: 49px;
    margin-bottom: 10px
  }
  .lkInfoUser ul li+li {
    margin: 0
  }
  .lkLineDep::before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    left: 0
  }
  .lkLineDep .list {
    padding: 14px 11px
  }
  .lkLineDep .item {
    width: 50%;
    margin-bottom: -2px
  }
  .lkContent {
    padding: 24px 0 0
  }
  .lkContent .lkMenu {
    display: none;
    position: absolute;
    left: 0;
    top: 85px;
    background-color: #19152e;
    width: 100%;
    left: 0;
    padding: 18px 10px 28px;
    z-index: 5;
    border-top: solid 1px #4b496a;
    border-bottom: solid 1px #4b496a
  }
  .lkContent .lkMenu ul {
    left: 0
  }
  .lkContent .lkMenu ul li a {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px
  }
  .lkRightContent {
    width: 100%;
    padding: 0 9px
  }
  .accountBl .statBl .left, .accountBl .statBl .right {
    width: calc(50% - 16px);
    margin: 0
  }
  .accountBl .statBl .list .item {
    padding: 18px 13px 18px 46px
  }
  .accountBl .statBl .list .item .name {
    font-size: 13px
  }
  .accountBl .statBl .list .item .val {
    font-size: 13px
  }
  .accountBl .statBl .list .item .iconBl {
    left: 10px
  }
  .accountBl .statBl .left .list .item .val {
    font-size: 13px
  }
  .lkFooter {
    margin-top: 40px;
    padding: 29px 15px
  }
  .lkMenuFot {
    /* display: none */
  }
  .lkMenuFot ul {
    display: block;
    text-align: center;
  }
  .lkMenuFot ul li {
    display: inline-block;
    padding: 0 10px;
  }
  .accountBl .filterBl .dateTimeBl .col input {
    width: 100%
  }
}

@media( max-width:639px) {
  .menuBtn {
    top: 155px;
    right: 12px
  }
  .headMain:before {
    top: 109px
  }
  .headPage:before {
    margin-left: 135px;
    top: 60px
  }
  .lineTop .logo {
    top: 140px
  }
  .loginLinks {
    right: auto;
    top: 63px;
    margin: 0;
    left: 50%;
    margin-left: -100px
  }
  .lineInfoTop {
    padding: 13px 0 65px;
    display: flex;
    justify-content: space-between
  }
  .listPlan {
    width: 100%;
    margin: 15px auto 0;
    max-width: 320px;
    pointer-events: auto;
  }
  .listPlan .item {
    width: 100%!important
  }
  .formaPlan {
    margin: 15px auto 0;
    left: 0;
    width: 320px
  }
  .invesPlanBl .pic_bit {
    top: -163px;
    right: -4px
  }
  .aboutMain .lineAbout {
    margin-top: 15px
  }
  .videoBl {
    width: 306px;
    margin: 0 auto
  }
  .docBl {
    margin: 0 auto;
    margin-top: 15px
  }
  .infoAboutUs .docBl ul li {
    width: 144px;
    height: 198px
  }
  .aboutMain .adress {
    display: table;
    margin: 15px auto 0
  }
  .register {
    margin: 15px auto 0
  }
  .infoAffilate {
    flex-wrap: wrap
  }
  .infoAffilate .left {
    width: 100%
  }
  .infoAffilate .right {
    width: 100%;
    margin-top: 10px
  }
  .lastOper .pic_bit {
    display: none
  }
  .lastOper .list .item {
    width: 100%
  }
  .companyNews::before {
    bottom: -156px;
    top: auto
  }
  .companyNews .list {
    flex-wrap: wrap
  }
  .companyNews .list .item {
    width: 100%;
    max-width: inherit
  }
  .companyNews .list .item+.item {
    margin-top: 30px
  }
  .investPage+.paymentBl {
    margin-top: 30px
  }
  .paymentBl .list .item {
    width: calc(100% / 2)
  }
  .questLine .answer {
    padding: 30px
  }
  .faqBl .bitPicture {
    display: none
  }
  .aboutUsBl .bitPicture.big {
    display: none
  }
  .infoAboutUs .docBl {
    width: 100%;
    left: 0;
    top: 0;
    margin-top: 52px
  }
  .infoAboutUs .register {
    margin: 45px 0 0
  }
  .bannersBl .tabs .listTabs li {
    width: calc((100% / 3) - 5px)
  }
  .copyLinkBl {
    flex-wrap: wrap
  }
  .copyLinkBl input {
    width: 100%
  }
  .copyLinkBl .btn {
    margin: 15px auto 0
  }
  .contactsBl .wrapIn .right {
    padding: 0
  }
  .contactsBl .info {
    margin-top: 40px
  }
  .contactsBl .social {
    right: 20px;
    bottom: 80px
  }
  .investPage .whyBl {
    margin-top: 50px
  }
  .textInvestDesr .textBlock p {
    margin-bottom: 30px
  }
  .rateBl .item {
    width: calc((100%/ 2) - 10px)
  }
  .rulesBl .lastUpdate .tit {
    font-size: 14px
  }
  .rulesBl .lastUpdate .date {
    font-size: 14px
  }
  .lkLineTop .lineInfoTop {
    width: 100%;
    padding: 0;
    margin-top: 15px
  }
  .lkLineTop .lineInfoTop .timeBl {
    width: 50%
  }
  .lkLineTop .lineInfoTop .socialBl {
    width: 50%;
    margin: 0
  }
  .lkInfoUser {
    width: 100%
  }
  .accountBl .linksBl .item .tit {
    font-size: 20px
  }
  .accountBl .statBl .left, .accountBl .statBl .right {
    width: 100%
  }
  .accountBl .statBl .right {
    margin-top: 30px
  }
  .adretingBl .refLink {
    padding: 30px 15px
  }
  .adretingBl .bannersBl {
    padding: 15px 15px 30px
  }
}

@media( max-width:479px) {
  .headMain:before {
    background-image: url(../img/bgmainhead320.png);
    width: 574px;
    height: 595px;
    margin-left: -279px;
    top: 74px
  }
  .headPage:before {
    background-image: url(../img/bgheadpage320.png);
    width: 472px;
    height: 420px;
    left: auto;
    right: 50%;
    margin-right: -250px;
    top: 100px
  }
  footer .left .logo img {
    width: 106px
  }
  footer .left .logo .txt {
    font-size: 14px
  }
  .menu ul li a.active, .menu ul li a:hover {
    background-color: #fedc00;
    color: #19152e
  }
  .grettingsMain .btn::before {
    left: -9px
  }
  .grettingsMain .btn {
    margin: 29px auto 0
  }
  .invesPlanBl {
    padding: 54px 0 0
  }
  .invesPlanBl .pic_bit {
    top: -157px;
    right: -10px;
    width: 200px;
    height: 150px
  }
  .aboutMain {
    margin-top: 41px
  }
  .videoBl {
    height: 216px
  }
  .docBl {
    margin-top: 31px;
    width: 300px
  }
  .aboutMain .adress {
    margin: 30px auto 0;
    padding-left: 47px
  }
  .aboutMain .adress .iconBl {
    left: -15px
  }
  .register {
    margin: 37px auto 0
  }
  .affilateMain {
    margin-top: 66px
  }
  .infoAffilate {
    margin-top: 37px
  }
  .whyBl {
    margin-top: 42px
  }
  .whyBl .in .list .item {
    padding-left: 0;
    padding-top: 87px
  }
  .whyBl .in .list .item+.item {
    margin-top: 45px
  }
  .whyBl .in .list .item .iconBl {
    left: 52px;
    top: -30px
  }
  .whyBl .in .list .item .pic {
    left: -7px;
    top: -19px
  }
  .pl {
    margin-top: 23px
  }
  .pl .list {
    flex-wrap: wrap;
    justify-content: space-between
  }
  .pl .list .item {
    width: calc(100% / 3);
    margin-bottom: 10px;
    background-size: 80%
  }
  .lastOper {
    margin-top: 26px
  }
  .companyNews::before {
    margin-right: -150px;
    bottom: -109px
  }
  .whyBl+.paymentBl {
    padding: 50px 0 0
  }
  footer {
    padding: 75px 0 20px
  }
  footer .left .logo {
    margin: 0
  }
  footer .left .copyTxt {
    text-align: left;
    padding: 0;
    font-size: 14px
  }
  footer .left .copyTxt p {
    text-align: left
  }
  footer .right .listFot .col:nth-child(4) {
    bottom: 26px;
    right: 5px
  }
  footer .right .listFot .col .soc li+li {
    margin-left: 8px
  }
  footer::before {
    background-image: url(../img/bgfooter320.png);
    width: 694px;
    height: 258px;
    margin-left: -212px
  }
  .grettings {
    margin-top: 109px
  }
  .lineContactLink .tit {
    font-size: 30px
  }
  .faqBl {
    padding: 85px 0 0
  }
  .aboutUsBl {
    padding: 163px 0 0
  }
  .aboutUsBl .bitPicture {
    top: -40px;
    right: 5px;
    width: 189px;
    height: 250px
  }
  .aboutUsBl .bitPicture::before {
    top: 78px;
    width: 140px;
    height: 140px;
    left: -15px;
  }
  .aboutUsBl .bitPicture.big {
    display: none
  }
  .bannersBl .circleBlue {
    display: none
  }
  .bannersBl .tabs .listTabs li {
    width: calc((100% / 2) - 5px)
  }
  .lkPage .bannersBl .tabs .listTabs li {
    width: calc((100% / 2) - 5px);
    margin-bottom: 12px!important
  }
  .lkPage .bannersBl .tabs .listTabs li a {
    font-size: 13px
  }
  .pictureBanners {
    /* height: 150px!important */
  }
  .copyLinkBl .btn {
    width: 100%;
    max-width: 320px
  }
  .contactsBl .social {
    display: none
  }
  .formaMessage .lineInputs {
    width: 100%!important
  }
  .formaMessage .lineInputs+.lineInputs {
    margin-top: 16px
  }
  .formaMessage .btn {
    margin-top: 15px;
    width: 100%;
    max-width: 320px
  }
  .formaMessage .imageCodeBl {
    flex-wrap: wrap
  }
  .formaMessage .imageCodeBl label {
    width: 100%
  }
  .formaMessage .imageCodeBl .imageCode {
    width: 100%
  }
  .formaMessage .imageCodeBl input {
    width: 100%;
    margin-top: 15px
  }
  .textInvestDesr .textBlock p+p {
    margin-top: 20px
  }
  .textInvestDesr .textBlock p:nth-child(1) {
    margin-bottom: 0
  }
  .textInvestDesr .textBlock p:nth-child(2) {
    width: 100%
  }
  .textInvestDesr .textBlock p:nth-child(3) {
    width: 100%
  }
  .rateBl .item {
    width: 100%
  }
  .rulesBl {
    padding: 113px 0 50px
  }
  .listRules .line {
    width: 100%;
    padding-left: 0;
    padding-top: 120px
  }
  .loginBl {
    margin-bottom: 50px
  }
  .loginBl .formaMessage {
    padding: 25px
  }
  .loginBl .formaMessage .lineInputs .link {
    margin: 16px auto 0;
    float: none;
    text-align: center;
    display: table
  }
  .loginBl .formaMessage .btn {
    width: 100%;
    max-width: 320px
  }
  .loginBl .formaMessage .imageCodeBl .imageCode {
    width: 100%
  }
  .loginBl .formaMessage .imageCodeBl input {
    width: 100%;
    margin-top: 20px
  }
  .loginBl .formaMessage .lineInputs {
    width: 100%!important
  }
  .lkLineTop .logo {
    width: auto
  }
  .lkLineTop .lineInfoTop .timeBl {
    width: 100%
  }
  .lkLineTop .lineInfoTop .socialBl {
    width: 100%;
    margin-top: 11px
  }
  .lkInfoUser {
    margin-top: 11px
  }
  .lkInfoUser ul li {
    width: 100%;
    margin-bottom: 0
  }
  .lkInfoUser ul li+li {
    margin-top: 10px
  }
  .lkLineDep .list {
    padding: 10px 5px
  }
  .lkLineDep .item {
    width: 100%;
    margin-bottom: 0;
    padding-left: 52px
  }
  .lkLineDep .item+.item {
    margin-top: -2px
  }
  .lkContent {
    padding: 29px 0 0
  }
  .lkRightContent .capTitle {
    left: -3px
  }
  .accountBl .linksBl .item {
    padding: 6px 25px 6px 128px
  }
  .accountBl .linksBl .item+.item {
    padding: 28px 10px 30px 128px
  }
  .accountBl .linksBl .item .pic {
    width: 110px;
    height: 110px;
    left: 8px
  }
  .accountBl .linksBl .item .tit {
    font-size: 25px
  }
  .accountBl .linksBl .item .tit .name {
    font-size: 20px
  }
  .accountBl .linksBl .item .link {
    margin-top: 3px;
    font-size: 15px;
    line-height: 23px;
    word-break: break-all
  }
  .adretingBl .refLink .copyLinkBl .btn {
    width: 100%;
    max-width: 320px
  }
  .filterBl .dateTimeBl {
    flex-wrap: wrap
  }
  .filterBl .dateTimeBl .col {
    width: 100%
  }
  .filterBl .dateTimeBl .col+.col {
    margin-left: 0;
    margin-top: 15px
  }
  .filterBl .transactionBl {
    width: 100%;
    margin-top: 15px
  }
  .filterBl .payBl {
    width: 100%
  }
  .filterBl .btn {
    width: 100%;
    max-width: 300px;
    margin-top: 15px
  }
  .tableHistory .tbody .line .col {
    width: 100%!important;
    margin-bottom: 10px
  }
  .settingsBl .tabs .listTabs li {
    width: 100%
  }
  .settingsBl .titListChek {
    min-height: inherit
  }
  .settingsBl .titListChek+* {
    margin-top: 15px
  }
  .settingsBl .chekitList .left, .settingsBl .chekitList .right {
    width: 100%
  }
  .settingsBl .chekitList .right {
    margin-top: 30px
  }
  .totalBl .col .tit {
    font-size: 16px
  }
  .totalBl .col .val {
    font-size: 16px
  }
  .listPayment {
    display: table;
    width: auto;
    margin: 35px auto 0
  }
  .makeBl.with .amount {
    padding: 36px 15px
  }
  .makeBl.with .amount .title {
    margin-left: 85px
  }
  .makeBl.with .amount .inputLine {
    margin-top: 20px
  }
  .referalsBl .accountBl .item+.item {
    padding: 15px
  }
  .accountBl .filterBl {
    padding: 20px
  }
  .genetalStat .left .line {
    padding: 16px 21px 16px 69px
  }
  .genetalStat .left .line .tit {
    font-size: 12px
  }
  .genetalStat .left .line .val {
    font-size: 16px
  }
  .genetalStat .right .line {
    padding: 10px 5px
  }
  .tableInfoRef .line .col {
    text-align: center
  }
  .tableInfoRef .line .val {
    display: block
  }
  .tableReferals .desrLine {
    padding: 15px
  }
  .Android .loginLinks ul li a {
    padding: 10px 18px 8px
  }
  .Android .questLine .quest {
    padding: 17px 58px 14px
  }
  .Android .questLine .quest::before {
    margin-top: -17px
  }
  .Android .listRules .line .num>span {
    line-height: 100px
  }
  .Android footer .right .listFot .col .soc li a {
    line-height: 39px
  }
}