#main_navbar_div{

  position: fixed; 
  top: 0px; 
  left: 0px; 
  width: 100%; 
  height: 60px; 
  background-color: #fff; 
  z-index: 2000;

}

#main_navbar_logo_div{

  background-image: url('/imgs/dashboard/logo2.png'); 
  width: 70px; 
  height: 70px;

}

#main_header_links_container ul{

  list-style-type: none;

}

#main_header_links_container ul li{

  float: right;
  margin: 0px 15px;
  font-size: 18px;
  font-family: sans-serif;
  cursor: pointer;
  color: #0072e1;

}

#main_header_links_container ul li > a{

  color: #0072e1;
  text-decoration: none;

}

#main_header_links_container ul li:not(#main_header_login_link):hover{

  border-bottom: 2px solid;

}

#main_header_login_link > a > div{

  background-color: #0072e1;

}

#main_header_login_link > a > div:hover{

  background-color: #2282df;

}

#navbar_mobile_menu_container{

  display: none;

}

#navbar_mobile_main_list_div ul{

  list-style-type: none;
  width: calc(100% - 80px);
  overflow: hidden;
  white-space: nowrap;
  margin-top: 200px;

}

#navbar_mobile_main_list_div ul li{

  float: right;
  text-align: center;
  width: calc(100% - 40px);
  margin: 25px 20px;
  font-size: 50px;
  font-family: sans-serif;
  cursor: pointer;
  color: #0072e1;

}

#navbar_mobile_main_list_div ul li > a{

  color: #0072e1;
  text-decoration: none;

}

#navbar_mobile_main_list_div ul li:not(#main_mobile_header_login_link) a:hover{

  border-bottom: 4px solid #0072e1;

}

#navbar_mobile_main_list_div #main_mobile_header_login_link > a > div{

  background-color: #0072e1;

}

#navbar_mobile_main_list_div #main_mobile_header_login_link > a > div:hover{

  background-color: #2282df;

}




@media only screen and (min-width : 780px) and (orientation: portrait) {

  #main_navbar_div{

    height: 100px;

  }

  #main_navbar_logo_div{

    width: 140px; 
    height: 140px;
  
  }

  #main_header_links_container{

    display: none;
  
  }

  #navbar_mobile_menu_container{

    display: block;

  }

}