@media screen and (max-width: 1000px) {
    header  {
        width: 100%;
        position: unset; /* Установите навигационную панель в фиксированное положение */
        top: unset;
        z-index: 11;
        display: flex;
        align-items: center;
        height: 58px;
        background-color: #1b1c21;
        padding: 8px 0px;
    }
    .menu {
        height: 58px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .menu-l {
        display: flex;
        align-items: center;
    }
    .menu-logo {
        margin-right: 8px;
    }
    .menu-logo img{
        width: 58px;
    }
    .menu-link {
        display: none;
    }
    .menu-link a img{
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        filter: grayscale(100%);
        width: 20px;
        transition: all .2s;
    }
    .menu-link a{
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        gap: 6px;
        margin: 0 7px;
        text-decoration: none;
        text-transform: uppercase;
        color: #cbcdd2;
        transition: all .2s;
    }
    .menu-link a:hover {
        color: #ff7000;
    }
    .menu-link a:hover img{
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        filter: grayscale(0%);
    }
    .menu-r {
        display: flex;
        align-items: center;
    }
    .menu-soc {
        display: none;
        margin: 0px 4px;
    }
    .menu-soc img{
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        filter: grayscale(100%);
        width: 20px;
        transition: all .2s;
    }
    .menu-soc img:hover{
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        filter: grayscale(0%);
    }
    .menu-button {
        margin-left: 6px;
    }
    .menu-button button{
        display: flex;
        align-items: center;
        background: #e8732e;
        border-radius: 4px;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        height: 36px;
        padding: 0px 16px;
        text-transform: uppercase;
        border: 0;
        transition: all .2s;
    }
    .menu-button button img{
        margin-right: 8px;
        width: 18px;
    }
    .menu-button button:hover{
        background: #ba5c25;
    }


    main {
        background-image: url(../image/csgo_bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .main {
        padding: 48px 20px;
    }
    .main-info {
        text-align: center;
    }
    .main-info h1{
        font-size: 28px;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 4px;
    }
    .main-info span{
        color: #ff7402;
    }
    .main-info p{
        color: #737578;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: -.2px;
        line-height: 24px;
    }
    .main-info a{
        font-weight: 700;
        transition: all .3s;
    }
    .main-info a:hover{
        color: #ff7402;
    }
    .main-info button{
        align-items: center;
        background-color: #e8732e;
        border-radius: 4px;
        box-sizing: border-box;
        color: #fff;
        display: inline-flex;
        font-family: open sans, sans-serif;
        font-size: 19px;
        font-weight: 700;
        justify-content: center;
        line-height: normal;
        margin-top: 11px;
        padding: 12px 60px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        transition: background-color .3s;
        border: 0;
    }
    .main-info button:hover{
        background-color: #bd5417;
    }

    .perm {
        margin-top: 32px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .perm-item {
        width: 100%;
        margin-bottom: 16px;
    }
    .perm-header {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
    }
    .perm-header img{
        margin-right: 8px;
    }
    .perm-header h2{
        font-size: 16px;
        font-weight: 700;
    }
    .perm-info {
    }
    .perm-info p{
        font-size: 12px;
        color: #b2b4bb;
    }

    .wallets {
        display: flex;  
        justify-content: center;
        background-color: #2c2d32;
        flex-wrap: wrap;
    }
    .wallets img{
        padding: 30px 20px 30px 20px;
    }

    .sect-header h2{
        color: #23252a;
        font-size: 28px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap;
        margin-bottom: -4px;
    }
    .sell {
    }
    .sell-header h2{
        color: #2a2d33;
        font-size: 32px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: -4px;
    }
    .sell-cont {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .sell-l {
        position: relative;
        width: 100%;
    }
    .sell-l img{
        width: 100%
    }
    .sell-auth {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .sell-auth img{
        width: 40px;
        height: 40px;
    }
    .sell-auth h3{
        font-size: 14px;
        font-weight: 600;
        line-height: 150%;
        padding-bottom: 5px;
    }
    .sell-auth p{
        font-size: 14px;
        color: #9ca3af;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        padding-bottom: 20px;
    }
    .sell-auth button{
        margin: auto;
        display: flex;
        align-items: center;
        background: #e8732e;
        border-radius: 4px;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        height: 36px;
        padding: 0px 16px;
        text-transform: uppercase;
        border: 0;
        transition: all .2s;
    }
    .sell-auth button img{
        margin-right: 8px;
        width: 18px;
    }
    .sell-auth button:hover{
        background: #ba5c25;
    }
    .sell-r {
        display: none;
        width: 26%;
    }
    .sell-r img{
        width: 100%;
    }
    .sell-past-text {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .sell-past-text p{
        font-size: 13px;
        color: #c8cad1;
    }
    .sell-past-text a {
        color: #e97331;
    }

    .last {
    }
    .last-header {
    }
    .last-slider {
        width: 100%;
        background-color: #24252a;
        border-radius: 6px;
        padding: 40px 20px;
    }
    .slider-item {
        background: #2b2d33;
        border: 1px solid #2b2d33;
        border-radius: 6px;
        cursor: pointer;
        display: inline-block;
        margin-right: 8px;
        outline: none;
        padding: 12px 12px 14px;
        text-decoration: none;
        transition: border-color .3s;
    }
    .slider-item:hover {
        border-color: #e97331;
    }
    .slider-item p{
        color: #6b6e77;
        font-family: Open Sans, sans-serif;
        font-size: 12px;
        height: 12px;
    }
    .slider-item img{
        max-width: 108px;
    }
    .slider-item h3{
        color: #fff;
        display: block;
        font-family: open sans, sans-serif;
        font-size: 12px;
        max-width: 110px;
        overflow: hidden;
        padding-bottom: 7px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .slider-item h4{
        color: #ff7200;
        font-family: Open Sans, sans-serif;
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 5px;
    }
    .slider-item h5{
        color: #cbcdd2;
        font-family: Open Sans, sans-serif;
        font-size: 10px;
    }

    .lest-perm {
        padding: 48px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .last-perm-item {
        text-align: center;
        padding: 0px 30px;
    }
    .last-perm-item h2{
        color: #fff;
        font-size: 30px;
        font-weight: 700;
        line-height: 125%;
    }
    .last-perm-item p{
        color: #999ca4;
        font-size: 16px;
        font-weight: 400;
        line-height: 150%;
    }
    .br {
        border-right: 1px solid #2b2d33;
    }

    .rew {
    }
    .rew-header {
    }
    .sect-header {
    }
    .rew-cont {
        display: flex;
        justify-content: space-between;
        padding: 40px 20px;
        background-color: #24252a;
        border-radius: 6px;
        flex-wrap: wrap;
    }
    .rew-info { 
        padding: 24px 0px;
        width: 100%;
        background-color: #2c2d32;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .rew-info-cont {
        text-align: center;
    }
    .rew-info h2{
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        margin: 0;
        text-align: center;
        margin-bottom: 2px;
    }
    .rew-info p{
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 6px;
        text-align: center;
    }
    .rew-info a{
        color: #fff;
        font-weight: 700;
        line-height: 22px;
        text-decoration-line: underline;
    }
    .rew-info img{
    }
    .rew-info-img {
    }
    .rew-info-img img{
        height: 20px;
        margin-bottom: 6px;
    }


    .rew-slider {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .rew-item {
        width: 19%;
        background: #2b2d33;
        border-radius: 4px;
        padding: 16px;
    }
    .rew-item img{
        margin-bottom: 16px;
    }
    .rew-item a{
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 600;
        height: 26px;
        max-width: 200px;
        outline: none;
        overflow: hidden;
        position: relative;
        text-decoration: none;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 4px;
    }
    .rew-item a:hover {
        text-decoration: underline;
    }
    .rew-item p{
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        color: #999ca4;
        display: -webkit-box;
        font-size: 13px;
        font-weight: 300;
        overflow: hidden;
        position: relative;
        white-space: normal;
        height: 42px;
        text-overflow: ellipsis;
    }
    .rew-item hr{
        color: #999ca4;
        margin: 0;
        width: 50px;
        opacity: 1;
        margin-top: 4px;
    }
    .rew-item h3{
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        line-height: 22px;
        margin-top: 6px;
        text-decoration: none;
    }
    .rew-item-img {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 8px;
    }
    .rew-item-img p{
        color: #999ca4;
        font-size: 12px;
        font-weight: 300;
        text-align: right;
        margin: 0;
        height: auto;
    }
    .rew-item-images {
        display: flex;
        align-items: center;
    }
    .rew-item-images img{
        height: 18px;
        margin: 0;
    }

    .rew-more {
    }
    .rew-more-header {
    }
    .sect-header {
    }
    .rew-more-cont {
        background: #23252a;
        border-radius: 6px;
        padding: 40px 20px;
    }
    .rew-more-header2 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 32px;
    }
    .rew-more-header-img {
    }
    .rew-more-header-img img{
        align-items: center;
        background-color: #999ca4;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 46px 46px;
        border: 1px solid #fff;
        border-radius: 100px;
        display: inline-flex;
        height: 46px;
        justify-content: center;
        margin-left: -16px;
        vertical-align: top;
        width: 46px;
    }
    .rew-more-header-p {
        margin-left: 20px;
    }
    .rew-more-header-p p{
        color: #999ca4;
        display: inline-block;
        font-family: Open Sans, sans-serif;
        font-size: 16px;
        max-width: 240px;
        padding-top: 5px;
        text-align: left;
        line-height: 16px;
    }
    .rew-more-header-p span{
        color: #fff;
        font-weight: 600;
    }
    .rew-more-items {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .rew-more-item {
        width: 100%;
        background: #2b2d33;
        border-radius: 6px;
        padding: 20px;
        margin-bottom: 12px;
    }
    .rew-more-item-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 16px;
    }
    .rew-more-item-header-l {
        display: flex;
        align-items: center;
    }
    .rew-more-item-header-l-img {
        margin-right: 16px;
    }
    .rew-more-item-header-l-img img{
        height: 32px;
        width: 32px;
        border-radius: 100%;
    }
    .rew-more-item-header-l-text {
    }
    .rew-more-item-header-l-text h2{
        color: #fff;
        display: inline-block;
        font-size: 18px;
        font-weight: 600;
        line-height: 125%;
        max-width: 250px;
        overflow: hidden;
        padding-bottom: 4px;
        text-decoration: none;
        text-overflow: ellipsis;
        vertical-align: top;
        white-space: nowrap;
    }
    .rew-more-item-header-l-text p{
        color: #999ca4;
        font-size: 14px;
        line-height: 125%;
    }
    .rew-more-item-header-r {
    }
    .rew-more-item-header-r p{
        align-items: center;
        background: #552600;
        border-radius: 49px;
        color: #ff9f51;
        display: flex;
        float: right;
        font-size: 18px;
        font-weight: 700;
        height: 49px;
        justify-content: center;
        margin-left: auto;
        text-align: center;
        width: 49px;
    }
    .rew-more-textt p{
        color: #999ca4;
        display: block;
        font-size: 14px;
        line-height: 150%;
        vertical-align: top;
        word-break: break-word;
    }
    .rew-more-button {
        text-align: center;
        margin-top: 32px;
    }
    .rew-more-button button{
        background-color: transparent;
        border: 1px solid #82858e;
        border-radius: 4px;
        box-sizing: border-box;
        color: #fff;
        display: inline-block;
        font-family: Open Sans, sans-serif;
        font-size: 12px;
        font-weight: 600;
        height: 38px;
        line-height: 125%;
        padding: 11px 16px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        transition: background-color .3s;
    }
    .rew-more-button button:hover{
        background-color: #82858e48;
    }

    .blogers {
        padding-top: 24px;
    }
    .container {
    }
    .blogers-header {
    }
    .sect-header {
    }
    .blog-cont {
        background-color: #23252a;
        border-radius: 6px;
        padding: 40px 20px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }
    .blog-cont-header {
    }
    .blog-cont-header h2{
        color: #999ca4;
        font-size: 16px;
        line-height: 125%;
        margin-bottom: 32px;
        margin-left: auto;
        margin-right: auto;
        max-width: 680px;
        text-align: center;
    }
    .blog-cont-header span {
        color: #fff;
    }
    .blog-items {
        grid-gap: 12px;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
        margin-left: auto;
        margin-right: auto;
        max-width: 1050px;
        text-align: center;
    }
    .blog-item {
        background-color: transparent;
        border-radius: 80px;
        display: grid
    ;
        height: 130px;
        justify-content: center;
        margin-top: 8px;
        padding-bottom: 4px;
        text-decoration: none;
        transition: background-color .3s, margin-top .3s;
        vertical-align: top;
    }
    .blog-item:hover {
        background-color: #555860;
        margin-top: 0;
    }
    .blog-item img{
        border-radius: 80px;
        height: 80px;
        margin-bottom: 6px;
        width: 80px;
    }
    .blog-item h3{
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        height: auto;
        line-height: 125%;
        margin-bottom: 3px;
        margin-left: auto;
        margin-right: auto;
        max-width: 80px;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        text-transform: uppercase;
        vertical-align: top;
        white-space: nowrap;
    }
    .blog-item p{
        color: #e8732e;
        font-size: 14px;
        font-weight: 400;
        height: 22px;
        line-height: 150%;
        text-align: center;
    }
    .rew-more-button {
    }

    .blog {
        padding-top: 24px;
        align-items: center;
    }
    .blog-header {
    }
    .sect-header {
    }
    .blog-container {
        background: #23252a;
        border-radius: 6px;
        padding: 40px 20px 30px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }
    .blog-items-news {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .blog-item-news {
        width: 19%;
        background: #2b2d33;
        border: 1px solid #2b2d33;
        border-radius: 6px;
        box-sizing: border-box;
        cursor: default;
        display: block;
        height: auto;
        outline: none;
        padding: 16px;
        text-decoration: none;
    }
    .blog-item-news img{
        object-fit: cover;
        height: 104px;
        width: 100%;
        border-radius: 4px;
        margin-bottom: 6px;
    }
    .blog-item-news h2{
        height: 58px;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        line-height: 125%;
        text-overflow: ellipsis;
        overflow: hidden;
        transition: all .2s;
        cursor: pointer;
    }
    .blog-item-news h2:hover{
        text-decoration: underline;
    }
    .blog-item-news p{
        color: #999ca4;
        font-size: 14px;
        line-height: 125%;
    }
    .blog-arrows {
        margin-top: 16px;
        text-align: center;
    }
    .blog-arrows svg {
    }
    .swiper-button-prev {
        opacity: .5;
        margin-right: 4px;
    }
    .swiper-button-disabled {
    }
    .swiper-button-next {
    }


    .form {
        padding-top: 64px;
    }
    .form-cont {
        background-color: #23252a;
        border-radius: 6px;
        padding: 40px 20px;
        position: relative;
        z-index: 11;
    }
    .form-cont h2{
        font-size: 28px;
        font-weight: 700;
        padding-bottom: 16px;
        text-align: center;
        text-transform: uppercase;
    }
    .form-cont p{
        color: #999ca4;
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        padding-bottom: 24px;
        text-align: center;
    }
    .form-cont h3{
        color: #737578;
        display: block;
        font-size: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
        text-align: center;
    }
    .form-cont a{
        color: #9a9a9a;
    }
    .form-cont a:hover{
        color: #fff;
    }
    .form-inputs {
        display: flex;
        justify-content: center;
    }
    .form-inputs input{
        background: #33363c;
        border: 1px solid #33363c;
        border-radius: 5px 0 0 5px;
        box-sizing: border-box;
        color: #fff;
        font: 13px open sans, sans-serif;
        height: 37px;
        outline: 0;
        padding-left: 15px;
        padding-right: 15px;
        transition: all .2s;
        width: 400px;
    }
    .form-inputs button{
        background-color: #e8732e;
        border-radius: 0 5px 5px 0;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 12px;
        font-weight: 600;
        height: 37px;
        line-height: 36px;
        padding-left: 16px;
        padding-right: 16px;
        text-decoration: none;
        text-transform: uppercase;
        transition: background-color .3s;
        border: 0;
    }
    .form-inputs button:hover{
        background-color: #ff8a46;
    }


    footer {
        padding-top: 80px;
        padding-bottom: 32px;
    }
    .footer-top {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .footer-logo {
        width: 100%;
        margin-bottom: 24px;
    }
    .footer-img {
        display: flex;
        align-items: center;
        margin-bottom: 16px;
    }
    .footer-img img{
        height: 39px;
        margin-right: 10px;
        width: 44px;
    }
    .footer-img p{
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
        text-transform: uppercase;
    }
    .footer-logo-text {
    }
    .footer-logo-text p{
        color: #cbcdd2;
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
        max-width: 248px;
    }
    .footer-links {
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 24px;
    }
    .footer-links a {
        width: 100%;
        color: #cbcdd2;
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
        text-decoration: none;
        transition: all .2s;
        margin-bottom: 16px;
    }
    .footer-links a:hover {
        color: #f86c02;
    }
    .footer-links-header {
        margin-bottom: 16px;
    }
    .footer-links-header h6{
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        line-height: 18px;
        text-transform: uppercase;
    }
    .footer-middle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 32px 12px;
    }
    .footer-soc {
        display: flex;
        align-items: center;
    }
    .footer-soc img{
        height: 24px;
        transition: all;
        margin-right: 8px;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        filter: grayscale(100%);
    }
    .footer-soc img:hover{
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        filter: grayscale(0%);
    }
    .footer-menu {
        display: flex;
        align-items: center;
    }
    .footer-rub {
    }
    .footer-rub p{
        color: #fff;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px;
        text-transform: uppercase;
    }
    .footer-rub svg{
    }
    .currency-switcher__logo {
    }
    .footer-lang {
    }
    .footer-lang p{
        color: #fff;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px;
        text-transform: uppercase;
    }
    .footer-lang svg{
    }
    .language-switcher__logo {
    }
    .footer-hr {
    }
    .footer-hr hr{
        opacity: 1;
        margin-top: 0;
        padding-top: 0px;
        margin-bottom: 32px;
    }
    .footer-bottom {
    }
    .footer-bottom p{
        color: #6b6e77;
        font-family: "Open Sans", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }






    .modal-cont {
        display: none;
        background-color: #000000a2;
        backdrop-filter: blur(5px);
        z-index: 999;
        position: fixed; 
        width: 100%;
        height: 100vh;
        top: 0;    
    }
    .click {
        width: 100%;
        height: 100%;
    }
    .modal {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        height: auto;
        transform: translate(-50%,-50%);
        border-radius: 4px;
        background-color: #24252a;
        padding: 32px 32px;
        text-align: center;
    }
    .modal-header1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 48px;
    }
    .modal-header1 p{
        font-size: 18px;
    }
    .modal-header1 span{
        font-size: 30px;
        cursor: pointer;
        line-height: 30px;
    }
    .modal-header1 span:hover{
        opacity: .7;
    }
    .modal-main {
    }
    .modal-main img{
        width: 48px;
        margin-bottom: 16px;
    }
    .modal-main h2{
        font-size: 17px;
        margin-bottom: 16px;
    }
    .modal-main p{
        font-size: 13px;
        margin-bottom: 24px;
    }
    .modal-main button{
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #ff7200;
        border: 0;
        min-width:  180px;
        min-height: 38px;
        border-radius: 4px;
        font-weight: 600;
        font-size: 13px;
        transition: all .2s;
        margin: auto;
    }
    .modal-main button img {
        margin: 0;
        margin-right: 8px;
        width: 18px;
    }
    .modal-main button:hover{
        background-color: #f68930;
    }
}