/* For mobile phones: */
@media only screen and (max-width: 599px) {
    #mobile_filtre1{ 
        display: none;
    }
    #mobile_filtre2{ 
        display: none;
    }

    #mobile_submit1{ 
       width:100%;
    }

    #mobile_submit2{ 
        width:100%;
    }

    .rentMobile{
        margin-top: -350px;
    }

    #catMobile{
        display: none;
    }

    .propMobile{
        margin-top: 20px;
    }

    .nav-menu li a {
        text-decoration: none;
        color: #333; /* Couleur du texte par défaut */
        display: flex;
        align-items: center;
        padding: 10px;
        transition: background-color 0.3s, color 0.3s; /* Transition pour une animation en douceur */
    }

    .nav-menu li i {
        margin-right: 5px; /* Marge à droite pour espacer l'icône du texte */
    }

    .DesktopTablette{
        display: none;
    }

    #ChercherDesktop1{
        display: none;
    }

    #ChercherDesktop2{
        display: none;
    }
    
    #FavMobileView{
        margin-left:100px;
    }
    
  .DesktopViewDashboard{
        display: none;
    }

    #MobileViewDashboard{
        display: block;
    }

    #MobileStat{
        display: block;
    }

    #DesktopStat{
        display: none;
    }
    
    
    #DesktopViewDashDash{
        display: none;
    }

    #mobileViewDashDash{
        display: block;
    }

    #MobileSlideImagesProperties{
        display:block;
    }
  }

  @media only screen and (min-width: 600px) {
    /* For tablets: */

    .Navmobile{
        display: none;
    }

    #ChercherMobile1{
        display: none;
    }

    #ChercherMobile2{
        display: none;
    }
    
    #FavMobileView{
        margin-left:100px;
    }
    
    #MobileViewDashboard{
        display: none;
    }

    .DesktopViewDashboard{
        display: block;
    }
    
    #MobileStat{
        display: none;
    }

    #DesktopStat{
        display: block;
    }
    
    #DesktopViewDashDash{
        display: block;
    }

    #mobileViewDashDash{
        display: none;
    }
    
     #MobileSlideImagesProperties{
        display:none;
    }
  }
  
  @media only screen and (min-width: 768px) {
    .Navmobile{
        display: none;
    }

    #ChercherMobile1{
        display: none;
    }
    
    #ChercherMobile2{
        display: none;
    }
    
    .DesktopViewDashboard{
        display: block;
    }

    #MobileViewDashboard{
        display: none;
    }

    #MobileStat{
        display: none;
    }

    #DesktopStat{
        display: block;
    }
    
     #DesktopViewDashDash{
        display: block;
    }

    #mobileViewDashDash{
        display: none;
    }
    
    
    #MobileSlideImagesProperties{
        display:none;
    }
    
  }