/** MOBILE VIEW **/






/* ///////////////////////////////////////////////////////////////// */
/* ////////////////////////// TABLET VIEW ////////////////////////// */
/* ///////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////// */
@media only screen and (min-width: 768px) {

header {
z-index: 1000;
}

#header_title {

  text-align: left; 
  padding: 2px 0px 0px 6px; 
  display: none;
  width: 100%;
  border: 0px solid red;
}



.cont_header {
  display: flex;
}

.image_logo {
  cursor: pointer;  
  margin-left: 0;
  padding-left: 30px;
  height: 60px;
  border: 0px solid green;
}

.image_logo:hover {

}








.cont_title {
  padding: 80px 0 20px 0;
}

.dis_title {
  font-size: 20px;  
  text-align: left;
  margin: 0 0 2px 25px
}

.dis_title_line {
  width: 60%;
  margin: 0 0 0 20px;
  height: 1.25px;
}

.dis_heading {
  font-size: 18px; 
  text-align: left;
  margin: 2px 0 15px 25px;
}









nav {

  background-color: none;
  border: 0px solid green;  
}

#nav_button {
  display: none;
}


#nav_main_menu { 
  right: 0;
  width: auto;
  display: flex;
  z-index: 10;
  position: fixed;
  top: 48px;
  margin: 0px 0 0px 0;
  background-color: white;
  border: 0px solid orange;
}

#nav_menu_1 {
  padding: 0 10px;
  margin-left: auto;
  cursor: pointer;
  background-color: white;
  border: 0px solid purple;  
}

#nav_menu_2 {
  padding: 0 10px;
  margin-right: 0px; 
  cursor: pointer;
  background-color: white;
  border: 0px solid purple;

}

#nav_menu_3 {
  cursor: pointer; 
  padding: 0 10px;
  background-color: white;
  border: 0px solid purple; 
 
}




#nav_menu_1_open,
#nav_menu_2_open,
#nav_menu_1_close,
#nav_menu_2_close {
  display: none;
}










#nav_title_1,
#nav_title_2,
#nav_title_3
 {
  padding: 0;
  font-size: 12px;
  color: gray;
  text-align: center;
  border-bottom: 2px solid gray;
  }







#nav_sub_menu_1,
#nav_sub_menu_2 {
  display: none;
  position: fixed;
  width: auto;
  margin: 22px 0 0 10px;
}



#nav_sub_menu_2 {
  margin-left: 157px;
  padding: 0;
  border: 0px solid red;
}



.nav_sub_items {
  cursor: pointer;

  text-align: center;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  background-color: #A9A9A9; 
  color: white;

}

.nav_sub_items: hover {
  background-color: gray; 
  color: rgba(8, 40, 84, 1);


}

#nav_sub_1_1,
#nav_sub_1_2,
#nav_sub_1_3 {
  padding: 10px 25px;

}


#nav_sub_2_1,
#nav_sub_2_2,
#nav_sub_2_3,
#nav_sub_2_4,
#nav_sub_2_5,
#nav_sub_2_6 {
  padding: 10px 14px;

}




















}


@media only screen and (min-width: 990px) {

#nav_main_menu { 


}

#header_title {
   padding: 12px 0px 0px 14px;  
   font-size: 150%;

}

@media only screen and (min-width: 1024px) {


}

@media only screen and (min-width: 1240px) {


#header_title {
   padding: 6px 0px 0px 14px;  
   font-size: 200%;

}


}