
@media screen and (max-width: 1320px) {
  .container {
    max-width: 1000px;
  }

  .container-2 {
    max-width: 1000px;
  }

  .flexCardBlogMain {
    gap: 20px;
  }

  .block-flexCardBlogMain {
    width: calc(100% / 3 - 14px);
  }

  .flexHeaderLinksBottom {
    justify-content: space-between;
    gap: 10px;
  }

  .flexHeaderLinksBottom a {
    font-size: 18px;
  }

  .left-flexCardBannerTop {
    width: 500px;
    min-width: 500px;
  }

  .text-textBlogPge p {
    font-size: 15px;
  }

  .tags-textBlogPge a {
    font-size: 15px;
  }

  .title-flexBlogTopicMain p {
    font-size: 21px;
  }

  .text-bigTopNewsV1 h1 {
    font-size: 24px;
  }

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

  .flexTags-text-bigTopNewsV1 span {
    font-size: 13px;
  }

  .flexCardBannerTopV1 {
    gap: 40px;
    margin-bottom: 40px;
  }

  .category-left-flexBlogTopicMain {
    align-items: center;
    gap: 20px;
  }

  .linkLoadMore {
    font-size: 16px;
    margin-top: 50px;
  }

  .categoryFlex-left-flexBlogTopicMain {
    gap: 30px;
  }

  .flexBlogTopicMain-V2 {
    gap: 30px;
  }

  .left-flexBlogTopicMainV2 {
    gap: 30px;
  }

  .left-flexBlogTopicMainV2Big {
    gap: 30px;
  }

  .block-left-flexBlogTopicMainV2Big__block {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40.29%, #000 100%);
  }

  .left-flexBlogTopicMainV2Big__block {
    height: 600px;
  }

  .left-flexBlogTopicMain__little {
    margin-top: 80px;
    gap: 30px;
  }
  .left-flexBlogTopicMain{
    gap: 30px;
  }

  .text-block-flexCardBlogMain h3 {
    font-size: 18px;
  }

  .text-block-flexCardBlogMain p {
    font-size: 14px;
  }

  .bannerRightDkt img {
    width: 200px;
  }


  .category-left-flexBlogTopicMain .text-bigTopNewsV1 p {
    font-size: 14px;
  }

  .text-bigTopNewsV1 {
    gap: 15px;
  }

  footer {
    margin-top: 80px;
  }

  .form-modal-content-1 h3 {
    font-size: 20px;
  }

  .form-modal-content-1 button {
    font-size: 14px;
  }

  .form-modal-content-1 label input {
    height: 50px;
  }

  .modal-content-2 {
    width: 500px;
  }

  .close2 {
    top: 15px;
    right: 20px;
  }


  .text-textBlogPge h2 {
    font-size: 24px;
  }

  .flexHeaderLinksBottom a {
    font-size: 16px;
  }

  .flexHeaderLinksBottom {
    margin-top: 20px;
  }

  .cookieForm p {
    font-size: 14px;
  }

  .modal-content-3 {
    padding: 15px;
  }

  .cookieForm a {
    font-size: 14px;
  }

  .close3 {
    font-size: 14px;
  }

  main {
    margin-top: 100px;
  }

  .left-flexBlogTopicMainV2Big__block {
    height: 500px;
  }

  .flexHeaderLinksBottom li {
    flex: 1;
    position: relative;
    justify-content: center;
  }

  .flexHeaderLinksBottom li::after {
    position: absolute;
    right: 0;
  }
}

