/*@media all and (min-width: 960px) and (max-width: 1280px) {
   .publications-slide, .menu-state-preview .publications-slide {
        min-width: 422px;
   		max-width: 422px;
        height: 200px;
    }
   .publications-slide img,
   .menu-state-preview .publications-slide img { 
       height: 200px;
    }
}*/


/*(max-width: 1439px)*/
@media all and (max-width: 980px) {

    .container {
        max-width: 768px;
    }
    .t-show {
        display:block;
    }
	.t-show-flex {
        display:flex!important;
    }
    .burger-header-badge {
        display: flex !important;
        margin-left: 0 !important;
    }

    .add-vocancy-wrapper {
        flex-direction: column-reverse;
    }

    .change-password-content {
        border-radius: 32px;
    }

    .change-password-head {
        display: flex;
        justify-content: center;
    }

    .change-password-content {
        max-width: 375px;
        overflow: visible;
    }

    .change-pass-form {
        padding: 15px 15px 48px 15px;
    }

    .change-password-head {
        border-radius: 32px 32px 0 0;
    }

    .change-pass-form {
        gap: 12px;
    }

    .close-change-modal {
        right: unset;
        left: 50%;
        top: -72px;
        background: #fff;
        border-radius: 50%;
        transform: translate(-50%, 0);
        width: 48px;
        height: 48px;
    }

    .close-change-modal svg {
        width: 18px;
        height: 18px;
    }

    /* Added :: CPA */
    .close-add-post,
    .close-add-review {
        right: unset;
        left: 50%;
        top: -72px;
        background: #fff;
        border-radius: 50%;
        transform: translate(-50%, 0);
        width: 48px;
        height: 48px;
    }

    .add-post-item p {
        font-size: 14px;
    }

    .add-post-item p span {
        font-weight: 800;
    }

    .add-post-items {
        gap: 8px;
    }

    .add-post-items a {
        width: 100%;
    }

    .add-post-content {
        max-width: 375px;
    }

    .add-post-content>p {
        border-radius: 32px 32px 0 0;
    }

    .add-post-content {
        border-radius: 32px;
    }

    .add-post-item {
        width: 100%;
        display: flex;
        height: 79px;
        overflow: hidden;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 11px;
    }

    .add-post-item img {
        position: static;
        transform: translate(0, 0);
        width: 78px;
        height: 66px;
    }

    .close-add-post svg {
        width: 18px;
        height: 18px;
    }

    .add-post-items {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .send-img {
        position: static;
        display: flex;
        margin: 25px auto;
    }

    .single-vocancy-wrapper {
        flex-direction: column-reverse;
        gap: 18px;
    }

    .single-vocancy-sidebar>img {
        display: none;
    }

    .send-done-password p {
        margin-top: 0;
    }

    .recommend-vocancy-wrapper {
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
    }

    .wrapper-img-text {
        width: 293px;
    }

    .add-vocancy-title h2 {
        font-size: 19px;
    }

    .table-width {
        max-width: 309px;
    }

    .add-vocancy-panel-wrapper {
        margin-top: 8px;
    }

    .add-vocancy-panel {
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);

        border-radius: 12px;
    }

    .add-vocancy-item h4 {
        font-size: 14px;
    }

    .add-vocancy-item>p {
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 13px;
    }

    .table-add-vocancy-title {
        display: flex !important;
    }

    .add-vocancy-title {
        display: none;
    }

    .add-vocancy-sidebar-radio-panel {
        padding: 8px;
        display: flex;
        align-items: center;
        gap: 4px;
        margin-top: 24px;
    }

    .add-vocancy-item {
        max-width: 100%;
    }

    .add-vocancy-sidebar {
        max-width: 100%;
    }

    .add-vocancy-sidebar-radio {
        margin-top: 0;
        width: 371px;
    }

    .add-vocancy-sidebar-radio-panel {
        padding: 8px;
    }

    .single-vocancy-sidebar {
        width: 100%;
    }

    .single-vocancy-panel {
        margin-top: 8px;
        border-radius: 12px 12px 0 0;
    }

    .single-vocancy-content>div h2 {
        font-size: 15px;
    }

    .recommend-vocancy h2 {
        font-size: 15px;
    }

    .recommend-vocancy-wrapper .line {
        display: none;
    }

    .recommend-vocancy {
        padding: 0 18px;
    }

    .single-cpa-contacts-items {
        flex-wrap: wrap;
        gap: 32px 143px;
    }

    .single-cpa-contacts-item:after {
        content: none;
    }

    .single-cpa-contacts-item {
        padding: 0 !important;
    }

    .single-vocancy-content>div p {
        font-size: 13px;
    }

    .single-vocancy-content>div ul li {
        font-size: 14px;
    }

    .single-vocancy-content {
        gap: 24px;
        max-width: 100%;
        width: 100%;
    }

    .single-vocancy-content>div {
        gap: 18px;
    }

    .back-r-btn {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 12px;
        background: var(--gray-200);
        border-radius: 4px;
        padding: 8px;
        text-decoration: none;
        font-family: var(--second-family);
        font-weight: 500;
        font-size: 13px;
        letter-spacing: -0.02em;
        color: var(--gray-800);
    }

    .page-404-wrapper h2 {
        font-size: 17px;
    }

    .redact-content-wrapper {
        background: #fff;
        margin-top: 8px;
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
        background: #fff;
        border-radius: 12px;
    }

    .redact-content-items {
        padding-left: 0;
        flex-direction: column;
        padding: 18px;
    }

    .user-edit-panel-aply a {
        max-width: 345px;
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 4px;
    }

    .checks-item-clicks {
        gap: 18px;
    }

    .user-edit-panel-aply {
        flex-direction: column;
    }

    .redact-social {
        max-width: 309px;
    }

    .redact-inp div {
        max-width: 100% !important;
    }

    .range-redact-items {
        flex-direction: column;
        gap: 24px;
    }

    .redact-content-left-bar {
        max-width: 309px;
    }

    .checks-items-redact {
        margin-top: 32px;
    }

    .redact-content-right-bar>p {
        font-size: 13px;
    }

    .state-edit-panel-aply {
        padding: 18px;
    }

    .add-state-content-wrapper>h2 {
        text-transform: inherit;
    }

    .add-video-btns {
        top: unset;
        right: unset;
        bottom: 18px;
        left: 18px;
    }

    .add-video-btns button {
        width: 48px;
        height: 48px;
    }

    .add-video-btns button svg {
        width: 24px;
    }

    .add-video-input .inputs-wrapper div {
        max-width: 100%;
    }

    .add-video-wrapper {
        height: 264px;
    }

    .add-v-btn {
        width: 48px;
        height: 48px;
    }

    .add-v-btn img {
        width: 24px;
    }

    .state-tags-list {
        width: 100%;
        overflow-x: scroll;
    }

    .state-tags-list li {
        flex-shrink: 0;
    }

    .state-tags-list-wrapper {
        margin: 24px 0 40px 0;
    }

    .add-state-content {
        padding: 0 18px 18px 18px;
    }

    .error-404-img {
        width: 260px;
    }

    .page-404-wrapper {
        padding: 32px 0 100px 0;
    }

    .page-500-wrapper h2 {
        font-size: 17px;
    }

    .page-500-wrapper {
        padding: 42px 0 117px 0;
    }

    .table-p {
        display: flex;
    }

    .single-service-main-imgs {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
	/* ADDED */
    .single-service-sidebar-baner>a {
    	width: 100%;
    }
    /* ADDED */
    .events-content {
        gap: 17px;
    }

    .events-tabs {
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        border: none;
    }

    .table-baner-vocancy-text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    .table-baner-vocancy a {
        display: flex;
        align-items: center;
        text-decoration: none;
        gap: 12px;
    }

    .table-baner-vocancy-text p:first-child {
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 13px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #2db9ff;
    }

    .table-baner-vocancy-text p:last-child {
        font-family: var(--second-family);
        font-weight: 700;
        font-size: 14px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: var(--white-900);
    }

    .table-baner-vocancy {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        overflow: hidden;
        border-radius: 8px;
        background-image: url(/templates/cpamafiatop/images/vocc.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding: 9px 0;
        margin-bottom: 19px;
    }

    .vocancy-item {
        max-width: 335px;
    }

    .vocancy-item-icon-data div p:first-child {
        font-size: 14px;
    }

    .vocancy-item a {
        padding: 13px 0;
    }

    .vocancy-item-icon-data div p:last-child {
        font-size: 13px;
    }

    .vocancy-item ul {
        flex-wrap: wrap;
    }

    /* .events-head-btns .head-btns-state {
    border-bottom: 1px solid var(--gray-400);
  } */

    .events-tabs li {
        flex-shrink: 0;
    }

    .events-content .movies-item {
        max-width: 333px;
        height: 173px;
    }

    .single-service-main-imgs>img {
        max-width: 309px;
    }

    .all-states-filter-table .add-event-btn {
        display: none;
    }

    .services-items-wrapper-table .partnercs-item {
        max-width: 334px;
        height: 133px;
        flex-direction: row;
        align-items: flex-start;
        display: flex;
        gap: 12px;
        padding: 20px 18px 18px 18px;
        position: relative;
    }

    .services-items-wrapper-table .partnercs-item .partnercs-item-content .partnercs-item-btns {
        position: absolute;
        bottom: 18px;
        left: 18px;
    }

    .partnercs-item-content {
        box-shadow: none;
    }

    /*.partnercs-item-content h6 {
    margin: 0;
  }*/

    /*.partnercs-item-btns button {
        display: none;
    }*/

    .services-items-wrapper-table .partnercs-item .partnercs-item-img {
        width: 88px;
        height: 24px;
    }

    .services-items-wrapper-table .partnercs-item .partnercs-item-content {
        padding: 0;
        display: flex;
        align-items: flex-start;
        flex-direction: column-reverse;
    }

    .services-items-wrapper-table .partnercs-item .partnercs-item-img img {
        width: 100%;
    }

    .services-items-wrapper-table {
        gap: 15px;
    }

    .all-states-filter {
        display: flex;
        max-width: 100%;
        flex-wrap: wrap;
        justify-content: space-around;
        gap: 20px 0;
        position: absolute;
        top: 90px;
        left: 0;
        background: #fff;
        z-index: 3;
        opacity: 0;
        visibility: hidden;
    }

    .all-states-filter-open {
        visibility: visible;
        opacity: 1;
    }

    .all-states-filter .line {
        display: none;
    }

    .all-states-filter .dropdown-item {
        max-width: 335px;
        width: 100%;
        border: 1px solid var(--gray-400);
        border-radius: 12px;
    }

    .all-states-filter .social-links-filter {
        display: none;
    }

    .all-states-filter .all-states-filter-btns {
        display: none;
    }
	.drop-down-click-panel { 
        top: 65px;
        left: 0px;
    }
    .dropdown-item-last {
        border: none !important;
    }

    .states-all-wrapper {
        flex-direction: column-reverse;
        position: relative;
    }

    .states-wrapper-panel {
        padding: 0 18px;
    }

    .states-all-wrapper {
        border-radius: 12px;
        margin-top: 8px;
    }

    .header-logo img {
        border-radius: 0;
    }

    .states-head-btns {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        padding-bottom: 18px;
    }

    .btn-filter {
        font-family: var(--second-family);
        font-weight: 500;
        font-size: 13px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--dark-900);
        padding: 14px 34px;
        background: var(--background);
        border: none;
        border-radius: 8px;
    }

    .btn-add-material {
        font-family: var(--second-family);
        font-weight: 500;
        font-size: 13px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--white-900);
        background: var(--red-900);
        padding: 14px 28px;
        border: none;
        border-radius: 8px;
    }

    .head-btns-state {
        display: flex;
        align-items: center;
        gap: 12px;
        margin: 0 0 18px 0;
    }

    .states-wrapper h1 {
        margin: 0;
        font-size: 19px;
    }

    .dropdown-item:last-child {
        border: none;
    }

    .content {
        max-width: 720px;
        padding: 10px;
    }

    .main-content-wrapper {
        background: initial;
    }

    .main-content-wrapper {
        flex-direction: column;
        gap: 13px;
    }

    .category-wrapper-panel button {
        display: none;
    }

    .akci-item:nth-child(7),
    .akci-item:nth-child(8),
    .akci-item:nth-child(9) {
        display: none;
    }

    .akci-items-wrapper {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        margin-top: 24px;
        gap: 16px;
    }

    .akci-item {
       /* max-width: 334px; */ 
        width: 100%;
        height: 158px;
        padding: 16px 18px 18px 18px;
        align-items: flex-start;
        flex:1;
    }

    .akci-item .open-akcii {
        margin-top: 16px;
    }

    .akci-item-content {
        max-width: 248px;
    }

    .akcii-item-text {
        gap: 0;
    }

    .akcii-item-text div p:first-child {
        font-size: 13px;
    }

    .akcii-item-text>p:last-child {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -moz-box;
        -moz-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        line-clamp: 1;
        box-orient: vertical;
    }

    .akci-item-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .table-none {
        display: none;
    }

    .title-small-section {
        padding: 0;
    }

    .content-wrapper {
        padding: 0 0 0 0;
    }

    .title-small-section p {
        font-size: 19px;
    }

    .title-small-section svg {
        width: 22px;
    }

    .new-state-wrapper {
        margin-top: 19px;
        gap: 29px 17px;
        padding: 0;
    }

    .all-view-btn {
        max-width: 684px;
    }

    .new-state-wrapper-content {
        border: none;
        padding: 24px 18px;
        background: #fff;
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
        border-radius: 12px;
    }

    .user-settings-panel {
        background: #fff;
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
        border-radius: 12px;
    }

    .content-wrapper {
        border-left: none;
    }

    .user-form {
        max-width: 100%;
    }

    .user-change-email-pass-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        width: 100%;
    }

    .user-change-item {
        max-width: 100%;
    }

    .user-change-item-head {
        padding: 13px 12px 13px 12px;
        font-size: 14px;
    }

    .login-form div input {
        padding: 22px 15px 7px 15px;
    }

    .inputs-wrapper {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .inputs-wrapper div {
        max-width: 271px;
        width: 100%;
    }

    .category-wrapper-panel {
        margin-top: 13px;
        overflow: hidden;
        max-width: 100%;
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
        background: #fff;
        border-radius: 12px;
        padding: 18px 0 18px 18px;
        /*gap: 18px;*/
    }

    .main-page-videos-title p {
        font-size: 19px;
    }

    .main-sidebar {
        margin-top: 8px;
        padding: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 8px 10px;
    }

    .contacts-social-items {
        gap: 24px;
    }

    .main-page-videos {
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
        background: var(--dark-900);
        border-radius: 12px;
        padding: 24px 18px;
        height: fit-content;
    }

    .main-sidebar-reviews {
        background: #fff;
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
        border-radius: 12px;
        padding: 24px 19px;
        /*max-width: 355px;*/
        width: 100%;
        height: 435px;
        gap: 24px;
    }

    .main-sidebar-reviews-items {
        width: 100%;
        gap: 13px;
    }

    .main-sidebar-reviews-item {
        max-width: 100%;
        gap: 0;
        height: 101px;
    }

    .main-sidebar-last-state {
        background: #fff;
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
        border-radius: 12px;
        padding: 26px 18px 16px 18px;
    }

    .sidebar-last-state-item>p {
        max-width: 100%;
    }

    .reviews-item-reverse {
        gap: 0;
        height: 107px;
    }

    .open-rew-btn {
        max-width: 222px;
    }

    .main-data-items {
        gap: 8px;
    }

    .main-all-data-wrapper {
        margin-top: 8px;
        flex-direction: column;
    }

    .main-sidebar-baner {
        display: none;
    }

    .nav-panel-main {
        display: none;
    }

    .movies-items {
        width: 308px;
        overflow: visible;
        margin: 24px 0 0 0;
    }

    .ivent-btn {
        margin-top: 18px;
    }

    .movies-item {
        max-width: unset;
        height: 160px;
    }

    /*.cpa-wrapper {
    background: #fff;
    box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
    border-radius: 12px;
    padding: 24px 18px;
    overflow: hidden;
  }*/

    .all-cpa-btn {
        max-width: 684px;
    }

    .cpa-items {
        margin: 24px 0 12px 0;
        padding: 0;
        gap: 15px;
        /*Added*/
        /*justify-content: space-between;*/
        /*added*/
    }

    /* Added */
    .cpa-items {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 8px;
    }

    .main-data-items {
        max-width: 100%;
        border-right: none;
    }

    .video-time {
        font-size: 11px;
    }

    .main-page-videos-nav {
        display: none;
    }

    .video-slide-text p:first-child {
        font-size: 13px;
    }

    .video-slide-text p:last-child {
        font-size: 14px;
    }

    .video-slide-img {
        height: 172px;
    }

    .video-swiper {
        height: fit-content;
        margin-top: 24px;
    }

    .video-slide {
        max-width: 333px;
        /*max-width: 308px; 325px*/
    }

    .main-page-baner {
        padding: 23px 18px;
        gap: 18px;
        background-image: url(/templates/cpamafiatop/images/blogbg-t.png);
    }

    .main-page-baner-items {
        gap: 19px;
    }

    .main-page-baner-item p:last-child {
        font-size: 13px;
    }

    .main-page-baner-item p:first-child {
        font-size: 19px;
    }

    .main-page-baner {
        margin: 8px 0;
        border-radius: 12px;
    }

    .category-wrapper-panel p {
        margin-top: 0;
        font-size: 13px;
    }

    .category-list {
        flex-direction: row;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        padding-right: 18px;
        max-width: 100%;
    }

    .category-list li {
        flex-shrink: 0;
        padding: 8px;
        background: var(--background);
        border-radius: 8px;
        gap: 4px;
        font-size: 13px;
    }

    .content-wrapper {
        border-radius: 12px;
    }

    .category-list li.active-cat-li {
        background: var(--red-900);
        color: #fff;
    }

    .category-list li.active-cat-li span {
        background: initial;
    }

    .category-list li.active-cat-li svg path {
        stroke: #fff;
    }

    .baners-wrapper-items {
        padding: 0;
        background: initial;
    }

    main {
        padding-top: 85px;
        padding-bottom: 32px;
        background-size: auto;
    }

    .header-wrapper {
        border-radius: 0;
    }

    .header-logo {
        gap: 12px;
        padding-right: 0;
        border-right: none;
    }

    .header-logo img {
        width: 56px;
        height: 56px;
    }

    .header-wrapper nav {
        display: none;
    }

    .header-badge {
        display: flex;
        margin: 0 auto;
    }

    .search-btn {
        height: unset;
        border-left: none;
        padding: 0 13px 0 12px;
        border-right: 1px solid #e7eaef;
    }

    .login-btn {
        height: unset;
        padding: 0 13px 0 12px;
        border-right: 1px solid #e7eaef;
    }

    .login-btn span {
        display: none;
    }

    .search-btn svg {
        width: 20px;
        height: 20px;
    }

    .burger-btn {
        display: flex;
        border: none;
        background: initial;
        padding-left: 12px;
        margin-right: 24px;
    }

    .burger-btn img {
        width: 18px;
    }

    .state-baners-wrapper {
        background: initial;
        padding: 0 0 5px 0;
    }

    .state-baners-wrapper {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
        gap: 8px;
    }

    .state-main-baner {
        height: 97px;
        background-image: url(/templates/cpamafiatop/images/banner-t.png);
    }

    .state-baner {
        flex: 1 0 174px;
        height: 140px;
        padding: 18px;
    }

    .state-baners {
        gap: 8px;
    }

    .state-baner p:first-child {
        font-size: 14px;
    }

    .state-baner p:last-child {
        font-size: 14px;
        font-weight: 400;
    }

    .state-baner img {
        display: none;
    }

    .state-baner:nth-child(1) {
        background-image: url(/templates/cpamafiatop/images/baner1-t.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .state-baner:nth-child(2) {
        background-image: url(/templates/cpamafiatop/images/baner2-t.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .state-baner:nth-child(3) {
        background-image: url(/templates/cpamafiatop/images/baner3-t.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .state-baner:nth-child(4) {
        background-image: url(/templates/cpamafiatop/images/baner4-t.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .state-bread-crumbs {
        /*padding-top: 18px;*/
        padding: 18px 0px 18px 0px;
    }

    .state-content {
        padding: 0 18px 32px 18px;
        border-radius: 12px;
    }

    .state-data {
        margin-top: 24px;
    }

    .state-text {
        margin-top: 0;
    }

    .state-title {
        margin: 24px 0 12px 0;
    }

    .state-nav-data {
        justify-content: flex-start;
        gap: 18px;
        /* Added */
        margin-bottom: 10px;
    }

    .state-nav-aside {
        display: none;
    }

    .state-comments-share {
        gap: 18px;
    }

    .state-comments-share div,
    .state-views {
        gap: 4px;
    }

    .state-img {
        order: 0; /*-1*/
        margin: 24px 0;
    }

    .state-img {
        border-radius: 8px;
       /* overflow: hidden;*/
        height: auto; /*289px*/
    }

    /*.state-img img {
        object-fit: contain;
        height: unset;
    }*/

    .state-text > p {
        font-weight: 400;
        font-size: 16px; /*13*/
        line-height: 180%;
    }

    .state-img-subscribe {
        margin: 24px 0;
        padding: 17px 0 15px 24px;
        /*max-width: 310px;*/
        height: 103px;
        background-image: url(/templates/cpamafiatop/images/img-ser-t.png);
        background-position: bottom;
    }

    .state-img-subscribe p {
        font-weight: 700;
        font-size: 14px;
        line-height: 130%;
        letter-spacing: -0.02em;
    }

    .state-img-subscribe button {
        padding: 12px 14px;
        background: #2db9ff;
        font-weight: 500;
        font-size: 13px;
        letter-spacing: -0.02em;
        gap: 6px;
        margin-top: 13px;
    }

    .state-subtitle {
        margin: 20px 0;
        font-size: 15px;
        padding-left: 10px;
        gap: 10px;
    }

    .state-subtitle svg {
        width: 18px;
        height: 18px;
    }

    .table-state-subtitle {
        position: relative;
        width: 100%;
    }

    .table-state-subtitle::after {
        position: absolute;
        top: -18px;
        left: 0;
        content: "";
        width: 100%;
        height: 1px;
        background: var(--background);
    }

    .subscribe-text {
        padding: 18px;
        background-position: calc(100% - 15px) 70px;
    }

    .subscribe-text p:first-child {
        font-size: 13px;
    }

    .subscribe-text p:last-child {
        font-size: 14px;
    }

    .state-img-slider-wrapper {
        width: 648px;
        height: 260px;
        margin: 0 auto;
    }

    .state-img-slider {
        width: 100%;
        height: 100%;
    }

    .state-img-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .state-btns-wrapper {
        justify-content: center;
        gap: 18px;
        margin: 32px 0 43px 0;
    }

    .state-btns-wrapper a {
        max-width: 309px;
    }

    .state-btns-wrapper a {
        font-size: 13px;
        padding: 14px 0 15px 0;
    }

    .state-status-img {
        margin: 18px 0 24px 0;
        width: 100%;
        height: 486px;
        overflow: hidden;
    }

    .state-list-text {
        margin: 24px 0;
        gap: 18px;
    }

    .state-list-text li {
        font-size: 14px;
        line-height: 1;
    }

    .table-sub-title {
        margin: 24px 0 18px 0;
    }

    .negative-p {
        margin: 0 0 24px 0;
    }

    .state-social-links {
        display: none;
    }

    .under-nav-data .state-views-content .state-views {
        order: -3;
    }

    .state-views-content {
        width: 100%;
    }

    .under-nav-data .state-views-content .state-views-count {
        margin-left: auto;
    }

    .state-author-data>p {
        display: none;
    }

    .state-author-name-btns a {
        display: flex;
        border: 1px solid var(--red-900);
        border-radius: 8px;
        display: flex;
        align-items: center;
        gap: 4px;
        background: var(--red-900);
        padding: 13px 22px;
        font-family: var(--second-family);
        font-weight: 500;
        font-size: 13px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--white-900);
        text-decoration: none;
    }

    .state-author-btns {
        display: none;
    }

    .comments-wrapper {
        margin-top: 8px;
        border-radius: 12px;
        padding: 24px 18px 24px 18px;
        border-top: none;
    }

    .comments-content {
        margin-left: 0 !important;
    }

    .comments-add {
        margin-top: 24px;
        gap: 12px;
    }

    .input-add-comment input, .input-add-comment textarea /*Added*/ {
        padding: 13px 38px;
        font-size: 13px;
    }
 
    .input-add-comment img {
        position: absolute;
        top: 50%;
        right: calc(100% - 28px);
        transform: translate(0, -50%);
        width: 16px;
        height: 16px;
    }

    .send-comment-btn {
        padding: 13px;
    }

    .send-comment-btn svg {
        width: 18px;
        height: 18px;
    }

    .comments-items {
        margin-top: 12px;
    }

    .comments-item {
        padding: 18px 12px;
    }

    .comments-author img {
        width: 28px;
        height: 28px;
    }

    .comments-author div p:first-child {
        font-size: 13px;
    }

    .comments-author div p:last-child {
        font-size: 13px;
    }

    .comments-data>.state-views-count {
        display: none;
    }

    .table-state-view {
        display: flex;
        align-items: center;
        gap: 18px;
    }

    .answer-item {
        max-width: 665px;
        position: relative;
    }

    .answer-item::before {
        left: -12px;
    }

    .publications-nav {
        display: none;
    }

    .publications-slider-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 24px 18px;
    }

    .publications-title-nav {
        padding-left: 0;
    }

    .publications-slide {
       /* min-width: 336px !important;
        max-width: 333px;*/
        /*min-height: 173px !important;*/
        height: 180px;
        margin: 0 !important;
    }

    /*Added .publications-slide img {
        min-width: 333px;
        min-height: 175px;
        max-width: 333px;
        max-height: 175px;
    }*/

    .publications-slider {
        margin: 25px 0 0 0 !important;
        width: 100% !important;
    }

    .publications-title-nav p {
        font-size: 19px;
    }

    .publications-wrapper {
        margin-top: 8px;
        border-radius: 12px;
        padding: 18px;
    }

    .btn-more {
        margin-top: 24px;
        padding: 0;
    }

    .publications-slide>p {
        font-size: 14px;
    }

    /*.publications-badge {
    width: auto;
    height: 29px;
    background-image: url(/templates/cpamafiatop/images/badge.svg);
    background-size: unset;
    background-size: cover;
  }*/

    .footer-data-items {
        display: none;
    }

    .footer-head {
        justify-content: space-between;
    }

    .footer-banners {
        display: none;
    }

    .footer-banners-wrapper>p {
        display: none;
    }

    .footer-menu-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
    }

    .table-footer-data-items {
        display: flex;
        padding-left: 0;
    }

    .other-projects p {
        font-family: var(--font-family);
        font-weight: 700;
        font-size: 13px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: var(--white-900);
    }

    .footer-menu li a {
        font-size: 13px;
    }

    .projects-item div a,
    .projects-item div p {
        font-size: 13px;
    }

    .footer-menu {
        height: 144px;
    }

    .up-btn {
        position: absolute;
        bottom: 0px;
        right: 24px;
    }

    .footer-content {
        padding: 25px 0 32px 0;
    }

    .copyright-text {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .copyright-text p:first-child {
        max-width: 415px;
    }

    .copyright-links {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .copyright-links div {
        gap: 34px;
    }

    .copyright-links div ul {
        gap: 25px;
    }

    .video-item {
        max-width: 333px;
        height: 257px;
    }

    .video-items-wrap {
        gap: 10px;
        /*17*/
    }

    .all-states-filter-table .filter-title-text {
        display: none;
    }

    /*.cpa-square-items {
    display: none;
  }*/

    .cpa-lines-items {
        gap: 15px;
    }
    .partn-item { 
   	  padding: 10px;
    }
    .partn-item-line {
        max-width: 334px;
        height: 133px !important;
        /*flex-direction: column;*/
        flex-direction: row; 
        align-items: flex-start;
        justify-content: center;
        gap: 16px;
        position: relative;
    }
    .partn-item-img-text {
        height: 100%;
        display: flex;
        align-items: stretch;
        gap: 15px;
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-content: space-between;
        flex-wrap: nowrap;
    }
    .partn-item-text>p {
        font-size: 13px;
    }

    .partn-item-text div p {
        font-size: 14px;
    }

    .partn-item-text {
        flex-direction: column-reverse;
    }

    .partn-item-text div span {
        position: absolute;
        bottom: 12px;
        right: 12px;
    }

    .table-social-links-content {
        display: flex;
        padding: 22px 18px;
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
        background: #fff;
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        width: 100%;
        margin-top: 8px;
    }

    .table-social-links-content p {
        font-family: var(--second-family);
        font-weight: 500;
        font-size: 13px;
        letter-spacing: -0.02em;
        color: var(--dark-900);
    }

    .table-social-links {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .table-social-links a img {
        width: 32px;
        height: 32px;
    }

    /* CPA */
    .single-cpa-sidebar {
        display: none;
    }

    /* CPA */
    .single-service-sidebar {
        display: none;
    }

    .single-prev-wrapper {
        display: flex;
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
        background: #fff;
        border-radius: 12px;
        padding: 18px;
        margin-top: 5px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        width: 100%;
    }

    .single-prev-wrapper>a {
        padding: 8px;
        border-radius: 4px;
        background: var(--gray-200);
        display: flex;
        align-items: center;
        gap: 5px;
        font-family: var(--second-family);
        font-weight: 500;
        font-size: 13px;
        letter-spacing: -0.02em;
        color: var(--gray-800);
        text-decoration: none;
    }

    .single-prev-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
        gap: 18px; /* Added */
    }

    .events-tabs li a {
        font-size: 13px;
    }

    .contacts-content-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        margin-top: 18px;
    }

    .contacts-title {
        font-size: 19px;
        margin: 13px 0 24px 0;
    }

    .contacts-title svg {
        width: 22px;
    }

    .single-prev-img {
        /*max-width: 309px;*/
        width: 100%;
        height: 119px;
        border: 1px solid var(--gray-400);
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .map-site-wrapper h1 {
        font-size: 19px;
        margin-bottom: 24px;
    }

    .map-site-wrapper>h2 {
        margin-bottom: 18px;
        margin-left: 14px;
    }

    .map-site-item-list>p {
        width: fit-content;
    }

    .map-site-item-list>ul li:after {
        width: 95%;
    }

    .map-site-item {
        margin-left: 14px;
    }

    .map-site-wrapper {
        border-radius: 12px;
        margin-top: 8px;
        padding: 18px 18px 48px 18px;
    }

    .map-site-wrapper .state-bread-crumbs {
        padding-top: 0;
        margin-bottom: 14px;
    }

    .contacts-wrapper {
        border-radius: 12px;
        margin-top: 8px;
        padding: 0 18px 32px 18px;
    }

    .contact-form {
        max-width: 390px;
        gap: 12px;
    }

    .contacts-data>p {
        font-size: 15px;
        margin-bottom: 0;
    }

    .sidebar-icon-text p:first-child {
        font-size: 14px;
    }

    .sidebar-icon-text p:last-child {
        font-size: 13px;
    }

    .single-stock-preview-img {
        margin-top: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        background: #fff;
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
        background: #fff;
        border-radius: 12px;
        padding: 10px;
    }

    .single-prev-data {
        /*max-width: 357px;*/
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px; /* Added */
    }

    .single-prev-data span.badge {
        font-family: var(--second-family);
        font-weight: 500;
        font-size: 13px;
        letter-spacing: -0.02em;
        color: var(--white-900);
        background: var(--dark-900);
        padding: 4px 6px;
    }

    .single-prev-data h1 {
        font-family: var(--second-family);
        font-weight: 700;
        font-size: 15px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: var(--dark-900);
    }

    .single-prev-data>p {
        font-family: var(--second-family);
        font-weight: 500;
        font-size: 13px;
        letter-spacing: -0.02em;
        color: var(--gray-800);
        margin: 6px 0 10px 0;
    }

    .single-prev-data ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        width: 100%;
        margin-top: 18px;
    }

    .single-prev-data ul li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .stock-content {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        align-items: center;
    }

    .single-service-main-imgs p {
        font-family: var(--second-family);
        font-weight: 500;
        font-size: 13px;
        letter-spacing: -0.02em;
        color: var(--white-900);
        padding: 4px 6px;
        /*background: var(--dark-900);*/
    }

    .single-prev-data ul li p {
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 13px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: var(--dark-900);
    }

    .single-prev-data ul li p:last-child {
        max-width: 150px;
        text-align: right;
    }

    .single-prev-data ul li a {
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 13px;
        line-height: 130%;
        letter-spacing: -0.02em;
        text-align: right;
        color: var(--red-900);
    }

    .single-prev-data-social {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 13px;
        margin-top: 16px;
    }

    .single-prev-data-social p {
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 13px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: var(--dark-900);
    }

    .single-prev-data-social div {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .single-prev-data-social div a img {
        width: 32px;
        height: 32px;
    }

    .single-prev-data-reviews {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-evenly;
        margin-top: 24px;
        /*
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        margin-top: 24px;*/
    }

    .single-prev-data-reviews>p {
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 13px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: var(--dark-900);
    }

    .single-service-wrapper {
        background: initial;
        padding: 0;
    }

    .single-service-content-wrapper {
        padding: 0;
    }

    .single-service-desc {
        margin-top: 8px;
        /*order: -3;*/
        background: #fff;
        border-radius: 12px;
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
        padding: 24px 18px;
        gap: 18px;
    }

    .order-2 {
        margin-top: 8px;
        order: -2;
        background: #fff;
        border-radius: 12px;
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
        padding: 24px 18px;
    }

    .single-service-table-contacts {
        display: flex;
        flex-direction: column;
    }

    .single-service-table-contacts {
        /*order: -1;*/
        background: #fff;
        border-radius: 12px;
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
        padding: 24px 18px;
        margin-top: 8px;
        width: 100%;
    }

    /* .single-service-table-contacts > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  } */

    .single-service-table-contacts-content {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .users-comments-rare-wrapper {
        padding: 18px 18px 24px 18px;
        width: 100%;
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .users-comments-rare-wrapper:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
        width: calc(100% - 36px);
        height: 1px;
        background: var(--background);
    }

    .users-comments-rare-wrapper p {
        font-family: var(--second-family);
        font-weight: 500;
        font-size: 13px;
        letter-spacing: -0.02em;
        color: #262d35;
    }

    .rate-line {
        display: flex;
        align-items: center;
        width: 100%;
        position: relative;
        justify-content: space-around;
        margin-bottom: 12px;
    }

    .center-p {
        margin: 40px 0 18px 0;
    }

    .rate-line:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 8px;
        border-radius: 1012px;
        background: var(--background);
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        z-index: 0;
    }

    .rate-line div {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        border: 2px solid #fff;
        background: var(--background);
        position: relative;
        z-index: 1;
    }

    .rate-line div img {
        width: 18px;
        height: 18px;
    }

    /* ADDED */
    .users-comments-rare-wrapper>.rate-line>div>label {
        cursor: pointer;
    }

    .users-comments-rare-wrapper>.rate-line>div>input {
        position: absolute;
        visibility: hidden;
        padding: 0;
        margin: 0;
    }

    #rating_negative:checked~label,
    #rating_default:checked~label,
    #rating_positive:checked~label {
        padding: 5px;
        border-radius: 15px;
    }

    /* ADDED */
    .single-service-reviews {
        padding: 24px 18px 18px 18px;
        border-radius: 12px 12px 0 0;
    }

    .users-comments-wrapper {
        padding: 18px;
        border-radius: 0 0 12px 12px;
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
    }

    .users-comment>p {
        font-size: 13px;
    }

    .publications-items {
        padding: 24px 18px;
        background: #fff;
        margin-top: 8px;
        border-radius: 12px;
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
    }

    .service-publication-text>p {
        font-size: 14px;
    }

    .publications-item {
        flex-wrap: wrap;
        gap: 24px 17px;
    }

    .publications-item .service-publication {
        width: 333px;
        height: 173px;
    }

    .single-service-table-contacts-user p:first-child {
        font-family: var(--font-family);
        font-weight: 800;
        font-size: 14px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: var(--dark-700);
    }

    .single-service-table-contacts-user p:last-child {
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 13px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: var(--gray-800);
    }

    .single-service-table-contacts-user {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .single-service-table-contacts>p {
        font-family: var(--second-family);
        font-weight: 700;
        font-size: 15px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: var(--dark-900);
    }

    .single-service-publications>p {
        font-size: 15px;
    }

    .cpa-characters-list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        list-style: none;
        margin-top: 27px;
        gap: 18px 84px;
        max-height: 100%;/**/
    }

    .cpa-characters-list-text p:first-child {
        font-size: 13px;
    }

    /* .cpa-characters-list li:nth-child(4) {
    margin-top: 54px;
  } */

    .cpa-characters-list-text p:last-child {
        font-size: 14px;
    }

    .single-service-wrapper .state-bread-crumbs {
        display: none;
    }
	.mob-bread-crumbs {
        display:block;
    }
    .single-service-content .line {
        display: none;
    }

    .single-service-head,
    .single-cpa-contacts,
    .single-service-stars,
    .reviews-reactions {
        display: none;
    }

    .single-service-reviews {
        margin-top: 8px;
        background: #fff;
    }

    .users-comments-wrapper {
        background: #fff;
    }

    .cpa-characters-list li {
        max-width: 283px;
        width: 100%;
    }

    .single-service-desc h4 {
        font-size: 15px;
    }

    /*.single-service-desc p {
        font-size: 13px;
    }*/

    .publications-items>a {
        width: 100%;
        padding: 13px 0;
        border-radius: 12px;
        background: var(--background);
        font-family: var(--second-family);
        font-weight: 500;
        font-size: 13px;
        line-height: 140%;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--dark-900);
        display: flex;
        justify-content: center;
        text-decoration: none;
        margin-top: 24px;
    }

    .contacts-data>span {
        display: flex;
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 13px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: var(--dark-900);
        margin-top: 24px;
    }

    .contacts-social-links {
        margin-top: 13px;
    }

    .users-content {
        flex-direction: column;
        background: initial;
        gap: 8px;
    }

    .user-content-panel {
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
        background: #fff;
        border-radius: 12px;
        max-width: 100%;
    }

    .user-data {
        flex-direction: row;
        padding: 0;
        width: 100%;
        max-width: 100%;
        border: none;
    }

    .user-options p {
        display: none;
    }

    .user-content-panel {
        padding: 18px;
    }

    .user-content-items {
        margin-top: 18px;
    }

    .user-content-items {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        flex-direction: row;
    }

    .user-content-item {
        max-width: 333px;
    }

    .user-options {
        margin-top: auto;
    }

    .table-p {
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 13px;
        line-height: 140%;
        color: var(--gray-800);
    }

    .table-user-data {
        padding: 18px 18px 24px 18px;
        display: flex;
        align-items: center;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
        background: #fff;
        border-radius: 12px;
        max-width: 100%;
    }

    .user-activity-status {
        margin: 0;
        width: 100%;
        padding: 0;
        background: initial;
        border-top: none;
        border-bottom: none;
        justify-content: flex-start;
        margin-left: 16px;
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .table-user-name {
        display: flex;
        align-items: center;
        gap: 4px;
        font-family: var(--second-family);
        font-weight: 700;
        font-size: 15px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: var(--dark-900);
    }

    .user-activity-status ul {
        gap: 24px;
        justify-content: flex-start;
    }

    .user-activity-status ul li {
        align-items: flex-start;
    }

    .user-options {
        display: flex;
        justify-content: flex-end;
        flex-direction: row;
    }

    .user-options a {
        max-width: 195px;
        font-size: 13px;
    }

    .user-activity-status ul li p:first-child {
        font-size: 17px;
    }

    .user-activity-status ul li p:last-child {
        font-size: 13px;
    }

    .user-options {
        padding: 0;
    }

    .user-icon {
        position: relative;
    }

    .user-name-status {
        display: none;
    }

    /*.user-rate {
    display: none;
  }

  .user-icon {
    width: 72px;
    height: 72px;
  }*/

    .user-states-posted a {
        max-width: 333px;
    }

    .user-states-posted {
        gap: 18px;
    }

    .user-panel-btns a {
        padding: 11px 12px;
    }

    .user-panel-tabs li {
        padding: 11px 12px;
        background: var(--background);
    }

    .user-panel-btns a svg {
        display: none;
    }

    .posted-user-post {
        max-width: 333px;
        height: 173px;
    }

    .user-content-item {
        max-width: 100%;
    }

    .search-content-open {
        transform: translateY(55px);
    }

    .serach-filters {
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        width: 744px;
        padding-right: 18px;
    }

    .search-form-input input {
        padding: 13px 18px 13px 35px;

        font-size: 14px;
    }

    .search-form button {
        font-size: 13px;
    }

    .search-form-input svg {
        position: absolute;
        top: 13px;
        left: 13px;
        width: 16px;
        height: 16px;
    }

    .serach-filters li {
        flex-shrink: 0;
    }

    .login-registration-img {
        display: none;
    }

    .login-registration {
        width: 375px;
        background: initial;
    }

    .login-registration {
        border-radius: 32px;
        overflow: visible;
    }

    .login-registration-panel {
        border-radius: 32px;
    }

    .close-login-panel {
        width: 48px;
        height: 48px;
        background: #fff;
        border-radius: 50%;
        top: -72px;
        right: unset;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .login-registration-panel {
        min-height: unset;
    }

    .login-registration-content {
        padding: 32px 15px 48px 15px;
    }

    .switch-btns li {
        font-size: 14px;
    }

    .login-registration-socials-links a img {
        width: 32px;
        height: 32px;
    }

    .close-login-panel svg {
        width: 18px;
        height: 18px;
    }

    .login-registration-switch {
        justify-content: center;
        border-radius: 32px 32px 0 0;
        padding: 24px 32px 18px 32px;
    }

    /* CPA */
    .cpa-head .single-service-head-text ul {
        /*width: 560px;*/
        /*max-width: 560px;*/
        flex-wrap: wrap;
        flex-direction: row;
        margin: 0;
        padding: 0px 0px 10px;
        gap: 5px 55px;
    }

    .cpa-wrapper {
        background: #fff;
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
        border-radius: 12px;
        /* padding: 24px 18px; */
        overflow: hidden;
    }

    .cpa-wrapper-mainpage {
        background: #fff;
        box-shadow: inset 0 -2px 1px 1px rgba(166, 175, 253, 0.5);
        border-radius: 12px;
        padding: 24px 18px;
        overflow: hidden;
    }

   /* .cpa-characters-list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        list-style: none;
        margin-top: 27px;
        gap: 26px 30px;
        max-height: 296px;
    }*/

    /* .cpa-characters-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    list-style: none;
    margin-top: 27px;
    gap: 36px 84px;
    height: 296px;
  } */
    .cpa-bread-crumbs {
        display: none;
    }
   
    
    .cpa-head .single-service-head-text ul {
      max-width: 940px;
    }
    /* CPA */
  
}


@media all and (min-width: 960px) {
    #main-section .category-wrapper-panel {
        position: sticky;
        top: 20px;
        margin-bottom: 13px;
    }
}

@media all and (max-width: 768px) {
    .mob-index-baner {
        display: flex;
        /*max-width: 375px;*/
        width: 100%;
    }

    .add-post-content,
    .add-review-content {
        margin-top: auto;
    }

    .change-password-content {
        margin-top: auto;
    }

    .search-content {
        height: fit-content;
        padding: 18px 0 45px 0;
    }

    .serach-filters {
        width: 360px;
    }

    .add-vocancy-sidebar-radio-panel {
        flex-direction: column;
        align-items: center;
    }

    .wrapper-img-text {
        width: 100%;
    }

    .voc-panel-apply {
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

    .voc-panel-apply a {
        max-width: 345px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 14px 0;
    }
	.mob-bread-crumbs {
        display:block;
    }
    .state-bread-crumbs ul li:last-child {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -moz-box;
        -moz-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        line-clamp: 1;
        box-orient: vertical;
    }

    .d-input input {
        padding: 23px 14px 7px 60px !important;
    }

    .add-vocancy-panel-wrapper {
        padding: 0 18px 34px 18px;
    }

    .price-vocancy-item div {
        max-width: 100%;
    }

    .price-vocancy-item div input {
        max-width: 100%;
    }

    .price-vocancy-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .add-vocancy-sidebar-radio {
        width: 100%;
    }

    .single-vocancy-panel {
        padding: 0 18px;
    }

    .sidebar-list-item-text p:last-child {
        font-size: 17px;
    }

    .sidebar-list-item-text p:first-child {
        font-size: 13px;
    }

    .vocancy-item {
        height: fit-content;
    }

    .user-edit-panel-aply {
        padding: 16px 16px 32px 16px;
        gap: 8px;
        position: fixed;
        bottom: 0;
        left: 0;
    }

    .single-cpa-contacts-text h6 {
        font-size: 14px;
    }

    .single-cpa-contacts-items {
        flex-wrap: wrap;
        gap: 24px;
    }

    .single-vocancy-sidebar-item {
        padding: 18px;
    }

    .vocancy-item ul {
        margin: 12px 0 18px 0;
    }

    .user-edit-panel-aply a {
        padding: 14px 0 !important;
    }

    .add-video-wrapper {
        height: 264px;
    }

    .tooltip-wrapper {
        left: 0;
    }

    .tooltip-wrapper:after {
        left: 90%;
    }

    .checks-item-click p {
        font-size: 14px;
    }

    .add-state-content-wrapper>p {
        font-size: 13px;
    }

    .add-photo-wrapper h5 {
        font-size: 14px;
    }

    .add-photo-wrapper p {
        font-size: 13px;
        max-width: 225px;
    }

    .add-state-content-wrapper>h2 {
        font-size: 17px;
        text-transform: inherit;
    }

    .add-state-content-head {
        flex-wrap: wrap;
    }

    .state-edit-panel-aply {
        position: fixed;
        bottom: 0;
        left: 0;
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

    .state-edit-panel-aply a {
        font-size: 13px;
        max-width: 345px;
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 4px;
    }

    .user-data {
        flex-wrap: wrap;
    }

    .user-activity-status {
        width: unset;
    }

    .user-comment-text {
        margin: 4px 0 0px 0; /*10px 0;*/
        overflow: auto;
        text-overflow: ellipsis;
        display:block;
        /*display: -moz-box;
        -moz-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        box-orient: vertical;*/
    }

    .user-reviews-data {
        flex-direction: column;
        align-items: flex-start;
    }

    .mobile-data-text {
        display: flex !important;
        font-family: var(--second-family) !important;
        font-weight: 400 !important;
        font-size: 13px !important;
        line-height: 140% !important;
        color: var(--gray-800) !important;
    }

    .user-reviews-rate {
        margin-left: 45px;
    }

    .user-reviews-stats div p:last-child {
        display: none;
    }

    .user-comment-posted p:last-child {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -moz-box;
        -moz-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        line-clamp: 1;
        box-orient: vertical;
    }

    .user-panel-btns a {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 18px;
    }

    .user-panel-tabs li {
        flex-shrink: 0;
    }

    .user-panel-tabs {
        overflow-x: scroll;
        /*width: 326px;* EDITED*/
        width: 100%;
    }

    .user-options a {
        max-width: 100%;
        margin-top: 24px;
    }

    .user-panel-btns {
        flex-direction: column;
        align-items: start;
    }

    .users-comment-likes {
        display: none !important;
    }

    .users-comment-data-info div {
        flex-direction: column;
        align-items: flex-start;
    }

    .users-comment-data-info div p:first-child {
        margin: 0;
    }

    .users-comment-data-info div p:first-child {
        font-size: 13px;
    }

    .users-comment-data-info div p:nth-child(2) {
        font-size: 13px;
    }

    .users-comment-data-info {
        gap: 12px;
    }

    .users-comment-likes-mobile {
        flex-direction: row !important;
    }

    .users-comment-likes-mobile {
        display: flex !important;
    }

    .users-comments-rare-wrapper p {
        text-align: center;
    }

    .reviews-progress-item {
        border: none;
    }

    .reviews-progress {
        align-items: flex-start;
    }

    .table-reviews-progress-item {
        flex-direction: column;
        gap: 20px;
    }

    .publications-items>a {
        margin-top: 8px;
        font-size: 13px;
    }

    .single-prev-content {
        flex-direction: column;
        gap: 18px;
    }

    .cpa-characters-list {
        flex-wrap: nowrap;
        height: fit-content;
        gap: 18px;
    }

    .single-service-table-contacts-content {
        margin-top: 24px;
        flex-direction: column;
    }

    .cpa-characters-list li {
        margin-top: 0 !important;
    }

    .table-social-links-content {
        align-items: center;
        gap: 8px;
    }

    .states-head-btns {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 12px;
    }

    .states-wrapper h1 {
        font-size: 19px;
    }

    .states-wrapper h1 svh {
        width: 22px;
    }

    .head-btns-state {
        flex-direction: column-reverse;
        width: 100%;
        margin-top: 24px;
    }

    .btn-filter {
        width: 100%;
        background: #fff;
        text-align: left;
        padding: 18px 0;
        font-family: var(--second-family);
        font-weight: 700;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: var(--dark-900);
        position: relative;
    }

    .states-wrapper-panel {
        border-right: none;
    }

    .no-mobile {
        display: none !important;
    }

    .states-items-poginations li:first-child,
    .states-items-poginations li:last-child {
        width: 36px;
        height: 36px;
    }

    .states-items-nav a {
        margin-top: 18px;
    }

    .states-items-poginations-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 18px;
    }

    .btn-filter:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
        background-image: url(/templates/cpamafiatop/images/farr.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 14px;
        height: 7px;
    }

    .states-items-nav {
        gap: 12px;
    }

    .all-states-filter {
        top: 200px;
    }

    .btn-add-material {
        width: 100%;
    }

    .index-main-warpper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    #main-section {
        background: #e7eaef;
        padding-bottom: 24px;
    }

    .category-wrapper-panel {
        display: none;
    }

    .video-swiper {
        width: 100%;
        /*width: 308px;*/
    }

    .movies-items-pog-mobile {
        display: flex;
        justify-content: center;
        gap: 6px;
        margin-top: 18px;
    }

    .movies-items-pog-mobile span.swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: var(--dark-900);
        margin: 0 !important;
    }

    .movies-items-pog-mobile .swiper-pagination-bullet-active {}

    .all-video-btn {
        margin-top: 18px;
    }

    .cpa-items {
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        gap: 8px;
    }

    .partnercs-item {
        flex-shrink: 0;
    }

    .video-swiper:after {
        content: unset;
    }

    .new-state-wrapper-content {
        margin-top: 13px;
        padding: 24px 18px 18px 18px;
    }

    .main-page-baner {
        background-image: url(/templates/cpamafiatop/images/blogbg-m.png);
    }

    .all-view-btn {
        margin-top: 12px;
    }

    .new-state-wrapper {
        /* Added */
        justify-content: center;
        gap: 12px;
        margin-top: 24px;
    }

    .index-main-data div {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #fff;
        border-radius: 12px;
        width: 30%;
    }

    .index-main-data div p:first-child {
        font-family: var(--font-family);
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: -0.02em;
        color: var(--red-900);
        display: flex;
        align-items: center;
        gap: 6px;
        justify-content: center;
    }

    .index-main-data div p:last-child {
        font-family: var(--font-family);
        font-weight: 700;
        font-size: 13px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: var(--dark-700);
    }

    .index-main-data div:nth-child(1) {
        padding: 5px 11px 6px 8px;
    }

    .index-main-data div:nth-child(2) {
        padding: 5px 15px 6px 8px;
    }

    .index-main-data div:nth-child(3) {
        padding: 5px 8px 6px 8px;
    }

    /* Added */
    .index-main-data>div>p>img {
        width: 25px;
    }

    .baners-wrapper-items-index {
        display: none;
    }

    .index-main-data {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 8px;
    }

    .burger-btn {
        margin-right: 18px;
    }

    .up-btn {
        position: absolute;
        bottom: 0;
        right: 0px;
    }

    .projects-items {
        flex-wrap: wrap;
    }

    .container {
        max-width: 375px;
    }

    /*WAS -> .content*/
    /*.content {
        max-width: 385px;   345  
    }*/

    .single-service-reviews>.content {
        max-width: 100%;
    }

    .content.mainwrap {
        /*max-width: 345px; */
        max-width: 100%;
        padding-left: 2px;
        padding-right: 2px;
    }

    /*WAS*/
    .state-baners {
        display: none;
    }

    .state-main-baner {
        margin-top: 0;
        height: 97px;
        background-image: url(/templates/cpamafiatop/images/banner-m.png);
    }

    .state-data {
        flex-wrap: wrap;
        gap: 8px 8px; /*0*/
    }

    .state-title {
        font-size: 17px;
    }

    .state-comments-share div p {
        font-size: 13px;
    }

    .state-views p {
        font-size: 13px;
    }

    .state-img {
        margin: 24px 0 18px 0;
    }

    .state-img {
        max-height: 230px; /*130*/
    }

    .subscribe-text {
        background-image: unset;
    }

    .state-img-slider-wrapper {
        width: 196px;
        height: 256px;
    }

    .state-img-prev-btn {
        position: absolute;
        top: 50%;
        left: -58px;
    }

    .state-img-next-btn {
        position: absolute;
        top: 50%;
        right: -58px;
    }

    .state-img-slider-pogination {
        margin-top: 24px;
    }

    .state-btns-wrapper {
        gap: 12px;
        margin: 24px 0 32px 0;
    }

    .state-subtitle {
        margin: 24px 0 18px 0;
    }

    .state-status-img {
        margin: 18px 0;
        width: 100%;
        height: 219px;
        overflow: hidden;
    }

    .state-list-text {
        margin: 24px 0 18px 0;
    }

    .table-sub-title {
        margin: 12px 0 18px 0;
    }

    .state-author-name-btns {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .state-author-name-btns a {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .state-views-content>.state-views {
        display: none;
    }

    .state-views-mobile {
        display: flex;
    }

    .under-nav-data {
        margin: 18px 0 12px 0;
    }

    .state-author-name-btns {
        margin-top: 18px;
    }

    .state-content {
        padding: 0 18px 24px 18px;
    }

    .comments-count {
        font-size: 15px;
    }

    .comments-add {
        gap: 6px;
    }

    .table-state-view .state-views-count {
        display: flex;
    }

    .table-state-view {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .answer-item {
        max-width: 290px;
        position: relative;
    }

    .publications-slide {
        /*width: 308px !important;
     height: 160px !important; EDITED*/
        margin: 0 !important;
        /* padding: 18px 16px; EDITED*/
        background-size: 102%;
    }

    .publications-slider-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .btn-more {
        margin-top: 12px;
    }

    main {
        padding-top: 56px;
        padding-bottom: 196px;
    }

    .copyright-links div {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .copyright-links div ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .projects-items {
        gap: 24px 32px;
    }

    .footer-copyright {
        padding: 18px 0 40px 0;
    }

    .copyright-text p {
        letter-spacing: unset;
    }

    .footer-menu {
        gap: 18px 27px;
    }

    .footer-menu-wrapper {
        gap: 36px;
    }

    .footer-head-data>p {
        padding: 0 12px;
        border-right: none;
    }

    .footer-links {
        display: none;
    }

    .mobile-links {
        display: flex;
    }

    .search-btn:hover {
        transition: 0.3s linear;
        background: #ffffff;
    }

    .search-btn:hover svg path {
        stroke: #28303f;
        transition: 0.3s linear;
    }

    .login-btn:hover {
        transition: 0.3s linear;
        background: #ffffff;
        color: #28303f;
    }

    .login-btn:hover svg path {
        stroke: initial;
        fill: #28303f;
    }

    main {
        padding-top: 80px;
        padding-bottom: 100px;
    }

    .map-site-wrapper>h2 {
        font-size: 13px;
    }

    .map-site-item-list>p {
        font-size: 13px;
    }

    .map-site-item-list>ul li {
        font-size: 14px;
    }

    .user-settings-panel {
        padding: 24px 18px;
    }

    .user-change-item {
        height: unset;
    }

    .user-settings-panel {
        gap: 18px;
    }

    .user-settings-content {
        padding: 18px;
    }

    main {
        background-color: #e7eaef;
        background-image: unset;
        padding-top: 56px;
    }

    .page-404-wrapper {
        margin-top: 8px;
        border-radius: 12px;
    }

    .state-main-baner {
        display: none;
    }

    .partn-item-line {
        max-width: unset;
    }
 
}

 
@media all and (max-width: 720px) {
    .single-service-header { 
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start
    }
    .single-prev-data-reviews {
   		gap: 30px;
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: flex-start;
    }
    /*.publications-slide {
        min-width: 335px !important;
        max-width: 333px;
        min-height: 173px !important;
        margin: 0 !important;
    }*/
} 

@media all and (max-width: 576px) {
   /* .cpa-head .single-service-head-text ul {
        width: 440px;
    }*/

    .publications-slide {
        width: 100%;
       /* min-width: 350px !important;
        max-width: 455px !important;
        min-height: 173px !important;*/
    }
    .video-slide {
        max-width: unset;
    } 
    .cpa-head .single-service-head-text ul { 
        padding: 0px 0px 10px 0px !important;
    }
    .cpa-head-info-block2 { 
        align-items: stretch; 
        flex-direction: column;
    }
    .cpa-total-outer {
   	 	width: 85%;
    }
}

@media all and (max-width: 480px) {
    
    a.header-logo > svg, .user-btn-login > img {
        display: none;
    }
   .user-btn-login {
       padding: 0 10px 0 0px;
    }
    .m-show-flex {
        display: flex!important;
    }
    .m-show {
        display: block!important;
    }
    .m-none {
        display: none!important;
    }
    /*.publications-slide 
     {
        min-width: 350px !important;
        max-width: 333px;
        min-height: 173px !important;
        margin: 0 !important;
    }*/
    .publications-slide {
        width: 100%;
      /*  min-width: 374px !important;*/
        /* max-width: 365px!important;*/
        min-height: 173px !important;
    }

    .cpa-square-items .partnercs-item {
        min-width: unset;
        max-width: unset;
    }

    .cpa-square-items .partnercs-item-img {
        justify-content: flex-start;
    }

  

    .comments-rating__select {
        font-size: 7px;
    }

    /* CPA */
    .cpa-head .cpa-head-info {
        gap: 6px;
        /*0*/
        flex-direction: column;
        border-bottom: 0px;
    }

    .single-service-head-img.cpa-head-img-no-banner {
        left: 0px;
        margin: 10px 5px;
    }
	.cpa-head-img-no-banner .single-service-head-img,
    	.cpa-head-img > .single-service-head-img {
    	left: 15px; 
    }
    .cpa-head-info-block1 {
        flex-direction: column;
        align-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        /* Added */
        padding: 8px 15px;
    }
 
    .cpa-head-img .cpa-head-info-block1 {
        margin: -20px 0 0 0;
    }
    /*.cpa-head-info-block1 h1 {
        order: 1;
    }

    .cpa-head-info-block1 span:nth-child(2) {
        order: 2;
    }

    .cpa-head-info-block1>span:nth-child(3) {
        order: 3;
        display: flex;
        gap: 10px;
    }*/

    .cpa-head .single-service-head-text ul {
        /*width: 335px !important;*/
        flex-wrap: wrap !important;
        flex-direction: column !important;
        margin: 0 !important;
        padding: 5px 15px 10px !important;
        gap: 0px !important;
    }

    .single-service-head-text {
        display: flex;
        flex-direction: column;
        /*align-items: flex-start;*/
        align-items: center;
        max-width: 460px;
        width: 100%;
        border-bottom: 1px solid var(--gray-600);
        /*margin: -22px 0 8px 13px;*/
    }

    .cpa-head-info-block2 {
        width: 100%;
        display: flex;
        padding: 12px 15px 20px 15px;
        align-content: center;
        justify-content: center;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }
    .single-cpa-wrapper.cpa-wrapper:not(.single-cpa-descr) {
		padding: 0px 20px;
    }
    /* CPA */
    .partn-item-img {
        width: 100%;
        max-width: 100px; 
        height: 55px;
        /*overflow: hidden;*/
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px;
    }
    .partn-item-img img {
        width: 100%;
        max-height: 65px; 
    }
    .cpa-reviews-progress {
   		 gap:5px;
    }
    .reviews-progress-item { 
    	padding: 0 5px;
    }
}