@media ( max-width:1024px ) {

/* ---- RESPONSIVE -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.responsive { display: block !important; }
.no-responsive { display: none !important; }

/* menú */	

nav.menu-holder { width: 100% !important; position: absolute; top: 0; left: 0; }
	
	.menu-holder #menu-apm-home { display: none; margin-top: 110px; background-color: #0079C2; height: 100%; padding: 2px 0;
		max-height: 440px; overflow: auto; z-index: 2; position: fixed; width: 100%; left: 0; }
	
	.menu-holder #menu-apm-home li { display: block; margin-top: 0; border: none; padding: 0; height: auto; 
		max-width: 100%; margin: 0 auto; position: relative; }
	.header-menu-wrapper .menu-holder > ul > li.current-menu-item > a:before { content: none; }
	
	.menu-holder ul.top-menu li.menu-item ul.sub-menu { display: block; width: 100%; position: static !important; 
		text-align: center !important; -webkit-transition: top .1s ease-in, transform .3s ease-in .15s; 
    	-moz-transition: top .1s ease-in, transform .3s ease-in .15s;  
    	-ms-transition: top .1s ease-in, transform .3s ease-in .15s;  
    	transition: top .1s ease-in, transform .3s ease-in .15s}

	.menu-holder ul.top-menu > li.menu-item > ul.sub-menu { display: none;  }		
		

.active .menu-holder #menu-apm-home { display: block; }

.header-menu-wrapper .menu-holder > ul > li a { padding: 18px 20px;}

.header-top-wrapper .top-holder .user-box-link.no-log small { display: none;}

/* Botón menú */	

