/*---------------------------- MEDIA QUERIES ----------------------------*/

@media only screen and (min-width:450px){
	.page-header span {
	display: block;
	}
  
	.page-nav {
    clear:left;
    position: relative;
    visibility: inherit;
    transition:visibility .4s linear;
	}
	
	
	

	

	
	
	
  
@media only screen and (min-width:700px){
	

	
	.page-header{
	height: 130px;
	}
   
	.logo{
	max-width: 92px;
	}
	
	.page-nav{
	width: auto;
	float: right;
	display: block;
	clear: none;
	visibility: visible;
	}
  
  	.page-header-leebreta span{
	display: none;
	}
  
	.page-header span{
	display: none;
	}

	.page-nav ul, .page-nav li{
	float: left;
	}

	.page-nav a {
    border-top: none;
	}

	.collapse {
    visibility: inherit;
	display: block;
  }  

@media only screen and (max-width:699px){
  .collapse {
    visibility: hidden;
	display: block;
  }














@media only screen and (max-width: 767px) {
  /* Estilos específicos para dispositivos móviles */
  .header-menu {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 999;
  }

  .header-menu .menu-container {
    max-height: calc(100vh - 50px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }