/************************************************************************************
smaller than 1170px
*************************************************************************************/
@media screen and (max-width: 1189px) {
	
	
	div.content {
	    width: 980px;
	}

	div.home-header {
		height: 360px;
	}
	aside.nav {
	    height: 360px;
	}
	aside.nav nav {
	    margin: 20px 0 0 16px;
	}
	aside.nav nav ul li {
		margin: 0 0 10px 0;
	}

	div.ensalud-header nav.submenu {
		display: inline-block;
	}
	aside nav.submenu ul li ul li {
	    margin-left: 22px;
	    list-style: circle;
	}
	aside nav.submenu ul li ul li a {
	    font-size: 16px;
	}
	
	nav#main ul li a {
		font-size: 16px;
	}
	nav#main form {
		width: 115px;
	}
	nav#main form input.text {
		width: 79px;
	}
	div.home-header div.bx-wrapper {
	    height: 360px;
	    width: 485px;
	}
	div.home-header div.slide, div.home-header div.bx-wrapper img {
		height: 360px;
	}
	div.home-header div.slide div.block div.txt {
		font-size: 21px;
	}
	div.home-header div.banners {
	    height: 360px;
	    width: 270px;
	}
	div.banners div.banner img, aside div.banner img {
	    height: 176px;
	}
	div.banners div.banner div.block div.txt {
		font-size: 22px;
	}
	
	aside div.banner div.block div.txt {
		font-size: 16px;
	}
	aside div.banner div.block div.txt .fa {
		font-size: 18px;
	}


	div.ensalud-header {
		height: 455px;
	}
	div.ensalud-header div.prin {
	    width: 700px;
	}
	div.ensalud-header div.banners {
		width: 270px;
		height: 455px;
	}
	div.ensalud-header div.banners div.banner img {
		height: 145px;
	}
	div.ensalud-header div.prin div.banner {
		height: 300px;
	}
	div.ensalud-header div.slide img {
		width: 270px;
		height: 145px;
	}
	div.ensalud-header div.slide div.txt {
	    height: 145px;
	    padding: 5px 10px;
	    width: 410px;
	}
	div.ensalud-header div.bx-wrapper {
	    height: 145px;
	    width: 700px;
	}
	div.ensalud-header div.banners div.banner div.block div.txt, aside.imasi div.banner div.block div.txt {
	    font-size: 16px;
	}
	div.ensalud-header div.banners div.banner div.block div.txt .fa {
		font-size: 18px;
	}
	div.ensalud-header div.slide div.txt h3 {
	    font-size: 26px;
	    margin-bottom: 5px;
	}

	div.features {
	    margin: 20px 0 40px;
	}
	div.features div.feature {
		width: 208px;
	}
	div.features div.feature h3 {
	    font-size: 21px;
	    margin-bottom: 15px;
	}
	div.features div.feature p {
	    font-size: 12px;
	}

	div.destacados div.dest {
		width: 230px;
	}
	div.destacados div.dest h4 {
	    font-size: 18px;
	}

	div.blocks div.block {
		width: 300px;
	}
	div.blocks div.blockEvents {
	    margin: 0 40px;
	}

	article {
		width: 675px;
	}
	article img {
		max-width: 280px;
	}
	article iframe {
	    min-height: 980px;
	}
	article.noticias div.new div.text, article.eventos div.new div.text {
		width: 560px;
	}

	aside {
		width: 270px;
	}

	article div.gal a img {
		width: 390px;
		max-width: inherit;
	}
	article div.grafica {
	    overflow: scroll;
	}

	section.apoyo article div.block-apoyo div.minblock {
		width: 306px;
	}
	section.apoyo article div.serv div.text {
		width: 680px;
	}

	article div.resultados div.result {
		width: 275px;
	}


	footer div.part1 div.menu div.nav {
	    width: 210px;
	}
	footer div.part1 div.menu div.nav ul li {
	    font-size: 12px;
	}

}

