#site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color:#086491;
  z-index: 1000;
  transition: top 0.3s;
  text-align:center;
  padding-top:0.8rem;
  font-weight:600;
}
 
  /*#site-header .para{*/
  /*    position:relative;*/
  /*    top:-0.7rem;*/
  /*}*/

#navbar {
  position: fixed;
  top: 50px; /* Adjust to header height */
  left: 0;
  width:100%;
  background:#fff;
  box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.2);
  transition: top 0.3s;
  z-index: 1000;
  /*height: 80px;*/
}
   
   #navbar .nav-link {
    color: #000000;
    font-weight: 600;
    margin-left:1.5rem;
    font-size:1.2rem;
  }
  
   #navbar .nav-link:hover {
    color:#086491;
  }
  
  .navbar-brand{
    margin-left:3rem;
}

.navbar-brand img{
    width:60%;
}
  
 #navbarNav{
     width:95%;
     margin:0 auto;
     padding-right:2rem;
     position:relative;
     top:0.2rem;
 }
 
  #navbarNav .active{
   margin-left:4rem;
 }
 

 
  @media only screen and (max-width:1339px){
  #navbarNav .active{
   margin-left:1rem;
 }
 
 @media only screen and (max-width:1286px){
  #navbarNav .active{
   margin-left:0rem;
 }

}
   
 #navbarNav{
     width:100%;
     margin:0 auto;
     padding-right:2rem;
     position:relative;
     top:0.2rem;
     padding-top:0.5rem;
    
 }
  #navbar .nav-link {
    font-weight: 600;
    margin-left:1.2rem;
    font-size:1rem;
  }
   .navbar-brand{
    margin-left:0rem;
}
 
  }
  
  
  
  @media only screen and (max-width : 1130px){
        #navbar .nav-link {
    margin-left:0.5rem;
    font-size:0.9rem;
  }
  
  }
  
  
  
  
  
  @media only screen and (max-width:1047px){
    
   #navbarNav{
     padding-right:0rem;
 }
  /* #site-header .content{*/
  /*     width:90%;*/
  /*     margin:0 auto;*/
  /* }*/
  /*}*/
  

  @media only screen and (max-width:992px){
      
      .navbar-brand img{
         width:40%;
       }
       
        #navbarNav{
      border-top:1px solid #086491;
 }
       
       
       
.mybuttn{
   border:none;
}
  #navbar .nav-link {;
    font-weight: 600;
    margin-left:1.7rem;
    font-size:0.9rem;
  }
  
  #yourbutton{
      margin-left:1.7rem;
  }
      
   
  
  }
  @media only screen and (max-width:563px){
   
 #site-header {
  padding-bottom:0.6rem;
}
 
   .navbar-brand img{
         width:50%;
         margin-left:1rem;
       }
  

  }