@media only screen and (min-width: 769px) {
.main-menu {
  margin-top: 3%;
  padding-right: 15%;
}
.main-menu .navbar-nav {
  float: right;
}
.main-menu {
  padding-left: 7%;
}
}

@media only screen and (max-width: 1015px) and (min-width: 768px) {
/* mobile menu */

.menu-click {
  position: relative;float: right;padding-top: 30px;
}

.res-menu-click {
  position: absolute;
  right: 15px;
  top: 50%;
  /*transform: translateY(-50%);*/
  height: 45px;
  line-height: 1;
  padding: 5px 10px;
}

.res-menu-click span {
  display: block;
  background-color: #000;
  height: 2px;
  width: 25px;
  margin-top: 6px;
  margin-bottom: 4px;
  transform: rotate(0deg);
  position: relative;
  opacity: 1;
  font-size: 0;
}

.path-contact .res-menu-click span {
  background-color: #0558fa;
}

.res-menu-click span:nth-child(1),
.res-menu-click span:nth-child(3) {
  transition: transform .35s ease-in-out;
}

.res-menu-click.active span:nth-child(1),
.res-menu-click.active span:nth-child(3) {
  position: absolute;
  top: 16px;
}

.res-menu-click.active span:nth-child(1) {
  transform: rotate(135deg);
}

.res-menu-click.active span:nth-child(2) {
  visibility: hidden;
  background-color: transparent;
}

.res-menu-click.active span:nth-child(3) {
  transform: rotate(-135deg);
}

.main-menu {
  display: none;
}
}

@media only screen and (max-width: 769px) {
.main-menu{
  padding: 0;
}
.main-menu .navbar-nav {
  background: #0a4289;
}
.main-menu .nav>li {
  position: relative;
  display: block;
  border: 1px solid white;
  text-align: center;
}
.main-menu a {
  color: #ffffff;
}
.main-menu .nav>li>.is-active {
  padding-bottom: 5px;
  color: white;
  font-weight: bold;
    background-color: rgb(34, 0, 255);
  /* font-size: 22px; */
}
.menu--main.navbar-nav li a:hover {
  background-color: rgb(34, 0, 255);
  color: white;
}

.menu-click {
  position: relative;margin-top: 30px;
}

.res-menu-click {
  position: absolute;
  right: 15px;
  top: 50%;
  /*transform: translateY(-50%);*/
  height: 45px;
  line-height: 1;
  padding: 5px 10px;
}

.res-menu-click span {
  display: block;
  background-color: #000;
  height: 2px;
  width: 25px;
  margin-top: 6px;
  margin-bottom: 4px;
  transform: rotate(0deg);
  position: relative;
  opacity: 1;
  font-size: 0;
}

.res-menu-click span:nth-child(1),
.res-menu-click span:nth-child(3) {
  transition: transform .35s ease-in-out;
}

.res-menu-click.active span:nth-child(1),
.res-menu-click.active span:nth-child(3) {
  position: absolute;
  top: 16px;
}

.res-menu-click.active span:nth-child(1) {
  transform: rotate(135deg);
}

.res-menu-click.active span:nth-child(2) {
  visibility: hidden;
  background-color: transparent;
}

.res-menu-click.active span:nth-child(3) {
  transform: rotate(-135deg);
}


.mainmenu {
  display: none;
}

.mainmenu.show {
  display: block;
}
}
@media only screen and (min-width: 1016px) {
  .res-menu-click {
    display: none;
}
}