/*===========Desktop Responsive=========*/
@media only screen and (min-width: 1201px) {

  .logo {
      margin-top: 8px;
      float: left;
      position: relative;
  }
/*  .menu-responsive {
      margin-top: 31px;
      float: left;
      margin-left: 33px;
      position: relative;
  }*/
  #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: 16px;
      position: relative;
  }
}
/*===========Idad Pro Responsive=========*/
@media only screen and (min-width: 1024px) and (max-width: 1200px){
   /* .menu-front .menu-responsive {
        margin-top: 13px;
        float: left;
        margin-left: 30px;
    }*/
    .logo {
        margin-top: 8px;
        float: left;
        position: relative;
    }
    /*.menu-responsive {
        margin-top: 31px;
        float: left;
        margin-left: 33px;
    }*/
    #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){
/*  .menu-front .menu-responsive {
    margin-top: 18px;
    float: left;
    margin-left: 0px;
  }*/
  .logo {
      margin-top: 8px;
      float: left;
      position: relative;
  }
 /* .menu-responsive {
    margin-top: 45px;
    float: left;
    margin-left: 0px;
  }*/
  #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;
  }
  #primary-nav li a {
    color: #fff;
    padding: 4px;
    font-size: 13px;
  }
}
/*===========Mobiles Responsive=========*/
@media only screen and  (max-width:736px){
  #primary-nav.mobile .sub-menu li a {
    padding-left: 20px;
  }
  .menu-front> .menu-responsive #primary-nav.mobile {
      display: none;
      position: absolute;
      top: 93px;
      background: #9d253e;
      width: 100%;
      z-index: 99;
      left: 0;
  }
  .menu-front .menu-responsive {
    float: left;
    width: 100%;
    margin-top: 50px;
  }
 
  .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: #9d253e;
      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;
   }
}
/*==========Cusstomize Css========*/
/* ul.dropdown > li.active span {
    position: relative;
    border-bottom: 2px solid white;
    padding-bottom: 7px;
} */
.menu > li.active > a span.title_menu{
    border-bottom: 2px solid white;
    padding-bottom: 3px;
}
#primary-nav li a {
    font-family: 'Ubuntu', serif, Hanuman, Battambang
}
#primary-nav-button:before {
    color: white;
    background-color: #9d253e
}
#primary-nav .sub-menu a {
    font-size: 14px;
}