@media screen and (max-width: 1350px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 1200px) {
  .flexHeaderLinksBottom a {
    font-size: 16px;
  }

  .left-contactPageBlock {
    width: auto;
  }

  .contactPageBlock {
    gap: 30px;
  }

  .block-right-contactPageBlock p {
    font-size: 18px;
  }

  .left-contactPageBlock h2 {
    font-size: 20px;
  }

  .right-contactPageBlock {
    gap: 10px;
  }

  .left-flexCardBannerTop {
    min-width: 450px;
    width: 450px;
  }

  .categoryFlex-left-flexBlogTopicMain {
    gap: 30px;
  }

  .bannerRightDkt img {
    width: 200px;
  }

  .title-flexBlogTopicMain-2 {
    margin-right: 0;
  }

  .left-flexBlogTopicMain {
    gap: 20px;
  }

  .left-flexBlogTopicMainV2 {
    gap: 20px !important;
  }

  .left-flexBlogTopicMainV2Big {
    gap: 30px;
  }

  .flexBlogTopicMain-V2 {
    gap: 30px;
  }

  .flexLineFooter-2 a {
    font-size: 16px;
  }

  .flexLineFooter-3 span {
    font-size: 12px;
  }

  .flex-flexLineFooter-3 a {
    font-size: 12px;
  }

  .linkFeedbackFooter {
    font-size: 14px;
  }

  .right-flexLineFooter-1 {
    gap: 40px;
  }

  .topFooterLink img {
    height: 30px;
  }

  footer {
    margin-top: 80px;
  }

  .left-flexBlogTopicMain__little {
    margin-top: 80px;
  }

  .flexHeaderLinksBottom {
    gap: 15px;
    margin-top: 30px;
    justify-content: space-between;
  }

  .left-flexBlogTopicMain {
    gap: 30px;
  }

  .text-bigTopNewsV1 h1 {
    font-size: 24px;
  }


  .bigTopNewsV1 {
    gap: 30px;
  }

  .text-bigTopNewsV1 {
    gap: 10px;
  }

  .flexCardBlogMain {
    gap: 20px;
  }

  .text-block-flexCardBlogMain h3 {
    font-size: 18px;
  }

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

@media screen and (max-width: 900px) {
  .contactPageBlock {
    flex-direction: column;
    gap: 10px;
  }

  .text-textBlogPge h2 {
    font-size: 24px;
  }

  .text-textBlogPge h4 {
    font-size: 20px;
  }

  .text-textBlogPge ul li {
    font-size: 18px;
  }

  .text-textBlogPge p {
    font-size: 18px;
  }

  .text-textBlogPge {
    gap: 10px;
  }

  .textBlogPge {
    gap: 20px;
  }

  .tags-textBlogPge {
    gap: 15px;
  }

  .tags-textBlogPge a {
    font-size: 16px;
  }

  .textBlogPgeShare p {
    font-size: 14px;
  }

  .textBlogPgeShare a img {
    height: 30px;
  }

  .textBlogPgeShare {
    gap: 15px;
  }

  .textBlogPge .socialsFooter__link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .flexCardBannerTopV1 {
    margin-bottom: 30px;
  }

  .category-left-flexBlogTopicMain {
    grid-template-columns: 1fr;
    gap: 20px;
  }


  .photo-category-left-flexBlogTopicMain {
    width: 100%;
  }

  .modal-content-3 {
    width: 90%;
  }

  .flexLineFooter-2 a {
    font-size: 14px;
  }

  .flexLineFooter-2 {
    margin-top: 40px;
  }

  .flexLineFooter-1 {
    flex-wrap: wrap;
  }

  .right-flexLineFooter-1 {
    flex-wrap: wrap;
  }

  .flexLineFooter-3 {
    flex-wrap: wrap;
    gap: 20px;
  }

  .flexLineFooter-2 {
    margin-top: 30px;
    flex-wrap: wrap;
  }

  .right-flexLineFooter-1 {
    gap: 20px;
  }

  .flexLineFooter-1 {
    gap: 20px;
  }

  .flex-flexLineFooter-3 {
    flex-wrap: wrap;
    gap: 20px;
  }

  .linkLoadMore {
    margin-top: 40px;
    font-size: 18px;
  }

  .linksAndContentBurger a {
    font-size: 18px;
  }

  .socialsLinks a img {
    height: 40px;
  }

  .bigTopNewsV1 {
    flex-direction: column;
    grid-template-columns: 1fr;
  }
  
  .left-flexCardBannerTop {
    width: 100%;
  }
  

  .flexCardBlogMain {
    flex-wrap: wrap;
  }

  .block-flexCardBlogMain {
    width: calc(100%);
  }

  .photo-bigTopNewsV1 {
    width: 100%;
    max-width: 100%;
  }

  .flexCardBlogMain {
    gap: 30px;
  }
  .flexCardBannerTopV1 {
    gap: 20px;
    flex-direction: column;
  }
section.sitemap-list {
    grid-template-columns: repeat(2, 1fr);
}
}

@media screen and (max-width: 670px) {
  .flexHeaderLinksBottom {
    display: none;
  }

  .left-flexBlogTopicMainV2Big__block-2 {
    margin-bottom: 30px;
    height: 500px !important;
  }

  .block-right-contactPageBlock p {
    font-size: 16px;
  }

  .left-contactPageBlock h2 {
    font-size: 18px;
  }

  .contactPageBlockFlex {
    gap: 15px;
  }


  .left-flexCardBannerTop {
    align-items: center;
  }

  .bannerRightDkt {
    display: none;
  }

  .modal-content-2 {
    width: 400px;
  }
  .menu__box{
    width: 85%;
  }
  .linksAndContentBurger a {
    font-style: normal;
  }
  #menu__toggle:checked~.menu__btn {
    position: fixed;
    left: 15px;
    top: 15px;
  }
  .linksAndContentBurger ul {
    gap: 10px;
  }
}

