.app-custom-header {
    width: 100%;
    height: auto;
    z-index: 100;
    color: #fff;
    margin: 0 auto;
    border:none; background-color:transparent;
}


.app-header-container {
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
    position:relative
}


.app-custom-header img { width:100%; max-width:100%; }

.app-custom-header  .navbar-brand { height:auto; padding-top:12px; padding-bottom:12px;}

.app-nav-container { gap:40px; padding-top:10px; padding-bottom:10px;}

.app-nav-container .navbar-nav >li>a { color:#133649; font-weight:400; font-size:14px; padding-left:8px; padding-right:8px;}

.app-nav-container .navbar-nav { gap:4px;     padding-top: 20px; }

.topmenu-button { background-color: #133649; padding-left:40px; padding-right:40px; padding-top:8px; padding-bottom:8px; color:#fff; border:solid 1px #133649; border-radius:50px; position:absolute; top:14px; right:20px;  transition:all 0.15s ease; font-weight:500; }
.topmenu-button:hover {background-color:#fff; color:#133649; }


.tw-whitespace-nowrap {
    white-space: nowrap;
}

@media (max-width:1200px) {
    .app-nav-container { gap:40px; }
    .app-nav-container .navbar-nav { gap:0px; }    
}

@media (max-width:991px) {

    .app-nav-container { gap:30px; }
    .app-nav-container .navbar-nav { gap:0px;padding-top: 0px;  }
    
    .app-nav-container .navbar-nav >li>a {  padding:6px;}
}

@media (max-width:767px) {
    .app-nav-container {  padding-top:0px; padding-bottom:0px; }
    .app-custom-header  .navbar-brand img { height:60px; padding-top:6px; padding-bottom:6px;}

    
    .topmenu-button {top:8px; right:80px;  }
}



@media (min-width:768px) {
    .app-nav-container *::before, .app-nav-container *::after {
      content: none;
    }

    .app-nav-container { display:flex; flex-direction:row; flex-wrap:nowrap;  justify-content:space-between; align-items:center}
    .app-nav-container .navbar-nav { display:flex; flex-direction:row; flex-wrap:nowrap;  justify-content:space-between; align-items:center; }
    .app-nav-container .navbar-nav >li>a  { text-align:center;}

    .app-nav-container .right-menus .navbar-nav>li {
        max-width:140px;
    }

    .app-custom-header img { min-width:170px;}
}