@media (max-width: 1600px) {
}


@media (max-width: 1440px) {

}

@media (max-width: 1380px) {

}



/*lg*/

@media (min-width: 1200px) {

}

/*md*/

@media (max-width: 1200px) {

}



@media (max-width: 1024px) {

	#sliderBeneficios .item img{
		height: 100%;
		width: auto;
		max-width: inherit;
		margin-left: -20%;
	}

	#sliderBeneficios .carousel-inner>.item>a>img, #sliderBeneficios .carousel-inner>.item>img {
	    height: 400px;
	}

	#sliderInstitucional .carousel-caption{
		top: 15%;
	}

	#sliderInstitucional .carousel-caption p{
		width: 100%;
	}

	#sliderInstitucional .carousel-caption h2 {
	    font-size: 27px;
	    line-height: 28px;
	}

	#registroOficina ul li {
	    font-size: 12px;
	}
	
}


/*sm*/

@media (max-width: 992px) {
	#serviciosIcons .container{
		padding: 0;
		margin: 0;
		width: 100%;
	}

	#serviciosIcons #beneficios h3,
	#serviciosIcons #beneficios h4{
		padding-left: 25px;
	}

	#serviciosIcons #descargarFact {
	    padding: 30px;
	    text-align: center;
	}

	#serviciosIcons #descargarFact h3 {
	    width: 100%;
	}

	#pods article#debito{
		background: url(../images/bg-debito.png) right center no-repeat #a0cc5a;
		padding: 25px;
	}

	#pods article#faqs h3,
	#pods article#debito h3{
		color:#fff;
	}

	#pods article#faqs p,
	#pods article#debito p{
	    color: #fff;
	    margin-bottom: 10px;
	}

	#pods article#faqs .button,
	#pods article#debito .button{
		color: #104b71;
		background:#fff;
		display: inline-block;
		margin-top: 10px;
	}

	#pods article#faqs{
		background: url(../images/bg-preguntas.png) right center no-repeat #35BFE9;
		padding: 25px;
	}

	#telContacto [class*='col-']{
		text-align: center;
	}

	#telContacto figure{
		margin: 0 0 10px 0;
	}

	header .container{
	    padding: 0;
	}

	header #mainMenu li a {
	    font-size: 13px;
	    padding: 15px 10px;
	}

	header #loginButtons a i{
		display: none;
	}

	header .navbar-brand{
		width: 140px;
	}

	header #mainMenu {
	    margin-right: 0;
	}

	header .megaMenu figure{
		display: block;
		float: none;
		margin:auto;
	}

	header .megaMenu dd {
	    display: block;
	    vertical-align: top;
	    width: 100%;
	    margin-left: 0;
	    margin-top: 25px;
	    text-align: center;
	}

	.registerForm .itemsForm input, 
	.registerForm .itemsForm select{
		width: 100%;
	}

	#loggedButtons .item {
	    padding: 0 10px;
	}

	.registerForm .itemsForm input, .registerForm .itemsForm select {
	    width: 93%;
	}

	.registerForm .validation.incorrect span{
		float: left;
		width: 100%;
		margin-bottom: 25px;
	}

	.registerForm input[type="button"], .registerForm input[type="submit"]{
		width: inherit;
	}

	#leftMenu{
		margin: 0;
	    width: 100%;
	    padding: 0;
	}

	#leftMenu h6{
		display: none;
	}

	#leftMenu .panel-group .panel-default, #leftMenu .panel-group .panel+.panel {
	    margin: 0;
	    border: none;
	    display: inline-block;
	    vertical-align: top;
	    width: 14%;
	    float: left;
	    text-align: center;
	    border: none;
	}

	#leftMenu .panel-group{
		border:none;
	    width: 100%;
	    float: left;
	    background-color: #114C71;
	    position: relative;
	    margin-bottom: 0;  
	}

	#leftMenu .panel-heading{
		padding: 20px 15px;
	    background: #114C71;
	    border-radius: 0;
	    border-bottom: none;
	}

	#leftMenu .panel-group .panel .panel-heading h4{
		color: #fff;
		font-size: 13px;
		font-family: 'swis721_roman';
	}

	#leftMenu .panel-heading h5{
		display: none;
	}

	#leftMenu .panel-group .panel .panel-heading i {
	    margin-right: 0;
	    height: 45px;
	    display: block;
	    width: 100%;
	    text-align: center;
	}

	#leftMenu .panel-group .panel .panel-collapse {
		width: 100%;
		left: 0;
		top: 100%;
		position: absolute;
		z-index: 2;
	}

	#leftMenu .panel-group .panel-body ul li a {
	    font-size: 15px;
	    padding: 10px;
	}

	#leftMenu h6{
		display: block;
	}

	.oficinaVirtual{
		width: 48.5%;
		float: left;
	}

	.oficinaVirtual figure{
		display: none;
	}

	.oficinaVirtual .info h2 {
	    font-size: 29px;
	    line-height: 30px;
	    width: 80%;
	}

	.sumate{
		width: 48.5%;
		float: right;
		margin-top: 0;
	}

	header #institucionalMenu li a {
	    padding: 15px 10px;
	}
			
}


