@media screen and (max-width: 1000px){
    .header__item:nth-child(1){
        display: flex;
        align-content: center;
        align-items: center;
    }
    .header__item:nth-child(2){
        position: fixed;
        left: -100%;
        top: 0;
        background-color: #020202;
        width: 90%;
        max-width: 320px;
        height: 100vh;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        border-right: 1px solid #212121;
        display: flex;
        flex-wrap: wrap;
        z-index: 1;
        justify-content: left;
        align-content: flex-start;
        align-items: flex-start;
        transition: .4s;
    }
    header.active .header__item:nth-child(2){
        left: 0%;
        transition: .4s;
    }
    .header__item:nth-child(2) .header__item-logo{
        margin: 25px 0 0 20px;
        display: block;
    }
    .header__item-menu{
        display: block;
    }
    .header__item ul{
        width: 100%;
        height: auto;
        float: left;
        margin: 50px 0 0;
    }
    .header__item ul > li{
        width: 100%;
        height: auto;
        float: left;
        margin: 0;
        padding: 5px 15px;
        box-sizing: border-box;
    }
    .header__item ul > li > a{
        width: 100%;
        box-sizing: border-box;
        padding: 17px 15px 17px 45px;
        text-align: left;
        position: relative;
    }
    .header__item ul > li > a::before{
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        left: 15px;
        top: 50%;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        filter: invert(100%) sepia(0%) saturate(5234%) hue-rotate(212deg) brightness(117%) contrast(100%);
    }
    .header__item ul > li:nth-child(1) a::before{
        background-image: url("../images/icon/menu-1.svg");
    }
    .header__item ul > li:nth-child(2) a::before{
        background-image: url("../images/icon/menu-2.svg");
    }
    .header__item ul > li:nth-child(3) a::before{
        background-image: url("../images/icon/sections.svg");
    }
    .header__item ul > li:nth-child(4) a::before{
        background-image: url("../images/icon/menu-3.svg");
    }
    .header__item ul > li:nth-child(5) a::before{
        background-image: url("../images/icon/menu-4.svg");
    }
    .header__item-close{
        display: block;
    }
    .header__item__user__box-navigation {
        margin: 0 !important;
        top: 40px;
    }
    .header__item__user__box-navigation li{
        padding: 0 !important;
    }
    .faq{
        padding: 40px 0;
    }
    .faq-title{
        margin: 0 0 10px;
    }
    .faq__row{
        padding: 30px;
    }
    .faq__item{
        width: 100%;
        padding: 20px 0;
    }
    .faq__item p {
        font-size: 14px;
        padding: 0 20px 0 0;
        box-sizing: border-box;
    }
    .faq__item span{
        font-size: 13px;
    }
    .generator{
        padding: 0 0 16px;
    }
    .generator .center{
        width: 100%;
    }
    .generator__item__parametrs{
        height: auto;
        border: unset;
    }
    .generator__item:nth-child(1){
        width: 100%;
    }
    .generator__item:nth-child(2){
        width: 100%;
    }
    .generator__item__result{
        padding: 0 16px;
        box-sizing: border-box;
        flex-wrap: nowrap;
        display: flex;
        flex-direction: row;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none; 
    }
    .generator__item__result::-webkit-scrollbar{
        display: none;
    }
    .generator__item__result__box {
        width: 218px;
        min-width: 218px;
    }
    .generator__item__parametrs__box__model__list{
        width: calc(100% + 16px) !important;
    }
    footer{
        padding: 5px 0 22px;
    }
    .footer__item{
        width: 100%;
        margin: 15px 0;
    }
    .footer__item-title{
        position: relative;
        cursor: pointer;
    }
    .footer__item-title::before{
        content: "";
        position: absolute;
        width: 10px;
        height: 6px;
        position: absolute;
        right: 0%;
        top: 46%;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("../images/icon/drop.svg");
        transform: rotate(180deg);
    }
    .footer__item-title.active::before{
        transform: rotate(0deg);
    }
    .footer__item ul{
        margin: 0;
        display: none;
    }
    .footer__item ul > li{
        margin: 20px 0 0 0;
    }
    .footer__item:last-child{
        margin: 20px 0 0 0;
    }
    .footer__item-copyright{
        font-size: 12px;
        text-align: center;
    }
    .modal__item__collection{
        margin: 20px 0 0 0;
    }
    .modal__item__collection__box {
        width: calc(50% - 6.75px);
        border-radius: 8px;
    }
    .modal__item-title{
        font-size: 14px;
    }
    .modal__item-favorite {
        width: 28px;
        height: 28px;
        background-size: 13px;
    }
    .modal__item__collection__box-tag {
        height: 20px;
        font-size: 10px;
    }
    .tokens{
        padding: 40px 0 0;
    }
    .tokens__item{
        width: 100%;
    }
    .tokens-title{
        font-size: 27px;
    }
    .collecttoken-timer{
        float: left;
        margin: 15px 0 0 0;
    }
    .collecttoken__row{
        margin: 20px 0 0 0;
    }
    .collecttoken__item {
        width: calc(50% - 5px);
        margin: 10px 0 0 0;
    }
    .faqtokens{
        padding: 40px 0;
    }
    .faqtokens-title{
        font-size: 22px;
    }
    .faqtokens__item p {
        padding: 0 30px 0 0;
        box-sizing: border-box;
    }
    .faqtokens__item span{
        margin: 10px 0 0 0;
    }
    .settings{
        padding: 40px 0;
    }
    .settings__row{
        padding: 0;
    }
    .settings__item:nth-child(1){
        width: 100%;
        padding: 0;
    }
    .settings__item:nth-child(2){
        width: 100%;
        padding: 0;
        border: unset;
    }
    .settings__item-title{
        display: none;
    }
    .settings__section__account__box{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .settings__section__account__box-error{
        text-align: center;
    }
    .settings__section__account__box-verify{
        margin: 20px auto 0;
    }
    .settings__section-title{
        text-align: center;
    }
    .settings__section__account__profile div:nth-child(1){
        width: 100%;
    }
    .settings__section__account__profile div:nth-child(2){
        width: 100%;
        margin: 20px 0 0 0;
    }
    .settings__section__account__profile div > label {
        float: unset;
        margin: 0 auto;
    }
    .settings__section__account__profile div > img{
        margin: 0 auto;
        display: block;
    }
    .settings__section__account__profile div > span{
        text-align: center;
    }
    .settings__section__promocode form > button{
        width: 100%;
    }
    .settings__section__newslatter form{
        max-width: 100%;
    }
    .settings__section__newslatter p{
        text-align: center;
    }
    .settings__section__payment__info > div:nth-child(1){
        width: 100%;
        height: auto;
        border: unset;
        padding: 0;
    }
    .settings__section__payment__info > div:nth-child(2){
        width: 100%;
        height: auto;
        border: unset;
        padding: 0;
    }
    .settings__section__payment__info {
        width: 100%;
        height: auto;
        float: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
    }
    .settings__section__payment__info > div > p{
        font-size: 12px;
    }
    .settings__item-menu{
        display: none;
    }
    .settings__item__dropdown{
        display: block;
    }
    .galleryfilter{
        padding: 40px 0 0 0;
    }
    .gallery{
        padding: 40px 0;
    }
    .gallery-title{
        font-size: 23px;
    }
    .galleryfilter__box__dropdown {
        width: 250px;
    }
    .gallery__item, .profile__section__item{
        flex: 1 1 calc(33.3% - 6px);
        max-width: calc(33.3% - 6px);
    }
    .gallery__item-poster,
    .profile__section__item-poster{
        width: 100%;
        height: 240px;
    }
    .profile__item__navigate__box:nth-child(1) ul{
        width: 166px;
    }
    .profile__item__navigate__box:nth-child(1) ul > li > label > span {
        color: #27272a;
        padding: 0;
    }
    .profile__item__navigate__box:nth-child(1) ul > li > input:checked + label > span{
        color: #3f4046;
    }
    .profile__item__navigate__box:nth-child(1) ul > li > label > span::before{
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .profile__item__banner {
        width: 112%;
        margin: -15px -6% 0;
        height: auto;
        float: left;
        padding: 100px 5% 20px;
    }
    .profile__item__banner__box:nth-child(1){
        width: 70px;
    }
    .profile__item__banner__box:nth-child(2){
        width: calc(100% - 85px);
    }
    .profile__item__banner__box-image{
        width: 70px;
        height: 70px;
    }
    .profile__item__banner__box-image img {
        width: 66px;
        height: 66px;
        margin: 2px;
    }
    .profile__item__banner__box-username{
        font-size: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .profile__item__banner__box ul > li > p{
        font-size: 14px;
    }
    .profile__item__banner__box ul > li > b{
        font-size: 14px;
    }
    .verification__row {
        width: 100%;
        max-width: 100%;
        height: 100vh;
        border: unset;
        border-radius: 0;
        overflow-x: scroll;
    }
    .modalauth__item:nth-child(1){
        display: none;
    }
    .modalauth__item{
        width: 100%;
    }
    .modalauth__row {
        width: 100%;
        max-width: 100%;
        height: 100vh;
        border-radius: 0;
        overflow-x: scroll;
    }
    .category{
        padding: 40px 0;
    }
    .category__item:nth-child(2){
        grid-template-columns: repeat(3, 1fr);
    }

    /* new */
    .main{
        padding: 0 0 40px;
        background-color: #0f0f0f;
        margin: 40px 0 0;
    }
    .main-title{
        font-size: 29px;
    }
    .main__box:nth-child(1){
        width: 100%;
    }
    .main__box:nth-child(2){
        width: 100%;
    }
    .main__box-title{
        margin: 30px 0 0 0;
        text-align: left;
    }
    .main__box__buttons button {
        width: 100%;
        height: 50px;
        float: left;
        text-align: center;
        font-size: 17px;
        margin: 15px 0 0;
    }
    .main__item:nth-child(2) .main__box:nth-child(2),
    .main__item:nth-child(4) .main__box:nth-child(2){
        order: 2;
    }
    .girls{
        padding: 40px 0;
    }
    .girls-title{
        font-size: 27px;
    }
    .girls__buttons{
        padding: 0 5%;
        box-sizing: border-box;
        margin: 20px 0 0 0;
    }
    .girls__buttons a {
        width: 100%;
        height: 50px;
        border-radius: 5px;
        margin: 15px 0 0 0;
        font-size: 17px;
    }
    .styles{
        padding: 40px 0;
    }
    .styles-title{
        font-size: 27px;
    }
    .styles__item{
        width: 100%;
    }
    .styles__box {
        width: 31%;
        height: auto;
        border-radius: 15px;
        background-color: #282525;
        padding: 15px;
        box-sizing: border-box;
        border: 1px solid #050505;
        transition: .3s;
        margin: 15px 0 0;
    }
    .styles__box img {
        width: 100%;
        height: 100px;
        float: left;
        border-radius: 5px;
        object-fit: cover;
        object-position: center;
    }
    .styles__item:nth-child(2){
        margin: 0;
        gap: 0;
    }
    .styles__box {
        width: 31%;
        height: auto;
        border-radius: 15px;
        background-color: #282525;
        padding: 15px;
        box-sizing: border-box;
        border: 1px solid #050505;
        transition: .3s;
        margin: 15px 0 0;
    }
    .styles__button{
        margin: 30px 0 0 0;
    }
    .styles__button a {
        width: 100%;
        height: 50px;
        border-radius: 5px;
        margin: 0;
        font-size: 17px;
    }
    .ask{
        padding: 40px 0;
    }
    .ask-title{
        font-size: 27px;
    }
    .ask__row{
        margin: 10px 0 0;
    }
    .ask__item {
        padding: 20px 0;
    }
    .ask__item p{
        font-size: 19px;
    }
    .ask__item span {
        width: 100%;
        font-size: 16px;
        line-height: 26px;
        margin: 20px 0 0; 
    }
    .numbers{
        padding: 40px 0;
    }
    .numbers-title{
        font-size: 27px;
    }
    .numbers__row{
        margin: 10px 0 0;
    }
    .numbers__item{
        width: 100%;
        margin: 20px 0 0 0;
    }
    .numbers-subject{
        font-size: 16px;
        margin: 30px 0 0 0;
    }
    .review{
        padding: 40px 0;
    }
    .review-title{
        font-size: 27px;
    }
    .review__row{
        margin: 10px 0 0;
    }
    .review__item{
        width: 100%;
        margin: 20px 0 0 0;
    }
}
@media screen and (max-width: 600px){
    .gallery__item, .profile__section__item{
        flex: 1 1 calc(50% - 4px);
        max-width: calc(50% - 4px);
    }
    .notification_alert {
        width: 95%;
        max-width: 95%;
        left: 50%;
        top: 30px;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        box-sizing: border-box;
    }
    .category__item form {
        width: 100%;
    }
    .category__box{
        height: 100px;
    }
    .category__item:nth-child(2){
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .category__box p {
        bottom: 10px;
        padding: 0 15px;
        font-size: 14px;
    }
    .groupmain{
        padding: 30px 0 0;
    }
    .groupmain__row{
        padding: 0;
        position: relative;
        border: unset;
    }
    .groupmain__item{
        width: 100%;
    }
    .groupmain__item:nth-child(1){
        order: 2;
        margin: 30px 0 0 0;
        position: absolute;
        z-index: 1;
    }
    .groupmain__item:nth-child(2){
        order: 1;
        opacity: 0.5;
    }
    .groupmain__item h1{
        font-size: 28px;
    }
    .groupmain__item p{
        font-size: 15px;
        line-height: 26px;
    }
    .groupmain__item{
        width: 100% !important;
    }
    .groupmain__item a {
        width: 80%;
        font-size: 16px;
        margin: 35px auto 0;
        padding: 15px 0;
    }
}