@media screen and (max-width: 1270px) {
  /* public items  */

  .textOrangeShadow {
    text-align: center;
  }

  /* Hamburger menu  */

  .hamburger .line {
    display: block;
  }

  .burgerMenuContainer {
    position: fixed;
    z-index: 30;
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    background-color: white;
    display: block;
    transition: 0.5s all ease-in-out;
    padding: 13px 20px;
  }

  .burgerMenuContainer .headerInsuranceLogo {
    height: 60px;
    width: 165px;
  }

  .burgerMenuContainer .search {
    width: 50%;
    height: 50px;
  }

  .burgerMenuContainer.is-active {
    top: 0;
  }

  /* header navbar  */

  header-right-side {
    width: 97%;
    height: 60px;
    flex-direction: row;
    position: fixed;
    background: var(--white);
    z-index: 20;
    top: 7px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px;
    padding: 15px;
  }

  header-right-side nav {
    display: none;
  }

  header-right-side .headerInsuranceLogo {
    height: 44px;
  }

  header-left-side {
    display: none;
  }

  .authItems {
    height: 50px;
    width: 50%;
  }

  .authConnector {
    width: 60px;
  }

  .signupSignin {
    width: 83%;
    padding: 0;
    justify-content: center;
  }

  /* insurances types section  */

  .coinBottle {
    display: none;
  }

  .insurancesInfoContainer {
    width: 100%;
    height: max-content;
  }

  insurances {
    height: max-content;
  }

  .insurancesInfoTitle p {
    text-align: center;
  }

  .insurancesItem {
    width: 90%;
    height: unset;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
  }

  /* news section  */

  last-news-header,
  comments-header {
    margin-bottom: 30px;
    flex-direction: column;
    gap: 20px;
  }

  .newsItem {
    width: 315px;
    margin: 0 auto;
  }

  comment-nav-btns,
  news-nav-btns {
    justify-content: center;
  }

  news-nav-btns {
    margin-top: 30px;
  }

  /* comments section  */

  .commentImg {
    width: 87px !important;
    height: 87px !important;
    top: -10px;
    right: 34px;
  }

  .comment {
    width: 320px;
  }

  .activeStar,
  .deactiveStar {
    width: 13px;
    height: 13px;
  }

  .commentHeader {
    width: 166px;
    align-items: center;
  }

  .commentHeader p {
    font-size: 10pt;
  }

  .commentBody {
    height: 95px;
  }

  .commentBody p {
    height: 66px;
    line-height: 1.5;
    font-size: 11pt;
  }

  .likes p {
    height: unset;
  }

  .likes {
    gap: 10px;
  }

  .like::after,
  .dislike::after {
    width: 17px;
    height: 17px;
  }

  .like p,
  .dislike p {
    font-size: 12pt;
  }

  .commentContainer {
    height: 250px;
    width: 100%;
    justify-content: center;
    margin: 0 auto;
  }

  /* questions section  */

  .questionTitle {
    text-align: justify;
    font-size: 10pt;
    direction: rtl;
  }

  .questionTitleContainer {
    gap: 10px;
  }

  /* join to club section */

  club {
    padding: 20px 0;
  }

  .clubContents {
    width: 85%;
  }

  .clubTitle {
    font-size: 14pt;
  }

  .clubSignup {
    gap: 15px;
    flex-direction: column-reverse;
  }

  .clubSubmit {
    width: 100%;
    height: 50px;
  }

  .clubInput {
    font-size: 10pt;
  }

  /* supporters section  */

  supporters content a {
    aspect-ratio: 1 / 1;
    width: 100%;
  }

  /* footer section  */

  footer-main-container {
    flex-direction: column;
  }

  about-us {
    width: 100%;
    text-align: center;
  }

  footer .aboutUsText {
    text-align: justify;
  }

  footer line-title {
    text-align: center;
  }

  insurences-list {
    width: 100%;
  }

  footer a {
    margin-right: 10px;
  }

  important-links {
    width: 100%;
  }

  .enamadLogo {
    bottom: 20px;
  }

  follow-us {
    width: 100%;
  }

  /* end of the page text  */

  .endFooterText {
    width: 95%;
    margin: 25px auto 20px auto;
    font-size: 11pt;
  }
}