.top-section {
  margin-left: -120px;
}

.header-logo{
  margin-top: 28px;
}

.top {
  position: fixed;
  top: 0px;
  background: black;
  height: 40px;
  z-index: 9999;
}

.global-search{
  margin-top: 25px !important;
}

.language-btn {
  margin-top: 30px;
}

.add-your-css-classes-here{ 
  margin-top: 11px;
}

.tab-internal a,
.tab-external a {
  text-decoration: none;
}

.tab-internal{
  background: white;
  text-align: center;
  padding-top: 5px;
}

.tab-internal img,
.tab-external img{
  vertical-align: initial;
  padding-right: 10px;
}

.tab-internal span{
  color: black;
  font-size: 18px;
  text-transform: uppercase;
}

.tab-external{
  background: black;
  text-align: center;
  padding-top: 5px;
}

.tab-external span{
  color: white;
  font-size: 18px;
  text-transform: uppercase;
}

.tab-external:hover{
  background: blue;
}

#wrapper + .topNav{
  position: absolute !important;
  top: 0px;
  background: #000;
}

.top-section{
  margin-left:0px;
}

.top-nav{
  float: right;
}

.top-nav ul{
  margin:0;    
}

.top {
  height: 30px;
  position: relative;
}   

.top-nav ul li{
  display: inline-block;   
 position: relative;
 padding: 3px 20px;
 text-align: center;
}

.top-nav ul li a,  .Eye-Care span,  .Eye-Care svg{
  display: inline-block;   
  position: relative;
  top:0px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
} 

.top-nav ul .Sciences>a>svg, .top-nav ul .Analytical>a>svg {
   width: 20px !important;
  height:20px !important;
  display: inline-block;
}

.top-nav ul .Sciences a,.top-nav ul .Analytical a{
  color:#999 !important;
}

.top-nav ul .Sciences>a>svg,  .top-nav ul .Analytical>a>svg{
  fill:#999 !important;
}

.top-nav ul .Sciences a:hover, .top-nav ul .Sciences>a:hover svg, .top-nav ul .Analytical a:hover, .top-nav ul .Analytical>a:hover svg{
  fill:#0099ff !important;
  text-decoration: none;
  color: #0099FF !important;
  text-decoration: none;
}

.top-nav ul .Sciences a, .top-nav ul .Analytical a{
  padding-left: 27px;
  display: inline-block;
}

.top-nav ul .Eye-Care span{
  padding-left: 31px;
  display: inline-block;
}

.top-nav ul .Sciences> a svg, .top-nav ul .Analytical>a svg {
  position: absolute;
  top:1px;
  left:0px;
}

.top-nav ul .Eye-Care svg{
  position: absolute;
  top:5px;
}

.Eye-Care span{
  color:#fff;
}

.Eye-Care svg {
  fill:#fff !important;
  width: 20px;
  height:20px;
}

.top-nav ul li:nth-child(2){
  margin:0px -14px 0 -8px;
}

.top-nav ul li:nth-child(3){
margin-right: 0px;
} 



@media(max-width: 575px) {
  .top-nav ul li a, .Eye-Care span{
    font-size: 12px;
  } 
  .top-nav ul .Analytical:before,.top-nav ul .Eye-Care:before,.top-nav ul .Sciences:before{
    background-size: 100% 100%;
  }

  .top-nav {       
    margin-right: 30px;
  }

  .top-nav ul li{      
    padding: 3px 10px;
  }

  .top-nav ul .Sciences> a svg, .top-nav ul .Analytical>a svg {
    top: -1px;
  }

  .top-nav ul li a, .Eye-Care span{
    top:0px;
  }
  .Eye-Care span img{
    width: 95% !important;
  }
  .top-nav ul li a img{
    width: 100%;
    object-fit: contain;
  }

  .top-nav ul li:nth-child(3) {
    margin-right: -18px !important; 
  }

  .top-nav ul li:nth-child(3) a{
    padding-right: 0px;
  }

  .Eye-Care span {      
    top: 1px;
  }

  .top-nav ul li a:hover span {
    top: 8px;
    left: 8px;
    width: 87%;
  }

  .top-nav ul .Eye-Care svg {
    position: absolute;
    top: 7px;
  }
}

@media(max-width: 380px) {
  .top-nav ul li {
    padding: 3px 8px;
  }
  .top-nav ul li a, .Eye-Care span{
    font-size: 12px;
  }
}

@media(max-width: 360px) {
  .top-nav ul li {
    padding: 3px 6px;
  }
  .top-nav ul li a, .Eye-Care span{
    font-size: 12px;
  }
}

@media(max-width: 320px) {
  .top-nav ul li {
    padding: 3px 5px;
  }
  .top-nav ul li a, .Eye-Care span{
    font-size: 10px;
  }
}