 
 /* Header */
 .header {
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     z-index: 50;
 }

 .header::before {
     content: "";
     width: 100%;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     height: 150px;
     pointer-events: none;
     background: linear-gradient(to bottom, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
 }
 .header-location-flag {
     width: 18px;
     height: 14px;
 }

 .sub-navigation>a,
 .sub-navigation button {
     font-size: .9rem;
 }

 .navigation>a {
     font-size: .95rem;
 }

 .myassuria-portal-a,
 .ai-a {
     height: 34px;
 }

 .ai-b-text {
     height: 24px;
     line-height: 24px;
     font-size: .9rem;
 }

 .ai-a-text {
     height: 24px;
     line-height: 24px;
     font-size: .6rem;
 }

 .header-content {
     position: relative;
     z-index: 51;
 }

 .logo {
     height: 70px;
     padding: 0 15px;
     border-radius: 0 0 10px 10px;
 }

 .logo img {
     height: 50px;
 }

 /* Navigation */
 .nav-menu button {
     background: transparent;
 }

 .nav-menu .dropdown-menu::before {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border-left: 12px solid transparent;
     border-right: 12px solid transparent;
     border-bottom: 12px solid #fff;
     position: absolute;
     top: -11px;
     right: 10px;
     position: absolute;
 }

 .nav-menu .dropdown-menu {
     min-width: 325px;
     margin-right: -5px !important;
     border-radius: 10px;
     border-width: 0;
     border-color: #efefef;
     box-shadow: 0 0 50px rgba(0, 0, 0, .3);
 }

 .nav-menu .dropdown-menu a {
     border-radius: 10px;
 }

 .chat-block {}
 
 /*START ADEPT*/
/*X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {  }

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  }

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 
}

/* ADEPT XXX-Large devices (larger desktops, 1890px and up)*/
@media (min-width: 1890px) { 
    .nav-menu .dropdown-menu::before{left:10px}
}