.card-responsive-logo-button{
  display: none;
}

@media screen and (min-width: 1300px) and (min-height: 800px) {
  .main-header-section-container{
    margin-top: 7vh;
  }

  .comparateur-container-main-section{
    min-height: 280px;
  }

  .button-bande-annonce{
    font-size: 1em;
    padding: 12px;
  }

  .footer-section {
    margin-top: 36px
  }
}

@media screen and (min-width: 1300px) and (max-height: 800px) {
  .main-header-section-container{
    margin-top: 2.5vh;
  }

  .comparateur-container-main-section{
    min-height: 260px;
  }
}

@media screen and (max-width:1350px){
  .card-responsive-logo-button {
    display: inline-block;
  }

  .button-precommande-text{
    display: none;
  }

  .precommande-section{
    font-size: 1.8vw;
  }

  .container-comparateur{
    min-height: 260px;
  }
}

/* Tablette telephone */

@media screen and (max-width:1000px){
  .card-responsive-logo-button {
    display: inline-block;
  }

  .button-precommande-text{
    display: none;
  }

  .header-section-container{
    margin-left: 40px;
  }

  .precommande-section{
    font-size: 1.8vw;
  }


  .main-header-section-container{
    grid-template-areas:
    "bundle-container icon-container"
    "description-container description-container";
    grid-template-columns: 65% 35%;
  }

  .icons-game-container {
    grid-area: icon-container;
    display: flex;
    align-items:start;
    flex-direction: column;
    justify-content: end;
    row-gap: 10px;
    padding-bottom: 24px;
  }

  .icon-heart-container{
    margin: 0;
  }

  .gtaVI-bundle-image{
    width: 40%; 
    margin: 0;
    margin-right: 20px;
  }

  .main-header-section-sub-container-right{
    margin: 0px 10px;
    border-top: 1px solid rgba(255, 152, 252, 0.4);
  }

  .descritpion-text {
    width: 50%;
  }

  .more-detail-text {
    margin-left: 22px;
  }


  .comparateur-container-main-section {
    grid-template-columns: 170px 170px 170px;
    justify-content: center;
  }

  .main-header-section-sub-container-left{
    justify-content: end;
  }

  .footer-section{
    margin-top: 40px;
  }

  .comparateur-container-main-section{
    min-height: 260px;
  }

  .menu-deroulant{
    right: -120px;
    font-size: 0.9em;
    padding: 3px;
  }

  .accueil-section-menu-deroulant-container,
  .map-section-menu-deroulant-container{
    padding: 3px;
  }
}

/* telephone */

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

  .header-section-container{
    display: none;
  }

  .precommande-section{
    font-size: 2.4vw;
  }

  .main-header-section-container{
    grid-template-areas:
    "bundle-container icon-container"
    "description-container description-container";
    grid-template-columns: 80% 20%;
  }

  .icons-game-container {
    grid-area: icon-container;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: end;
    row-gap: 10px;
    padding-bottom: 24px;
  }

  .icon-heart-container{
    margin: 0;
  }

  .gtaVI-bundle-image{
    width: 70%; 
    margin-left: 26%; /* enlever aussi quand j aurais la liste defilante de gauche */
  }

  .main-header-section-sub-container-right{
    margin: 0px 10px;
    border-top: 1px solid rgba(255, 152, 252, 0.4);
  }

  .descritpion-text {
    width: 50%;
  }

  .more-detail-text {
    margin-left: 22px;
  }


  .comparateur-container-main-section {
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    column-gap: 10px;
  }

  .footer-section{
    display: none;
  }

  .comparateur-container-main-section{
    margin-bottom: 10px;
  }

  .menu-deroulant{
    right: -120px;
    font-size: 0.8em;
    padding: 2px;
  }

  .accueil-section-menu-deroulant-container,
  .map-section-menu-deroulant-container{
    padding: 2px;
  }
}