/* Styles par défaut pour les petits téléphones */


/* Petits téléphones (jusqu'à 320px) */
@media (max-width: 320px) {
    .meteo-par-jour {
        /*width: 100px !important;*/
    }
    .overview-icons img {
        width: 25px !important;
    }
    .containers.header_line > form > div {
        width: 270px !important;
    }
}

/* Téléphones standard (jusqu'à 480px) */
@media (max-width: 480px) {
    .overview-icons img {
        width: 21px !important;
    }
    .meteo-home-icon .overview-temp > div {
        font-size: 10px;
    }

    .containers.header_line > form > div {
        width: 300px !important;
    }
}

/* Petites tablettes (jusqu'à 768px) */
@media (max-width: 768px) {
    .breadcrumb {
       display: none;
    }
    .containers.header_line > form > div {
       width: 400px;
     }
     .meteo-news-pub {
       width: 100% !important ;
       height: 438px !important;
     }
   }
   
/* Téléphones larges (jusqu'à 600px) */
@media (max-width: 600px) {
    .logo-1 {
        width: 150px;
        margin: 0 auto;
    }
    aside#banner_a1 {
        display: none;
    }
    .logo-2 {
        display: block;
        width: 120px;
        margin: 0 auto;
        position: relative;
        left: -25px;
    }
    [dir="rtl"] .logo-2 {
        left: 0px;
    }
    .lang-2{
        display: block;
        position: relative;
        top: 11px;
    }
    .meteo-news-pub {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 20px;
    }    
}

/* Tablettes standard (jusqu'à 1024px) */
@media (max-width: 1024px) {
 
}

/* Petits écrans de bureau (jusqu'à 1200px) */
@media (max-width: 1200px) {
    .meteo-par-jour {
        width: 166px !important;
     }
     .meteo-jour {
        overflow-x: auto;
        height: 243px;
    }
    .meteo-jours {
        width: 1400px;
    }
}

/* Écrans de bureau standard et larges (à partir de 1200px) */
@media (min-width: 1201px) {
.meteo-hour {
    min-height: 150px !important;
    width: 133.44px !important;
}
.meteo-jours {
    width: 1400px;
}
 .meteo-jour{
    width: 1063px;
    overflow-x: auto;
    height: 245px;
 }
 .meteo-par-jour {

 }
}
@media (min-width: 1500px) {
.meteo-hour {
    min-height: 150px !important;
    width: 133.44px !important;
}
.meteo-jours {
    width: 1680px;
}
 .meteo-jour{
    width: 1304px;
    overflow-x: scroll;
    height: 240px;
 }
 .meteo-par-jour {

}
}