.show_mob, .show_mob_f{ display: none!important; }

.nav .menu{ width: 40px; height: 40px; background: url("../svg/menu.svg") no-repeat center / contain }

.line-partners{ display: flex; flex-direction: column }
.line-partners > div{ /*min-width: 1300px; width: 1300px*/ width: 100%; justify-content: flex-start!important; flex-wrap: nowrap!important; display: flex }
.line-partners > div > div{ display: flex; align-items: center }
.line-partners > div:nth-child(2) > div{ padding: 25px 0 0 40px }
.line-partners > div > div:nth-child(2), .line-partners > div > div:nth-child(3){ margin-left: 30px}

.hand-1-mob, .hand-2-mob{ display: none }

.tab-1-img, .tab-2-img, .tab-3-img{ padding-bottom: 20px }
.tab-1-img, .tab-2-img, .tab-3-img{ width: 100% }
.tab-1-img > img{ width: 160%; height: auto; transform: translateX(-18%) }
.tab-2-img > img{ width: 100%; height: auto }
.tab-3-img > img{ width: 100%; height: auto }

.menu-block{ position: fixed; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; background: #0563B3; background: linear-gradient(to bottom left, #0176C8, #094795); display: none; padding: 65px 35px }
.menu-block .container{ display: flex; flex-direction: column }
.menu-block .logo-bl{ display: flex; align-items: center }
.menu-block .close{ width: 22px; height: 22px; background: url("../svg/close.svg") no-repeat center / contain }
.menu-block .links-bl{ display: flex; flex-direction: column; align-items: center; justify-content: center; flex-grow: 1; color: rgba(255, 255, 255, 0.5) }
.menu-block .links-bl a{ text-transform: uppercase; font-size: 21px; line-height: 60px; text-align: center }

@media (max-width: 1370px){
    .show_mob{ display: block!important }
    .show_mob_f{ display: flex!important }


    h1{ font-size: 40px; line-height: 53px }
    h2{ font-size: 34px; line-height: 43px }
    h3{ font-size: 22px; line-height: 28px }
    p{ font-size: 15px; line-height: 26px }
    .t4{ font-size: 14px; line-height: 24px }

    .center-m{ text-align: center }
    h1.center-m, p.center-m{ display: block }


    .auto-m{ margin: 0 auto }
    .lr0-m{ margin-left: 0; margin-right: 0 }
    .l0-m{ margin-left: 0 }
    .t14-m{ margin-top: 14px }
    .t35-m{ margin-top: 35px }

    .lr-0-m{ padding-left: 0; padding-right: 0 }
    .l-0-m{ padding-left: 0 }
    .r-0-m{ padding-right: 0 }

    .ac-m{ align-items: center }
    .jc-m{ justify-content: center }

    .btn{ font-size: 16px; line-height: 22px }
    .btn.arrow .ico{ height: 11px }


    .container{ width: calc(100% - 30px); max-width: 600px }

    .nav > .container > .links{ display: none }
    .logo{ width: 115px }
    .nav .account{ margin: 0!important }

    .main .content .container{ flex-direction: column }
    .main .content .right{ padding-top: 30px; width: 100% }
    .img-1{ width: 100%; min-height: 350px; margin-left: 0 }
    .img-1 > div:nth-child(1){ transform: translateX(20px) }
    .img-1 .area::after{ padding-bottom: 405px }
    .bl-icon-90, .bd-icon-110, .bb-icon-90, .bd-icon-100, .bb-icon-110{ width: 60px; height: 60px; border-radius: 21px }
    .bl-icon-90 > div, .bd-icon-110 > div, .bb-icon-90 > div, .bd-icon-100 > div, .bb-icon-110 > div{ width: 45px; height: 50px }

    .img-1 .el-1{ top: 2px; right: 19.5% }
    .img-1 .el-2{ left: auto; right: 20.8% }
    .img-1 .el-3{ left: 17% }
    .el-4{ left: 40px }
    .el-5{ left: auto; right: -76px; top: auto; bottom: 50px }
    .el-7{ right: auto; top: auto; bottom: -230px }
    .el-8{ top: -18px; left: 67px }

    .bl-arrow{ width: 60px; height: 55px }


    .img-1 .area::after{ padding-left: 0 }
    .img-1 .area{ width: 100% }
    .img-1 .el-1{ top: 24px; right: 21px }
    .img-1 .el-2{ right: 0; bottom: 112px }
    .img-1 .el-3{ left: -6px }

    .partners .line-1, .partners .line-2{ display: none!important; }
    .line-partners{ display: flex; align-items: center; flex-wrap: nowrap!important }
    .partners .container{ padding: 0; width: 100%; max-width: none }

    .line-partners > div > div{ min-width: 1200px; width: 1200px }
    .line-partners > div:nth-child(2) > div{ min-width: calc(1200px - 40px); width: calc(1200px - 40px) }

    .el-12{ top: 146px; left: 187px }

    .formats-block .tabs > div{ padding: 13px; flex-grow: 1; display: flex; align-items: center; justify-content: center; text-align: center }
    .t3{ font-size: 14px; line-height: 24px }
    .formats-block .tabs > div:nth-child(1){ border-radius: 13px 0px 0 0 }
    .formats-block .tabs > div:nth-child(2){ border-radius: 0 }
    .formats-block .tabs > div:nth-child(3){ border-radius: 0 13px 0 0 }
    .formats-block .content{ border-radius: 0 0 30px 30px; padding: 10px 15px 30px 15px }
    .formats-block .tab-1, .formats-block .tab-2, .formats-block .tab-3{ flex-direction: column }
    .tab-1-img{ max-width: 400px; margin: 0 auto }
    .tab-1-img, .tab-2-img, .tab-3-img{ width: 100% }
    .tab-1 > div:nth-child(2), .tab-2 > div:nth-child(2), .tab-3 > div:nth-child(2){ padding: 20px }
    .tab-1-img, .tab-2-img, .tab-3-img{ padding-bottom: 0 }
    .tab-1-img > img{ height: auto; width: calc(100% + 80px); transform: translateX(-40px); margin-top: -15px }
    .tab-2-img > img{ height: auto; width: 80%; max-width: 250px; margin-top: -15px }
    .tab-3-img > img{ height: auto; width: 80%; max-width: 250px; margin-top: -15px }

    .cards{ margin: 0 -20px }
    .cards > div { width: calc(100% / 2 - 40px); padding: 60px 20px 0 }
    .bd-icon-110 > div{ width: 37px; height: 40px }
    .t5 { font-size: 16px; line-height: 25px }
    .t6{ font-size: 18px; line-height: 26px }

    .advertisers h3, .advertisers div, .publishers h3, .publishers div{ text-align: center }
    .advertisers .bd-icon-110, .publishers .bb-icon-110{ margin: 0 auto }

    .card-contact{ width: calc(80% - 80px); padding: 50px 40px }
    .submit{ font-size: 14px; line-height: 20px }
    .input{ font-size: 16px; line-height: 30px; padding: 12px 26px }
    .hand-3, .hand-4{ width: 390px }

    .footer .container{ flex-direction: column }
    .footer .left{ width: 100%; padding-right: 0 }
    .logo.big{ width: 155px }
    .footer .social > div{ width: 55px; height: 55px }

    .footer .left{ flex-direction: row; flex-wrap: wrap }
    .footer .left > div:nth-child(4){ display: none }
    .footer .left > div:nth-child(5){ width: 100% }
    .footer .right{ width: 100%; padding-left: 0; padding-top: 15px }
    .links-f{ font-size: 17px; line-height: 43px }
    .cols-f > div:nth-child(1){ width: calc(34% - 30px); padding-right: 30px }
    .cols-f > div:nth-child(2){ width: calc(66% - 30px); padding-left: 30px }
    .wallets { margin-top: 50px; width: 100%; margin-left: auto; margin-right: auto; max-width: 400px }
    .footer .social > div:nth-child(1) > div{ width: 26px; height: 26px }
    .footer .social > div:nth-child(2) > div{ width: 26px; height: 26px }
    .footer .social > div:nth-child(3) > div{ width: 22px; height: 22px }

    .img-1 .area{ max-width: 371px; margin: 0 auto }

    .contact-error{ font-size: 16px; line-height: 25px; margin-top: 15px; margin-bottom: -28px }

    .contact-success{ font-size: 20px }
    .contact-success > div:nth-child(1){ width: 40px; height: 40px; margin-bottom: 30px }

    .cookie .container{ flex-wrap: wrap; padding: 7px }
    .cookie .container .ico{ width: 50px; min-width: 50px; height: 50px }
    .cookie .container > div:nth-child(2){ width: calc(100% - 70px); font-size: 12px; line-height: 16px }
    .cookie .container > div:nth-child(3), .cookie .container > a:nth-child(4){ font-size: 14px; line-height: 18px; margin-top: 15px }
}

@media (max-width: 1000px){
    .hand-1, .hand-2{ display: none }
    .hand-1-mob, .hand-2-mob{ display: block; width: 100% }
    .hand-1-mob{ margin-top: -138px; margin-bottom: -273px; text-align: left }
    .hand-1-mob > img{ width: 350px; height: auto }
    .el-12{ top: 111px; left: 148px }
    .hand-2-mob{ text-align: right; margin-top: -212px; margin-bottom: -140px }
    .hand-2-mob > img{ width: 300px; height: auto }
    .el-10{ top: 79%; right: 34.5% }
}

@media (max-width: 840px) {
    .hand-2-mob{ margin-top: -162px }

    .el-16{ top: 107.8%; left: 61.7% }
    .el-15{ bottom: -13.3%; left: 22.7%; box-shadow: 0 8px 14px rgba(0, 0, 0, 0.25) }
    .el-13{ box-shadow: 0 8px 14px rgba(0, 0, 0, 0.25); bottom: 88%; right: 80% }
    .el-14{ top: -3%; right: -8.8%; box-shadow: 0 8px 14px rgba(0, 0, 0, 0.25) }

    .footer{ padding: 80px 25px }

    .contact-error{ margin-bottom: -17px }
}

@media (max-width: 660px){
    .t-25-mm{ padding-top: 25px }
    .t-50-mm{ padding-top: 50px }
    .b-35-mm{ padding-bottom: 35px }
    .b-60-mm{ padding-bottom: 60px }


    .main .content .right{ padding-top: 30px; width: 80%; margin-left: auto; margin-right: auto }
    .img-1{ min-height: 256px }
    h1 { font-size: 24px; line-height: 28px; }
    p { font-size: 14px; line-height: 22px }
    .img-1 .area{ width: 100% }
    .el-4{ left: -18px }
    .el-6{ right: -264px; bottom: 205px }
    .container{ width: calc(100% - 30px); padding: 0 15px }
    .img-1 .area::after{ padding-left: 0 }
    .el-7{ bottom: -255px; left: -100px }
    .el-5{ right: -28px; bottom: 30px }
    .nav .menu, .nav .account{ width: 32px; height: 32px }
    .img-1 .el-1{ top: -9px; right: 9px }

    .line-partners > div > div{ min-width: 860px; width: 860px }
    .line-partners > div:nth-child(2) > div{min-width: calc(860px - 40px); width: calc(860px - 40px)}

    .hand-1-mob{ margin-top: -120px }
    .hand-1-mob > img{ width: 295px }
    .el-12 { top: 83px; left: 122px }
    .hand-2-mob{ margin-bottom: -100px }
    .hand-2-mob > img{ width: 230px }

    .t3{ font-size: 12px; line-height: 17px }
    .t5 { font-size: 14px; line-height: 23px }
    h3 { font-size: 20px; line-height: 24px }

    .cards { margin: 0 -10px }
    .cards > div { width: calc(100% / 2 - 20px); padding: 60px 10px 0 }

    .hand-3, .hand-4{ width: 270px }
    .hand-3{ transform: translate(-50%, 39%) }
    .hand-4{ transform: translate(50%, 39%) }

    .links-f{ font-size: 15px; line-height: 38px }
    .cols-f > div:nth-child(1) { width: calc(35% - 15px); padding-right: 15px }
    .cols-f > div:nth-child(2) { width: calc(65% - 15px); padding-left: 15px }
}

@media (max-width: 610px){
    .contact-success > div:nth-child(2){ font-size: 20px; padding: 0 25px }
}

@media (max-width: 540px){
    .t7{ font-size: 14px; line-height: 24px }
    .cols-f{ flex-direction: column }
    .cols-f > div:nth-child(1), .cols-f > div:nth-child(2){ width: 100%; padding: 0 }
    .footer .social > div{ width: 40px; height: 40px }
    .footer .social > div:nth-child(1) > div{ width: 20px; height: 20px }
    .footer .social > div:nth-child(2) > div{ width: 20px; height: 20px }
    .footer .social > div:nth-child(3) > div{ width: 18px; height: 18px }
    .footer .left > div:nth-child(5){ margin-top: 20px }
    .footer { padding: 60px 10px }
    .contact-error{ padding: 0 30px }
}

@media (max-width: 520px){
    .hand-2-mob{ margin-top: -100px; margin-bottom: -80px }
    .hand-2-mob > img{ width: 200px }
    .el-12{ top: 72px; left: 112px }
    .hand-2-mob > img{ width: 200px }
    .hand-1-mob{ margin-bottom: -150px }
    .hand-1-mob > img{ width: 270px }
    .t6 { font-size: 16px; line-height: 23px }
}

@media (max-width: 490px){
    .el-10 { top: 56%; right: 7.5% }

    .cards { margin: 0 }
    .cards > div { width: 100%; padding: 30px 0 0 }
}

@media (max-width: 470px){
    .card-contact { width: calc(85% - 50px); padding: 50px 25px }
    .submit { font-size: 13px; line-height: 18px }
}

@media (max-width: 410px){
    .footer .social > div:not(:first-child){ margin-left: 8px }
    .logo.big { width: 105px }
}

@media (max-width: 380px){
    .container{ width: calc(100% - 30px); padding: 0 15px }
    .hand-1-mob{ margin-bottom: -100px }
    .hand-2-mob{ margin-top: -37px }
    .el-10{ top: 59% }
    .el-9{ top: 18.4%; right: 7.8% }

    .input { font-size: 14px; line-height: 30px; padding: 10px 20px }

    .submit{ padding: 12px 20px }

    .contact-success > div:nth-child(1) { width: 30px; height: 30px; margin-bottom: 15px }
    .contact-success > div:nth-child(2) { font-size: 18px; line-height: 23px }
}

@media (max-width: 340px){
    .menu-block .links-bl a{ font-size: 19px; line-height: 45px }
}