@media (max-width: 400px) {

    #wbb5-logo img {
/*        width: 100px;*/
        width: 160px;
    }
    .wbb5-header-m1-item {
        margin: 0px 5px 0px 5px;
    }
    .wbb5-header-rightmenu-item {
        margin: 0px 5px 0px 5px;
    }
}

/*
@media (min-width: 816px) {
*/
@media (min-width: 750px) {
    
    #wbb5-sidebar {
		display: block;
	}
    #wbb5-sidebar.wbb5-menu-hide {
        display: block;
    }
    #wbb5-sidebar.wbb5-menu-show {
        display: block;
    }
    #wbb5-menu1 {
        display: none;
    }

    #wbb5-sidebar-toggle {
        display: none;
    }
    .fullscreen {
        #wbb5-content {
            margin-left: initial;
            width: 84%;
        }
        #wbb5-sidebar-toggle {
            display: none;
        }
    }
}

/*
@media (max-width: 816px) {
*/
@media (max-width: 750px) {
    #wbb5-header{
        position: fixed;
        background-color: var(--color-white);
        top: 0; 
        left: 0;
        width: 100%;
        z-index: 1024;
        border-bottom: solid 1px var(--color-rediris-amarillo-1);
    }
    .preproduction #wbb5-header{ 
        top: var(--preproduction-height); 
    }
    #wbb5-logo {
        padding-top: 2px;
/* 			padding-left: 20px; */
        padding-left: 0px;
        padding-bottom: 8px;
    }

    #wbb5-header-m1 {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: wrap;
        margin:0 0px 0 0px;
        display: none;
    }
    #wbb5-header-rightmenu {
        text-align: right;
    }
    #wbb5-sidebar {
			display: none;
		}
    #wbb5-sidebar.wbb5-menu-hide {
        display: none;
    }
    #wbb5-sidebar.wbb5-menu-show {
        display: block;
        visibility: visible;
    }
    #wbb5-sidebar.responsive{
        background-color: var(--color-white) !important;
        margin-left:0px !important;
        width: 100% !important;
        margin-bottom: 40px;
        padding: 10px 20px 70px 20px!important;
        border: solid 1px var(--color-gray);
        position: fixed;
        top: 63px;
        left: 0px;
        overflow-y: auto;
        z-index: 1025;
        height: 100%;
		}
		.preproduction #wbb5-sidebar.responsive{
        top: calc(var(--preproduction-height) + 63px);
		}
    #wbb5-menu1 {
        display: block;
    }
    #wbb5-sidebar-toggle {
        display:inline-block;
        border: 0;
        background-color: var(--color-white);
        margin-left: 6px;
        margin-bottom: 5px;
        text-align: center;
    }

    #wbb5-body {
        margin: 15px;
        margin: 90px 15px 15px 15px;
        margin: 15px 15px 15px 15px;
        padding: 0;
        display: block;
    }

	#wbb5-content {
		margin-left:0 !important;
	}

    #wbb5-footer-links {
        display: flex;
        justify-content: center;
        flex-wrap:wrap;
    }

	#wbb5-footer ul {
		display:contents;
	}

}

/* Estilos para impresión */
@media print {
	body {
		background-image: none;
	}

	#wbb5-body {
		margin:1rem 0 0 1rem;
	}

	/* Cabecera de preproducción */
	.wbb5-preproduction {
		display: none;
	}

	/* Header no-sticky */
	#wbb5-header {
		position: unset;
	}
	#wbb5-header-topmenu {
		display: none;
	}
	#wbb5-breadcrumb-wrapper {
		display: none;
	}

	h2#wbb5-subtitle{
		padding: 0 !important;
	}

	#wbb5-footer {
		display: none;
	}

	/* flecha goTop */
	.gotop {
		display: none !important;
	}
}