/*
@media (max-width: 992px) {
    .footer{
        position:relative;
    }
    body{
        padding-bottom:0;
    }
}


@media (min-width: 992px) and (max-width: 1200px) {
}


@media (min-width: 769px) and (max-width: 991px) {
}


@media (min-width: 481px) and (max-width: 768px) {
}


//@media (max-width: 480px) {
@media (max-width: 768px) {
    body,
    body.scrolled{
        padding-top:51px;
    }
    .scrolled .navbar-top{
        opacity: 1;
    }
    
    // HEADER
    .navbar-brand{
        width:100%;
        text-align:center;
        color:#FFF !important;
    }
    .navbar-toggle{
        position: absolute;
        right: 10px;
    }
    .navbar-menu{
        top:0;
        z-index:900;
    }
    .navbar-header .navbar-nav{
        position: absolute;
        right: 5px;
    }
    .navbar-header .navbar-nav li{
        display:inline-block;
    }
    .navbar-header .navbar-nav li a:link,
    .navbar-header .navbar-nav li a:visited,
    .navbar-header .navbar-nav li a:hover{
        font-size:20px;
        padding:10px;
    }
    .navbar-header .navbar-nav li .navbar-toggle{
        float:none;
        position:relative;
        right:auto;
    }
    
    // MENU 
    #navbar,
    #navbar > ul{
        width:100%;
        margin-left:0;
        margin-right:0;
    }
    
    #navbar{
        padding:60px 0 0;
        height:auto !important;
    }
    .navbar-nav {
        margin: 0 -15px;
    }

    #logo-menu #navbar{
        width:0px;
    }
    #logo-menu{
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        padding:0;
    }
    
    #logo-menu img{
        float: none;
    }
    
    // Menu en latéral
   nav.navbar-menu{
       display:none;
       bottom:0;
       background:#FFF;
   }
   
   button.navbar-toggle {
       height: 34px;
   }
   
   button.navbar-toggle.active span:nth-child(1),
   button.navbar-toggle.active span:nth-child(2){
       opacity:0;
       height:14px;
   }
   
   button.navbar-toggle.active span:nth-child(3){
       transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
       position:absolute;
       margin-top:0px !important;
       top:50%;
   }
   
   button.navbar-toggle.active span:nth-child(4){
       transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
       position:absolute;
       margin-top:0px !important;
       top:50%;
   }

   nav.navbar-menu.active{
       display:block;
   }
   
   #navbar > ul > li > a:link,
   #navbar > ul > li > a:visited,
   #navbar > ul > li > a:focus,
   #navbar > ul > li > a:hover {
       color:#555;
   }
   
   #navbar > ul > li.open .dropdown-menu a:link,
   #navbar > ul > li.open .dropdown-menu a:visited,
   #navbar > ul > li.open .dropdown-menu a:focus,
   #navbar > ul > li.open .dropdown-menu a:hover {
       color:#555;
   }
   
   #navbar > ul > li.open > a, #navbar > ul > li > a:hover,
   #navbar > ul > li.open .dropdown-menu{
       background:none;
   }
    
}

@media (max-width: 480px) {
    .navbar-brand {
        text-align: left;
    }
}