@media screen and (max-width: 594px){
  .now-book p{
    font-size: 15px;
    color: white;
  }
}

@media screen and (max-width: 400px){
  .now-book p{
    font-size: 10px;
    color: white;
  }
}




@media screen and (min-width:1250px) {
    .hamburger {
      display: none;
    }
  }
  @media screen and (max-width:1250px) {
    .nav-menu{
      display: none;
    }
  }

  @media screen and (max-width:1120px) {
    .nav-menu ul li{
        
        padding-left: 12px;
        padding-right: 12px;
        font-size: 12px;
        
        
      }
  }
  

  

  @media screen and (max-width:1325px) {
    .ceo-message p{
        font-size: 18px;
      }
      
      .ceo-button{
        padding: 15px 20px;
        background-color: green;
        border: none;
        margin-top: 30px;
        color: white;
        font-size: 16px;
      
      }
  }

  @media screen and (max-width:1152px) {
    .ceo-message{
        padding-left: 100px;
        padding-top: 50px;
        
      }
  }

  @media screen and (max-width:900px) {
    .ceo{
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        justify-items: center;
        background-color: #f8f9ff;
        
      }

      .ceo-message{
        padding-left: 100px;
        padding-top: 50px;
        padding-right: 100px;
        
      }

      .ceo-image img{
        
        margin-left: 200px;
        
      }
  }

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

      .ceo-message{
        padding-left: 50px;
        padding-top: 50px;
        padding-right: 50px;
        
      }

      .ceo-image img{
        
        margin-left: 150px;
        
      }
  }

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

    .ceo-image img{
      
      margin-left: 100px;
      
    }
}

@media screen and (max-width:1062px) {
   
  .online-course{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-items: center;
  }
}

@media screen and (max-width:596px) {
   
  .online-course{
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: center;
  }
}

@media screen and (max-width:520px) {
   
  .materials{
    display: grid;
    grid-template-columns: 1fr 1fr ;
    
  }
}

@media screen and (max-width:434px) {
   
  .materials{
    display: grid;
    grid-template-columns: 1fr;
    
  }
}


@media screen and (max-width:1062px) {
   
  .team{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-items: center;
  }
}

@media screen and (max-width:596px) {
   
  .team{
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: center;
  }
}


@media screen and (max-width:1062px) {
   
  .instructors{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-items: center;
  }
}

@media screen and (max-width:596px) {
   
  .instructors{
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: center;
  }
}

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

    
  .footer{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      align-items: center;
      justify-items: center;
}
}

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

  
  .footer{
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      justify-items: start;
}

.footer .footer-services ul li{
  list-style-type: none;
  padding-top: 20px;
  
}
}

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

  
  .footer{
      display: grid;
      grid-template-columns: 1fr ;
      align-items: center;
      justify-items: start;
}

.footer-logo p{
  padding: 10px 10px;
  font-size: 20px;
}


}

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

  .contactus{
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    align-items: center;
    background-color: #f8f9ff;
  }


  .contact-img img{
   width: 100%;
    
  }

}


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

  .contact-information p{
    padding: 8px 8px;
    font-size: 16px;
  }
  
  .contact-information h1{
    text-align: center;
  }
}


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

  .social-media{
    padding-top: 20px;
    margin-top: 20px;
    font-size: 20px;
    padding-right: 20px;
  }
}