/*xs*/

@media (max-width: 769px) {
	header #institucionalMenu li a,
	header #mainMenu li a {
	    font-size: 15px;
	    padding: 5px 0;
	    text-align: center;
	    line-height: 40px;
	}

	header .megaMenu h2{
		margin-top: 0;
	}

	header .megaMenu figure{
	    float: left;
	    width: 50px;
	    margin-left: 10px;
	}

	header .megaMenu dd{
		margin-top: 0;
		text-align: left;
		padding-left: 75px;
	}

	#serviciosIcons #beneficios .button {
	    display: none;
	}

	#loggedButtons .userName span.welcome{
		display: none;
	}

	header .navbar-collapse{
		clear: both;
	}

	#sliderBeneficios .item img{
		height: 100%;
		width: auto;
		max-width: inherit;
		margin-left: -50%;
	}

	#sliderBeneficios .carousel-caption{
		width: 44%;
	}

	.loginForms{
		padding: 20px 10px 10px;
	}

	.loginForms input, .loginForms select{
		width: 225px;
		margin-bottom: 15px;
	}

	.loginForms input[type="checkbox"]{
		width: initial;
		margin: 0 5px 0 0;	
	}

	.loginForms .ofiVirtual{
		margin-bottom: 15px;
	}

	body #pods article {
	    min-height: 210px;
	    margin-bottom: 20px;
	}

	#sliderBeneficios .carousel-inner>.item>a>img, 
	#sliderBeneficios .carousel-inner>.item>img{
		height: 400px;
	}

	.registerForm .steps article h5 {
	    font-size: 13px;
	    width: 100px;
	    margin-right: 20px;
	}

	.registerForm .itemsForm input, .registerForm .itemsForm select {
	    width: 92%;
	}

	.chart{
		margin-bottom: 50px;
	}

	body .resumenCuenta .totalDeudasGeneral [class*='col-']{
		display: block;
		width: 100%;
		text-align: left;
		float: left;
		margin-bottom: 10px;
		border-bottom: solid 1px #D2D2D2;
		padding-bottom: 10px;
		text-align: center;
	}

	body .resumenCuenta .totalDeudasGeneral [class*='col-']:last-child{
		border-bottom: none;
		margin-bottom: 0;
	}

	body .resumenCuenta .totalDeudasGeneral [class*='col-'] a{
		width: 100%;
	}

	body .resumenCuenta .totalDeudasGeneral h3{
		border-right: none !important;
	}

	.resumenCuenta .totalDeudasGeneral h3 span{
		font-size: 12px;
	}

	header #institucionalMenu li a {
	    font-size: 13px;
	    padding: 10px;
	}

	#registroOficina{
		text-align: center;
	}

	#registroOficina h4{
		margin-bottom: 20px;
	}

	#registroOficina ul li {
	    text-align: left;
	}

	#podBoxes a{
		border-bottom: solid 1px #c6c6c6;
	}

	#podBoxes [class*='col-']:nth-child(3) a{
		border-left: solid 1px #c6c6c6;
	}

	#institucionalMenu .dropdown-menu{
	    width: 100%;
	}

	.registerForm .itemsForm [class*='col-'] input, 
	.registerForm .itemsForm [class*='col-'] select{
		margin-bottom: 15px;
	}

	.registerForm .itemsForm [class*='col-'], 
	.registerForm .itemsForm [class*='col-']{
		padding-left: 0;
	}

	header #loginButtons {
	    position: absolute;
	    right: 75px;
	    top: 14px;
	}

	header .navbar-nav {
	    margin: 7.5px 0;
	}

	#sliderInstitucional .item {
	    height: 300px;
	}

	#informacionUtil article span{
		float: left;
	}

	#informacionUtil article h4{
	    display: block;
	    margin-bottom: 10px;
	}


}

@media (max-width: 640px) {	

	header #loginButtons li{
	    display: inline-block;
	}

	#telContacto figure{
		display: block;
	}

	#telContacto [class*='col-']{
		margin-bottom: 30px;
	}

	#sliderBeneficios .carousel-inner>.item>a>img, 
	#sliderBeneficios .carousel-inner>.item>img{
		height: 340px;
	}

	#sliderBeneficios .container{
	    padding: 0;
	}

	#sliderBeneficios .carousel-caption {
	    position: relative;
	    width: 100%;
	    background: #e4eef2;
	    border-radius: 0;
		text-align: center;
		height: 270px;
	}

	#sliderBeneficios .carousel-caption h2 {
	    font-size: 24px;
	}
	
	.popupValidation{
		width: 400px;
		margin-left: -200px;
		top: 25%;
	}

	.resumenCuenta article .nisNumber .tipo strong{
		display: none;
	}

	.resumenCuenta article .openClose span{
		display: none !important;
	}

	#podBoxes a{
	    min-height: 200px;
	}

	#podBoxes a h3 {
	    font-size: 22px;
	}
}

