@media only screen and (max-width: 329px) and (min-width: 246px){
   /* .header {
    background-color: blueviolet;
  }  */
  ul.top-menu > li > .logout.nav_tontine{
    font-size: 0.3em!important;
  }
  .non_site{
    font-size: small;
}
.telephone_head{
  display: none!important;  
}
#article_forme_Filtre .form-control{
  margin-top: 12px;
  margin-bottom: 10px;
  /*border-radius: 12px;*/
}
}
@media only screen and (max-width: 400px) and (min-width: 330px){
   
  .non_site{
    font-size: small;
}
.telephone_head{
  display: none!important;  
}
#article_forme_Filtre .form-control{
  margin-top: 12px;
  margin-bottom: 10px;
  /*border-radius: 12px;*/
}
  ul.top-menu > li > .logout.nav_tontine{
font-size: 0.3em!important;
  }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) and (min-width: 401px) {
  
    .non_site{
        font-size: small;
    }
    .telephone_head{
      display: none!important;  
    }
    #article_forme_Filtre .form-control{
      margin-top: 12px;
      margin-bottom: 10px;
      /*border-radius: 12px;*/
    }
    ul.top-menu > li > .logout.nav_tontine{
      font-size: 10px!important;
        }
   
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 896px) and (min-width: 601px) {
 
    .telephone_head{
      display: none!important;  
    }
    #article_forme_Filtre .form-control{
      margin-top: 12px;
      margin-bottom: 10px;
      /*border-radius: 12px;*/
    }

   
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 720px) and (min-width: 540px) {
    
      /* .non_site {
        font-size: 0!important;
      }
      .non_site::before {
        content: "AKP";
        font-size: initial;
      } */
      #article_forme_Filtre .form-control{
        margin-top: 12px;
        margin-bottom: 10px;
        /*border-radius: 12px;*/
      }
      
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  #article_forme_Filtre .form-control{
    margin-top: 12px;
    margin-bottom: 10px;
    /*border-radius: 12px;*/
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #article_forme_Filtre .form-control{
    margin-top: 12px;
    margin-bottom: 10px;
    /*border-radius: 12px;*/
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}