@media screen and (max-width: 480px) {
  .custom-logo-link img {
      max-width: 170px;
  }
  .text-textBlogPge ul li {
    font-size: 16px;
  }

  .text-textBlogPge h4 {
    font-size: 18px;
  }

  .text-textBlogPge h2 {
    font-size: 22px;
  }

  .text-textBlogPge p {
    font-size: 14px;
  }

  .tags-textBlogPge a {
    font-size: 14px;
  }

  .flexCardBannerTopV1 {
    gap: 10px;
  }

  .left-flexCardBannerTop {
    width: 100%;
    max-width: none;
    min-width: auto;
  }

  .left-flexBlogTopicMainV2Big__block {
    height: 600px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
  }

  .modal3 {
    display: none;
  }

  .modal-content-1 {
    width: 340px;
    padding: 15px;
  }

  .modal-content-2 {
    width: 340px;
    padding: 15px;
  }

  .close1 {
    top: 10px;
    right: 10px;
  }

  .close2 {
    top: 10px;
    right: 10px;
  }

  .form-modal-content-1 h3 {
    font-size: 20px;
  }

  .form-modal-content-1 p {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .form-modal-content-1 label span {
    font-size: 12px;
  }

  .form-modal-content-1 label input {
    height: 40px;
    font-size: 14px;
  }

  .form-modal-content-1 label input::placeholder {
    font-size: 14px;
  }

  .form-modal-content-1 label textarea {
    height: 80px;
    font-size: 14px;
  }

  .form-modal-content-1 label textarea::placeholder {
    font-size: 14px;
  }

  .form-modal-content-1 button {
    font-size: 16px;
  }

  footer {
    margin-top: 50px;
  }

  .linkLoadMore {
    width: 100%;
  }

  .container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .searchHeader img {
    height: 30px;
  }

  .burgerSvg {
    height: 30px;
  }

  .menu__btn {
    width: 30px;
    height: 30px;
  }

  .left-flexBlogTopicMain__little {
    margin-top: 60px;
  }

  .title-flexBlogTopicMain p {
    font-size: 20px;
  }

  .title-flexBlogTopicMain svg {
    width: 80px;
  }

  .bigTopNewsV1 {
    gap: 20px;
  }

  .text-bigTopNewsV1 h1 {
    font-size: 20px;
  }


  .flexTags-text-bigTopNewsV1 span {
    font-size: 11px;
  }

  .block-flexCardBlogMain {
    gap: 10px;
  }

  main {
    margin-top: 50px;
  }

  .flexTags-text-bigTopNewsV1 {
    justify-content: center;
    gap: 10px;
  }

  .flex-photoBlogPgeWithText p {
    font-size: 12px;
  }

  .left-flexCardBannerTop p {
    font-size: 10px;
  }

  .block-flexCardBlogMain .flexTags-text-bigTopNewsV1 {
    justify-content: flex-start;
  }

  .title-flexBlogTopicMain svg {
    display: none;
  }

  .text-block-flexCardBlogMain p {
    font-size: 14px;
  }

  .block-flexCardBlogMain {
    padding-bottom: 10px;
  }

  .text-block-flexCardBlogMain {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-bigTopNewsV2mob {
    display: flex;
    margin-bottom: 20px;
  }

  .text-bigTopNewsV2Desk {
    display: none;
  }

  .left-flexBlogTopicMainV2Big__block-2 {
    height: 300px !important;
    margin-bottom: 20px;
  }

  .blogMainPage1231 .bigTopNewsV1 {
    padding-bottom: 10px;
    border: 1px solid #C8C8C8;
    gap: 10px;
  }

  .text-textBlogPge {
    gap: 20px;
  }

  .container-2 {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 20px;
  }

  .container-2 .bannerTopMob {
    margin-bottom: 0;
  }

  .modal2 {
    width: 70%;
  }

  .flexContentHeaderTop {
    width: 100%;
    margin-top: 0px;
  }

  .text-bigTopNewsV1 {
    padding-left: 10px;
    padding-right: 10px;
    align-items: flex-start;
  }
  .text-bigTopNewsV1 p,
  .text-bigTopNewsV1 h1{
    text-align: left;
  }

  .bannerDesk {
    display: none;
  }

  .bannerTopMob,
  .bannerRightMob {
    display: flex;
  }

  .blogMainPage .bannerTopMob {
    margin-bottom: 0;
  }

  .flexBlogTopicMain-V222 {
    margin-top: 20px;
  }

  .text-bigTopNewsV2Mob2 {
    display: flex;
  }

  .text-bigTopNewsV2Desk2 {
    display: none;
  }

  .left-flexBlogTopicMainV2Big__block {
    height: 400px;
  }

  .left-flexBlogTopicMainV2Big {
    gap: 20px;
  }
  section.sitemap-list {
    grid-template-columns: repeat(1, 1fr);
}
}

@media screen and (max-width: 350px) {


  .modal-content-1 {
    width: 300px;
  }

  .modal-content-2 {
    width: 300px;
  }
}