.buttons-container{ position: absolute; z-index: 5; display: block; }

	.buttons-container button { display:inline-block; margin:0 1em; border:none; background:none; }
	.buttons-container button span { display:block; }

	.buttons-container .lines-button { padding:2rem 1rem; /* transition: .3s;  */cursor:pointer; user-select:none; position: fixed; 
		width: 100%; text-align: right; background: #3D3D4C; left: 0; margin: 0; top: 35px; }
		
	.buttons-container .lines-button:active{ transition:0; }
	.buttons-container .lines-button:focus { border: none;}
	
	.buttons-container .lines { display:inline-block; width:21px; height:3px; background:#ecf0f1; position:relative; }
	
	.buttons-container .lines:before, .buttons-container .lines:after { display:inline-block; width:21px; height:3px; background:#ecf0f1;
    	position:absolute; left:0; content:''; -webkit-transform-origin:10.5px center;transform-origin:10.5px center; }

	.buttons-container .lines:before { top:6px; -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
	.buttons-container .lines:after { bottom:6px; -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }

	
	.buttons-container .lines-button.arrow.close .lines:before, .lines-button.arrow.close .lines:after { top:0; width:21px; }
	.buttons-container .lines-button.minus.close .lines:before, .lines-button.minus.close .lines:after { -webkit-transform:none; 
		transform:none; top:0; width:23px; }
	
	
	.buttons-container .lines-button.x.close .lines{ background:transparent; }

	.buttons-container .lines-button .lines:before {
    	-webkit-transition: top .1s ease-in, transform .3s ease-in .15s; 
    	-moz-transition: top .1s ease-in, transform .3s ease-in .15s;  
    	-ms-transition: top .1s ease-in, transform .3s ease-in .15s;  
    	transition: top .1s ease-in, transform .3s ease-in .15s; }
    	
	.buttons-container .lines-button .lines:after {
    	-webkit-transition: bottom .1s ease-in, transform .3s ease-in .15s; 
    	-moz-transition: bottom .1s ease-in, transform .3s ease-in .15s; 
    	-ms-transition: bottom .1s ease-in, transform .3s ease-in .15s; 
    	transition: bottom .1s ease-in, transform .3s ease-in .15s; }

	.buttons-container .lines-button.first-move .lines:before { top: 0; -ms-transform: rotate(135deg); 
		-webkit-transform: rotate(135deg); transform: rotate(135deg); }
	.buttons-container .lines-button.first-move .lines:after { bottom: 0; -ms-transform: rotate(225deg); 
		-webkit-transform: rotate(225deg); transform: rotate(225deg); }

/* Botón submenú */	

   nav .show-sub { position: absolute; height: 36px; width: 36px; top: 9px; right: 10px; display: block; cursor: pointer; 
	   background: rgb(0, 150, 219); }
    nav .show-sub:before { content: ""; height: 2px; width: 10px; position: absolute; top: 50%; left: 50%; 
        margin-left: -5px; margin-top: -1px; background: #fff; display: block; 
        -ms-transform: rotate(0deg); 
        -webkit-transform: rotate(0deg); transform: rotate(0deg);-webkit-transition: all 300ms ease; 
        -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
        
    nav .show-sub:after { content: ""; height: 10px; width: 2px; position: absolute; top: 50%; left: 50%; 
        margin-top: -5px; margin-left: -1px; background: #fff; display: block; -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg); transform: rotate(0deg);-webkit-transition: all 300ms ease; 
        -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
        
    nav .show-sub.active:before { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    nav .show-sub.active:after { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }

     
    .header-menu-wrapper .menu-holder .menu-column { float: none; width: 100%; text-align: center; }
    .header-menu-wrapper .menu-holder .menu-column-2 { float: none; width: 100%; text-align: center; }
    .header-menu-wrapper .menu-holder .menu-column-3 { float: none; width: 100%; text-align: center; }
    
    .header-menu-wrapper .menu-holder ul li ul { display: block; opacity: 1; }
    
   
   /* Resto navegación (buscar, logo ...)*/

	.header-top-wrapper { position: fixed; z-index: 99; height: 35px; overflow: visible; }
	.header-top-wrapper .top-holder .top-box { height: 35px; }

	
	.header-top-wrapper .top-holder a.home-link img { margin-top: 15px; }
	
	.header-top-wrapper .top-holder a.home-link { background: transparent; top: 38px; position: absolute; height: 70px; }
	
	ul.social-links-holder { height: 35px; padding: 7px 0; }
	
	.header-top-wrapper .top-holder a.search-link { width: 35px; line-height: 35px; }
	.header-search { top: 110px; }


    /* user link */
    .header-top-wrapper .top-holder .user-box-link.no-log { height: 35px; width: 35px; line-height: 25px; padding: 5px; }
    .header-top-wrapper .top-holder .user-box-link.no-log span { font-size: 30px; position: relative; top: 7px; }

    /* user Logged */
    .header-top-wrapper .top-holder .user-box-link.is-log { height: 35px; width: 35px; padding: 10px; padding: 2.5px; }
    .header-top-wrapper .top-holder .user-box-link.is-log span.user-icon { font-size: 12px; line-height: 26px; width: 30px; height: 30px; border: 3px solid rgba(255,255,255,0.3); }
    .header-top-wrapper .top-holder .user-box-link.is-log span.user-icon a { position: absolute; top:1px; right: 1px; display: block; line-height: 22px; width: 22px; }

	.top-menu-others { float: left; line-height: 35px; text-transform: uppercase; font-size: 11px; position: absolute; padding-left: 5px; }
	.top-menu-others ul li:first-child { display: none; }
	.header-top-wrapper .top-holder a.search-link span { font-size: 30px; }
	
	.header-menu-wrapper .menu-holder ul li ul { border-top: none; }
	
	
	/* Páginas  */
	
	.page-wrapper { margin-top: 65px; }
	
	.common-post .post-img-holder { height: auto !important; }
	
	.common-post .post-text-holder { height: auto !important; padding-bottom: 10px; }
	.full-destacada article header h1 { margin-bottom: 0px; margin-top: 15px; }
	
	
	/* footer */
	
	.footer-wrapper { text-align: center; }
	
	#menu-menu-footer-third-col, #menu-menu-footer-second-col, #menu-menu-footer-first-col { display: none; }
	
	
	
	
}