@media screen and (max-width: 414px) {
    /*414 x 732 PX*/
.main-container{
        display: grid;
        grid-template-columns: repeat(1,1fr); 
        place-items: center;
        padding-left:10px;
        padding-left:10px;
        row-gap:10px;
       grid-template-areas:
       "firstRow"
       "dvBrand"
       "firstNav"
       "secondNav"
       "searChBoxDiv"
       "searChBoxDiv"
       "definition";
          }
#header1{
    grid-area: first;
     background:#8ebf42;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
#divBrand{
     grid-area: dvBrand;
     text-align: center;
     font-weight: bold;
     font-size: 40px;
     font-family: "Times New Roman", Times, serif;
     color:#02145a;
}
#square2{
    padding-right:10px;
    text-align: left;
}
#imTitle{
    width:150px;
   
}
#defTitel{
    display:none;
}
#headerBotton{
    display:none; 
}
#header3{
    display:none; 
}
.square{
    width:40px;
    height:40px;
    margin-top: 10px;
    margin-left: 5px;
    position: relative;
    background: black;
}
.line{
    position :absolute;
    height:2px;
    width: 100%;
    background-color:#fff;
    border-radius: 1px;
    transition: all cubic-bezier(0.26,0.1,0.27,1.55) 0.35s;
}
.top{
    top:5%;
}
.middle{
    top:40%;
}
.bottom{
    top:78%;
}
.icon.close .top{
 transform: rotate(45deg);  
 top:48%;
}
.icon.close .middle{
  transform: rotate(-45deg);  
  top:48%;
}
.icon.close .bottom{
  transform: rotate(-45deg);  
  top:48%;
}
.navservice{
    grid-area:firstNav;
    text-align: left;
    background: #02145a;;    
}
.navservice ul{  
     list-style-type: none;
      background-color:#f0b71a;
     text-align: left;
      padding-left:15px;
     
    
}
.navservice ul li{  
     padding: 5px ; 
  border-bottom: 1px solid #ddd;    
      
}
.navservice ul li a{
    text-decoration: none;
     color: white;
}
nav{
 grid-area:secondNav;
  text-align: left; 
  background: #02145a;  
}
nav ul{  
     list-style-type: none;
      background-color:#f0b71a;
     text-align: left;
      padding-left:15px;
}
nav ul li{  
     padding: 5px ; 
  border-bottom: 1px solid #ddd;     
    
}
nav ul li a{
    text-decoration: none;
     color: white;
    
}
#anglais{
     color:black;
 }
#dicLabel{
    display:none;
}
#dicForm{
    grid-area:searChBoxDiv;
    background: red;
    text-align: center;
    height:15%;
    
}
#wordName{
   margin-bottom: 10px;
   width:95%;
   height:48px;
}
#dicRespons{
     grid-area:definition;
     background: #e3f3fb;
}
footer{
    grid-area:footer;
    background-color: black;
   color:white;
   text-align:center;
}
}