/*navbar*/
#navbar {
  height: 130px;
  width: 100%;
  background-color: #FBFBFB; }

#navbarSupportedContent {
  float: right; }

.nav-link {
  color: #164663;
  font-size: 25px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 27px;
  text-align: center;
  padding: 0px 35px !important; }

.nav-link:hover {
  color: gray; }

#logo {
  margin-left: 20%; }

/* iphone-5/sE, xs*/
@media (min-width: 300px) and (max-width: 350px) {
  .navbar {
    height: 80px;
    width: 99.7%; }

  .navbar-brand {
    position: relative !important;
    left: -10px !important; }

  .nav-item {
    position: relative !important;
    left: 5px !important; }

  .nav-link {
    font-size: 15px;
    padding: 0px 8px !important; }

  .navbar-nav {
    display: flex !important;
    flex-direction: row !important; }

  #logo {
    width: calc(4em + 4vw);
    height: calc(1.6em + 1.6vw); } }
/*galaxy-s5, xs*/
@media (min-width: 351px) and (max-width: 374px) {
  .navbar {
    height: 85px;
    width: 99.7%; }

  .navbar-brand {
    position: relative !important;
    left: -10px !important; }

  .nav-item {
    position: relative !important;
    left: 5px !important; }

  .nav-link {
    font-size: 16px;
    padding: 0px 10px !important; }

  .navbar-nav {
    display: flex !important;
    flex-direction: row !important; }

  #logo {
    width: calc(4em + 4vw);
    height: calc(1.6em + 1.6vw); } }
/*pixel-2, pixel -2XL, iphone-6/7/8/+,iphone-x, iphone-6/7/8, xs*/
@media (min-width: 375px) and (max-width: 424px) {
  .navbar {
    height: 85px;
    width: 99.7%; }

  .navbar-brand {
    position: relative !important;
    left: -10px !important; }

  .nav-item {
    position: relative !important;
    left: 5px !important; }

  .nav-link {
    font-size: 17px;
    padding: 0px 10px !important; }

  .navbar-nav {
    display: flex !important;
    flex-direction: row !important; }

  #logo {
    width: calc(4em + 4vw);
    height: calc(1.6em + 1.6vw); } }
/*xs*/
@media (min-width: 425px) and (max-width: 500px) {
  .navbar {
    height: 85px;
    width: 99.7%; }

  .navbar-brand {
    position: relative !important;
    left: -10px !important; }

  .nav-item {
    position: relative !important;
    left: 5px !important; }

  .nav-link {
    font-size: 18px;
    padding: 0px 10px !important; }

  .navbar-nav {
    display: flex !important;
    flex-direction: row !important; }

  #logo {
    width: calc(4em + 4vw);
    height: calc(1.6em + 1.6vw); } }
/*xs*/
@media (min-width: 501px) and (max-width: 575px) {
  .navbar {
    height: 90px;
    width: 99.7%; }

  .navbar-brand {
    position: relative !important;
    left: -10px !important; }

  .nav-item {
    position: relative !important;
    left: 5px !important; }

  .nav-link {
    font-size: 18px;
    padding: 0px 10px !important; }

  .navbar-nav {
    display: flex !important;
    flex-direction: row !important; }

  #logo {
    width: calc(4em + 4vw);
    height: calc(1.6em + 1.6vw); } }
/*sm*/
@media (min-width: 576px) and (max-width: 650px) {
  .navbar {
    height: 90px;
    width: 99.7%; }

  .navbar-brand {
    position: relative !important;
    left: -10px !important; }

  .nav-item {
    position: relative !important;
    left: 5px !important; }

  .nav-link {
    font-size: 20px;
    padding: 0px 10px !important; }

  .navbar-nav {
    display: flex !important;
    flex-direction: row !important; }

  #logo {
    width: calc(4em + 4vw);
    height: calc(1.6em + 1.6vw); } }
/*sm*/
@media (min-width: 651px) and (max-width: 767px) {
  .navbar {
    height: 90px;
    width: 99.7%; }

  .navbar-brand {
    position: relative !important;
    left: -10px !important; }

  .nav-item {
    position: relative !important;
    left: 10px !important; }

  .nav-link {
    font-size: 19px;
    padding: 0px 10px !important; }

  .navbar-nav {
    display: flex !important;
    flex-direction: row !important; }

  #logo {
    width: calc(4em + 4vw);
    height: calc(1.6em + 1.6vw); } }
/*i-pad , md*/
@media (min-width: 768px) and (max-width: 850px) {
  .navbar {
    height: 100px;
    width: 99.7%; }

  .navbar-brand {
    position: relative !important;
    left: -10px !important; }

  .nav-item {
    position: relative !important;
    left: 10px !important; }

  #logo {
    width: calc(4em + 4vw);
    height: calc(1.6em + 1.6vw); }

  .nav-link {
    font-size: 17px;
    padding: 0px 10px !important; } }
/*md*/
@media (min-width: 851px) and (max-width: 991px) {
  .navbar {
    height: 100px;
    width: 100%; }

  .navbar-brand {
    position: relative !important;
    left: -10px !important; }

  #logo {
    width: calc(4.3em + 4.3vw);
    height: calc(1.7em + 1.7vw); }

  .nav-link {
    font-size: 17px;
    padding: 0px 14px !important; } }
/*mac-pro , lg*/
@media (min-width: 992px) and (max-width: 1150px) {
  .navbar {
    height: 100px;
    width: 100%; }

  #logo {
    width: calc(4.5em + 4.5vw);
    height: calc(1.7em + 1.7vw); }

  .nav-link {
    font-size: 18px;
    padding: 0px 16px !important; } }
/*lg*/
@media (min-width: 1151px) and (max-width: 1429px) {
  .navbar {
    height: 130px; }

  #logo {
    width: calc(4.7em + 4.7vw);
    height: calc(1.9em + 1.9vw); }

  .nav-link {
    font-size: 22px;
    padding: 0px 23px !important; } }
@media (min-width: 1430px) and (max-width: 1500px) {
  .navbar {
    height: 130px; }

  #logo {
    width: calc(4.5em + 4.5vw);
    height: calc(1.8em + 1.8vw); }

  .nav-link {
    font-size: 22px; } }
@media (min-width: 1501px) and (max-width: 1600px) {
  .navbar {
    height: 130px; }

  #logo {
    width: calc(4.5em + 4.5vw);
    height: calc(1.8em + 1.8vw); }

  .nav-link {
    font-size: 22px; } }

/*# sourceMappingURL=navbar_about_us.css.map */