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

    /* text */
    .titre_3
    {
        font-size: 20px;
        letter-spacing: 0px;
        font-weight: bold;
        color: var(--noir_base);
    }
    /* logo login radar */
    .radar-container 
    {
        position: relative;
        width: 400px;
        height: 400px;
        border-radius: 50%;
        background: radial-gradient(circle, var(--blanc_base_0_2), transparent 70%);
        overflow: hidden;
        box-shadow: 0 0 15px var(--noir_base_0_4);
    }
    .div_form_login.profil
    {
        padding: 5px;
    }
    /* bare de recherche radar */
    .div_parent_recherche
    .div_recherche
    {
        width: 90%;
        position: relative;
        padding: 0;
    }
    /* creer un compte */
    .div_creer_compte
    {
        width: 90%;
        background: var(--noir_base);
        color: var(--blanc_base);
        margin: 30px 0px;
        padding: 10px;
        border-radius: 10px;
        position: relative;
        padding-right: 200px;
        font-size: 16px;
    }
    /* login */
    .section_login
    {
        height: auto;
        padding: 100px 0px;
        overflow: hidden;
        background: var(--blanc_base);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .div_parent_section_login
    {
        width: 90%;
    }
    .div_parent_section_login
    .row
    {
        padding: 0;
    }
    .header_logo_login
    img
    {
        display: inline-block;
        width: 30px;
    }
    .div_design_login
    {
        min-height: 200px;
    }

    /* baniere */
    body.with_header
    {
        padding-top: 55px;
    }
    header
    {
        position:fixed;
        top: 0;
        left: 0;
        right: 0;
        padding: 5px;
        box-shadow: var(--noir_base_0_2) 0px 3px 8px;
        height: 55px;
        z-index: 5;
        background: var(--blanc_base);
    }
    header
    .div_logo
    img
    {
        width: 35px;
    }
    header
    .lien_connexion
    {
        padding: 5px 10px;
    }
    header
    .div_parent_input_recherche
    .div_input_recherche
    {
        width: 100%;
    }
    header
    .div_parent_input_recherche
    .div_input_recherche
    button
    {
        width: 40px;
    }
    header
    .lien_connexion
    {
        text-align: center;
    }
    header
    .lien_connexion
    a:active,
    header
    .lien_connexion
    a:hover,
    header
    .lien_connexion
    a
    {
        font-size: 11px;
    }
    header
    .div_parent_input_recherche
    .div_input_recherche
    input[type=search]
    {
        font-size: 16px;
        padding: 5px;
        padding-right: 45px;
    }
    /* section resultat recherche */
    .section_text_resultat_recherche
    {
        padding: 10px;
    }
    .text_resultat_recherche
    {
        font-size:25px;
        letter-spacing: 2px;
    }
    /* type en cours */
    .section_titre_type_en_cours.theme
    .div_background
    {
        background: var(--background_anime_2);
        background-size: 300% 300%;
        animation: gradientAnimation 20s ease infinite;
        font-family: 'Arial', sans-serif;
        top: -55px;
        height: 405px;
    }

    /* section produit */
    .section_produits
    {
        padding: 5px;
    }
    .section_produits
    .div_parent_details_produit
    {
        padding: 10px;
    }
    .section_produits
    .div_parent_details_produit
    .div_details_produit
    {
        padding: 5px;
        border-radius: 10px;
    }
    .section_produits
    .div_parent_details_produit
    .div_details_produit
    .div_parent_image
    .div_image
    {
        height: 350px;
        width: 350px;
        border-radius: 10px;
        margin: 5px 0px;
        position: relative;
    }
    .section_produits
    .div_parent_details_produit
    .div_details_produit
    .div_parent_image
    .div_image
    .div_like
    {
        top: 5px;
        right: 5px;
    }
    /* etablissement */
    .section_intro_etablissement
    .background
    {
        border-radius: 0px 0px 50px 50px;
    }
    .section_intro_etablissement
    .div_etablissement_detail
    .sous_div_etablissement_detail
    {
        width: 100%;
        padding: 10px 20px;
    }
    /* section information */
    .section_information_etablissement
    .div_parent_trouver_etablissement
    .div_trouver_etablissement
    {
        width: 100%;
    }
    .section_information_etablissement
    .div_parent_trouver_etablissement
    .div_trouver_etablissement
    .icone
    {
        text-align: right;
        padding: 5px 20px;
    }
    .section_information_etablissement
    .div_envoyer_un_message
    .envoyer_un_message
    {
        width: 90%;
    }

    /* slide pub */
    .div_parent_slide_pub
    {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }
    .div_parent_slide_pub
    .mySwiperPub
    {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        overflow: hidden;
    }
    .div_parent_slide_pub
    .mySwiperPub
    img
    {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }


    /* section journal email */
    .section_footer.news_letter
    .div_parent_input
    .div_input
    {
        width: 90%;
    }

    /* gestion statu */
    .div_parent_vu_statu.active
    .swiper_vu_statu
    .swiper_wrapper_vu_statu
    .swiper_slide_vu_statu
    img
    {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }
    /* afficher produit */
    .section_afficher_produit
    .div_photo_produit
    {
        padding: 10px;
    }
    .section_afficher_produit
    .div_image_produit
    {
        width: 80%;
    }
    /* details produit */
    .section_detail_produit
    {
        margin-top: 20px;
        padding: 5px;
    }
    .div_detail_produit
    {
        width: 95%;
        padding: 10px;
    }
    /* commentaires */
    .comment-section {
        padding: 10px;
    }

    .existing-comments .comment {
        font-size: 14px;
    }

    .add-comment .form-group label {
        font-size: 14px;
    }
    /* map */
    .div_map
    {
        height: 80vh; 
        width: 90%; 
        margin:0px 5%; 
    }
    /* notification */
    .div_notification
    {
        padding-top: 30px;
        width: 80%;
        padding: 0px;
    }
    .div_sorti_notification
    {
        height: 30px;
        padding: 0px 5px;
    }
    .btn_sorti_notification
    {
        height: 28px;
        width: 28px;
        border-radius: 5px;
        font-size: 15px;
    }
    .details_notifications
    {
        padding: 5px;
        padding-top: 50px;
    }
    .div_modifier_photo_de_profile {
        padding: 5px;
    }
    .div_modifier_photo_de_profile
    .titre {
        font-size: 16px;
    }
    .container_cropper {
        width: 95%;
    }
    #preview_container_cropper {
        width: 95%;
    }
}