/************************************************************************************
smaller than 980px
*************************************************************************************/
@media screen and (max-width: 999px) {

	header {
		height: auto;
		text-align: center;
	}
	header div#logo {
		float: none;
		margin: 24px auto 14px auto;
	}
	header div.social {
		display: none;
	}
	header p {
		display: none;
	}
	
	div.content {
	    width: 90%;
	    padding: 0 5%;
	}
	div#wrapper div.content {
		border-left: 5%;
		border-right: 5%;
		max-width: 480px;
	}

	aside.nav {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 10px 0;
	}
	aside.nav nav ul li {
		margin: 0 0 15px 0;
	}
	aside.nav form, nav#main .searchForm {
		display: none;
	}
	nav#main .sep {
		display: none;
	}
	aside.nav span, .menuPrincipal {
		display: block;
		padding: 0 5%;
		width: 90%;
		height: 49px;
		line-height: 49px;
		overflow: hidden;
		font-size: 22px;
		text-transform: uppercase;
		font-family: 'HelveticaNeueLTStdMdCn', sans-serif;
		background-color: #F2F2F0;
		cursor: pointer;
	}
	aside.nav span .fa, .menuPrincipal .fa {
		font-size: 24px;
		float: right;
		line-height: 49px;
	}
	aside.nav nav {
		margin: 0;
		padding: 20px;
		display: none;
	}

	nav#main {
		height: auto;
		padding: 20px;
		width: auto;
		display: none;
	}
	nav#main ul li {
		float: none;
		display: inline-block;
		width: 100%;
	    margin: 0 0 15px 0;
	}
	nav#main ul li a {
		display: inline;
		font-family: "HelveticaNeueLTStdMdCn",sans-serif;
		height: auto;
		line-height: normal;
		padding: 0;
		font-size: 18px;
	}
	nav#main ul li a:hover, nav#main ul li a.current, nav#main ul li a.active {
		background-color: transparent;
		color: #962f67;
	}
	nav#main ul li a .fa {
		font-size: 20px;
		color: #929292;
		margin: 0 10px 0 0;
		display: inline-block;
	}
	nav#main ul li a:hover .fa, nav#main ul li a.current .fa {
		color: #962f67;
	}

	nav#main ul li a .fa-home {
		display: none;
	}
	nav#main ul li a span {
		display: block;
	}

	nav#main ul li ul {
		display: none !important;
	}


	div.home-header {
	    height: auto;
	}
	div.home-header div.bx-wrapper {
	    height: auto;
	    width: 100%;
	    margin-bottom: 8px;
	}
	div.home-header div.slide, div.home-header div.bx-wrapper img {
		width: 100%;
		height: auto;
	}

	div.home-header div.banners {
		height: auto;
		width: 100%;
	}
	div.banners div.banner img, aside div.banner img, div.prin div.banner img {
		height: auto;
	}

	div.ensalud-header {
		height: auto;
	}
	div.ensalud-header div.prin {
	    width: 100%;
	    height: auto;
	    margin-top: 10px;
	}
	div.ensalud-header div.prin div.banner div.block div.txt {
		font-size: 21px;
	}
	div.ensalud-header div.prin div.banner {
	    height: auto;
	}
	

	div.ensalud-header div.slide img {
	    height: auto;
	    width: 100%;
	    float: none;
	}
	div.ensalud-header div.slide div.txt {
	    height: auto;
	    padding: 10px 5%;
	    width: 90%;
	    float: none;
	}
	div.ensalud-header div.bx-wrapper {
		width: 100%;
		height: auto;
	}
	div.ensalud-header div.banners {
	    width: 100%;
	    height: auto;
	}
	div.ensalud-header div.banners div.banner img {
	    height: auto;
	}


	div.features div.sep1, div.features div.sep2 {
		display: none;
	}
	div.features div.feature  {
		float: none;
		margin: 0 auto;
		width: 90%;
		padding: 30px 5%;
	}

	div.destacados div.dest {
		float: none;
	    width: 100%;
	    margin: 0 0 30px 0;
	}	
	div.destacados div.dest h4 {
	    font-size: 21px;
	}

	.homeBar {
		display: block;
	}


	div.blocks div.block {
	    width: 100%;
	    float: none;
	}
	div.blocks div.blockEvents {
		margin: 0;
	}
	div.blocks div.blockTwitter {
		display: none;
	}


	article {
	    width: 100%;
	    margin-bottom: 20px;
	}
	article img, article.ensayosclinicos img.first {
	    max-width: 100%;
	    float: none;
	}
	article iframe {
	    min-height: 1280px;
	}
	article h1 {
	    font-size: 32px;
	}
	article h2 {
		font-size: 28px;
	}

	aside {
		width: 100%;
	}
	aside div.banner div.block div.txt {
		font-size: 21px;
	}
	aside div.banner div.block div.txt .fa {
		font-size: 22px;
	}


	article.noticias input, article.eventos input {
		margin-bottom: 5px;
	}
	article.noticias div.new div.text, article.eventos div.new div.text {
		width: 100%;
	}

	article div.gal a img {
		width: 90%;
		float: none;
	}

	section.apoyo article div.block-apoyo div.minblock {
		width: 100%;
		margin: 0 0 30px 0;
		float: none;
	}
	section.apoyo article div.block-apoyo div.minblock img {
		width: 100%;
	}
	section.apoyo article div.serv div.text {
		width: 100%;
	}

	article div.resultados div.result {
	    float: none;
	    margin: 0 0 20px 0;
	    padding: 20px 5%;
	    width: 90%;
	}

	article div.imgFundacion {
		overflow: scroll;
	}
	section.apoyo article div.spec div.fundacion {
		width: auto;
	}
	section.apoyo article div.spec div.fundacion div.text {
	    width: auto;
	}


	footer {
		text-align: center;
	}
	footer div.part1 div.menu {
		display: none;
	}
	footer div.part1 div.social {
	    float: none;
		width: 255px;
		margin: 0 auto;
		overflow: hidden;
	}
	footer div.part1 div.text {
		float: none;
		text-align: center;
	}
	footer div.part2 div.text {
		float: none;
		height: auto;
	}
	footer div.part2 div.text p {
		line-height: inherit;
		margin-top: 20px;
	}
	footer div.part2 div.nav {
		float: none;
		width: 135px;
		margin: 0 auto;
	}
	section.contacto form{
		width: 100%;
	}
	section.contacto form input[type="text"],section.contacto form select,section.contacto form textarea{
		width: 100%;
		box-sizing: border-box;
	}


	div.dialog {
		padding: 5px;
	}
}


/************************************************************************************
smaller than 535px
*************************************************************************************/
@media screen and (max-width: 535px) {

	div.home-header div.slide div.block div.txt, div.home-header div.slide div.block div.txt .fa, div.ensalud-header div.prin div.banner div.block div.txt  {
	    font-size: 3.9vw;
	}
	div.banners div.banner div.block div.txt, aside div.banner div.block div.txt {
		font-size: 3.9vw;
	}
	div.banners div.banner div.block div.txt .fa, aside div.banner div.block div.txt .fa, div.prin div.banner div.block div.txt .fa {
		font-size: 3.9vw;
		margin-left: 5px;
	}

	div.euCookiesPolicy {
	    width: 270px;
	}

}