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

@media (max-width: 3000px) {
	.nav>li>a {
		font-size: 1.3rem;
	}
}

@media (max-width: 1900px) {
	.container-fluid {
		padding-left: 10% !important;
		padding-right: 10% !important;
	}
}

@media (max-width: 1600px) {
	.container-fluid {
		padding-left: 5% !important;
		padding-right: 5% !important;
	}
}

@media (max-width: 1670px) {
	.nav>li>a {
		font-size: 12px;
	}
}

@media (max-width: 1450px) {
	.container-fluid {
		padding-left: 2% !important;
		padding-right: 2% !important;
	}

	#logo {
		width: 200px;
	}

	.navbar-brand {
		padding: 10px 5px;
	}

	#logoutBtn {
		font-size: 10px;
	}

	.navbar-right {
		float: left;
	}

	.div-idiomas>#en,
	.div-idiomas>#es {
		font-size: 10px;
		margin-left: 10px;
	}

	.navbar-space {
		margin-top: 100px;
	}
}

@media (max-width: 1240px) {
	.navbar-brand {
		display: none;
	}
}

@media (max-width: 1020px) {

	#informationLegalText {
		margin-top: 10%;
	}


	.beneficiary-card {
		padding: 1.45rem 0.5em;
	}

	.beneficiary-card p {
		font-size: 12px;
	}

	.account_data {
		padding-left: 0;
	}

	.numCuenta,
	.accountQuantity {
		font-size: 12px;
	}

	#recomendaciones-seguridad img {
		width: 60%;
	}

	.navbar-space {
		margin-top: 65px;
	}

	.nav>li>a {
		padding: 10px 10px;
		font-size: 10px;
	}

	.div-idiomas {
		float: left;
	}
}

@media (max-width: 765px) {
	.navbar-space {
		margin-top: 65px;
	}

	#contactPhone {
		text-align: center;
	}

	.navbar-brand {
		display: block;
	}

	.navbar-brand {
		padding: 10px 25px;
	}

	.div-idiomas {
		padding: 15px 15px
	}

	.div-logout {
		padding: 15px 15px;
		float: left;
	}

	.navbar-space {
		margin-top: 60px;
	}

	#logo {
		width: 13rem;
		margin: 0 15px 0 0;
		display: block;
	}

	.navbar-nav {
		margin: 0;
	}

	.translate {
		margin-right: 15px;
	}

	#formSection1 {
		padding-bottom: 10%;
	}

	.step1 {
		padding-bottom: 2%;
	}

	.step2,
	.step3 {
		padding-top: 5% !important;
		padding-bottom: 2% !important;
	}

	#formSection2,
	#formSection3,
	.step2,
	.step3 {
		border-top: 2px solid #DDE8E7 !important;
		border-left: 0 !important;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	#formSection1>h3,
	#formSection2>h3,
	#formSection3>h3 {
		color: #009286;
		font-weight: bold;
		text-decoration: underline solid #009286 2px;
	}

	#recomendaciones-seguridad img {
		width: 100% !important;
	}

	#recomendaciones-seguridad h1 {
		text-align: center;
	}

	#fondo1,
	#fondo2,
	#fondo3 {
		height: 200px !important;
	}

	#fondo1 h1,
	#fondo2 h1,
	#fondo3 h1 {
		font-size: 20px !important;
		padding: 15px 20px !important;
	}

	#fondo1 h2,
	#fondo2 h2,
	#fondo3 h2 {
		font-size: 15px !important;
		width: 100% !important;
		padding: 0px 20px !important;
		line-height: 25px !important;
	}

	p.recomendacion {
		margin: 0 !important;
	}

	.step1 h3,
	.step2 h3,
	.step3 h3 {
		color: #009286;
		font-weight: bold;
		text-decoration: underline solid #009286 2px;
	}

	.nav>li>a {
		padding: 8px 15px !important;
		font-size: 15px !important;
	}


	/* #calendarSelect form>div {
		width: 100%;
		margin-bottom: 20px;
	} */

	.dataInfo>.results {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}

	.dataInfo .panel-default {
		width: 100% !important;
		margin-left: 0 !important;
	}

	.dataInfo button,
	.dataInfo a {
		width: 90% !important;
	}

	.no-wrap {
		white-space: normal !important;
	}

}

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


@media (min-width: 768px){
	 #logo {margin: 0;}
	 #contactPhone { width: auto; margin: 1rem 0 0 0; float: right;}
	 /* #sliderIndex div {width: 480px;}
	 #contactHeader > div:first-child img { display: inline-block;}
	 .navbar-header { display: none;}
	 .navbar-nav{   
		 background-color: #fff;
		 
	 }
	.navbar-collapse { padding: 0;}
    .navbar-nav > li { 
		display: table; 
		width: 14.1%;
		border-top: 1px solid #F3F3F3;
		border-bottom: 1px solid #F3F3F3;
		border-radius: 3px;
	}
		.fullNav .navbar-nav > li { width: 11%;}
	.navbar-nav > li > a {
		display: table-cell;
		height: 6rem;
		padding: 0 7px;
		text-transform: uppercase;
		vertical-align: middle;
		border-bottom: none;
		border-right: 3px solid #ededed;
		font-size: 1rem;
	}
	.navbar-nav > li:first-child > a { border-left: 3px solid #ededed;} 
    		
    #hiddenForms .tooltip { min-width: 400px;} */
	
}


@media (min-width: 992px){
	/* .fullNav .navbar-nav > li { width: 14.2%;}
	.navbar-nav > li > a {
		padding: 10px;
		font-size: 1.19rem;
	} */
	#secureZone{
		display: inline-block;
		position: absolute;
		margin: 0;
		right: 1rem;
		bottom: 8rem;
	}

}