@media (max-width:1250px)
{
    .menu
    {
        font-size: 12px;  
    }
    .menu a
    {
        padding: 4px 20px 4px 5px !important;
    }
}
@media (max-width:1200px)
{
    nav #navegacion > ul
    {
        margin-left: 0px;
    }
}

@media (max-width:1140px)
{
    header, nav
    {
        padding: 0 20px;
    }
}

@media (max-width:1040px)
{
    .menu
    {
        font-size: 10px;  
    }
}
@media (max-width:1000px)
{
    nav
    {
        height: 120px;
    }
    
    nav > div
    {
        display: block;
        float: none;
    }
    
    nav #navegacion
    {
        height: 40px;
        float: none;
    }
    
    nav > div > ul
    {
        height: 40px !important;
    }

    nav > div > ul > li > a
    {
        height: 40px !important;
    }
    nav #navegacion > ul .menuText
    {
        top: 0px !important;
    }
    .menu
    {
        font-size: 14px;
        left: 0;
    }
}
@media (max-width:820px)
{
    .menu
    {
        font-size: 12px;
        left: -60px;
    }
}
@media (max-width:700px)
{
    nav .caret
    {
        display:none;
    }
    .dropdown:not(.clicked):hover > .dropdown-menu
    {
        display: none;
    }
    footer
    {
        height: 100px;
    }
    footer img
    {
        width: 100px;
        margin-top: 15px;
    }
}
@media (max-width:600px)
{
    header, nav
    {
        padding: 0 ;
    }
    .navbar-header
    {
        display:block;
        text-align: center;
        height: auto;
    }
    .navbar-header button
    {
        margin: 0;
        width: 100%;
        display: inline-block;
        float:none;
        color:#1f4199;
        font-weight: bold;
        transition: all 0.2s;
        text-transform: uppercase;
    }
    header
    {
        height: 100%;
    }
    nav
    {
        height: 100%;
        display:block;
    }
    nav .logoCont
    {
        text-align: center;
    }
    nav #navegacion
    {
        height: 205px;
    }
    nav #navegacion > ul
    {
        width: 100%;
        height: 100%;
        display:inline-block;
    }
    nav #navegacion > ul > li
    {
        text-align: center;
        float:none;
    }
}
@media (max-width:450px)
{
    header #searchBar, header #searchBar:active, header #searchBar:focus
    {
        width: 150px;
    }
}

@media (max-width:350px)
{
    header #searchBar, header #searchBar:active, header #searchBar:focus
    {
        width: 60px;
    }
    header #searchBar::-webkit-input-placeholder
    {
        color: #1f4199;
    }
    header #searchBar:-ms-input-placeholder
    {
        color: #1f4199;
    }
    header #searchBar:-moz-placeholder
    {
        color: #1f4199;
    }
    header #searchBar::-moz-placeholder
    {
       color: #1f4199;
    }
}