@media (max-width: 480px) {
	#serviciosIcons #beneficios h3 {
	    font-size: 25px;
	    text-align: center;
	}

	#serviciosIcons #beneficios h4 {
	    color: #fff;
	    text-align: center;
	    font-size: 17px;
	    margin-top: 6px;
	}

	#serviciosIcons #beneficios figure img {
	    height: 50px;
	}

	#serviciosIcons #beneIcons h5 {
	    font-size: 14px;
	    line-height: 16px;
	}

	#serviciosIcons #beneIcons [class*='col-']{
		padding: 0;
	}

	#sliderBeneficios .carousel-inner>.item>a>img, 
	#sliderBeneficios .carousel-inner>.item>img{
		height: 160px;
	}		

	#sliderBeneficios .carousel-inner>.item>a>img, 
	#sliderBeneficios .carousel-inner>.item>img{
		height: 220px;
	}

	#loggedButtons .userName i.ion-person,
	#loggedButtons .userName span.welcome,
	header .closeButton span,
	#loggedButtons #infoUtil a span{
		display: none;
	}

	.loginForms form{
		text-align: center;
		width: 100%;
	}

	.loginForms input[type="button"], 
	.loginForms input[type="submit"],
	.loginForms input, .loginForms select{
		width: 80%;
		margin: 6px 0;
	}

	.loginForms .recordar {
	    margin: 20px 0;
	}

	.loginForms .ofiVirtual {
	    display: block;
	    text-align: center;
	    width: 70%;
	    margin: 10px auto 30px;
	}

	.registerForm .steps article h5 {
	    display: none;
	}

	.registerForm .steps article span{
		margin-right: 10px;
	}

	.registerForm .itemsForm input, .registerForm .itemsForm select {
	    width: 89%;
	}

	#leftMenu .panel-heading {
	    border-bottom: solid 1px #1E6998;
	}

	#leftMenu .panel-group .panel-default, #leftMenu .panel-group .panel+.panel {
	    margin: 0;
	    display: block;
	    vertical-align: top;
	    width: 100%;
	    float: none;
	    text-align: left;
	    border: none;
	}

	#leftMenu .panel-group .panel .panel-heading i {
	    margin-right: 20px;
	    height: auto;
	    display: inline;
	    width: auto;
	    text-align: left;
	}

	#leftMenu .panel-group .panel .panel-heading i img{
	    height: 22px;
	}

	#leftMenu .panel-group .panel .panel-heading h4 {
	    font-size: 15px;
	}

	#leftMenu .panel-group .panel .panel-heading h4 br{
	    display: none;
	}

	#leftMenu .panel-group .panel .panel-collapse {
		width: auto;
		left: 0;
		top: 100%;
		position: relative;
		z-index: 2;
	}

	#leftMenu .panel-group .panel-body ul li a {
	    font-size: 13px;
	    padding: 7px 10px;
	}

	#leftMenu h6 {
	     display: block; 
	}

	.resumenCuenta article .nisNumber span {
	    font-size: 16px;
	}

	.resumenCuenta article .nisNumber .tipo {
	    float: left !important;
	    margin: 15px 0;
	}

	.resumenCuenta article .deudaTotal span.tot{
		display: none;
	}

	.resumenCuenta article .deudaTotal .detallesOpen{
		margin-left: 0;
	}

	.resumenCuenta article .deudaTotal .valorDeuda {
	    font-size: 21px;
	}

	.resumenCuenta article table td{
		font-size: 12px;
	}

	.resumenCuenta article table .label b{
	    display: none;
	}

	.resumenCuenta article table .label i{
	    display: inline-block !important;
	}

	.resumenCuenta article table .label {
	    margin-left: 2px;
	}

	.resumenCuenta article .deudaTotal table .label {
	    margin-top: 5px;
	    display: block;
	}

	.resumenCuenta article table td{
		text-align: left;
	}

	.resumenCuenta article table td strong{
		display: block;
	}

	header .closeButton{
		display: none;
	}

	#loggedButtons #infoUtil{
		border-right: none;
	}

	.chart .bars li span{
		bottom: -2.5em;

		-ms-transform: rotate(-30deg);
	    -webkit-transform: rotate(-30deg);
	    transform: rotate(-30deg);
	}

	.resumenCuenta article table tr td:last-child {
	    width: 90px;
	    text-align: right;
	}

	.resumenCuenta article .topInfoSum .sumNum span{
		font-size: 15px;
		line-height: 18px;
		display: block;
		margin-bottom: 13px;
		float: left;
		width: 80%;
	}

	.resumenCuenta article .topInfoSum .openClose{
		position: absolute;
		right: 40px;
	}

	.resumenCuenta .adheridoTipo .tipo{
		text-align: left;
		float: left !important;
		margin-top: 15px;
	}

	#sliderInstitucional .carousel-caption h2 {
	    font-size: 29px;
	    line-height: 30px;
	}

	#sliderInstitucional .carousel-caption p {
	    width: 100%;
	    font-size: 15px;
	}

	.wblock{
		width: 100%;
		display: block;
		margin-bottom: 15px;
	}

	#podBoxes a {
	    border: solid 1px #c6c6c6;
	}

	#podBoxes a i{
	    float: none;
	    margin-bottom: 15px;
	}

	#podBoxes a p {
	    margin-top: 10px;
	}

	#acciones article h3 {
	    font-size: 28px;
	}

	#acciones article p {
	    font-size: 15px;
	}

	#acciones {
	    padding: 40px 0;
	}

	.contentColumn figure{
		width: 100%;
	}

	footer [class*='col-']{
		text-align: center;
	}

	footer .copy [class*='col-']{
		text-align: left;
	}

	.articulosRelacionados [class*='col-']{
		padding:0;
	}

	#sliderInstitucional .carousel-caption {
    	top: 8%;
	}

	#sliderInstitucional .item {
	    height: 260px;
	}

}


