@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .header-style-two .nav-outer {
    width: 50%;
  }

  .header-style-two .main-menu .navigatemenu>li {
    margin-right: 0px;
    margin-left: 8px;
  }

  .main-menu .navigatemenu>li.dropdown>a {
    padding-right: 5px
  }

  .header-style-two .main-menu .navigatemenu>li>a {
    font-size: 14px;
  }
    
   
}
@media only screen and (min-width: 1024px) and (max-width: 1124px) {

    .main-header .header-upper .upper-right {
      width: 50%;
    }

}