@media all and (max-width:1100px) {

    .container {
       max-width: 900px;
    }
    .container.bottom-header {
       max-width: 100%;
    }
   .top-header {
       display: none;
    }
   .bottom-header {
       position: fixed;
       top: 0;
       left: 0;
       right: 0;
       background-color: #212121;
       z-index: 10000;
    }
    #nav {
      position: fixed;
      top: 0;
      left: -320px;
      width: 320px;
      padding: 30px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      height: 100vh;
      background-color: #212121;
      overflow: auto;
    }
    #openmenu, #closemenu {
       display: inline-block;
    }
    #closemenu {
       margin-bottom: 20px;
    }
    .menu {
       clear: both;
    }
   .menu li {
       float: none;
       margin-left: 0px;
       margin-bottom: 20px;
    }
    #excellence > div {
       width: 50%;
    }
    .about-content, 
    .services-content, 
    .request-content, 
    .wrapper-faq, 
    .contact-content {
       margin-bottom: 50px;
    }
    .about-content, 
    .services-content, 
    .request-content, 
    .wrapper-faq, 
    .contact-content {
       width: 100%;
       padding-right: 0px;
    }
    .about-img, 
    .services-carousel, 
    .request-form, 
    .wrapper-step, 
    .contact-form {
       width: 100%;
    }
    .about-img-small {
       display: none !important;
    }
}
@media all and (max-width:600px) {

   .single-step, 
   .single-contact, 
   .wrapper-input p {
       width: 100%;
   }
   .wrapper-check-content .flex-row i {
       margin-bottom: 20px;
   }
   .header-content h1 {
       font-size: 70px;
   }
   h2, 
   h3 {
       font-size: 40px;
   }
   header {
       min-height: 600px;
   }
   #excellence {
       position: static;
       -webkit-transform: translate(0%, 0%);
           -ms-transform: translate(0%, 0%);
               transform: translate(0%, 0%);
       margin-bottom: 100px;
   }
   #aboutus {
       padding-top: 0px;
   }
}
@media all and (max-width:480px) {
   #excellence > div {
       width: 100%;
   }
}
@media all and (max-width:400px) {
   .header-content h1 {
       font-size: 50px;
   }
}