@media (max-width :1024px){
header{
    background-color: rgb(212, 56, 56);
    height: 60px;
      background-color: #669ac7;
      margin: 0 0px 20px;
      border-radius: 0px 0px 10px 10px;
}
    header #navgtion{
    padding-top: 20px;
}
header #navgtion ul {
flex-direction: row;
}
header #navgtion ul li{
    list-style: none;
font-size: medium;
font-weight:bold ;
}
header #navgtion ul li a{
color: rgb(0, 0, 0);
text-decoration: none;
white-space: nowrap;
}
.welcome{
    height: auto;
    padding: 30px 0;
}
.welcome .welcome_word{
    padding-top: 0;
}
.welcome .welcome_word h2{
    font-size: xx-large;
    margin-bottom: 20px;
}
.welcome .welcome_word h3{
    font-size: x-large;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.benfit{
     min-height: 420px;
    height: auto;

    margin: 0 10px;
    border-radius: 10px;
    margin-bottom: 30px;
}
.benfit h2{
      font-size: x-large;
     }
.benfit_box{
    display: block;
       margin-right: 2px;
    margin-left: 2px;
    max-height: 250px;
    /* height: auto; */
}
     .benfit_box h2{
    font-size: large;
   }
.benfit_box h3{
    font-size: 14px;
    /* font-weight: bolder; */
}
.benfit_display img{
height: 100px;
width: 100px;
}
.benfit_display{

    padding-top: 70px;

}
.Statistics{
       margin: 30px 20px;
    height: 130px;

 
}
.Statistics img{

max-width: 150px;
}
.Statistics_word{
    margin-top: 35px;
    display: block;
}
.Statistics h3{
font-size: x-large;
margin-right: 5px;

}
.Statistics h5{
font-size: 14px;
}
.teacher{

    margin: 30px 10px;
}
.teacher h2{
   font-size: x-large;
}
.teachers{
display: flex;
   max-height: 115px;
    max-width: 135px;
    border-radius: 10px;
justify-content: center;
align-items: center;
}
.teachers img{
max-height: 80px;
max-width: 80px;
margin-left: 11px;
}
.teachers_info h3{
font-size: small;
margin-right: 4px;
}
.teachers_info h5{
font-size: small;
}
.teacher_discreption{
    min-height: 300px;
    height: auto;
width: 85%;
background-color: #0074d9;
margin-right: 33px;
 border-radius: 10px;
 display: flex;
 flex-direction: column;
align-items: center;
/* margin-top: 15px; */
}
.teacher_discreption_word{
margin-right: 30px;
margin-left: 30px;
margin-top: 10px;


}
.teacher_discreption_word h4{
font-size: x-large;
color: white;
}
.teacher_discreption_word p{
width: auto;
font-size: 17px;
color: white;
}
.teacher_discreption_link{
    /* margin-left: 25px; */
    margin-top: 0px;
    /* margin-bottom: 50px; */
}
.teacher_discreption_link button{
    max-height: 60px;
    max-width: 200px;
       background-color: #0074d9;
border:1px solid gold;
border-radius: 10px;
color: gold;
font-size: medium;
cursor: pointer;
}
.Advertisements{
    min-height: 150px;
    height: auto;
        margin: 30px 20px;
}
.Advertisements_display{
    margin-right: 20px;
 
}
.Advertisements .Advertisements_image img{
    max-height: 60px;
   max-width: 60px;
   margin-top: 5px;
} 
.Advertisements_word h2{
    font-size: 35px;
}
.Advertisements_took_display_all{
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    
}
.Advertisements_took_display{
    gap: 10px;
    margin-bottom: 7px;
margin-right: 40px;
}
.Advertisements_took p{
font-size: large;
margin-top: 5px;
font-weight: bold;
}

.Advertisements_took_img img{
height: 25px;
width: 25px;
}
}
@media (max-width :600px){
header{
    background-color: rgb(212, 56, 56);
    height: 60px;
      background-color: #669ac7;
      margin: 0 0px 20px;
      border-radius: 0px 0px 10px 10px;
}
    header #navgtion{
    padding-top: 20px;
}
header #navgtion ul {
flex-direction: row;
}
header #navgtion ul li{
    list-style: none;
font-size: small;
font-weight:bold ;
}
header #navgtion ul li a{
color: rgb(0, 0, 0);
text-decoration: none;
white-space: nowrap;
}
.welcome{
    height:auto ;
    padding: 30px 0;
}
.welcome .welcome_word{
    padding-top: 0;
}
.welcome .welcome_word h2{
    font-size: x-large;
    margin-bottom: 20px;
}
.welcome .welcome_word h3{
    font-size: large;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.benfit{
     min-height: 420px;
    height: auto;
    margin: 0 10px;
    border-radius: 10px;
    margin-bottom: 30px;
}
.benfit h2{
      font-size: x-large;
     }
.benfit_box{
    display: block;
       margin-right: 2px;
    margin-left: 2px;
    height: 250px;
}
     .benfit_box h2{
    font-size: medium;
   }
.benfit_box h3{
    font-size: small;
}
.benfit_display img{
height: 100px;
width: 100px;
}
.benfit_display{

    padding-top: 70px;

}
.Statistics{
       margin: 30px 20px;
    height: 130px;

 
}
.Statistics img{

max-width: 150px;
}
.Statistics_word{
    margin-top: 35px;
    display: block;
}
.Statistics h3{
font-size: larger;
margin-right: 4px;

}
.Statistics h5{
font-size: 8px;
}
.teacher{
 min-height: 330px;
 height: auto;
    margin: 30px 10px;
}
.teacher h2{
   font-size: x-large;
}
.teachers{
display: flex;
   max-height: 95px;
    max-width: 105px;
    border-radius: 10px;
justify-content: center;
align-items: center;
}
.teachers img{
max-height: 60px;
max-width: 60px;
margin-left: 11px;
}
.teachers_info h3{
font-size: small;
margin-right: 4px;
}
.teachers_info h5{
font-size: small;
}
.teacher_discreption{
    min-height: 350px;
    height: auto;
background-color: #0074d9;
margin-right: 33px;
 border-radius: 10px;
 display: flex;
 flex-direction: column;
align-items: center;
margin-top: 15px;
}
.teacher_discreption_word{
margin-right: 30px;
margin-left: 30px;
margin-top: 12px;
}
.teacher_discreption_word h4{
font-size: larger;
color: white;
}
.teacher_discreption_word p{
width: auto;
font-size: medium;
color: white;
}
.teacher_discreption_link{
    margin-left: 15px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.teacher_discreption_link button{
    max-height: 40px;
    max-width: 180px;
       background-color: #0074d9;
border:1px solid gold;
border-radius: 10px;
color: gold;
font-size: medium;
cursor: pointer;
}
.Advertisements{
    /* height: 300px; */
        margin: 30px 20px;
}
.Advertisements_display{
    margin-right: 20px;
 
}
.Advertisements .Advertisements_image img{
    max-height: 50px;
   max-width: 50px;
   margin-top: 5px;
} 
.Advertisements_word h2{
    font-size: 30px;
}
.Advertisements_took_display_all{
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    
}
.Advertisements_took_display{
    gap: 10px;
    margin-bottom: 7px;
margin-right: 40px;
}
.Advertisements_took p{
font-size: medium;
margin-top: 5px;
font-weight: bold;
}

.Advertisements_took_img img{
height: 25px;
width: 25px;

}
}