@media only screen and (max-width: 600px) {
  .menuSquare {
    flex-direction: column;
  }
  .headerClick {
    width: 100%;
  }
  .countSquare {
    flex-direction: column;
    align-items: center;
  }
  .footerNav {
    display: flex;
    flex-direction: column;
  }
  .footerContact {
    flex-direction: column;
    text-align: center;
  }
  .navbar-toggler {
    position: absolute;
    right: 20px;
  }
  .footerContact > p {
    margin: 5px 10px;
  }
  .footerNav > a {
    margin: 5px 10px;
  }
  .aboutText {
    width: 100%;
  }
  .formDiv {
    flex-direction: column;
  }
  .form {
    width: 100%;
  }
  .sectionSelect {
    flex-direction: column;
  }
  .bannerGorsel {
    height: auto;
  }
  .detailCenter > .col-12 > p {
    width: 100%;
  }
  .projectCenter > div > ul {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .projectCenter div ul li {
    width: 100%;
  }
  .buttonsTab {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .buttonsTab button {
    margin: 5px 0;
  }
  .brand {
    position: relative;
    top: 30px;
    left: 0;
    text-align: center;
  }
  .back {
    display: none;
  }
  .detailCenter {
    text-align: center;
  }
  .detailCenter > .col-xl-4 > a > img {
    margin: 20px auto;
  }
  .detailCenter > .col-xl-5 > img {
    margin-bottom: 50px;
  }
  .detailCenter > .col-xl-5 > span {
    font-size: 1.5rem;
  }
  .banner > video {
    width: 100%;
    height: auto;
    margin: 12% 0% 0%;
  }
  .aboutCover > img {
    height: auto;
  }
  .footerSocial {
    text-align: center;
  }
  .footerSocial > a > img {
    width: 15%;
  }
  .grouped_elements > img {
    width: 320px;
  }
  .medyaGallery {
    text-align: center;
  }
  .medyaItems {
    flex-direction: column;
  }
  .colorSquare {
    width: 100%;
  }
  .navbar > img {
    position: relative;
    margin: 10px auto;
  }
  .langSearch {
    right: 90px;
    border: 1px solid white;
    padding: 5px;
  }
  .langSearch > span {
    font-size: 1rem;
  }
}