@media(max-width:1100px) {
     .container {
         /* max-width: 768px; */
         padding: 0 24px;
     }

     .quote {
         padding-left: 24px;
         padding-right: 24px;
     }

     .logo__text {
         display: none;
     }

     .menu__list {
         gap: 20px;
     }

     .logo__image {
         width: 80px;
     }

     .navigation {
         padding: 10px 0;
     }

     .first-screen {
         padding-top: 0;
     }

     body {
         padding-top: 100px;
     }

     section {
         max-width: 100%;
     }

     .banner__item {
         flex-wrap: wrap;
         gap: 42px;
         padding-bottom: 70px;
         padding-top: 100px;
     }

     .owl-dots {
         bottom: 16px;
     }

     .circle-btn {
         height: auto !important;
         width: auto !important;
         flex-direction: row;
         padding: 16px 24px;
         font-size: 15px !important;
         gap: 5px;
     }

     .circle-btn span {
         margin-top: 0;
         font-size: 15px;
     }

     .circle-btn svg {
         display: none;
     }

     .load-more br {
         display: none;
     }

     .banner__item-info {
         max-width: 100%;
     }

     h1,
     .title {
         font-size: 56px;
     }

     h1 em,
     .title em {
         font-size: 56px;
     }

     .banner-descript {
         font-size: 18px;
     }

     .title_h2 {
         font-size: 38px;
     }

     section {
         padding-top: 60px;
     }

     .peoples {
         padding-bottom: 60px;
     }

     .peoples .container {
         max-width: 100%;
         padding-right: 0;
     }

     .peoples header {
         padding-right: 15px;
     }

     .peoples-wrapper {
         display: flex;
         overflow-x: scroll;
         overflow-y: hidden;
         padding-bottom: 24px;
     }

     .peoples-item__img {
         width: 260px;
         height: 260px;
     }

     .people-btn {
         min-width: 260px;
         height: 260px;
     }

     .peoples-item__title {
         font-size: 16px;
         margin-top: 17px;
     }

     .history-day__wrapper {
         grid-template-columns: 1fr;
         gap: 32px;
     }

     .history-day__info::before {
         display: none;
     }

     .history-day__info {
         padding-top: 0;
     }

     .history-day__descript:first-of-type {
         margin-top: 24px;
     }

     .history-day__descript {
         font-size: 18px;
         line-height: 150%;
     }

     .history-day__header {
         margin-bottom: 42px;
     }

     .btn-arrow {
         padding: 15px 24px;
     }

     .btn-arrow::before {
         display: none;
     }

     .deeds-people .content-item {
         grid-template-columns: 1fr;
     }

     .partners-wrapper {
         grid-template-columns: repeat(2, 1fr);
     }

     .deeds-people__header {
         flex-wrap: wrap;
         gap: 14px;
     }

     .deeds-people__header span {
         width: 100%;
         font-size: 20px;
     }

     .deeds-people .tab {
         font-size: 14px;
     }

     .tabs-header {
         margin-top: 24px;
     }

     .tabs-header .owl-next {
         display: none;
     }

     .deeds-people-img {
         order: -1;
     }

     .deeds-people-img img {
         width: 100%;
     }

     .deeds-people .content-item {
         gap: 32px;
     }

     .deeds-people-info {
         padding: 0px 0 80px;
     }

     .deeds-people-title {
         font-size: 24px;
     }

     .deeds-people-info p {
         font-size: 18px;
     }

     .btn-arrow {
         font-size: 16px;
     }

     .deeds-people {
         background-color: #3D352E;
     }

     .deeds-people__header .title_h2,
     .deeds-people__header span {
         color: #ffffff;
     }

     .about-project__wrapper {
         grid-template-columns: 1fr;
     }

     .about-project__info-item h3 {
         font-size: 20px;
     }

     .about-project__info-item p {
         font-size: 16px;
         line-height: 170%;
     }

     .quote__wrapper {
         flex-wrap: wrap;
     }

     .quote__wrapper .historical-personality_min {
         min-width: 100%;
     }

     .russia-people .title_h2 {
         font-size: 52px;
     }

     footer .menu__list {
         display: none;
     }

     .footer-action {
         width: 225px;
     }

     .form-search {
         max-width: 748px;
         padding: 44px 42px;
     }

     .drop-menu__item.see-all::before,
     .drop-menu__item::before {
         display: none !important;
     }

     .drop-menu {
         padding: 32px;
     }

     .drop-menu__item {
         width: 100%;
     }

     .page-people__wrapper {
         grid-template-columns: 1fr;
     }

     .page-people__item:nth-of-type(2n)::before {
         display: none;
     }

     .page-people__item {
         padding: 32px 0;
         padding-left: 0 !important;
         padding-right: 0 !important;
     }

     .contacts-item {
         grid-template-columns: 1fr 1fr;
     }

     .contact-form__wrapper {
         grid-template-columns: 1fr;
     }

     .contact-form__wrapper .subtitle {
         font-size: 18px;
     }

     .blog-item {
         grid-template-columns: 1fr;
         gap: 24px;
     }

     .first-screen-people__wrapper p br {
         display: none;
     }

     .social {
         display: none;
     }
 }
 @media(max-width:790px) {
    .banner__background_desktop{
        display: none !important;
    }
    .banner__background_tablet{
        display: block !important;
        height: auto !important;
    }
 }

 @media(max-width:765px) {
     .container {
         /* max-width: 480px; */
     }


     .partners-wrapper {
         grid-template-columns: 1fr;
     }

     .form-search {
         flex-wrap: wrap;
         border-radius: 0;
         left: 0;
         padding: 32px 15px;
     }

     .navigation.search-open .form-search {
         top: 103px;
         transition-duration: 0.4s;
     }

     .search-open.fixed .form-search {
         top: 75px;
     }

     .banner__item {
         gap: 0;
         padding-bottom: 55px;
         padding-top: 0;
     }

     .fs-item {
         display: flex;
         align-items: flex-end;
     }

     .fs-item .container {
         height: 100%;
         display: flex;
         flex-direction: column;
         justify-content: flex-end;
     }

     .fs-item::before {
         height: 100%;
     }

     .banner-descript br {
         display: none;
     }

     .stroke-text {
         border: none;
         padding: 0;
     }

     h1,
     .title,
     h1 em,
     .title em {
         font-size: 46px;
     }

     .banner-descript {
         margin-top: 20px;
     }

     .banner__item {
         gap: 32px;
         padding-bottom: 65px;
         height: auto;
     }

     .circle-btn {
         width: 100%;
     }

     .title_h2 {
         font-size: 26px;
     }

     .title_h2 br {
         display: none;
     }

     .peoples-item__img {
         width: 160px;
         height: 260px;
     }

     .history-day__image {
         width: 100%;
         height: 263px;
     }

     .btn-arrow {
         width: 100%;
         text-align: center;
     }

     .history-day {
         padding-top: 60px;
         padding-bottom: 60px;
     }

     .deeds-people {
         padding-top: 60px;
     }

     .deeds-people-info {
         padding: 0px 0 60px;
     }

     .about-project__info-item h3 {
         font-size: 18px;
     }

     .about-project {
         padding-bottom: 60px;
     }

     .quote__wrapper h3 {
         font-size: 20px;
     }

     .quote .container {
         padding: 20px 0;
     }

     .quote__wrapper {
         gap: 24px;
     }

     .russia-people .title_h2 {
         font-size: 38px;
     }

     .russia-people__item {
         min-width: 75px;
         height: 75px;
     }

     .russia-people {
         padding-top: 60px;
         padding-bottom: 60px;
     }

     .partners-wrapper {
         grid-template-columns: 1fr 1fr;
         gap: 12px;
     }

     .partners-item img {
         height: 100%;
     }

     .partners-item {
         height: 150px;
     }

     .partners {
         padding-top: 53px;
         padding-bottom: 60px;
     }

     .quote {
         max-width: 100%;
     }

     .peoples-wrapper {
         gap: 16px;
     }

     .people-btn {
         min-width: 160px;
         font-size: 14px;
         text-align: center;
     }

     .footer-action {
         width: 175px;
     }

     .hamburger {
         display: flex;
     }

     .menu-action {
         display: flex;
         align-items: center;
         gap: 8px;
     }

     .menu {
         position: absolute;
         background-color: #ffffff;
         width: 100%;
         left: 0px;
         top: 100px;
         border-radius: 16px;
         padding: 32px 32px;
         display: none;
     }

     .menu__list {
         flex-direction: column;
     }

     .erorpage {
         padding-top: 32px;
     }

     .erorpage p {
         font-size: 15px;
     }

     .erorpage p br {
         display: none;
     }

     .historical-personality__name {
         font-size: 15px;
     }

     .history-people__img {
         width: 120px;
         height: 120px;
     }

     .history-people {
         padding-bottom: 60px;
     }

     .header-page .title {
         font-size: 48px;
     }

     .filter-title {
         font-size: 15px;
     }

     .select2-container--default .select2-selection--single .select2-selection__rendered {
         font-size: 15px;
     }

     .page-people__item {
         flex-wrap: wrap;
         gap: 16px;
     }

     .page-people__name,
     .page-people__info .date {
         font-size: 18px;
     }

     .pagination-item:nth-of-type(3) {
         display: none;
     }

     .pagination-list {
         margin: 0 4px;
     }

     .contacts-item {
         grid-template-columns: 1fr;
         gap: 18px;
     }

     .contact-form {
         padding-bottom: 60px;
     }

     .quote_type-two {
         margin-bottom: 60px;
     }

     .title-medium {
         font-size: 38px !important;
     }

     .search-result__item {
         flex-wrap: wrap;
         gap: 16px;
         padding: 24px 0;
     }

     .search-result__item h3 {
         width: 100%;
     }

     .blog-item .deeds-people-img {
         height: 255px;
     }

     .blog-item .deeds-people-title {
         margin-top: 24px;
         margin-bottom: 24px;
         font-size: 22px;
     }

     .blog-item .deeds-people-info p {
         font-size: 16px;
     }

     .blog-item .btn-arrow {
         margin-top: 20px;
     }

     .blog {
         padding-bottom: 60px;
     }

     .about-item {
         grid-template-columns: 1fr;
         gap: 32px;
         padding: 40px 0;
     }

     .about-item p {
         margin-bottom: 16px;
         font-size: 16px;
     }

     .first-screen-people__wrapper .title {
         font-size: 38px;
     }

     .first-screen-people__wrapper p {
         font-size: 16px;
     }

     .people-avatar {
         width: 160px;
         height: 160px;
     }

     .text-section .container {
         max-width: 480px;
     }

     .text-section video {
         width: 100%;
         height: 49vw;
     }

     .text-section h2 {
         font-size: 22px;
         margin-bottom: 20px;
         margin-top: 32px;
     }

     .text-section p {
         font-size: 16px;
     }

     .quote__wrapper .historical-personality_min {
         min-width: fit-content;
     }

     .first-screen-people__wrapper .date {
         color: #EAE4CD;
         font-size: 32px;
     }

     .social {
         display: none;
     }

     .first-screen-blog,
     .first-screen-people {
         margin-top: 0;
     }

     .first-screen-blog .title {
         font-size: 40px;
     }

     .first-screen-blog__wrapper {
         padding: 42px 0;
         padding-top: 0;
     }

     .blog-avatar {
         gap: 24px;
         flex-wrap: wrap;
         margin-top: 32px;
     }

     .text-section {
         padding-bottom: 60px;
         padding-top: 60px;
     }

     .text-section img {
         margin-top: 16px;
     }

     .text-section .quote__wrapper {
         justify-content: flex-start;
         text-align: left;
     }

     .text-section .quote__wrapper h3 {
         text-align: left;
     }

     .text-section .quote__wrapper h3 br {
         display: none;
     }
     .banner__background{
        height: 80%;
        object-fit: cover;
        top: 15%;
     }
     .fs-item::before {
        height: 70%;
    }
    .stroke-bottom::before {
        width: calc(100% - 40px);
        bottom: 25px;
    }
 }