/* Jusqu'à 767 pixels (par exemple, smartphones en mode portrait) */
    /* Très Petite taille */
    @media (min-width:0px) and (max-width:300px) {
    
        #posLogoMobileSmallVeryScreen{
            margin-top: 5px;
        }
        #MediumToggleScreen{
           display: block;
           margin-left: 140px;
           margin-top: -45px;
        }
    
        #row_services{
            display: none;
        }
        
        #tarification_mobile{
            display: block;
        }
        
        #tarification_{
            display: none;
        }
        
        #pricing_position{
            margin-top: -100px;
        }
        
        #waypay{
            display: none;
        }
        
        .info__desc_doc{
            display: none;
        }
        
        #transporter{
            display: none;
        }
        
        #header_font_text_desktop{
            display: none;
        }
        
        #nav_desktop{
            display: none;
        }
        
        /* Styles pour le sidebar */
        #sidebar {
            position: fixed;
            top: 0;
            left: -250px; /* Le sidebar est masqué par défaut */
            width: 250px;
            height: 100%;
            background-color: #3CA5D6;
            padding-top: 80px;
            transition: left 0.3s;
        }
        
        #sidebar ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        #sidebar li {
            margin: 10px 0;
        }
        
        #sidebar a {
            color: #fff;
            text-decoration: none;
            display: block;
            padding: 10px;
        }
        
        /* Afficher les sous-listes lorsque la classe "show" est appliquée */
        #sidebar ul ul {
            display: none;
        }
        
        #sidebar ul li:hover ul {
            display: block;
        }
        
        /* Afficher le sidebar lorsque la classe "show" est appliquée */
        #sidebar.show {
            left: 0;
        }
        
        /* Styles pour le menu d'ouverture actif */
        #menu-icon .la-bars.active {
            display: none;
        }
        
        /* Styles pour le bouton de fermeture actif */
        #close-icon .la-times.active {
            display: none;
        }
        
        /* Styles pour le bouton de fermeture */
        #menu-icon .la-times {
            display: none; /* Le bouton de fermeture est masqué par défaut */
            cursor: pointer; /* Change le curseur en pointeur au survol */
        }
        
        /* Afficher le bouton de fermeture lorsque la classe "show" est appliquée */
        #sidebar.show ~ #menu-icon .la-bars {
            display: none;
        }
        
        #sidebar.show ~ #menu-icon .la-times {
            display: block;
        }
        
        #desktop-message{
        display:none;
        
        }
        
        #gains-coursier{
            margin-top: -100px;
        }
        
        .wayknowDesktop{
            display: none;
        }
        
        .gainDesktop{
            display: none;
        }
        
        .CongratulationEnd{
            margin-top:100px;
        }
        
        #mobileDownload{
            margin-top:-80px;
        }
        
        #mobileDesktop{
            display: none;
        }
        
        .pay_{
            display: none;
        }
    
        .mobilepay_screen{
            display: none;
             }
        } 
        
        #promoForm{
            display:block;
        }
    
        /* Petite taille */
        @media (min-width: 300px) and (max-width: 767px) {
            
           #promoForm{
            display:block;
        }
    
            
        #row_services{
            display: none;
        }
        
        #tarification_mobile{
            display: block;
        }
        
        #tarification_{
            display: none;
        }
        
        #pricing_position{
            margin-top: -100px;
        }
        
        #waypay{
            display: none;
        }
        
        .info__desc_doc{
            display: none;
        }
        
        #transporter{
            display: none;
        }
        
        #header_font_text_desktop{
            display: none;
        }
        
        #nav_desktop{
            display: none;
        }
        
        @media (min-width: 340px) and (max-width: 344px) {
        #pdf{
            margin-left: -25px;
            }
        }
    
        @media (min-width: 360px) and (max-width: 370px) {
            #pdf{
                margin-left: -20px;
                }
            }
    
    /* Styles pour le sidebar */
    #sidebar {
        position: fixed;
        top: 0;
        left: -250px; /* Le sidebar est masqué par défaut */
        width: 250px;
        height: 100%;
        background-color: #3CA5D6;
        padding-top: 80px;
        transition: left 0.3s;
    }
    
    #sidebar ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    #sidebar li {
        margin: 10px 0;
    }
    
    #sidebar a {
        color: #fff;
        text-decoration: none;
        display: block;
        padding: 10px;
    }
    
    /* Afficher les sous-listes lorsque la classe "show" est appliquée */
    #sidebar ul ul {
        display: none;
    }
    
    #sidebar ul li:hover ul {
        display: block;
    }
    
    /* Afficher le sidebar lorsque la classe "show" est appliquée */
    #sidebar.show {
        left: 0;
    }
    
    /* Styles pour le menu d'ouverture actif */
    #menu-icon .la-bars.active {
        display: none;
    }
    
    /* Styles pour le bouton de fermeture actif */
    #close-icon .la-times.active {
        display: none;
    }
    
    /* Styles pour le bouton de fermeture */
    #menu-icon .la-times {
        display: none; /* Le bouton de fermeture est masqué par défaut */
        cursor: pointer; /* Change le curseur en pointeur au survol */
    }
    
    /* Afficher le bouton de fermeture lorsque la classe "show" est appliquée */
    #sidebar.show ~ #menu-icon .la-bars {
        display: none;
    }
    
    #sidebar.show ~ #menu-icon .la-times {
        display: block;
    }
    
    #desktop-message{
    display:none;
    
    }
    
    #gains-coursier{
        margin-top: -100px;
    }
    
    .wayknowDesktop{
        display: none;
    }
    
    .gainDesktop{
        display: none;
    }
    
    .CongratulationEnd{
        margin-top:100px;
    }
    
    #mobileDownload{
        margin-top:-80px;
    }
    
    #mobileDesktop{
        display: none;
    }
    
    .pay_{
        display: none;
    }
    
    #pdf{
        margin-left: -10px;
    } 
    
    #viewpdf:hover {
        transform: scale(0.2);
        margin-top: -100px;
        margin-left: -250px;
        z-index: 1;
    }
    
    .mobileBank{
        margin-left: -10px;
    }
    
    .mobilepay_screen{
        display: none;
    }
    
    }
    
    /* Taille de facture screen responsive */
    @media (min-width: 400px) and (max-width: 500px) {
        #pdf{
        margin-left: 12px;
        }
    }
    
    
     @media (min-width: 340px) and (max-width: 344px) {
    #pdf{
        margin-left: -25px;
        }
    }

    @media (min-width: 360px) and (max-width: 370px) {
        #pdf{
            margin-left: -20px;
            }
        }

    /* De 768 pixels à 991 pixels (par exemple, tablettes en mode portrait) */
    /* Moyenne taille */
    @media (min-width: 768px) and (max-width: 1023px) {
    
     #promoForm{
            display:block;
        }
    
        #row_services{
            display: none;
        }
    
        .menu-wrapper{
            display: none;
        }
    
        #MediumToggleScreen{
          margin-left:-10px;
          margin-top: 20px;
        }
        
        #nav_mobile{
            display: none;
        }
    
        #tarification_mobile{
            display: block;
        }
        
        #tarification_{
            display: none;
        }
        
        #pricing_position{
            margin-top: -100px;
        }
        
        #waypay{
            display: none;
        }
        
        .info__desc_doc{
            display: none;
        }
        
        #transporter{
            display: none;
        }
        
        #header_font_text_desktop{
            display: none;
        }
        
        #nav_desktop{
            display: none;
        }
        
        /* Styles pour le sidebar */
        #sidebar {
            position: fixed;
            top: 0;
            left: -250px; /* Le sidebar est masqué par défaut */
            width: 250px;
            height: 100%;
            background-color: #3CA5D6;
            padding-top: 80px;
            transition: left 0.3s;
        }
        
        #sidebar ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        #sidebar li {
            margin: 10px 0;
        }
        
        #sidebar a {
            color: #fff;
            text-decoration: none;
            display: block;
            padding: 10px;
        }
        
        /* Afficher les sous-listes lorsque la classe "show" est appliquée */
        #sidebar ul ul {
            display: none;
        }
        
        #sidebar ul li:hover ul {
            display: block;
        }
        
        /* Afficher le sidebar lorsque la classe "show" est appliquée */
        #sidebar.show {
            left: 0;
        }
        
        /* Styles pour le menu d'ouverture actif */
        #menu-icon .la-bars.active {
            display: none;
        }
        
        /* Styles pour le bouton de fermeture actif */
        #close-icon .la-times.active {
            display: none;
        }
        
        /* Styles pour le bouton de fermeture */
        #menu-icon .la-times {
            display: none; /* Le bouton de fermeture est masqué par défaut */
            cursor: pointer; /* Change le curseur en pointeur au survol */
        }
        
        /* Afficher le bouton de fermeture lorsque la classe "show" est appliquée */
        #sidebar.show ~ #menu-icon .la-bars {
            display: none;
        }
        
        #sidebar.show ~ #menu-icon .la-times {
            display: block;
        }
        
        #desktop-message{
        display:none;
        
        }
        
        #gains-coursier{
            margin-top: -100px;
        }
        
        .wayknowDesktop{
            display: none;
        }
        
        .gainDesktop{
            display: none;
        }
        
        .CongratulationEnd{
            margin-top:100px;
        }
        
        #mobileDownload{
            margin-top:-80px;
        }
        
        #mobileDesktop{
            display: block;
        }
        
        .pay_{
            display: none;
        }
        
        #pdf{
            margin-left: 150px;
        } 
        
        }
    
        /* Bank row same desktop screen */
    @media (min-width: 700px) and (max-width: 999px) {
        
         #promoForm{
            display:block;
        }
        
        .mobilepay{
            display: none;
        }
    }
    
      /* De 768 pixels à 991 pixels (par exemple, tablettes en mode portrait) */
    /* Desktop taille */
    @media (min-width: 1024px) {
    
    .mobile_nav{
        display: none;
    }
        
    #mobile_row_services{
    display: none;
    
    }
    
    #HorizontalBarMenu{
        display: none;
    }
    
    #tarification_mobile{
        display: none;
    }
    
    #waypay_mobile{
        display: none;
    }
    
    .info__desc_mobile{
        display: none;
    }
    
    #transporter_mobile{
        display: none;
    }
    
    #_available_mobile{
      display: none;
    }
    
    #header_font_text{
        display: none;
    }
    
    #nav_mobile{
        display: none;
    }
    
    #mobile-message{
        display: none;
    }
    
    .wayknow{
        display: none;
    }
    
    .gainMobile{
        display: none;
    }
    
    #mobileDownload{
        display: none;
    }
    
    .mobilepay{
        display: none;
    }
    
    .mobilepay_screen{
        display: none;
         }
    }
      
    @media (min-width: 768px){
        #nav_mobile{
            display:none;
        }
    }
    
   /* @media (min-width: 0px) and (max-width: 500px) {
        .billeMobile{
            display: none;
        }
    }*/