/*===========Desktop Responsive=========*/
@media only screen and (min-width: 1201px) {

  #primary-nav .sub-menu li a {
    padding: 6px;
  }
  #primary-nav li.active > a, #primary-nav li > a:hover, #primary-nav li.selected > a {
      background: transparent;
      color: #fff;
  }
 
  #primary-nav .sub-menu li {
      border-bottom: 1px solid #8e1a32;
      padding-left:15px;
  }
  .menu li {
      float: left;
      margin-right: 16px;
      position: relative;
  }
}
/*===========Idad Pro Responsive=========*/
@media only screen and (min-width: 1024px) and (max-width: 1200px){


    #primary-nav .sub-menu li a {
      padding: 6px;

    }
    /* #primary-nav li.active > a, #primary-nav li > a:hover, #primary-nav li.selected > a {
        background: transparent;
        color: #fff;
    } */
    #primary-nav .sub-menu {
        background: #a81635;
        min-width: 150px;
        z-index: 200;
    }
    #primary-nav .sub-menu li {
        border-bottom: 1px solid #8e1a32;
        padding-left:15px;
    }
    .menu li {
        float: left;
        margin-right: 5px;
        position: relative;
    }
 
  
}
/*===========Idad Mini Responsive=========*/
@media only screen and (min-width: 768px) and (max-width: 1000px){

  #primary-nav .sub-menu li a {
    padding: 5px;
  }
  #primary-nav li.active > a, #primary-nav li > a:hover, #primary-nav li.selected > a {
      background: transparent;
      color: #fff;
  }
  #primary-nav .sub-menu {
      background: #a81635;
      min-width: 150px;
      z-index: 200;
  }
  #primary-nav .sub-menu li {
      border-bottom: 1px solid #8e1a32;
      padding-left:15px;
  }
  .menu li {
      float: left;
      margin-right: 5px;
      position: relative;
  }


}
/*===========Mobiles Responsive=========*/
@media only screen and  (max-width:736px){
  #primary-nav.mobile .sub-menu li a {
    padding-left: 20px;
  }
  .menu-responsive button#primary-nav-button {
  right: 15px;
  }

  .menu-responsive #primary-nav.mobile {
    display: none;
    position: absolute;
    top: 110px;
    background: #9d253e;
    width: 100%;
    z-index: 99;
    left: 0;
  }
  #primary-nav.mobile li {

    border-bottom: 1px solid #84263a;
  }
  #primary-nav .sub-menu {
    background: #9d253e;
    min-width: 150px;
    z-index: 200;
  }
  #primary-nav.mobile li a {
    padding:8px;
    padding-left: 25px;
  }
 #primary-nav li.active > a, #primary-nav li > a:hover, #primary-nav li.selected > a {
    background: #6f438a;
    /* color: #fff; */
}
  #primary-nav.mobile li.selected > a {
      border-bottom: 1px solid #862a3d;
   }

   #primary-nav.mobile .sub-menu li a {
       padding-left: 41px;
   }
   #primary-nav.mobile .sub-menu >.dropdown li a {
       padding-left: 60px;
   }
}
.menu > li.active > a span.title_menu{
    border-bottom: 2px solid white;
    padding-bottom: 3px;
}

#primary-nav-button:before {
    color: white;
    background-color: #9d253e
}
#primary-nav .sub-menu a {
    font-size: 14px;
}
