/* xl */
@media only screen and (min-width : 1200px) {}

/* lg */
@media only screen and (max-width : 1199px) {
	
	.navbar-nav{
		width: 100%;
	}
	#nav li.nav-item{
		margin:0;
		width: 20%;
	}
	#nav li.nav-item:last-child{
		display:none;
	}
	.carousel-caption h5{
		margin-top:4rem;
		font-size: 60px;
	}
	#bio img{
		margin-top: 2rem;
	}
	#bio nav{
		margin-top: 2rem;
	}
	.header-inner h6{
		margin:7rem 0 1.5rem 0;
	}
	
}

/* md */
@media only screen and (max-width : 991px) {
	
	button:not(.toggle), .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
	    background-color: white;
	}
	
	#nav,
	#nav .bg-light{
		border-top:none;
		background:#f9f9f9 !important;
	}
	#nav {
	    padding: 15px;
	}
	
	#nav .navbar-brand {
	    display: inline-block;
		color:#2f78ff;
		font-size: 15px;
		font-weight: 600;
	}
	#nav .navbar-brand img{
		border-radius:40px;
	}
	
	#nav li.nav-item{
		width: 100%;
		border-top:solid 1px #eee;
		border-right:0 !important;
	}
	#nav li.nav-item:first-child{
		border-top:none;
	}
	#nav li.nav-item:last-child{
		display:block;
	}
	
	#nav a.nav-link{
	    padding: 30px 20px 30px 0 !important;
	}
	#nav a.nav-link span {
	    display: inline !important;
	}
	.dropdown-toggle::after {
	    margin-top: 5px !important;
	    margin-right: 0px;
	}
	
	#nav .dropdown-menu {
	    margin-top: 0px;
	    width: 100%;
	    border: 0 !important;
	    border-radius: 0 !important;
	    box-shadow:none !important;
	}
	
	#slides.espacio-top{
		padding-top:3rem;
	}
	.carousel-caption{
		margin:0 0 2rem 0;
		text-align: center;
	}
	.carousel-caption h5{
		margin:0;
		font-size: 45px;
	}
	.carousel-item img{
		width: 100% !important;
		box-shadow:none;
	}
	.carousel-indicators{
		display:none;
	}
	
	#noticias h2.titulo{
		padding-top: 5rem;
		text-align: center;
	}

	#cifras h5{
		text-align: center;
	}
	#cifras strong{
		display:block;
		font-size: 2rem;
	}
	
	.header-inner h6{
		margin:5rem 0 1.5rem 0;
	}
	.servicio h2{
		font-size: 24px;
	}
	
	nav.navflecha{
		display:block;
		padding-bottom:3rem;
		width: 100%;
	}
	nav.navflecha a{
		display:inline-block;
		width: 45%;
		padding:0.75rem 0 0.75rem 2rem;
	
		background:url(../_img/flecha-azul.png) no-repeat 0 15px;
		background-size: 18px;
	
		font-size: 10px;
		font-weight: 700;
		letter-spacing:1px;
		text-transform:uppercase;
	}
	.novedades nav.navflecha a{
		width: 100%;
	}
	.infos hr{
		display:none;
	}
	
	#footer nav a img{
		margin-right: 30px;
	}
	#footer nav a span{
		display:none;
	}
	
	#inicio-header h1 {
	    margin-top: 4rem !important;
	    font-size: 30px;
	}
	
}

/* sm */ 
@media only screen and (max-width : 767px) {
	
	.espacio{
		padding:3rem 0;
	}
	
	#slides{
		background:url(../_img/slides.png) repeat-x center bottom;
		background-size: 767px;
	}
	.carousel-caption{
		background:white;
	}
	#cirugias figure span{
		padding:4rem 0 0 0;
	}
	#cirugias h3 a{
		font-size: 17px;
		font-weight: 600;
	}
	
	#bio img{
		margin:0 0 2rem 0;
	}
	#bio h5{
		display:block;
		padding:0;
		text-align: left;
	}
	
	#footer{
		padding-bottom: 7rem !important;
	}

	nav#mobileactions{
		position: fixed;
		bottom:0;
		
		display:block;
		width: 100%;
		
		background:white;
		box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.05);
	}
	nav#mobileactions a{
		display:inline-block;
		padding:1.25rem 0;
		width: 49%;
		font-weight: 600;
		text-align: center;
	}
	nav#mobileactions a:first-child{
		border-right:solid 1px #eee;
	}
	
	
	.header-inner{
		position: static;
		padding:3rem 0 3rem 0;
		background:#f9f9f9;
		border-bottom:solid 1px #ddd;
	}
	.header-inner h6,
	.header-inner h1{
		margin:0;
		color:black;
		text-decoration: none;
	}
	.header-inner h6{
		margin-bottom: 1rem;
		color:#999;
	}
	.header-inner h1{
		font-size: 45px;
	}
	
	.novedad h2{
		margin:0px 0 15px 0 !important;
	}
	
	#inicio-header{
		height: auto !important;
		background:none !important;
	}
	#inicio-header h1 {
	    margin-top: 30px !important;
	    font-size: 24px;
	}
	#inicio-header a.botonblanco{
		background:#7ad06d;
		border:solid 1px #7ad06d;
		border-radius:30px;
		color:white;
	}
	#inicio-header a.botonblanco:hover,
	#inicio-header a.botonblanco:focus{
		background:#4cc43a !important;
		border:solid 1px #4cc43a !important;
		color:white !important;
	}
	
	.modal-header.p-5,
	.modal-body.p-5{
		padding:30px !important;
	}
	
	.mlfooter {
	    padding-left: 0rem;
	}
	
	a.boton{
		width: 100%;
		text-align: center;
	}
	a.whatsapp{
		display:none;
	}
	
}

/* xs */ 
@media only screen and (max-width : 575px) {}