@media screen and (max-width: 900px){
    header{
        padding: 15px 0;
    }
    .header__item {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: center;
        align-items: center;
    }
    .header__item-btn {
        width: calc(50% - 10px);
        margin: 0;
        padding: 13px 0 12.5px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 20px 0 0 !important;
    }
    .header__item-btn:nth-child(2){
        margin: 0;
    }
    .header__item-logo img {
        width: 35px;
    }
    .header__item-logo p{
        font-size: 20px;
    }
    .header__item ul{
        width: 100%;
        gap: 0;
        border-top: 1px solid #eeebe7;
        margin: 20px 0 0 0;
    }
    .header__item ul > li{
        width: 100%;
    }
    .header__item ul > li > a {
        width: 100%;
        box-sizing: border-box;
        padding: 17px 0 !important;
        border-bottom: 1px solid #eeebe7;
    }
    .header__item ul > li > a.active::before{
        display: none;
    }
    .header__item-bar{
        display: block;
    }
    .header__item:nth-child(2){
        display: none;
    }
    .header__item:nth-child(3){
        display: none;
    }
    .sign::before{
        display: none;
    }
    .sign__item {
        width: 100%;
        padding: 40px 0;
    }
    .sign__box {
        width: 100%;
    }
    .sign__box-logo p{
        font-size: 20px;
    }
    .sign__box-section a{
        font-size: 14px;
    }
    .catalog{
        padding: 40px 0;
    }
    .catalog__category{
        
    }
    .catalog__category li{
        width: calc(50% - 7.5px);
    }
    .catalog__category li > span {
        width: 100%;
        padding: 11px 0;
        text-align: center;
        font-size: 14px;
    }
    .card{
        padding: 40px 0 0 0;
    }
    .card__item{
        width: 100%;
    }
    .card__item-poster{
        width: 100%;
        height: auto;
    }
    .card__item-type{
        font-size: 12px;
    }
    .card__item-title{
        font-size: 25px;
    }
    .card__item-description{
        font-size: 14px;
        line-height: 24px;
    }
    .card__variants__box{
        width: 100%;
    }
    .card__button a {
        width: 100%;
    }
    .card__button{
        gap: 10px;
    }
    .products{
        padding: 40px 0 0;
    }
    .productspage{
        padding: 40px 0;
    }
    .products-title{
        font-size: 30px;
    }
    .products-subtitle{
        font-size: 12px;
    }
    .products__row {
        gap: 20px;
        margin: 30px 0 0 0;
    }
    .products__item{
        width: calc(50% - 15px);
    }
    .productsamazon {
        margin: 20px 0 0 0;
        padding: 20px;
    }
    .productsamazon__item {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    .productsamazon__item p{
        font-size: 16px;
        text-align: center;
        width: 100%;
    }
    .productsamazon__item span{
        font-size: 14px;
        text-align: center;
        width: 100%;
    }
    .productsamazon__item span > br{
        display: none;
    }
    .productsamazon__item img{
        margin: 30px auto 0;
    }
    .productsamazon__item a {
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        padding: 17px 0;
        text-align: center;
        margin: 20px 0 0;
    }
    .contacts{
        padding: 40px 0;
    }
    .contacts__item{
        width: 100%;
    }
    .contacts__item form > label > b{
        font-size: 14px;
    }
    .contacts__item form > label{
        width: 100%;
    }
    .contacts__item ul{
        gap: 30px;
    }
    .contacts__item ul > li{
        width: calc(50% - 15px);
    }
    .contacts__item form{
        padding: 20px;
    }
    .about{
        padding: 40px 0;
    }
    .about__item-poster{
        border-radius: 15px;
    }
    .about__item-description {
        font-size: 14px;
        line-height: 25px;
        text-align: left;
        margin: 30px 0 0 0;
    }
    .document{
        padding: 40px 0;
    }
    .document__item b{
        font-size: 16px;
    }
    .document__item {
        font-size: 14px;
        line-height: 22px;
    }
    .pagebanner{
        padding: 40px 0;
    }
    .pagebanner-subtitle{
        font-size: 12px;
    }
    .pagebanner-title {
        font-size: 30px;
        margin: 5px 0 0 0;
    }
    footer{
        padding: 40px 0 0 0;
    }
    .footer__item{
        gap: 30px;
    }
    .footer__box{
        width: 100% !important;
        max-width: 100% !important;
    }
    .footer__box ul {
        gap: 15px;
        margin: 20px 0 0 0;
    }
    .footer__copyright {
        justify-content: center;
        gap: 5px;
        padding: 20px 0;
        margin: 55px 0 0 0;
    }
    .footer__copyright p{
        font-size: 13px;
    }
    .profile{
        padding: 40px 0;
    }
    .profile__item:nth-child(1) {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
    }
    .profile__item:nth-child(2){
        width: 100%;
        margin: 20px 0 0;
    }
    .profile__account form > label {
        width: 100%;
    }
    .profile__account form > label > b{
        font-size: 14px;
    }
    .profile__account form > button {
        font-size: 14px;
        padding: 15px 0;
        margin: 0;
    }
    .profile__orders .products__item {
        width: calc(50% - 15px);
    }
    .profile__orders{
        margin: 20px 0 0 0;
    }
    .profile__community__list {
        width: 100%;
        order: 2;
        margin: 20px 0 0 0;
    }
    .profile__community__user div > p{
        font-size: 14px;
    }
    .profile__community__post__footer-date{
        font-size: 12px;
    }
    .profile__community__post__footer-comment{
        font-size: 12px;
    }
    .profile__community__post{
        padding: 20px;
    }
    .profile__posting{
        padding: 20px;
    }
    .profile__posting-file {
        width: 43px;
        height: 43px;
        padding: 0;
        margin: 15px 0 0 0;
        font-size: 16px;
        overflow: hidden;
        color: rgb(96, 82, 77, 0);
    }
    .profile__posting button {
        width: calc(100% - 55px);
        font-size: 12px;
        font-weight: 500;
        padding: 14px 0;
    }
    .profile__posting-file i {
        color: rgb(96 82 77);
        margin: 11.5px 0px 0 12px;
        float: left;
        font-size: 18px;
    }
    .profile__community__ad {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
    }
    .subscribe{
        padding: 40px 0;
    }
    .subscribe-subtitle{
        font-size: 12px;
    }
    .subscribe-title{
        font-size: 30px;
    }
    .subscribe-description br{
        display: none;
    }
    .subscribe__row form {
        width: 100%;
    }
    .subscribe__row form > input {
        width: 100%;
    }
    .subscribe__row form > button {
        width: 100%;
        margin: 15px 0 0;
    }
    .subscribe__row form > span {
        font-size: 12px;
        line-height: 20px;
        margin: 10px 0 0 0;
    }
    .review{
        padding: 40px 0;
    }
    .review-subtitle{
        font-size: 12px;
    }
    .review-title{
        font-size: 30px;
    }
    .review-button {
        width: 100%;
        padding: 15px 0;
        margin: 20px 0 0 0;
    }
    .review__row{
        margin: 30px 0 0 0;
    }

    .blog{
        padding: 40px 0;
    }
    .blog-subtitle{
        font-size: 12px;
    }
    .blog-title{
        font-size: 30px;
    }
    .blog__row{
        margin: 30px 0 0 0;
    }
    .faq{
        padding: 40px 0;
    }
    .faq__item:nth-child(1){
        width: 100%;
    }
    .faq__item:nth-child(2){
        width: 100%;
    }
    .faq__item-subtitle{
        font-size: 12px;
    }
    .faq__item-title{
        font-size: 30px;
    }
    .faq__item-mascot {
        width: 100%;
        max-width: fit-content;
        margin: 28px auto 0;
    }
    .faq__box p{
        font-size: 14px;
    }
    .faq__box{
        padding: 18px 0;
    }
    .faq__box span{
        margin: 10px 0 0 0;
        font-size: 12px;
        line-height: 20px;
    }
    .advantages{
        padding: 40px 0;
    }
    .advantages-subtitle{
        font-size: 12px;
    }
    .advantages-title{
        font-size: 30px;
    }
    .advantages__row{
        margin: 30px 0 0 0;
        gap: 20px;
    }
    .advantages__item {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .advantages__item i {
        width: 35px;
        height: 35px;
        font-size: 19px;
    }
    .advantages__item p{
        text-align: center;
    }
    .advantages__item span{
        text-align: center;
    }
    .hero{
        padding: 0 0 40px;
    }
    .hero__item-poster{
        border-radius: 10px;
        height: 250px;
    }
    .hero__item-author{
        border-radius: 10px;
        margin: 0 0 20px;
    }
    .hero__item-sound {
        width: 30px;
        height: 30px;
        right: 15px;
        bottom: 15px;
        font-size: 14px;
    }
    .hero__item{
        width: 100%;
    }
    .hero__item-title{
        font-size: 30px;
    }
    .hero__buttons{
        margin: 30px 0 0 0;
        gap: 10px;
    }
    .hero__buttons a {
        width: 100%;   
    }
    .hero__numbers__box b{
        font-size: 25px;
    }
    .hero__numbers__box span{
        font-size: 10px;
    }
    .hero__item:nth-child(1){
        order: 2;
    }
    .hero__item-subtitle{
        margin: 20px 0 0 0;
        font-size: 12px;
    }
    .membership{
        padding: 40px 0;
    }
    .membership__item:nth-child(1){
        width: 100%;
    }
    .membership__item:nth-child(2){
        width: 100%;
        margin: -150px 0 0 0;
    }
    .membership__item-mascot {
        width: 80px;
        float: right;
    }
    .membership__item-subtitle{
        font-size: 12px;
    }
    .membership__item-title{
        font-size: 30px;
    }
    .membership__box{
        flex-wrap: wrap;
        margin: 30px 0 0 0;
        gap: 15px;
    }
    .membership__block{
        width: calc(50% - 7.5px) !important;
        height: auto;
    }
    .membership__form{
        margin: 20px 0 0 0;
        gap: 10px;
    }
    .membership__form input {
        width: 100%;
        height: 50px;
    }
    .membership__form button {
        width: 100%;
        padding: 15px 0;
    }
    .membership__form p{
        margin: 5px 0 0 0;
    }
    .membership__item-price {
        float: left;
        font-size: 14px;
        line-height: 45px;
        padding: 0 45px 0 0;
        background-size: 30px;
        margin: 10px 0 0;
    }
    .ecosystem{
        padding: 40px 0 0;
    }
    .ecosystem__row{
        gap: 10px;
    }
    .ecosystem__item {
        width: 100%;
    }
    .ecosystem__item-title {
        width: 100%;
        font-size: 30px;
        padding: 60px 0 0 0;
        background-size: 30px;
    }
    .ecosystem__item-description {
        font-size: 14px;
        line-height: 24px;
        margin: 20px 0 0 0;
    }
    .ecosystem__item-button {
        width: 100%;
        font-size: 14px;
        padding: 17px 0;
        margin: 25px 0 0 0;
    }
    .ecosystem__item:nth-child(1){
        order: 3;
        margin: 20px 0 0 0;
    }
    .ecosystem__item:nth-child(2), .ecosystem__item:nth-child(3) {
        padding: 20px;
        height: 150px;
        display: flex;
        width: 100%;
    }
    .ecosystem__item:nth-child(2){
        border-radius: 20px 0 0 0;
    }
    .ecosystem__item:nth-child(3){
        border-radius: 0 0 20px 0;
    }
    .ecosystem__item-paragraph{
        font-size: 18px;
    }
    .ecosystem__item-txt {
        font-size: 14px;
        margin: 6px 0 0 0;
    }
}

@media screen and (max-width: 600px){
    .products__item{
        width: 100%;
    }
    .products__poster{
        height: auto;
    }
    .profile__orders .products__item{
        width: 100%;
    }
    .contacts__item ul > li {
        width: 100%;
    }
    .membership__block{
        width: 100% !important;
    }
    .membership__box{
        margin: 60px 0 0 0;
    }
}