@media (max-width: 1350px) {
    .navbar-header { float: none; }
    .navbar-left,.navbar-right { float: none !important; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-nav { float: none!important; margin-top: 7.5px; }
    .navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
    .collapse.in { display:block !important; }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #FFF; padding: 10px 5px; }
    .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; padding: 0px 25px; }
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; }
    .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; }
    .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; }
}
/* Escritorio Grande */
@media only screen and (min-width: 1350px) {
    #movil { display: none; }
    /* Menu Escritorio */
    .main-menu {
        width: 100%;
        max-width: 1335px;
        min-width: 300px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .navbar {
        position: relative;
        min-height: 0;
        border: 1px solid transparent;
        margin-bottom: 0px;
        border-radius: 0;
    }
    .navbar-principal {
        background-color: rgba(244, 244, 244, 0.85);
        border: none;
    }
    .navbar-principal .navbar-nav > .active > a, .navbar-principal .navbar-nav > .active > a:hover, .navbar-principal .navbar-nav > .active > a:focus {
        background-color: rgba(46, 27, 22, 0.85);
        color: #FFF;
    }
    .navbar-principal .navbar-nav > li > a {
        color: #000;
        padding: 5px 25px;
    }
    .navbar-principal .navbar-nav > li > a:hover {
        background-color: rgba(46, 27, 22, 0.85);
        color: #FFF;
    }
    .navbar-principal .navbar-nav > li > a:focus {
        background-color: rgba(46, 27, 22, 0.85);
        color: #FFF;
    }
    .navbar-principal .navbar-nav > .open > a, .navbar-principal .navbar-nav > .open > a:hover, .navbar-principal .navbar-nav > .open > a:focus {
        background-color: rgba(46, 27, 22, 0.85);
        color: #FFF;
    }
    .navbar-principal .navbar-nav > li > a {
        color: #000;
        padding: 5px 10px;
    }
    /* Contenidos del Menu */
    .navbar-center {
        float: none !important;
        margin: 0 90px 0 90px;
    }
    @media (min-width: 608px){
        .navbar-center .dropdown-left {
            right: auto;
            left: 0;
        }
        .navbar-center .dropdown-right {
            right: 0;
            left: auto;
        }
        .navbar-center .dropdown-center {
            right: -115px;
            left: auto;
        }
    }

    .mega-dropdown { position: static !important; }
    .mega-dropdown-menu {
        padding: 20px 15px 15px;
        width: 100%;
        height: auto;
    }
    .dropdown-menu {
        background: rgba(255, 255, 255, 0.95);
    }
    .list-group-item {
        background: rgba(46, 27, 22, 0.75);
        border: 1px solid #DDD;
    }
    .list-group-item a {
        color: #fff;
    }
    .list-group-item:hover {
        background: rgba(46, 27, 22, 1);
    }

    /* search start  */
    .search-linea {
        width: 100%;
        left: 130px;
        padding-left: 15px;
        padding-right: 15px;
        top: 0;
        height: 100%;
        position: absolute;
        opacity: 0;
        visibility: hidden;
        background-color: #efefef;
        z-index: 9;
        transition: all .5s ease-in-out;
    }
    .search-linea.search-visible {
        opacity: 1;
        visibility: visible;
        animation: fadeInDown 0.4s ease-in-out;
    }
    .search-linea button[type="submit"] {
        position: absolute;
        right: 52px;
        top: 0;
        background-color: transparent;
        border: 0px;
        top: 0;
        right: 80px;
        padding: 0px;
        cursor: pointer;
        width: 80px;
        height: 99%;
        background: #222;
        color: #fff;
    }
    .search-linea .formulario-control {
        border: 0px;
        padding-left: 5px;
        font-size: 2rem;
        position: absolute;
        right: 160px;
        top: 0;
        height: 100%;
        width: 2725%;
        font-weight: 700;
        outline: none;
    }
    .search-linea .search-close {
        position: absolute;
        top: 0;
        right: 0;
        color: #616161;
        width: 80px;
        height: 100%;
        text-align: center;
        display: table;
        background: #efefef;
        text-decoration: none;
    }
    .search-linea .search-close i {
        display: table-cell;
        vertical-align: middle;
    }
    .formulario-control {
        display: block;
        width: 100%;
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
        color: #495057;
        background-color: #efefef;
        background-clip: padding-box;
        border: 1px solid #efefef;
        border-radius: .25rem;
        transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
    }

    @keyframes fadeInDown {
        from {
            opacity: 0;
            transform: translate3d(0, -20%, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }
}
/* Escritorio Normal */
@media only screen and (min-width: 1025px) and (max-width: 1350px) {
    body { font-size: 16px; }
    #desktop { display: none; }
    #movil { display: inline; }
    /* Menu Celular */
    .navbar {
        position: relative;
        min-height: 0px;
        border: 1px solid transparent;
        margin-bottom: 0px;
        border-radius: 0;
    }
    .navbar-principal {
        *background-color: transparent;
        background-color: rgba(46, 27, 22, 0.75);
        border: none;
    }
    .navbar-principal .navbar-nav > .active > a, .navbar-principal .navbar-nav > .active > a:hover, .navbar-principal .navbar-nav > .active > a:focus {
        background-color: transparent;
        color: #FFF;
    }
    .navbar-principal .navbar-nav > li > a {
        color: #CCC;
    }
    .navbar-principal .navbar-nav > li > a:hover {
        color: #FFF;
    }
    .navbar-principal .navbar-nav > li > a:focus {
        color: #FFF;
    }
    .navbar-principal .navbar-nav > .open > a, .navbar-principal .navbar-nav > .open > a:hover, .navbar-principal .navbar-nav > .open > a:focus {
        background-color: transparent;
        color: #FFF;
    }
    @media (min-width: 768px){
        .navbar-nav>li>a {
            padding-top: 5px;
            padding-bottom: 5px;
        }
    }
    .nav>li {
        border-right: 1px solid;
        border-color: rgba(255, 255, 255, 0.3);
        padding: 0px 0px;
    }
    .navbar-brand {
        float: left;
        height: 50px;
        padding: 0px 25px;
        font-size: 18px;
        line-height: 20px;
    }
    .dropdown-menu {
        padding: 20px 0px;
        width: 800px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    .dropdown-menu > li > ul {
        padding: 0;
        margin: 0;
    }
    .dropdown-menu > li > ul > li {
        list-style: none;
    }
    .dropdown-menu > li > ul > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        white-space: normal;
    }
    .btnMenu {
        color: #FFF;
        width: 300px;
        padding: 5px 15px;
        text-align: center;
        border-radius: 15px;
        display: inline-block;
        border: 1px solid #FFF;
    }
    a:hover.btnMenu {
        color: #FFF;
    }
}
/* Tableta Horizontal */
@media only screen and (min-width: 960px) and (max-width: 1024px) {
   body { font-size: 16px; }
    #desktop { display: none; }
    #movil { display: inline; }
    /* Menu Celular */
    .navbar {
        position: relative;
        min-height: 0px;
        border: 1px solid transparent;
        margin-bottom: 0px;
        border-radius: 0;
    }
    .navbar-principal {
        *background-color: transparent;
        background-color: rgba(46, 27, 22, 0.75);
        border: none;
    }
    .navbar-principal .navbar-nav > .active > a, .navbar-principal .navbar-nav > .active > a:hover, .navbar-principal .navbar-nav > .active > a:focus {
        background-color: transparent;
        color: #FFF;
    }
    .navbar-principal .navbar-nav > li > a {
        color: #CCC;
    }
    .navbar-principal .navbar-nav > li > a:hover {
        color: #FFF;
    }
    .navbar-principal .navbar-nav > li > a:focus {
        color: #FFF;
    }
    .navbar-principal .navbar-nav > .open > a, .navbar-principal .navbar-nav > .open > a:hover, .navbar-principal .navbar-nav > .open > a:focus {
        background-color: transparent;
        color: #FFF;
    }
    @media (min-width: 768px){
        .navbar-nav>li>a {
            padding-top: 5px;
            padding-bottom: 5px;
        }
    }
    .nav>li {
        border-right: 1px solid;
        border-color: rgba(255, 255, 255, 0.3);
        padding: 0px 0px;
    }
    .navbar-brand {
        float: left;
        height: 50px;
        padding: 0px 25px;
        font-size: 18px;
        line-height: 20px;
    }
    .dropdown-menu {
        padding: 20px 0px;
        width: 800px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    .dropdown-menu > li > ul {
        padding: 0;
        margin: 0;
    }
    .dropdown-menu > li > ul > li {
        list-style: none;
    }
    .dropdown-menu > li > ul > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        white-space: normal;
    }
    .btnMenu {
        color: #FFF;
        width: 300px;
        padding: 5px 15px;
        text-align: center;
        border-radius: 15px;
        display: inline-block;
        border: 1px solid #FFF;
    }
    a:hover.btnMenu {
        color: #FFF;
    }
}
/* Tableta Vertical */
@media only screen and (min-width: 768px) and (max-width: 960px) {
    body { font-size: 16px; }
    #desktop { display: none; }
    #movil { display: inline; }
    /* Menu Celular */
    .navbar {
        position: relative;
        min-height: 0px;
        border: 1px solid transparent;
        margin-bottom: 0px;
        border-radius: 0;
    }
    .navbar-principal {
        *background-color: transparent;
        background-color: rgba(46, 27, 22, 0.75);
        border: none;
    }
    .navbar-principal .navbar-nav > .active > a, .navbar-principal .navbar-nav > .active > a:hover, .navbar-principal .navbar-nav > .active > a:focus {
        background-color: transparent;
        color: #FFF;
    }
    .navbar-principal .navbar-nav > li > a {
        color: #CCC;
    }
    .navbar-principal .navbar-nav > li > a:hover {
        color: #FFF;
    }
    .navbar-principal .navbar-nav > li > a:focus {
        color: #FFF;
    }
    .navbar-principal .navbar-nav > .open > a, .navbar-principal .navbar-nav > .open > a:hover, .navbar-principal .navbar-nav > .open > a:focus {
        background-color: transparent;
        color: #FFF;
    }
    @media (min-width: 768px){
        .navbar-nav>li>a {
            padding-top: 5px;
            padding-bottom: 5px;
        }
    }
    .nav>li {
        border-right: 1px solid;
        border-color: rgba(255, 255, 255, 0.3);
        padding: 0px 0px;
    }
    .navbar-brand {
        float: left;
        height: 50px;
        padding: 0px 25px;
        font-size: 18px;
        line-height: 20px;
    }
    .dropdown-menu {
        padding: 20px 0px;
        width: 800px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    .dropdown-menu > li > ul {
        padding: 0;
        margin: 0;
    }
    .dropdown-menu > li > ul > li {
        list-style: none;
    }
    .dropdown-menu > li > ul > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        white-space: normal;
    }
    .btnMenu {
        color: #FFF;
        width: 300px;
        padding: 5px 15px;
        text-align: center;
        border-radius: 15px;
        display: inline-block;
        border: 1px solid #FFF;
    }
    a:hover.btnMenu {
        color: #FFF;
    }
}
/* Celular Horizontal */ 
@media only screen and (min-width: 480px) and (max-width: 768px) {
   body { font-size: 16px; }
   #desktop { display: none; }
   #movil { display: inline; }
   /* Menu Celular */
   .navbar {
       position: relative;
       min-height: 0px;
       border: 1px solid transparent;
       margin-bottom: 0px;
       border-radius: 0;
   }
   .navbar-principal {
       *background-color: transparent;
       background-color: rgba(46, 27, 22, 0.75);
       border: none;
   }
   .navbar-principal .navbar-nav > .active > a, .navbar-principal .navbar-nav > .active > a:hover, .navbar-principal .navbar-nav > .active > a:focus {
       background-color: transparent;
       color: #FFF;
   }
   .navbar-principal .navbar-nav > li > a {
       color: #CCC;
   }
   .navbar-principal .navbar-nav > li > a:hover {
       color: #FFF;
   }
   .navbar-principal .navbar-nav > li > a:focus {
       color: #FFF;
   }
   .navbar-principal .navbar-nav > .open > a, .navbar-principal .navbar-nav > .open > a:hover, .navbar-principal .navbar-nav > .open > a:focus {
       background-color: transparent;
       color: #FFF;
   }
   @media (min-width: 768px){
       .navbar-nav>li>a {
           padding-top: 5px;
           padding-bottom: 5px;
       }
   }
   .nav>li {
       border-right: 1px solid;
       border-color: rgba(255, 255, 255, 0.3);
       padding: 0px 0px;
   }
   .navbar-brand {
       float: left;
       height: 50px;
       padding: 0px 25px;
       font-size: 18px;
       line-height: 20px;
   }
   .dropdown-menu {
       padding: 20px 0px;
       width: 800px;
       box-shadow: none;
       -webkit-box-shadow: none;
   }
   .dropdown-menu > li > ul {
       padding: 0;
       margin: 0;
   }
   .dropdown-menu > li > ul > li {
       list-style: none;
   }
   .dropdown-menu > li > ul > li > a {
       display: block;
       padding: 3px 20px;
       clear: both;
       font-weight: normal;
       line-height: 1.428571429;
       white-space: normal;
   }
   .btnMenu {
       color: #FFF;
       width: 300px;
       padding: 5px 15px;
       text-align: center;
       border-radius: 15px;
       display: inline-block;
       border: 1px solid #FFF;
   }
   a:hover.btnMenu {
       color: #FFF;
   }
}
/* Celular Vertical */
@media only screen and (max-width: 480px) {
    body { font-size: 16px; }
    #desktop { display: none; }
    #movil { display: inline; }
    /* Menu Celular */
    .navbar {
        position: relative;
        min-height: 0px;
        border: 1px solid transparent;
        margin-bottom: 0px;
        border-radius: 0;
    }
    .navbar-principal {
        *background-color: transparent;
        background-color: rgba(46, 27, 22, 0.75);
        border: none;
    }
    .navbar-principal .navbar-nav > .active > a, .navbar-principal .navbar-nav > .active > a:hover, .navbar-principal .navbar-nav > .active > a:focus {
        background-color: transparent;
        color: #FFF;
    }
    .navbar-principal .navbar-nav > li > a {
        color: #CCC;
    }
    .navbar-principal .navbar-nav > li > a:hover {
        color: #FFF;
    }
    .navbar-principal .navbar-nav > li > a:focus {
        color: #FFF;
    }
    .navbar-principal .navbar-nav > .open > a, .navbar-principal .navbar-nav > .open > a:hover, .navbar-principal .navbar-nav > .open > a:focus {
        background-color: transparent;
        color: #FFF;
    }
    @media (min-width: 768px){
        .navbar-nav>li>a {
            padding-top: 5px;
            padding-bottom: 5px;
        }
    }
    .nav>li {
        border-right: 1px solid;
        border-color: rgba(255, 255, 255, 0.3);
        padding: 0px 0px;
    }
    .navbar-brand {
        float: left;
        height: 50px;
        padding: 0px 25px;
        font-size: 18px;
        line-height: 20px;
    }
    .dropdown-menu {
        padding: 20px 0px;
        width: 800px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    .dropdown-menu > li > ul {
        padding: 0;
        margin: 0;
    }
    .dropdown-menu > li > ul > li {
        list-style: none;
    }
    .dropdown-menu > li > ul > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        white-space: normal;
    }
    .btnMenu {
        color: #FFF;
        width: 300px;
        padding: 5px 15px;
        text-align: center;
        border-radius: 15px;
        display: inline-block;
        border: 1px solid #FFF;
    }
    a:hover.btnMenu {
        color: #FFF;
    }
}