/*.navbar-nav .level1:last-child a {
    font-weight: bold; 
    display: inline-block;
    margin-left: 40px;
    padding: 3px 13px 8px 15px;
}*/

@media (min-width: 1366px) {
	.navbar-collapse { padding: 0;margin-top: 0px;margin-bottom: 0px; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -ms-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear;}
	.navbar-default .navbar-nav>li>a{display: inline-block;font-size: 1.7rem;padding: 0 15px 14px 0px;font-weight:300;}
    .navbar-default .navbar-nav>li.level1>a{font-weight:bold}
    #main-menu > li > ul { padding: 0px 0 14px 0px; }
    .myMenuOpen{list-style: none;padding: 0;}
    .myMenuOpen li.dropdown.icon-back { width: 100%;  float: none; margin-bottom: 4px; padding-right: 64px; padding-left: 15px; vertical-align: top;  }
    .myMenuOpen li:before {font-size: 0.5rem; padding-left: 4px;  position: relative; top: -0.13rem; }
    .myMenuOpen a { padding: 0;font-weight: 300; font-size: 1.7rem; white-space: normal; overflow: hidden; line-height: normal; vertical-align: baseline; font-family: 'Heebo', Arial, Sans-Serif;}
    /*#main-menu>li+li:before { padding: 0;content: "|"; }*/
    li.level1 { width: 20%; margin-top: 36px;}
    #main-menu > li > ul > li {  list-style: none;}
    ul#main-menu { width: 100%;}
    .imgMenu {  width: 34px;  display: inline-block;}

   li.dropdown.level1 li{ list-style: none;}
}

@media (min-width: 992px) {

ul#top-menu::-webkit-scrollbar { width: 4px;}
ul#top-menu::-webkit-scrollbar-track { background: #97d0a1;}
ul#top-menu::-webkit-scrollbar-thumb { background: #6ca877;}
ul#top-menu::-webkit-scrollbar-thumb:hover {  background: #555;}
}

@media (min-width: 992px) and (max-width: 1100px) {
     /*.navbar-nav .level1:last-child a { margin-left: 20px; }
     .navbar-default .navbar-nav>li>a {  padding: 0 14px 14px 14px;}*/
}

@media (min-width: 992px) and (max-width: 1556px) {

.navbar-default .navbar-nav > li > a {  padding: 0 11px 14px 11px;}

}
@media (min-width: 992px) and (max-width: 1366px) {

.navbar-default .navbar-nav > li > a { font-size: 0.95rem;}

}




@media (max-width: 1365px) {
 #main-menu { margin-top: 0px; margin-bottom: 0px;height: calc(100vh - 100px); overflow-y: auto;position:absolute;z-index:999;background:#ffffff;width: calc(100% - 93px);  margin: 0;  padding: 0 15px;}
	 #main-menu > li { border-width: 0 0 1px; border-style:solid;width: 50%;padding-left: 2%;}
	#main-menu > li > a[data-toggle="dropdown"]:before { content: ' ';  float: left;  width: 10px; height: 10px; border-top: 1px solid #000000; border-right: 1px solid #000000; transform: rotate(135deg); margin-top: 7px;  transition-property: transform;  transition-duration: 0.5s;}
	#main-menu > li > a[aria-expanded="true"]:before {   transform: rotate(-45deg);    margin-top: 2px;  }
	#main-menu > li > ul { padding: 0; }
    .myMenuOpen{display:block;list-style: none;padding: 0 0 12px 0;}
    .myMenuOpen > li  a {  padding:2px 48px 2px 0;display: block;    font-family: 'Heebo', Sans-Serif;}
    .myMenuOpen > li:first-child { border-width: 0px 0;border-style:solid;}
    .myMenuOpen > li:first-child a { padding-top:0;}
 .myMenuOpen > li { border-width: 0 0 0px;border-style:solid; font-size: 1.4rem; }
 .open .myMenuOpen > li  a,.active .myMenuOpen > li  a{display: inline-block;vertical-align: baseline; font-family: 'Heebo', Arial, Sans-Serif;}
    .active .myMenuOpen .dropdown-menu {width:100%;position:relative;  }
    .navbar-default .navbar-nav>li.level1>a{padding: 20px 15px 20px 0px;display: inline-block;width: calc(100% - 40px);font-weight: bold;   font-size: 1.4rem;}
    .imgMenu { width: 34px;  display: inline-block;  text-align: center;}
    li.dropdown.level1 li{ list-style: none;}
      #main-menu::-webkit-scrollbar { width: 4px;}
 #main-menu::-webkit-scrollbar-track { background: #f1f1f1;}
 #main-menu::-webkit-scrollbar-thumb { background: #c1c1c1;}
 #main-menu::-webkit-scrollbar-thumb:hover {  background: #555;}
 span.title-side-menu {  display: block;  text-align: center; padding: 0 5px;}
    span.img-menu-side {  margin-left: 0; text-align: center;   margin-bottom: 8px;}
      a.linkMenuSide { font-size: 1.2rem;  padding: 11px 0px 10px 0px; min-width: 93px;  text-align: center;}
       div#P33 {    padding-left: 0;height: calc(100vh - 82px);}
}

@media (min-width: 992px) and (max-width: 1366px) {
    .main-menu-general {  max-width: 900px; }
    #main-menu > li { float: left; width: 50%;}
    #main-menu { max-width: 803px;}
  .navbar-default .navbar-nav>li.level1>a {  padding: 20px 5px 10px 0px;}
  .myMenuOpen > li a {  padding: 2px 53px 2px 0;}
}