@media (max-width: 440px) {
	header #loginButtons {
	    right: 70px;
	    top: 20px;
	    margin: 0;
	}

	header #loginButtons a {
	    margin-left: 6px;
	    padding: 7px 12px !important;
	}
	
	header #loginButtons a i {
	    display: block;
	    margin: 0;
	}

	header #loginButtons a span {
	    display: none;
	}

	#loggedButtons #infoUtil,
	#loggedButtons .userName span{
		display: none;
	}

	#loggedButtons .userName i.ion-person{
		display: inline;
		margin: 0;
	}

	#loggedButtons #notifications .dropdown-menu {
	    width: 270px;
	}

	#sliderBeneficios .carousel-caption {
	    height: 370px;
	}

	footer .legal p {
	    width: 80%;
	    text-align: center;
	    margin: 10px auto 20px;
	}

	#sliderBeneficios .carousel-inner>.item>a>img, #sliderBeneficios .carousel-inner>.item>img {
	    height: 160px;
	}

	.resumenCuenta article .deudaTotal a.pagarAhora span{
		display: none;
	}

	.chart .bars li .bar {
	    width: 20px;
	}

	.chart .bars li span{
		width: 140%;
	}

	#loggedButtons #notifications{
		border-right: none;
	}

	header #loginButtons .tooltip{
	    display: block !important;
	}

	table.resposive-table td{
		padding-left: 60%;
	}

	.resumenCuenta .downloadBtns a{
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	.popupValidation .head h3 {
	    color: #666;
	    font-size: 15px;
	    text-align: center;
	}

}	

@media (max-width: 340px) {

	#serviciosIcons #beneficios figure img {
	    height: 70px;
	}

	#headSection .titleSection {
	    font-size: 18px;
	    margin-left: 0;
	}

	#headSection a.home{
		display: none;
	}

	#headSection a.back{
		width: 40px;
		overflow: hidden;
		height: 30px;
	}

	.registerForm .itemsForm input, .registerForm .itemsForm select {
	    width: 82%;
	}

	.resumenCuenta article .deudaTotal .detallesOpen{
		display: block;
    	margin-top: 11px;
	}

	.resumenCuenta article .deudaTotal a.pagarAhora{
		padding: 8px 13px !important;
	}

	.resumenCuenta article .deudaTotal table .label{
		margin-top: 7px;
    	display: inline-block;
	}

	.resumenCuenta article table tr td:last-child{
		width: 90px;
		text-align: right;
	}

	.resumenCuenta article .actionButtons li.dropdown > a {
	    margin-right: 10px;
	}

	.popupValidation{
		width: 260px;
		margin-left: -130px;
		top: 20%;
	}

	#sliderInstitucional .carousel-caption h2 {
	    font-size: 25px;
	    line-height: 24px;
	}

	#sliderInstitucional .carousel-caption p {
	    width: 100%;
	    font-size: 14px;
	    line-height: 17px;
	    margin-bottom: 15px;
	}

	#registroOficina h3 {
	    font-size: 19px;
	}

	#registroOficina h4 {
	    margin-bottom: 20px;
	    font-size: 14px;
	    margin-top: 10px;
	}	
	
}