@media (max-width: 768px) {

    #zn-menu.fixed{

      position: relative;

   }

   .nav.navbar-nav.pull-right{

      float: none !important;

   }

   #zn-menu.fixed ul.nav.navbar-nav > li > a{

      font-size: 14px;

      padding-top: 20px;

      padding-bottom: 20px;

   }

   #zn-menu ul.nav.navbar-nav > li > a{

      font-size: 14px;

      padding-top: 20px;

      padding-bottom: 20px;

   }

   .nav.navbar-nav.pull-right li {

      display: inline-block;

      width: 100%;

      text-align: center;

   }

   #zn-menu .nav.navbar-nav{

      display: none;

   }

   #zn-menu.show .nav.navbar-nav{

      display: block;

   }

   .tp-caption{ display: none !important; }

   #zn-menu.fixed .logo img{ max-height: 100px; }

  #zn-menu .logo img{ margin-left: auto;

  margin-right: auto; }

   ul.nav.navbar-nav li ul li{ border-bottom: 0px; }

   .project{

      margin-bottom: 20px;

   }

   #zn-footer-top .col-md-3{ margin-bottom: 50px; }

   .zn-top-ph-no,.zn-top-email{ display: inline-block;width: 100%; text-align: center; margin-bottom: 10px; }

   #zn-footer-top{ padding-bottom: 0px; }

   #mobile-menu{ display: block; }

   .call-us{ text-align: center; }

   .call-us p{ text-align: center; margin-top: 10px; }

   .call-us p a { margin-top: 10px; }
   .zn-header-shadow{ margin-top: 0; }
   #zn-header{ position: relative; }
   #zn-menu{ position: relative; }
   .separator .search{ margin-left: auto; position: relative;     margin-top: -20px; }


}

@media (min-width: 481px) and (max-width: 768px) {

  

}

 

@media (min-width: 321px) and (max-width: 480px) {

  

}

 

@media (max-width: 320px) {

   

}