@media  screen and (max-width: 768px) {
    /*=====COMMON============================================================================*/
    .create-form-main{
        margin: 40px auto;
    }
    .create-form-main h1{
        font-size: var(--h2-size);
    }
    .button, .input-submit, .input-button {
        font-size: 14px;
        padding: 14px 25.5px;
        border-radius: 4px;
    }
    .media-field, .field>label {
        gap: 8px;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
    }
    .media-title, .field > label >span{
        margin-bottom: 0;
    }
    fieldset{
        padding: 0;
    }
    .field.textarea textarea{
        border-radius: 20px;
    }
    .content-fields-controll-buttons {
        margin: 0px;
        gap: 8px;
    }
    .content-fields-controll-buttons > a{
        flex: 1 1 50%;
        border-radius: 8px;
    }
    .form-content-buttons{
        flex-wrap: wrap;
        flex-direction: row;
        gap: 8px;
    }
    .form-content-buttons > input, .form-content-buttons > a{
        flex: 1 1 47%;
        font-size: 16px;
        padding: 11.5px;
        text-align: center;
    }
    .form-content-buttons > a:last-child{
        flex: 1 1 100%;
    }
    .social-input ul li{
        width: 100%;
    }
    .social-input label:after {
        position: absolute;
        right: 30px;
    }
    .nice-select .option{
        white-space: wrap;
        line-height: 120%;
        padding: 10px;
    }
    .field label .input-text, .field label .input-date, .field label .select, .field label .date-input-wrapper, .field label .list{
        width: 100% !important;
        max-width: none !important;
        text-align: left !important;
    }
    input.input.input-date, .event-time input {
        padding: 8px 13px;
    }
    .combine-field > div{
        gap: 8px;
    }
    .fpg-project-create .nice-select{
        padding: 12px 20px 12px 12px;
    }
    .fpg-project-create .nice-select span{
        line-height: 120%;
        white-space: break-spaces;
    }
    /*=====MAIN============================================================================*/
    body {
        padding: 0 12px !important;
    }
    .breadcrumbs{
        display: none;
    }

    /*=====HEADER============================================================================*/
    header {
        padding: 12px;
        margin: 0 -12px;
        background-color: white;
    }
    .landing header > div, header > div {
        /* width: auto;
        flex-direction: column; 
        gap: 15px;  */
        padding: 0; 
        /* align-items: baseline;
        position: relative; */
    }
    .landing .button{
        padding: 12px 18px;
    }
    header > div * {
        max-width: 100%;
    }
    header .logo > a{
        display: flex;
        align-items: center;
    }
    .logo > a svg{
        width: 141px;
        height: 24px;
    }
    body.landing .logo > a {
        background: none;
        height: 24px;
    }
    body.landing .logo > a svg {
        display: block;
        width: 141px;
        height: 24px;
    }
    .search{
        display: none;
        border: none;
    }
    .search-mobile-btn{
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: 32px;
        height: 32px;
        border-radius: 6px;

    }
    .search-mobile-btn.show{
        background-color: var(--light-blue-color);
    }
    .search-mobile-btn.show svg , .search-mobile-btn.show path{
        /* fill: white; */
    }
    .search-mobile-btn svg{
        width: 24px;
        height: 24px;
    }
    .search button{
        right: 15px;
    }
    /* .profile {
        margin: 0;
        position: absolute;
        right: 0;
        gap: 10px;
        top: 4px;
    } */
    .search .text-input{
        border: 2px solid var(--blue15-color);
    }
    .landing .search .text-input{
        border: none;
    }
    a.notification-btn {
        height: 28px;
        width: 28px;
    }
    
    header .profile-btn > a {
        width: 36px;
        height: 36px;
    }
    header .header-iteraction{
        gap: 8px;
        align-items: center;
    }
    .landing header > div{
        width: auto !important;
    }
    .landing header a.button{
        background-color: var(--main-blue-color);
        color: white;
    }
    .top{
        margin-left: -12px;
        margin-right: -12px;
        margin-top: auto !important;
        /* padding-left: 15px;
        padding-right: 15px; */
    }
    .top.landingPage{
        height: auto;
    }
    .landing .img-objects {
        display: none !important;
    }
    
    .img-objects img{
        transform-origin: top left;
        transform: scale(0.63);
    }
    .img-objects{
        margin: 0 -12px;
    }
    .top-logo{
        height: 200px;
        width: 100%;
        background-color: var(--light-blue-color2);
        display: block;
        background-image: url("../images/top-logo.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .profile-menu {
        max-width: max-content;
        top: 30px;
        box-shadow: 0 0 4px rgba(0,0,0,0.4);
    }
    
    .profile-menu a {
        padding: 10px 30px;
    }
    .top-content h1 {
        width: 100%;
        font-size: 28px;
        margin: 0;
    }
    
    .top-content {
        width: 100%;
        padding: 12px;
        height: auto;
    }
    
    .top-content ul {
        width: 100%;
        gap: 4px;
        margin-top: 20px;
    }
    .top-content ul li{
        padding: 8px;
        font-weight: 300;
    }
    .top-content .button{
        margin-top: 20px;
        padding: 16px 62px;
        font-size: 16px;
        border-radius: 4px;
    }
    .top-content ul {
        width: 100%;
    }

    header .search.show{
        display: block;
        position: absolute;
        top: 60px;
        left: 0;
        padding: 0 12px;
    }
    header .search-controller-results{
        max-height: 500px;
        overflow: scroll;
    }
    body.landing header .logo > a svg path {
        /* fill:black; */
    }
    /*=====NEWS============================================================================*/

    .news-list:not(.swiper){
        /* flex-direction: column; */
        gap: 12px;
    }
    .news-item.news-item-big .news-info{
        display: flex;
        flex-direction: column-reverse;
    }
    .news-create .nice-select,.news-create .chosen-container{
        white-space: wrap;
        min-width: 246px;
    }
    .news-item:not(.swiper-slide, .news-item-small){
        flex: 1 0 296px
    }
    /* .news-create .nice-select .option,.news-create .chosen-container .chosen-results li{
        line-height: 40px;
    
    } */
    
    .news-item.news-item-big a.image {
        height: 196px;
        border-radius: 12px;
    }
    
    .news-item-big a.title {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .news-item a.title{
        font-size: 20px;
    }
    .news-item.swiper-slide{
        width: 100% !important;
    }
    .item-header{
        margin: 0 -12px;
    }
    .item-header-body{
        padding: 10px 12px;
    }
    .news-header .news_photo{
        border-radius: 16px 16px 0 0;
        height: 370px;

    }

    .news-create .content-main-data{
        padding: 0;
        border: none;
        border-radius: 0;
    }
    /*=====EVENTS============================================================================*/
    .projects-list, .events-list{
        gap: 12px;
    }
    .events-item{
        min-width: 296px;
        width: 100% !important;

    }
    .project-item, .events-item, .news-item {
        width: 100% !important;
        border-radius: 12px;
        max-width: none;
    }
    .project-item:not(.swiper-slide), .events-item:not(.swiper-slide){
        flex: 1 0 296px;
    }
    .item-header .org-cover{
        height: 370px;
    }
    .event-tags b{
        display: block !important;
        margin-bottom: 4px;
    }
    .event-info{
        flex-direction: row;
        gap: 8px !important;
        flex-wrap: nowrap;
        width: 100%;
        overflow: scroll;
    }

    /*=====WIDGET============================================================================*/
    .widget {
        margin-top: 55px;
    }
    .widget:first-child{
        margin-top: 46px;
    }
    .widget-title > div{
        
    }
    .widget-title {
        margin-bottom: 20px;
    }
    
    .widget-title > div, h1, h2 {
        flex-direction: column;
        align-items: start;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 20px;
    }
    .widget-title > div{
        
    }
    .widget-title h3 {
        font-size: var(--h2-size);
    }
    .widget-buttons, .h1-buttons {
        gap: 8px;
        width: 100%;
        
    }
    
    .widget-buttons a, .h1-buttons a {
        font-size: 16px;
        margin-top: 0px;
        flex: 1 1 50%;
        text-align: center;
    }

    /*=====FOOTER============================================================================*/
    footer {
        padding: 60px 15px;
        margin: 0 -12px;
    }
    .footer {
        width: auto;
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }
    .footer-top{
        gap: 30px;
        justify-content: start;
    }
    .footer-top, .footer-bottom{
        padding: 24px 12px;
        width: 100%;

    }
    .footer-top, .footer-bottom > div{
        width: auto;
    }
    .footer-bottom >div{
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }
    .footer-bottom > div div:first-child{
        order: 2;
    }
    .footer-bottom > div div:last-child{
        order: 3;
    }
    .footer-bottom .docs{
        flex-direction: column;
        gap: 4px;
        align-items: start;
        margin-bottom: 20px;
    }
    .footer .logo{
        min-width: auto;
    }
    .footer .widget {
        margin: 0;
    }
    
    
    /*=====ABOUT-US============================================================================*/
    .about-us .content-top{
        /* display: flex; */
        margin-bottom: 0;
        gap: 40px;
    }
    .about-us .content-top > div:first-child{
        flex-direction: column;
    }
    .about-us  .about-us-image{
        order: 0;
        flex: 1 1 auto;
    }
    .about-us  .about-us-image img{
        width: 100%;
    }
    
    .about-us .about-us-info{
        order: 1;
        flex: 1 1 auto;
    }
    .about-us .about-us-info h6{
        margin: 20px 0;
    }
    .about-us .stats{
        flex-direction: column;
    }
    .about-us-item {
        flex-wrap: wrap;
        padding: 24px;
    }
    /*=====PROFILE============================================================================*/
    .org-header .org-buttons {
        width: 100%;
    }
    a.org-button-sites {
        /* position: absolute; */
        /* top: -17px; */
        /* right: 0;
        border: none;
        padding: 0; */
        width: 100%;
        text-align: center;
    }
    .org-cover {
        height:400px;
    }
    
    .edit-logo-container a.edit-profile.edit-logo {
        display: flex;
        top: auto;
        font-size: 14px;
        gap: 5px;
        width: 100%;
    }
    
    .org-logo {
        width: 120px;
        height: 120px;
        margin-top: -60px !important;
    }
    
    .org-info {
        width: auto;
    }
    
    .org-body {
        width: auto;
    }
    
    .org-description {
        position: relative;
        flex-direction: column;

    }
    
    
    
    h1, h2 {
        font-size: 20px;
    }
    .org-info p {
        font-size: 14px;
        line-height: 120%;
    }
    
    .org-info h1 {
        margin-bottom: 10px;
    }
    
    .org-menu ul {
        gap: 0;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .projects-container h2, .news-container h2, .events-container h2, .teams-container h2, .about-us-container h2, .partners-container h2, .docs-container h2{
        font-size: 25px;
    }

    .org-header{
        margin: 0 -12px;
    }
    .org-cover, .org-body{
        padding: 0 15px;
    }
    .org-menu .menu{
        flex-wrap: nowrap;
        overflow: scroll;
        padding-bottom: 7px;
    }
    .org-menu {
        margin-bottom: 0px;
    }
    .org-menu li{
        flex: 0 0 auto;
        width: auto !important;
        font-size: 18px;
        font-weight: 600;
    }
    .org-menu li.active{
        border: none;
    }
    .filters-panel{
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .filters-panel > div{
        flex: 1 1 48%;
    }
    .filters-panel .select{
        width: 100%;
        text-align: center;
    }
    .items-list-empty {
        padding: 61px 49px;
    }
    .partners-container .form-tabs{
        flex-wrap: wrap;
        padding-left: 0;
        margin: 20px 0;
    }
    .partners-container .form-tab{
        width: 100%;
    }
    .about-us-container .border-field-content{
        padding: 0;
        font-size: 18px;
        margin-bottom: 40px;
    }
    .about-us-container .edit-button{
        border: 1px solid var(--light-blue-color2) !important;
    }
    .about-us-container .smi-item {
        padding: 24px;
    }
    .about-us-container .textarea-description textarea{
        border-radius: 0;
        line-height: 25.2px;
    }
    /*=====WIDGET-CONTACTS============================================================================*/
    .org-rekv {
        flex-direction: column;
        gap: 0;
    }
    .org-rekv::after{
        top: 43%;
        bottom: auto;
        right: 12px;
        left: 12px;
        width: auto;
        height: 1px;
    }
    .org-rekv .border-field-content {
        padding: 20px !important;
        border-radius: 10px;
        margin-bottom: 0;
    }
    
    .org-rekv h3 {
        flex-direction: column;
        align-items: start;
        justify-content: space-between;
        gap: 5px;
        position: relative;
        margin-bottom: 0px;
        font-size: var(--title-size);
    }
    .org-rekv .h1-buttons{
        display: none;
    }
    .org-rekv .edit-button{
        border: 1px solid var(--light-blue-color2) !important;
        font-size: 14px;
    }
    .org-rekv a.edit-button.hide-edit-button{
        border: none !important;
    }
    .org-rekv .border-field-content ul{
        margin: 16px 0;
    }
    .org-rekv .border-field-content ul li {
        /* flex-direction: column; */
        align-items: center;
        margin-bottom: 8px;
    }
    
    .org-rekv li b {
        flex: none;
    }
    .org-rekv .details{
        flex-direction: column;
        align-items: start !important;
    }
    a.edit-button.hide-edit-button {
        position: absolute;
        right: 0;
    }
    
    .edit-org-rekv-form .field input, .edit-org-rekv-form .field textarea {
        font-size: 16px;
        height: 25px;
        line-height: 25px;
    }
    
    a.add-phone {
        font-size: 14px;
        margin-top: 10px;
    }
    .org-description-content {
        font-size: 18px;
        line-height: 25.2px;

    }
    
    textarea {}
    
    .border-field-content .field textarea {
        padding: 0;
    }

    /*=====TEAM================================================================================*/

    .team-item{
        flex: 1 1 100%;
    }
    .team-form-buttons{
        gap: 8px;
    }
    .team-form-buttons > a{
        flex: 1 1 50%;
    }
    
    /*=====PROJECTS============================================================================*/
    .item-header .project-info{
        flex-direction: column !important;
        align-items: start !important;
        gap:16px;
    }
    .project-create .content-main-data{
        padding: 0;
        border: none;
        border-radius: 0;
    }
    .project-format-buttons{
        width: 100%;
    }
    .fpg-project-create .form-tabs {
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 40px;
    }
    .form-tabs > div{
        padding: 13.5px 16px !important;
        border-radius: 4px !important;
        text-align: center;
        flex: 1 1 auto;
    }
    .field_10-container{
        max-width: 292px !important;
    }
    .fpg-project-create .field label span{
        color: var(--main-gray-color);
    }
    .fpg-project-create .field .hint{
        color: var(--second-gray-color);
    }
    .fpg-project-create .field-top-title{
        margin-bottom: 40px;
    }
    .fpg-project-create textarea{
        padding: 12px;
        border-radius: 8px !important;
    }
    /* .media-big .media-field-body .button{
        height: auto;
        padding: 24px;
    } */
    .field-top-title label{
    margin-bottom: 0 !important;
    }
    .fpg-project-create .original-container, .fpg-project-create .duplicate-container{
        gap: 8px !important;
        margin-bottom: 20px !important;
    }
    .fpg-project-create .field-checkbox label{
        max-width: 292px;
        min-width: auto;
    }
    .fpg-project-create .field-checkbox label span{
        max-width: 262px;
        font-size: 18px;
        line-height: 25.2px;
        color: var(--new-third-gray-color)

    }
    .fpg-boss .only-boss label{
        margin-bottom: 40px;
    }
    .fpg-boss .field_2-info{
        display: flex;
        gap: 8px;
    }
    .combine-field{
        padding-bottom: 0;
    }
    
    /*=====POPUP============================================================================*/
    .popup-container h2{
        font-size: var(--h2-size);
    }
    .popup-container .popup-content {
        width: 100%;
        padding: 24px;
    }
    .popup-content .field{
        margin-bottom: 20px;
    }
    .popup-content .field > label{
        gap: 8px;
    }
    .popup-content .field>label>span{
        font-size: 18px;
        margin-bottom: 0;
    }
    .popup-container h1{
        flex-direction: row;
    }
    .popup-content .buttons{
        gap: 8px;
    }
    /*=====DOCUMENTS============================================================================*/
    .documents-list{
        gap: 8px;
    }

    .documents-item {
        max-width: none;
        min-height: 143px;
        padding: 16px;
        flex: 1 1 181px;
        overflow: hidden;

    }
    .document-menu{
        top: 16px;
        right: 16px;
    }
    .document-menu-button{
        height: 28px;

    }
    .document-menu-button rect{
        stroke: none;

    }
    .documents-item a {
        display: block;
    }
    
    .documents-item .doc-file-icon {
        width: 40px;
        height: 40px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin: 0 auto;
    }
    
    .documents-item>a.doc-title {
        margin-top: 12px;
        height: auto;
        width: auto;
        font-weight: 400;
        font-size: 14px;
        line-height: 16.8px;
        color: var(--black-color);
    }
    /*=====SITES============================================================================*/
    .sites-list{
        flex-wrap: wrap;

    }
    .sites-item{
        min-width: 296px;
    }
    .sites-item .sites-info{
        padding-top: 44px;
    }
    .sites-item .site-status{
        right: auto;
        left: 0;
    }
    .sites-item .sites-action{
        flex-direction: column;
        align-items: start;
    }
    .sites-action .action-button{
        width: 100%;
    }
    .site-settings-panel .site-info{
        flex-direction: column;
        align-items: start;
    }
    .admin-content-panel{
        overflow: scroll;
    }
    .admin-content-panel .admin-pages-items{
        min-width: 1000px;
    }
    .popup-content .site-create{
        width: 100%;
    }
    .dns ul{
        flex-direction: column;
    }
    .dns ul li{
        width: 100%;
    }
    .site-create .form-tabs{
        flex-direction: column;
    }
    .site-create .form-tabs .form-tab{
        padding: 0 !important;
    }
    .templates-banner{
        flex-direction: column;
        align-items: start;
        gap: 16px;
        height: auto;
        padding: 12px;
    }
    .templates-banner .templates-button{
        width: 100%;
        text-align: center;
    }
    .templates-list{
        flex-wrap: wrap;
    }
    .templates-list .template{
        flex: 1 1 279px;
    }
    .templates-form{
        min-width: auto;
    }
    .templates-form .templates-buttons{
        gap: 8px;
    }
    .templates-buttons > div{
        flex: 1 1 49%;
    }
    .templates-buttons .button{
        padding: 14px 25.5px;
        width: 100%;
    }
    .change-site-data{
        width: 100%;
    }
    .site-logo-preview{
        overflow: hidden;
        
    }
    .change-site-data .buttons input, .change-site-data .buttons a {
        padding: 14px 13px;
        max-height: 48px;
    }
    /* .change-site-data .buttons a{
        b
    }
    .change-site-data .buttons a svg{
        width: 24px;
        height: 24px;
    } */
    /*=====TARIFS============================================================================*/
    .tarifs-warning{
        text-align: center;
        margin-top: 24px;
        opacity: 0.6;
    }
    .tarifs-title{
        font-size: 24px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    .services .services-button{
        padding: 14px 54px;
        background-color: var(--main-blue-color);
    }
    .services .services-list{
        gap: 24px;
    }
    .tarif-data .tarif-price{
        min-width: auto;    
    }
    .tarif-data .tarif-itog{
        flex-direction: column;
        align-items: center;
        margin-top: 0;
    }
    .tarif-data .tarif-itog > div{
        width: 100%;
        padding-bottom: 20px;
    }
    .tarif-data .tarif-itog > div:last-child{
        padding: 0;
        margin: 0;
        padding-top: 20px;
        border-left: none;
        border-top: 1px solid var(--blue15-color);
    }
    /*=====SETTINGS============================================================================*/
    .settings h1{
        font-size: 25px;
    }
    .settings .menu{
        flex-direction: column;
        gap: 8px;
    }
    .settings .menu li{
        flex: 0 0 44px;
        width: 100%;
        border: none;
        padding: 0;
        border-radius: 4px;
        overflow: hidden;
    }
    .settings .menu li a{
        text-align: center;
        background: var(--light-blue-color);
        display: block;
        width: 100%;
        height: 100%;
        padding: 13.5px;
        transition: all .3s ease-in-out;

    }
    .settings .menu li.active a{
        color: white;
        background-color: black;

    }
    .settings .tabs-header{
        margin-bottom: 20px;
    }
    .settings .tabs-item{
        border-radius: 0;
        padding: 0;
        border: none;
    }
    .settings .field {
        margin-bottom: 12px;
    }
    .settings .field > label{
        gap: 12px;
    }
    .settings .field > label > span{
        margin-top: 20px;
        font-family: Roboto Flex;
        font-weight: 600;
        font-size: 14px;
        line-height: 16.41px;
        text-transform: uppercase;
        color: var(--main-gray-color);
    }
    .settings input.button{
        width: 100%;
    }
    .settings .vk-auth-container{
        flex-direction: column;
        align-items: start;
        gap: 2px;
    }
    .settings .vk-profile-container{
        width: 100%;
    }
    .settings .vk-profile-container{
        flex-direction: column;
        align-items: start;
        gap: 12px;
    }
    .settings .red-border-button{
        width: 100%;
    }
    .settings .tg-auth-container form{
        flex-direction: column;
        align-items: start;
    }
    .settings .tg-add-container{
        flex-direction: column;
        align-items: start;
        width: 100%;
    }
    /*==================================================*/
    .auth-page {
        width: 100%;
        margin: 0 12px;
        display: flex;
        flex-direction: column;
        justify-content: center;

    }
    .auth-page .logo{
        display: none;
    }
    .auth-page .auth-head{
        display: none;
    }
    .auth-page .auth-head.mobile{
        display: block !important;
        text-align: start;
        line-height: normal;
    }
    .auth-page .auth-head.mobile>div{
        display: flex !important;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        margin-bottom: 20px;

    }
    .auth-page .auth-head.mobile>span{
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;       
    }
    

    .auth-page .logo, .register-page .logo {
        margin-bottom: 50px;
    }

    .auth-page h1 {
        font-size: 18px;
        margin-bottom: 18px;
    }

    .auth-page input.input-text, .auth-page input.input-submit, .auth-page input.input-password {
        height: 40px;
        line-height: 40px;
    }

    .auth-page .button {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .auth-page > div {
        padding: 20px;
        max-width: 430px;
        margin: 0 auto;
    }
    .auth-page .success-message{
        margin: 0;
        text-align: start;
        font-size: 16px;
    }
    .start-register-page {
        width: auto;
    }
    
    .second-register-page {
        width: auto;
    }
    
    input.input-text, input.input-password, input.input-date {
        font-size: 14px;
        padding: 12px;
    }
    
    
    
    .register-page .field.field-submit {
        margin-bottom: 18px;
        margin-top: 18px !important;
    }
    
    
    
    .org-header {
        width: auto;
        padding: 0;
    }
    
    .breadcrumbs {
        min-height: 30px;
        width: auto;
        flex-wrap: wrap;
        gap: 0;
        height: auto;
        padding: 10px 0;
    }
    .slider {
        width: auto;
        display: none;
    }
    
    section.slide .slick-dotted.slick-slider {
        height: 250px;
    }
    
    section.slide button.prev-slide.slick-arrow {
        left: 10px;
    }
    
    section.slide button.next-slide.slick-arrow {
        left: 65px;
    }
    
    div.slider section.slide li {
        height: 250px;
    }
    
    .slider-content {
        width: 100%;
        position: relative;
    }
    
    .slide h2 {
        font-size: 20px;
        margin: 0 0 10px;
    }
    .slider-content {
        padding: 20px;
    }
    
    p.slider-desc {
        width: auto;
        font-size: 18px;
    }
    
    div.slider section.slide li:after {
        background: rgba(0,0,0,0.5);
    }
    main {
        width: auto !important;
        margin: 50px 0;
    }
    
    a.title {
        font-size: var(--title-size);
        margin: 0 0 8px;
    }
    

    .widget-title-hint {
        font-size: 14px;
        margin: 10px 0;
    }
    
    .widget .org-item {
        width: auto !important;
        margin-bottom: 15px;
    }
    
    .widget .org-item a {
        font-size: 16px;
    }
    
    
    .menu li {
        width: 45%;
    }
    
    .widget .slider-container-widget {
        padding: 0px;
    }
    
    .partners-item {
        width: 100%;
    }
    
    
    
    .smi-item {
        border-width: 1px;
        padding: 20px;
        display: block;
    }
    
    .smi-title {
        width: auto;
        margin: 10px 0;
    }
    
    .document-menu > ul {
        /* display: block !important; */
        /* border: none; */
        margin: 0;
        /* background: rgba(255, 255, 255, 0.5); */
    }
    
    .smi-item .document-menu {
        right: 10px;
        top: 10px;
    }
    
    a.document-menu-button {
        /* display: none; */
    }
    
    .document-menu > ul li {
        padding: 2px 0;
    }
    
    .document-menu > ul li a {
        gap: 5px;
    }
    
    
    
    .item-header-body {
        border-radius: 16px;
        padding-top: 10px;
        width: 100%;
        /* margin-top: 0; */
    }
    
    .item-author {
        margin: 10px 0;
        flex-direction: column;
        align-items: self-start;
    }
    
    .item-header-body .item-author a {
        font-size: 20px;
        word-wrap: break-word;
        color: var(--black-color);
        font-weight: 600;
    }
    .item-header-body .item-author .image{
        height: 36px;
        width: 36px;
        flex: 0 0 36px;
    }
    .item-header-body>div.item-header-body-content {
        width: 100%;
    }
    
    .item-author .image {
        flex: 0 0 28px;
    }
    .item-header-body h1 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    
    
    .item-info a.status, .item-info .category, .event-info a {
        padding: 5px 10px;
    }
    
    .action-buttons {
        margin: 10px 12px;
        padding: 16px 0;
        flex-direction: column;
        align-items: start;
        gap: 16px;
    }
    .action-buttons > a{
        width: 100%;
        height: auto;
        font-size: 16px;
        font-weight: 400;
        line-height: 22.4px;

    }
    .item-header {
        padding: 0;
    }
    .content-item, .content-item.news-content-item, .content-item.project-content-item  {
        width: 100%;
    }
    
    .field-content {
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 140%;
    }
    
    ul.project-tasks li {
        margin-bottom: 15px;
        line-height: 140%;
        align-items: center;
    }
    
    ul.project-tasks li span {
        font-size: 16px;
    }
    
    ul.project-tasks li b {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 14px;
    }
    
    .media-container li {
        height: 240px;
    }
    
    section.slide {
        height: 250px !important;
    }
    
    
    
    .partner-item.tiles {
        flex: auto;
    }
   
    
    .register-form h3 {
        font-size: 20px;
    }
    
    .register-form h4 {
        font-size: 16px;
        margin: 10px 0;
    }
    
    .register-form ul {
        gap: 5;
    }
    
    .register-form form {
        margin-top: 20px;
    }
    
    .half-width {
        width: 100%;
    }
    table.register-list td, table.register-list th {
        font-size: 16px;
        padding: 5px;
    }
    
    table.register-list td {
        font-size: 14px;
        word-wrap: break-word;
        font-weight: 400;
    }
    .item-header-body>div {
        width: 100%;
    }
    
    
    
    .news-header-body .item-header-body-info {
        display: block;
    }
    
    .news-header-body .item-header-body-info .item-author {
        margin-bottom: 10px;
    }
    .news-header-body .item-header-body-info .date{
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;


    }
    .teams-list.content-list {
        flex-direction: column;
        gap: 12px;
    }
    

    
    .team-body a.title {
        min-height: auto;
    }
    .content-item.teams-item .team-item {
        flex-direction: column;
    }
    
    .content-item.teams-item a.image {
        width: 100%;
        height: 200px;
    }
    
    .team-photo .action-buttons {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .content-item.teams-item .team-body .description {
        margin-top: 10px;
    }
    
    .social-input {
        flex-direction: column;
    }
    
    .field>label>span, .media-title {
        flex: auto;
    }
    .partners-list {
        flex-direction: column;
        gap: 12px;
    }
    
    .partner-item {
        flex: none;
        flex-direction: column;
    }
    .partners-requests-item .partner-item{
        padding: 0;
        border: none;
        width: 100%;
    }
    .partner-logo {
        flex: auto;
        width: 115px;
        margin: 0 0 10px;
    }
    
    .partners-requests-item {
        flex-direction: column;
        padding: 20px;
        border: 1px solid var(--blue15-color);
        border-radius: 12px;
        margin-bottom: 12px;
    }
    .requests-action-buttons {
        margin-top: 20px;
        width: 100%;
        gap: 12px;
    }
    .requests-action-buttons .button{
        flex: 1 1 49%;
        border-radius: 8px;
    }
    /* .documents-item .document-menu {
        right: 0;
        top: 0;
    } */
    fieldset.content-main-data {
        padding: 20px;
        margin-bottom: 50px;
        width: 100%;
        border-radius: 10px;
    }
    
    .hint {
        margin-left: 0;
    }
    
    .textarea:not(.small-area-title) label span {
        margin-bottom: 20px;
    }
    
   
    
    .added-form-field svg {
        z-index: 999;
    }
    .field-period label > div {
        flex-direction: column;
    }
    
    div#search-results, div#teams-search-results {
        top: 70px;
    }
    
    .search-partner-item {
        padding: 10px;
    }
    
    .search-partner, .search-teams {
        font-size: 14px;
    }
    .project-format-buttons {
        flex-direction: column;
        gap: 10px;
    }
    
    .multi-input-container input {
        margin: 0;
    }
    .notifications-popup-list {
        max-width: max-content;
        width: 296px;
        border-radius: 5px;
        right: 12px;
        padding: 4px;
        
    }
    .notifications-list{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
    }
    .notifications-popup-list h4 {
        margin: 10px;
        text-align: center;
        font-size: 18px;
    }
    
    .notification-item {
        padding: 20px;
        margin: 0;
        background-color: #F8F8FA;

        border-radius: 4px !important;
    }
    
    .notification-body {
        font-size: 14px;
        /* line-height: 16.8px;
        color: var(--main-gray-color); */
        margin-bottom: 10px;
        font-weight: 400;
        color: var(--main-gray-color);


    }
    .notification-body a{
        font-weight: 700;
        color: var(--main-gray-color);

    }
    .notification-footer {
        margin-bottom: 5px;
    }
    .notification-buttons {
        flex-direction: column;
        gap: 8px;
        margin-top: 20px;
    }
    .notification-buttons .button {
        padding: 8.5px 8px;
    }
   
    
    .fpg-project-create h2 {
        margin-bottom: 20px;
    }
    
    .field-top-title * {
        max-width: 100%;
    }
    
    .field-top-title .select, .field-top-title input, .field-top-title textarea {
        width: 100% !important;
    }
    
    .fpg-project-create fieldset * {
        flex-direction: column;
    }
    
    .fpg-about .field_10-4 {
        width: 100%;
    }
    
    .field_12-container .chosen-select {
        flex: none;
        width: 100%;
        flex: none !important;
    }
    
    .fpg-about .field_10-1 {
        width: 100%;
    }
    
    .fpg-project-create fieldset {
        padding: 0;
    }
   
    
    .worth-item {
        flex: none !important;
        width: 100%;
        padding: 14px;
    }
    
    .worth-list .row {
        flex-direction: column;
    }
    
    .platform-contacts {
        border-width: 1px;
        border-radius: 10px;
        padding: 15px;
    }
    
    .platform-contacts h6 {
        width: auto;
        font-size: 18px;
        line-height: 120%;
    }
    
    .platform-contacts>.information {
        flex-direction: column;
        gap: 0px;
    }
    
    .platform-contacts>.information ul {
        font-weight: 500;
        font-size: 16px;
        gap: 8px;
    }
    .search .text-input {
        width: 100%;
    }
    
    .search {
        width: 100%;
    }
    a.password-toggle {
        top: 14px;
        right: 14px;
    }
    .content-item.news-content-item {
        width: auto;
    }
    .success-message {
        width: auto;
    }
    /*==========================================================================*/
    .org-header a.edit-profile{
        right: 15px;
        top: 15px;
    }
    .org-header-content{
        width: auto;
    }
    .org-logo>svg{
        margin-top: 25px;
    }
    .popup-container .popup-body{
        padding: 0px !important;
    }
    .popup-container .popup-content{
        width: 100% !important;
        min-width: 300px;
    }
    footer .widget-body ul li {
        margin-bottom: 10px;
    }
    .doc-create .media-field .hint{
        margin-top: -10px;
    }

    .free-tpl.project-form-template fieldset:not(:last-child){
        width: auto;
    }
    /* .fpg-about .field_12-container input{
        width: auto !important;
    } */
    .button, .input-submit, .input-button{
        width: auto;
    }
    .fpg-about .field_5-container>div, 
    .fpg-boss .field_8>div:last-child, 
    .fpg-boss .field_9>div:last-child, 
    .fpg-team .field_4>div:last-child, 
    .fpg-team .field_5>div:last-child,
    .fpg-organization .field_30-project>h6{
        flex-direction: row;
        flex-wrap: wrap;

    }
    .fpg-about .field_10-1, .fpg-about .field_10-2, .fpg-about .field_10-3, .fpg-about .field_10-4{
        width: auto;
        min-height: 150px !important;
    }
    .fpg-boss .field_2-info{
        width: auto !important;
    }
    .fpg-boss .field_2-container>div .team-avatar label .button{
        margin: 0 auto !important;
    }
    .sites-item .sites-info h4{
        width: auto;
    }
    .tabs-item{
        padding: 30px 20px;
    }
    .tabs-body input.button{
        margin: 30px auto 10px;
    }
    .vk-auth-container > .field, .tg-auth-container form .field{
        flex: auto;
    }
    .tg-add-container .input{
        width: 100%;
    }
    .item-header-body .categories{
        width: 100%;
        overflow: scroll;
    }
}
@media screen and (max-width: 400px) {
    .tarif-item .tarifs-price{
        flex-direction: column;
        gap: 20px;
    }
    .tarif-item .tarifs-discount{
        max-width: none;
        width: 100%;
        line-height: 22px;
    }
    .documents-item {
        flex: 1 1 144px;

    }
}