@media screen and (max-width: 1026px) {
  .header__nav {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(255, 255, 255);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: none;
    }
  .header__nav .header__link{  
    font-size: 3vw;  
    font-weight: 700;   
    padding: 4% 0;
  }
  .header__nav .header__nav-link{
    width: 80%;
  }
  .header__nav-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 101;
    }
  .header__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .header__link {
    padding: 10px 20px;
    color: #4473c1;
    font-size: 16px; }
  .header__wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .header__burger {
    display: block; }
  .header__btn-pink {
    padding: 11.5px 20px; }
  .header__btn-blue {
    padding: 10px 10px; }
  .header__icon {
    margin-right: 10px; }
  .hero__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 110px 7%; }
  .hero__title {
    text-align: center;
    font-size: 50px;
    width: 100%; }
  .hero__text {
    font-size: 20px;
    text-align: center;
    width: 100%;
    margin-bottom: 20px; }
  .hero__img {
    max-width: 500px;
    margin-bottom: 30px; }
  .hero__btn {
    width: 100px;
    height: 100px;
    background-size: contain; }
  .hero__btn:after {
    border: 13px solid transparent;
    border-right: 18px solid #fff;
    top: calc(50% - 13px);
    left: calc(50% - 30px); }
  .hero__btn:hover:after {
    border: 13px solid transparent;
    border-right: 18px solid #ff0072; }
  .panel__link {
    padding: 40px 30px;
    margin: 0 10px; }
  .panel__link:after {
    height: 30px;
    top: -30px; }
  .panel__img {
    max-width: 85%; }
  .card__item {
    padding: 40px 25px;
    margin: 0 10px; }
  .card__img {
    max-width: 175px; }
  .card__text {
    font-size: 22px; }
  .part__wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .part__label {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    text-align: center;
    margin-bottom: 30px;
    font-size: 26px; }
  .reviews__btn {
    width: 5%; }
  .reviews__next:after {
    left: 15%;
    }
  .reviews__prev:after {
    right: 15%;
    }
  .reviews__item {
    padding: 85px 5%; }
  .reviews__img {
    margin: 0 20px; }
  .footer__line {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .footer__left {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .footer__right {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .footer__logo {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .footer__logo:last-child {
    margin-bottom: 0; }
  .footer__list {
    display: none; }
  .footer__og {
    margin-bottom: 20px; } 
  
  .pro__btn{
    margin: 0 5px;
    font-size: 20px;
    padding: 20px 5px 20px 59px;
    background-size: 30px;
    background-position: 16px center;
  }
  .pro__btn-group{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .pro__item{
    margin: 0 5px 20px;
  }
  .prom__body{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 30px;
  }
  .pro__img{
    height: 200px;
  }
  .pro__name{
    font-size: 16px;
  }
  .pro__tag{
    /* display: none; */
  }
  .prom__link{
    font-size: 20px;
    width: 33%;
  }
  .page__inner{
    padding: 0 20px;
  }
  .news__wrapper{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .news__item-title{
    font-size: 18px;
  }
  .news__content-block{
    min-height: 150px;
  }
  .news__item-date{
    font-size: 16px;
  }
  .title{
    padding: 55px 20px 45px;
    line-height: 1;
    font-size: 40px;
  }
  .page__inner{
    margin-bottom: 30px;
  }
  .page__date{
    font-size: 18px;
    margin-bottom: 15px;
  }
  .page__one{
    margin-bottom: 30px;
  }
  .baner__text{
    line-height: 1;
    font-size: 16px;
    font-weight: 500;
  }
  .pro__baner{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .pro__baner .pro__baner-one{
    flex-basis: auto;
    margin: 0 0 15px;
  }
  .pro__baner .pro__baner-two{
    padding: 0;
  }
  .pro__baner .pro__baner-item{
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-bottom: 15px;
  }
  .pro__title-wrapper{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 20px;
  }
  .pro__title-div{
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
  }
  .pro__title-select{
    -ms-flex-preferred-size: inherit;
        flex-basis: inherit;
  }
  .pro__title-wrapper .jq-selectbox__select-text{
    padding: 10px 40px 10px 20px;
  }
  .pro__find{
    padding: 0 20px;
  }
  .pro__body{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .baner__step{
    margin-bottom: 30px;
  }
  .file-uploader .partners__map-btn{
    margin-top: 10px;
  }
  .org__nav{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 10px;
  }
  .org__geo{
    width: 50%;
  }
  .org__tabs{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 20px;
  }
  .org__tabs-block{
    margin: 0 5px 10px;
  }
  .org__wrapper{
    padding: 0px 20px;
    /* justify-content: space-between; */
  }
  .org .org__item{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 5px 20px;
    padding: 30px 20px;
    -ms-flex-preferred-size: calc(25% - 10px);
        flex-basis: calc(25% - 10px);
  }
  .org .org__one{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
  }
  .org .org__img{
    width: 135px;
    height: 135px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .dis__wrapper{
    padding: 0px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .dis__link-text {
    font-size: 14px;
  }
  .dis__img{
   width: 30%;
  }
  .dis__one{
    width: 60%;
  }
  .dis__map{
    width: 50%;
    -ms-flex-preferred-size: 250px;
        flex-basis: 250px;
    margin: 0 0 30px;
  }
  .dis__two{
    margin-bottom: 40px;
  }
  .dis__bottom .dis__wrapper{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .dis__slider-wrapper{
    width: 100%;
  }
  .dis__slider-inner{
    width: 100%;
  }
  .dis__button {
    display: none !important;
  }
  .dis__slider{
    margin: auto;
  }
  .footer__app-text{
    text-align: center;
  }
  .footer__app{
    text-align: center;
  }
  .footer__app .partners__link{
    margin: 0 10px;
  }
  .header__nav .footer__img{
    margin: 0 10px;
  }
  .header__nav .header__block, .header__nav .header__nav-link{
    display: block;
  }
  .header__nav .header__nav-close{
    display: block;
  }
  .baner__btn-block .hero__link{
    margin: 0;
    flex-basis: 45%;
    padding: 15px 10px;
    font-size: 17px;
  }
  .baner__btn-block{
      display: flex;
      justify-content: space-between;
      width: 100%;
  }
  .reviews__text{
    flex-basis: calc(44% - 80px);
  }
  .reviews__content{
    flex-basis: calc(55% - 80px);
  }
  .reviews__item:after{
    
width: 55%;
  }
  .header__item-active .header__drop{
    height: 98px;
  }
  .header__link:hover:before{
    background-color: transparent;
    display: none;
  }
  .header__link:before{
    background-color: transparent;
    display: none;
  }
  .header__link{
    cursor: pointer;
  }
  .header__drop{
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: all .3s;
  }
  .pro__sity{
    display: none;
  }
  .promo__block{
    flex-direction: column;
  }
  .promo__form{
    margin-bottom: 20px;
  }
  .header__burg-side{
    display: block;
  }
}
@media screen and (max-width: 920px) {
  .pro__btn{
    background-size: 25px;
    padding: 15px 5px 15px 50px;
  }
  .pro__name{
    font-size: 14px;
    min-height: 80px;
  }
  .pro__sity{
    font-size: 14px;
  }
  .prom__link{
    font-size: 18px;
  }
  .baner{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .baner__one{
    -ms-flex-preferred-size: 375px;
        flex-basis: 375px;
  }
  .baner__title{
    padding: 0;
    text-align: center;
    margin-bottom: 20px;
  }
  .baner__two{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .reviews__title{
    font-size: 40px;
  }
  .org .org__item{-ms-flex-preferred-size: calc(33.3% - 10px);flex-basis: calc(33.3% - 10px);}
  .org .org__img{margin-bottom: 3px;}
  .pro__item{
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    margin-bottom: 20px;
  }
  .edit__block{
    width: 100%;
  }
}
@media screen and (max-width: 860px) {
  .page{
    padding-top: 60px;
  }
  .news__item-img{
    height: 200px;
  }
  .news__content-block{
    padding: 25px 10px;
  }
  .contact__wrapper{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .contact__map{
    min-height: 350px;
  }
  .contact__content{
    padding: 50px 30px;
  }
  .contact__title{
    margin-bottom: 30px;
  }
  .contact__paragraph{
    font-size: 16px;
    line-height: 1;
  }
  .partners__form{
    padding: 0px 20px;
  }
  .org__tabs-text{
    font-size: 14px;
  }
  .org__tabs-btn{
    padding: 0px 10px;
  }
  .org__container{
    padding-top: 30px;
  }
  .org__tabs-block{
    height: 55px;
  }
  .header__btn{
    display: none;
  }
  .header__item-mobile{
    display: block;
  }
  .header__item-mobile .header__link{
    color: #ff0072;
  }
  .header__burg{
    display: block;
  }
  .header__burg-img{
    width: 100%;
  }
  .request__info{
    width: 100%;
    margin-bottom: 10px;
  }
  .request__line .btn__group{
    text-align: center;
    width: 100%;
  }
  .edit{
    padding: 30px 20px;
  }
}
@media screen and (max-width: 780px) {
  .hero__img{
    max-width: 80%;
  }
  .hero__title{
    font-size: 40px;
  }
  .hero__text{
    font-size: 17px;
  }
  .pro__btn{
    background-image: none;
    padding: 10px 5px;
    text-align: center;
  }
  .prom__body{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .pro__item{
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    margin-bottom: 20px;
  }
  .prom__link{
    margin: 0 10px;
    padding: 15px 10px;
    width: 40%;
  }
  .prom{
    padding: 80px 20px;
  }
  .card{
    padding: 0 20px 60px;
  }
  .card__text{
    font-size: 18px;
  }
  .card__img{
    max-width: 80%;
  }
  .card__wrapper{
    margin-bottom: 40px;
  }
  .card__content{
    font-size: 14px;
  }
  .hero__link{
    font-size: 18px;
    padding: 15px 30px;
  }
  .header__btn-text{
    font-size: 12px; 
  }
  .header__btn{
    padding: 10px 12px;
  }
  .header__icon{
    display: none;
  }
  .baner__title{
    font-size: 30px;
  }
  .reviews__title{
    font-size: 30px;
  }
  .page__paragraph{
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 20px;
  }
  .org__link-text{
    font-size: 14px;
  }
  .org__link{
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .org__place{
    font-size: 14px;
  }
  .org__name{
    margin-bottom: 5px;
    font-size: 15px;
  }
  .org__tabs-btn:hover{
    background-color: #ffdf05;
    color: #000;
  }
  .footer__app .partners__link{
    padding: 15px;
  }
}
@media screen and (max-width: 700px) {
  .header__btn{
    display: none;
  }
  .header__item-mobile{
    display: block;
  }
  .header__item-mobile .header__link{
    color: #ff0072;
  }
  .panel__link{
    padding: 20px 10px;
  }
  .panel__text{
    font-size: 20px;
  }
  .prom__title{
    font-size: 40px;
    margin-bottom: 5px;
  }
  .prom__link{
    font-size: 16px;
    padding: 15px 10px;
  }
  .reviews__item{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px 7%;
  }
  .reviews__item:after{
    height: calc(50% + 60px);
    width: 100%;
    top: calc(50% - 60px);
  }
  .reviews__text{
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .reviews__title{
    margin-bottom: 0;
  }
  .reviews__content{
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .reviews__img{
    margin: 0 0 10px;
  }
  .reviews__text{
    text-align: center;
    margin-bottom: 10px;
  }
  .reviews__btn{
    background-color: rgb(255, 255, 255);
  }
  .reviews__prev:after, .reviews__prev:hover:after{
    border: 10px solid transparent;
    border-right: 7px solid #ff1980;    
    top: calc(50% - 5.5px);
  }
  .reviews__next:after, .reviews__next:hover:after{
    border: 10px solid transparent;
    border-left: 7px solid #ff1980;
    top: calc(50% - 5.5px);
  }
  .reviews__content{
    font-size: 16px;
  }
  .page__inner{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .news__item{
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    margin-bottom: 30px;
  }
  .baner__btn{
    margin-right: 20px;
  }
  .org__tabs-block{
    -ms-flex-preferred-size: 24%;
        flex-basis: 24%;
  }
  .org__tabs{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .org__icon{
    display: none;
  }
  .org__link{
    border: 1px solid #dedede;
    text-align: center;
  }
  .org__link-text, .org__submit{
    margin: 0;
  }
  .org__link:hover .org__link-text{
    color: #b70a58;
  }
  .org__geo{
    width: 70%;
  }
  .part-baner{
    min-height: auto;
  }
  .part-baner .baner__one{
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .support{
    width: 90%;
  }
  .support__form{
    width: 100%;
    box-sizing: border-box;
  }
  .promo__btn{
    font-size: 14px;
  }
  .promo__form{
    padding: 10px 20px;
    margin: 0  0 20px;
  }
  .promo__btn{
    padding: 10px 20px;
  }
  .promo__number{
    padding: 6px 5px;
    font-size: 14px;
    width: 70px;
  }
}
@media screen and (max-width: 620px) {
  .org .org__item{
    -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
  }
  .baner__btn-block .hero__link{
    font-size: 15px;
  }
  .request__title-photo{
    font-size: 14px;
  }
  .request__title, .request__info{
    font-size: 18px;
  }
}
@media screen and (max-width: 500px) {
  .header__block-link{
    margin-right: 5px;
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
  }
  .header__img{
    width: 100%;
  }
  .pro__btn-group{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .pro__btn{
    margin-bottom: 10px;
  }
  .footer__left{
    padding: 50px 20px;
  }
  .panel__text{
    font-size: 16px;
  }
  .prom__group{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .prom__link{
    margin-bottom: 10px;
    width: 80%;
  }
  .pro__item{
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
  }
  .card__item{
    padding: 30px 0;
    width: 100%;
  }
  .card__wrapper{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .card__item:after{
    left: calc(100% + 20px);
    bottom: 0;
  }
  .card__img{
    margin-bottom: 5px;
  }
  .card__item-active:after, .card__item:hover:after{
    left: 0;
  }
  .baner__title{
    font-size: 20px;
  }
  .baner__two{
    padding: 20px;
  }
  .footer__right{
    background-size: cover;
    padding: 50px 20px;
  }
  .about__img{
    margin-bottom: 20px;
  }
  .news__item-title{
    font-size: 16px;
  }
  .org__more{
    padding: 20px 30px;
    font-size: 20px;
  }
  .croppie-container .cr-boundary{
    width: 100% !important;
  }
  .card__page{
    padding: 20px 20px 40px;
  }
  .partners__line-flex{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; 
  }
  .partners__line-flex .partners__label{
    margin-bottom: 10px;
  }
  .baner__btn{
    margin-right: 5px;
    width: 60px;
  }
  .partners__file-top{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .partners__span{
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .baner__step .hero__link{
    padding: 15px;
  }
  .partners__submit{
    padding: 15px 30px;
    font-size: 18px;
  }
  .partners__btn-wrapper{
    text-align: center;
  }
  .org__tabs-block{
    -ms-flex-preferred-size: calc(33.3% - 10px);
        flex-basis: calc(33.3% - 10px);
  }
  .org__geo{
    width: 90%;
  }
  .org .org__item{
    padding: 30px 10px;
  }
  .org__name{
    font-size: 14px;
  }
  .org__place{
    font-size: 12px;
  }
  .dis__bottom .dis__wrapper{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .dis__one{
    width: 80%;
    margin-bottom: 40px;
  }
  .dis__map{
    width: 80%;
  }
  .dis__bottom-title{
    font-size: 18px;
  }
  .dis__wrapper  .org__item{
    width: 260px;
  }
  .rules {
    width: 90%;
  }
  .header__nav .header__link{
    font-size: 16px;
  }
  .header__nav .header__block-link{
    width: calc(50% - 10px);
  }
  .header__nav{
    padding: 40px 0;
  }
  .hero__arrow{
    display: none;
  }
  .hero__item{
    padding: 85px 3%;
  }
  .hero__block{
    padding: 0;
  }
  .hero__title{
    margin-bottom: 10px;
    line-height: 1.1;
  }
  .hero__text{
    line-height: 1.3;
    font-size: 16px;
  }
  .pro__tag{
    font-size: 14px;
  }
  .pro__icon{
    margin-right: 5px;
  }
  .pro__item{
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%;
  }
  .header__burger{
    width: 24px;
  }
  .support__form{
    padding: 40px 20px;
  }
  .support__title{
    font-size: 18px;
  }
  .content__control-user{
    justify-content: center;
  }
  .content__control-user .content__add-btn{
    font-size: 16px;
  }
  .promo__number{
    display: block;
    margin: 0 auto 10px;
  }
}
@media screen and (max-width: 380px) {
  .panel__link{
    margin: 0 2px;
    padding: 20px 5px;
  }
  .panel__text{
    font-size: 14px;
  }
  .hero__text{
    font-size: 14px;
  }
  .hero__link{
    padding: 10px 15px;
    /* height: 56px; */
    /* width: 56px; */
  }
  .footer__bottom{
    padding: 20px 10px 15px;
  }
  .news__item{
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .org__tabs-block{
    -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
  }
  .org__tabs-text{
    font-size: 12px;
    font-weight: 500;
  }
  .org__submit{
    padding: 10px 20px;
  }
  .org__wrapper{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .org .org__item{
    margin: 0 0 20px;
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .dis__one{
    width: 100%;
  }
  .hero__img{
    margin-bottom: 0;
    max-height: 200px;
  }
  .hero__text{
    line-height: 1;
  }
  .baner__btn-block .hero__link{
    font-size: 12px;
    flex-basis: 48%;
  }
  .request__line .btn__edit{
    font-size: 14px;
    padding: 10px;
  }
}
/* admin */
@media screen and (max-width: 1025px) {
  body{
    min-width: auto;
  }
  .header__title{
    display: none;
  }
  .header__info{
    display: none;
  }
  .header{
    padding: 0 30px;
    justify-content: space-between;
  }
  .sidebar{
    display: none;
  }
  .main{
    width: 100%;
  }
  .content__status-block{
    width: 100%;
  }
  .content__status-btn{
    min-width: 150px;
    padding: 0;
    height: auto;
  }
  .content__stantus-text{
    padding: 10px 20px;
    font-size: 16px;
  }
  .content{
    padding: 10px 20px;
  }
  .content__control{
    padding: 20px;
  }
  .content__search{
    text-align: left;
  }
  .table__wrapper{
    width: 100%;
    overflow: auto;
  }
  .table__wrapper table{
    width: 1900px;
  }
  .content__dash-ad{
    display: block;
    font-size: 0;
    margin: 10px 0 0;
    height: 1px;
    width: 100%;
    background-color: #333;
  }
  .content__submit{
    margin: 10px 0 0;
  }
  .edit{
    flex-direction: column;
  }
  .edit__block{
    width: 100%;
    margin-bottom: 20px;
  }
  .edit__label, .edit__input, .edit__texarea{
    width: 100%;
  }
  .content__stock{
    flex-direction: column-reverse;
  }
  .edit__btn.bg-green-1{
    margin: 0;
  }
  .body-login{
    min-width: auto;
  }
  .login{
    width: 100%;
    position: relative;
    left: 0;
    right: 0;
    transform: none;
  }
  .login__form{
    padding: 0 30px;
  }
  .body-login{
    height: auto;
  }
}
@media screen and (max-width: 780px) {
  .content__stantus-text{
    font-weight: 500;
    font-size: 14px;
    padding: 10px;
  }
  .content__status-btn{
    min-width: 100px;
  }
  .main__btn{
    font-size: 14px;
  }
  .main__title-text{
    font-size: 14px;
  }
  .content__search-text{
    font-size: 14px;
  }
  .content__date{
    padding: 5px 10px;
    width: 60px;
    font-size: 14px;
  }
  .content__select{
    font-size: 14px;
  }
  .content__submit{
    font-size: 14px;
    padding: 8px 10px;
  }
  .content__order-search{
    font-size: 14px;
    padding: 5px 10px;
  }
  .form__box{
    width: 100%;
  }
  .edit__input, .edit__texarea{
    width: 100%;
  }
  .edit__block-right .edit__label:first-child{
    width: 100%;
  }
  .edit__btn.bg-green-1{
    margin: 5px 0;
  }
  .card__add{
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 585px) {
  .content__stantus-text{
    font-size: 12px;
  }
  .content__status-btn{
    min-width: 80px;
  }
  .content__date{
    margin-bottom: 10px;
  }
  .main__title {
    padding: 10px 20px;
  }
  .main__btn{
    padding: 5px 10px;
    font-size: 12px;
  }
  .loading, .download, .passport{
    right: 0;
  }
  table td{
    font-size: 14px;
  }
}
@media screen and (max-width: 500px) {
  .header__logo{
    width: 150px;
    height: 70px;
  }
  .main{
    padding: 15px 10px 0;
  }
  .content{
    padding: 10px 0;
  }
  .main__title{
    flex-direction: column;
  }
  .main__group{
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .content__stantus-text{
    font-size: 9px;
  }
  .base-form{
    min-width: 100%;
    padding: 30px 20px 30px;
    box-sizing: border-box;
  }
  .content__info-text{
    display: none;
  }
  .content__status-inner{
    justify-content: center;
  }
  .content__order-block{
    margin: 0;
  }
  .request__title, .request__info{
    font-size: 16px;
  }
  .photo__name{
    max-width: 100px;
    padding: 15px 8px;
    font-size: 13px;
  }
  .file-uploader__title{
    padding: 0;
    width: 130px;
    height: 45px;
  }
  .content-partn{
    padding: 10px;
  }
  .request__item{
    width: 100%;
  }
  .form__box{
    padding: 30px 10px;
    box-sizing: border-box;
  }
  .edit__input, .edit__texarea{
    font-size: 16px;
  }
  .edit__btn.bg-green-1{
    max-width: 100%;
    font-size: 13px;
  }
  .edit__line-btn{
    text-align: left;
  }
  .edit__btn{
    font-size: 14px;
    padding: 12px;
  }
  .login__form{
    padding: 0 20px;
  }
  .login__text{
    width: 100%;
  }
  .login__input{
    width: 100%;
  }
  .login__error{
    padding: 0 20px;
  }
}
@media screen and (max-width: 370px) {
  .content__stantus-text{
    padding: 5px 0;
    font-size: 8px;
  }
  .content__dash-ad{
    margin: 10px 0;
  }
  .main{
    padding: 10px 0;
  }
  #map__open{
    width: 100%;
    padding: 30px 10px;
  }
}