﻿
.row-mobile-menu {
  position: relative;
  z-index: 99;
  float: right;
  margin: 5px 15px 15px;
  
}

@media (min-width: 780px) {
  .row-mobile-menu {
    display: block;
  }
}

.row-mobile-menu .mobile-btn-wrapper2:hover {
  cursor: pointer;
   
}

@media (max-width: 780px) {
  .row-menu {
   /* position: absolute;
    left: 0;
    right: 0;
    top: 100%;*/
    z-index: 999;
  }
}

.row-menu .menu-armada2 {
  float: right;
}

@media (max-width: 780px) {
  .row-menu .menu-armada2 {
    float: none;
  }
}

@media (max-width: 780px) {
  .row-menu .menu-armada2 {
    display: none;
  }
}

.row-menu .menu-armada2 > li {
  /*position: relative;*/
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

@media (max-width: 780px) {
  .row-menu .menu-armada2 > li {
    display: block;
    background-color: #313131;
    color: #fff;
    border-bottom: 1px solid #fff;
  }
}

.row-menu .menu-armada2 > li > a {
  display: block;
  padding: 35px 15px;
  color: #313131;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
}

@media (max-width: 780px) {
  .row-menu .menu-armada2 > li > a {
    color: #fff;
    padding: 15px;
  }
}

@media (min-width: 780px) and (max-width: 1599px) {
  .row-menu .menu-armada2 > li > a {
    padding: 35px 6px;
  }
}

@media (min-width: 1350px) {
  .row-menu .menu-armada2 > li > a {
    font-size: 14px;
  }
}

.row-menu .menu-armada2 > li > a:hover {
  background-color: #006f94;
  color: #fff;
  cursor: pointer;
}

@media (max-width: 780px) {
  .row-menu .menu-armada2 > li > a:hover {
    background-color: inherit;
  }
}

.row-menu .menu-armada2 > li > a.active {
  background-color: #006f94;
  color: #fff;
}

.row-menu .menu-armada2 > li .drop-down {
  position: absolute;
  left: 17%;
  /*left: 0;*/
  right: 0;
  z-index: 999;
  display: none;
  margin: auto;
  padding: 50px;
  background-color: #003d51;
  color: #fff;
}

@media (max-width: 780px) {
  .row-menu .menu-armada2 > li .drop-down {
    left: 0;
  }
}

@media (min-width: 780px) and (max-width: 1400px) {
  .row-menu .menu-armada2 > li .drop-down {
    left: 0;
  }
}

@media (min-width: 780px) {
  .row-menu .menu-armada2 > li .drop-down {
    max-width: 1600px;
  }
}

