/* ------------------------------Ipad Horizontal---------------------------- */
@media handheld, only screen and (min-width: 768px) and (max-width: 1024px){
	.logo.abs-50, .logo {
	    left: 0;
	    margin-left: 20px;
	    top: 20px;
	    z-index: 99;
	    max-width: 130px;
	}
	.wrapper-main {max-width: 1024px;}
	.main-home article {
	    margin-right: 35px;
	    margin-left: 20px;
	}
	.main-desempeno .datos-left{
		padding-left: 20px;
		width: 42%;
	}
	.btn-radius{
		margin-right: 25px !important;
	    margin-top: 55px !important;
	    top: 0 !important;
	}
	.man-adoptamos .slide-1 .circle.c4 {
	    margin-left: 0;
	    margin-top: 10px;
	}
	.man-adoptamos .datos-left,
	.man-gestion .datos-left,
	.man-nav-hacemos .datos-left{padding-left: 20px;}
	.main-destacados.construye .datos-right .btn-radius{margin-top: 0 !important;}
	.tabs-sura{width: 100%;}
	.main-financiero .info-financiero .msn-left{max-width: 100%; padding-right: 50px;}
	.main-financiero .info-financiero .msn-left h2{
		margin: 10px 15px 0 0;
    	float: left;
	}
	.man-adoptamos .slide-1 .circle{
		margin-left: 0;
	}
	.man-adoptamos .slide-1 .circle{max-width: 215px;}
	.main-linea-etica .info-linea figure{
		max-width: 360px;
	}
	.main-financiero .info-financiero .msn-left h3{margin: 10px 0 10px 0;}
	.info-conglomerado{padding-top: 75px;}
	.main-conglomerado h2{margin: 0 0 20px 20px;}
	.main-conglomerado figure{margin-left: 5px; margin-right: 0;}
	.tabs-sura article{width: 385px;}
	.main-acciones .info-acciones .msn-left h4{margin: 30px 0 10px 0;}
	.main-acciones .info-acciones .msn-left {margin-left: 20px;max-width: 100%;}
	.circle-tabs-accionistas {max-width: 700px;margin-left: 0;}
	.main-sostenible .datos-right {padding-left: 30px;padding-right: 70px;}
	.main-gestion .bg .arrow{right: 52%;}
	.main-gestion .datos-right{padding-left: 30px;}
	.main-gestion .datos-right .swiper-gestion-next, .main-gestion .datos-right .swiper-gestion-prev{right: 60px;}
	.main-resultados-sura .datos-right article {max-width: 220px;margin-right: 0;}
	.main-junta-directiva .datos-right article{max-width: 140px;}	
	.main-alta-gerancia .datos-right article{width: 190px;}
	.main-alta-gerancia .datos-right ul.bullet{margin: 0 70px;}
	.main-informa-anual .contanint{width: 820px;}
	.swiper-informe h2{width: 192px; padding-right: 10px;}
	.swiper-informe .info-next, .swiper-informe .info-prev{left: 200px;}
	.main-informa-anual .info-i{margin-left: 33px;}
	.main-avance .info-avance h2{margin: 90px 0 30px 0; padding: 0 60px 0 20px;}
	.main-avance .info-avance .rombo{margin: 0 0 55px -20px;}
	.swipper-cifras h2{margin: 0;}
	.main-cifras-bg .btn-radius{right: 150px;}
	.main-avance .info-avance .rombo3{
		margin: 0;
		width: 316px;
	}
	.swipper-cifras figure{width: 650px;}
	.main-avance .icon-flip.icon-volver{margin-top: 25px;}
	.main-avance .info-avance .rombo3 p{font-size: 16px;}

	.main-junta-directiva .datos-right .btn-radius,
	.main-alta-gerancia .datos-right .btn-radius,
	.main-estructura .datos-right .btn-radius,
	.main-sura-bancolombia .datos-right .btn-radius,
	.main-cifras-bg .btn-radius{margin-top: 0;margin-right: 0;}
	.main-plataformas .datos-right{padding-left: 35px;}
	.man-nav-hacemos article{width: 80%;margin: 0 4px 10px 4px;}
	.man-nav-hacemos article a{min-height: 100px;}
	.man-grupos .grupos{width: 125px;}
	.man-grupos .datos-right{width: 68%;}
	.man-grupos .datos-right h3{text-align: center;}
	.man-reputacion article{width: 80%;}
	.man-reputacion .datos-left{padding-left: 20px;margin-top: 100px;}
	.main-destacados .datos-right {width: 68%;padding-left: 45px;}
	.main-tabs-financiera .financiero-prev, .main-tabs-financiera .no-financiero-prev, .main-tabs-financiera .financiero-next, .main-tabs-financiera .no-financiero-next{background-color: #938665;border-radius: 40px;}
	.mensaje-financiera figure{margin: 0;}

	.main-gestion .datos-left,
	.main-resultados-sura .datos-left,
	.main-junta-directiva .datos-left,
	.main-alta-gerancia .datos-left,
	.main-estructura .datos-left,
	.main-sura-bancolombia .datos-left,
	.swiper-informe h2,
	.main-cifras .datos-left,
	.swipper-cifras h2,
	.main-plataformas .datos-left,
	.man-grupos .datos-left h2,
	.main-radar .datos-left,
	.main-destacados .datos-left,
	.main-destacados.construye .datos-left{padding-left: 20px;}

	.main-financiero .info-financiero .msn-left{margin-left: 20px;}
	.main-conglomerado h2 strong br,
	.main-gestion .bg .resultado, .swiper-informe h2 br,
	.main-avance .info-avance h2 br,
	.main-cifras-bg .abs-linea{display: none;}
	.man-grupos .grupos a h4{font-size: 11px;}
	.man-reputacion article a{
		    min-height: 90px;
		    padding-top: 20px;
	}
}

/* ------------------------------Ipad Vertical---------------------------- */
@media handheld, only screen and (min-width: 768px) and (max-width: 1023px) {
	
	.logo.abs-50, .logo {
	    left: 0;
	    margin-left: 20px;
	    top: 20px;
	}
	.modal-directivos figure{max-width: 500px;}
	.accordion-mensajes .mensaje{
		padding: 20px;
	}
	.tooltip-gerencia{
		    left: -193px;
	}
	.main-home h1{
	    font-size: 50px;
	    line-height: 44px;
	}
	.main-home article{
		margin-right: 40px;
	    padding-left: 30px;
	    margin-top: 90px;
	}
	.main-home figure{
		max-width: 400px;
	}
	.flex-left,.flex-center{
		padding-top: 120px;
		display: block;
	}
	.main-home .bg{
		background-size: 50% 275px;
    	overflow: hidden;
	}
	.main-desempeno .datos-left{
	    padding-top: 80px;
	    padding-left: 20px;
	}
	.main-desempeno .datos-right{
		padding-left: 20px;
    	padding-top: 20px;
    	padding-right: 65px;
	}
	.main-desempeno .datos-right ul li{
		margin-bottom: 5px;
	}
	.main-estrategia .info-pentagono figure{
		max-width: 295px;
	}
	.main-estrategia .info-pentagono article{
		max-width: 337px;
		padding-right: 65px;
	}
	.main-financiero .info-financiero{padding-top: 0;}
	.main-financiero .info-financiero .msn-left{
		margin-left: 0;
    	max-width: 100%;
    	padding: 0 60px 0 20px;
	}
	.circle-tabs{margin-left: 0;}
	.main-financiero .info-financiero .msn-left br{
		display: none;
	}
	.info-conglomerado{padding-top: 0;
	}
	.main-conglomerado h2{padding: 0 20px;}
	.main-conglomerado h2 br{display: none;}
	.main-conglomerado ul{
		margin: 30px auto !important;
    	float: none;
    	max-width: 639px;
    }
	.main-conglomerado figure{    max-width: 320px;
    float: none;
    margin: 0 auto;}
    .main-conglomerado .convenciones{bottom: 170px;}
    .tabs-sura{width: 100%;}
    .tabs-sura .tabs-titles li{
    	    width: 215px;
    	    margin: 0 10px;
    }
    .tabs-sura article{
    	margin-bottom: 35px;
    }
    .tabs-financiera{padding-top: 40px;}
    .mensaje-financiera figure{margin: 0 5px;
    max-width: 25%;}
    .main-acciones .info-acciones .msn-left{
    	    margin-left: 0;
    max-width: 100%;
    padding: 0 20px;
    }
    .main-acciones .info-acciones .msn-left h3 br{display: none;}
    .main-acciones .info-acciones{padding-top: 0;}
    .circle-tabs-accionistas{
    	margin-left: 0;
    	margin-top: 30px;
    }
    .main-sostenible .datos-left{
    	padding-left: 0;
    }
    .main-sostenible .datos-right{
    	padding-left: 20px;
    	padding-right: 65px;
    }
    .main-gestion .datos-left{
    	padding-left: 20px;
    	width: 37%;
    }
    .main-gestion .datos-right{
	    padding-left: 20px;
	    width: 56%;
    }
    .main-gestion .bg{background-size: 66% 100%;}
    .main-gestion .bg .arrow{display: none;}
    .main-gestion .bg .resultado{    top: 400px;}
    .main-gestion .datos-right .swiper-gestion-next, 
    .main-gestion .datos-right .swiper-gestion-prev{right: 7px;}
    .main-resultados-sura .datos-left p br{display: none;}
    .main-resultados-sura .datos-left p{    line-height: 25px;
    padding-left: 20px; font-size: 20px;}
    .main-resultados-sura .datos-right article{
    	margin-right: 20px;
    	max-width: 130px;
    }
    .main-resultados-sura .datos-right article figure{
    	width: 130px;
    	height: 130px;
    }
    .main-resultados-sura .datos-right article figure .scale{
    	width: 114px;
    	height: 114px;
    }
    .main-resultados-sura .datos-right article h3{
    	min-height: 65px;
    }
    .main-junta .info article{
    	margin-left: 40px;
    	padding-right: 20px;
    }
    .main-linea-etica .info-linea{padding-top: 20px;}
    .main-linea-etica .info-linea figure{
    	margin: 0 10px;
    	max-width: 300px;
    }
    .main-nav-etica article{
	    margin: 10px;
	    width: 293px;
    }
    .main-nav-etica article a{
	    line-height: 22px;
	    padding: 37px 0 23px 27px;
	    font-size: 17px;
    }
   
    .main-junta-directiva .datos-right article{
    	margin: 0 5px 20px 5px;
    }
    .main-junta-directiva .datos-right .btn-radius,
    .main-alta-gerancia .datos-right .btn-radius,
    .main-estructura .datos-right .btn-radius,
    .main-sura-bancolombia .datos-right .btn-radius,
    .main-cifras-bg .btn-radius,
    .main-social .btn-radius{
    	margin-top: 30px;
    	margin-right: 20px;
    }
    .main-estructura .datos-right .btn-radius {
    	margin-right: 75px;
    }
    /*Unificar los titulos*/
    .main-alta-gerancia .datos-left p,
    .main-estructura .datos-left p,
    .main-junta-directiva .datos-left p,
    .main-sura-bancolombia .datos-left p,
    .main-cifras .datos-left p,
    .man-gestion .datos-left h2,
    .man-adoptamos .datos-left h2,
    .man-grupos .datos-left h2,
    .main-institucional .datos-left p,
    .main-social .datos-left p,
    .man-nav-hacemos .datos-left h2,
    .main-sostenible .datos-left p,
    .main-radar .datos-left h2,
    .main-destacados .datos-left p{
    	padding-left: 20px;
    	font-size: 20px;
    	line-height: 22px;    	
    }
    .main-destacados .datos-left{padding-left: 0;}
    .man-nav-hacemos .datos-left h2{padding-left: 0;}
    .main-institucional .datos-left p strong,
    .main-social .datos-left p strong{font-size: 20px;}
    .main-alta-gerancia .datos-right article{width: 125px;}
    .main-alta-gerancia .datos-right article figure .scale{
    	width: 112px;
    	height: 112px;
    }
    .main-destacados.marca h3{
    	margin: 0 0 30px 0;
    }
    .main-destacados.marca h3 br{display: none;}
    .main-destacados .datos-right{
    	padding-left: 50px;
	    padding-right: 80px;
	    padding-top: 0;
    }
    .main-radar .datos-left{padding-left: 0;}
    .man-reputacion .datos-left{
    	padding-left: 20px;
    	margin-top: 30px;
    }
    .main-radar .datos-right figure{
    	padding: 0 65px 0 20px;
    }
    .man-reputacion article a{
	    min-height: 105px;
	    padding: 20px 75px 0 12px;
    }
    .man-reputacion .datos-left h2{
    	font-size: 20px;
    	line-height: 22px;
    }
    .main-alta-gerancia .datos-right article figure{
    	width: 127px;
    	height: 127px;
    }
    .main-alta-gerancia .datos-right ul.bullet{
    	padding: 0 65px 0 0;
    }
    .swiper-admin{
    	max-width: 475px;
    	margin-left: 20px;
    }
    .main-estructura .datos-right{margin-top: -120px;}
    .main-sura-bancolombia .datos-right{
    	padding-left: 60px;
    	padding-right: 75px;
    }
    .main-social .datos-left{padding-left: 0;}
    .swiper-informe h2{
    	height: 279px;
	    width: 50%;
	    padding-left: 20px;
	    margin-bottom: 20px;
    }
    .social-2 .rombos2{
    	width: 400px;
    	height: 207px;
    	background-size: 100% 100%;
    }
    .social-2 .rombos2 h4{
    	margin: 64px 7px 0 51px;
    	font-size: 13px;
    	line-height: 15px;
    }
    .social-2 article{
    	margin-left: 0;
	    width: 100%;
	    margin-top: 30px;
    }
    .main-social .datos-right{padding-top: 0;}
    .social-1 .f1{max-width: 120px;}
    .social-1 .f2{max-width: 265px;}
    .main-social .datos-right .swiper-wrapper{align-items: initial;}
    .main-social .datos-right .swiper-social{width: 84%;margin-left: 46px;}
    .main-informa-anual .info{height: 279px;}
    .main-informa-anual .ciclo-sura{
    	margin: 0;
    	padding: 20px;
    }
    .main-informa-anual .contanint{width: 100%;}
    .main-informa-anual .info-i{
    	margin-left: 0;
    	max-width: 100%;
    	padding: 0 65px 0 20px;
        margin-top: 20px;
    }
    .main-informa-anual .accordion-mensajes{margin-top: 25px;}
    .main-informa-anual .box-state{
    	width: 377px
    }
    .swiper-informe .info-next, 
    .swiper-informe .info-prev{
    	left: 365px;
    }
    .main-avance .info-avance h2{padding: 0 20px; margin-top: 40px;}
    .main-avance .info-avance h2 br{display: none;}
    .main-cifras{background-size: 70% 100%;}
    .main-cifras .datos-right{
	    margin-top: 0;
	    width: 500px;
    }
    .main-avance{overflow: hidden;}
    .swipper-cifras h2{
    	width: 100%;
    	padding: 0 20px;
    	margin: 0 0 30px 0;
        height: auto;
    }
    .swipper-cifras h2 br{display: none;}
    .swipper-cifras figure{
    	width: 100%;
    	padding: 0 65px 0 20px;
    }
    .plataformas-img{
    	max-width: 230px;
    }
    .main-plataformas .datos-left{
    	padding-left: 20px;
    	padding-right: 120px;
    }
    .main-plataformas .btn-plataforma{margin-left: 0;}
    .main-plataformas .datos-right{
    	padding-left: 20px;
    	padding-top: 70px;
    }
    .man-nav-hacemos .datos-left{padding-left: 20px;}
    .man-gestion .datos-left{padding-left: 0;}
    .man-gestion .datos-right .btn-radius{
    	margin-top: 55px;
    	margin-right: 75px;
    }
    .man-gestion .datos-right figure{padding-right: 40px;}
    .man-adoptamos .datos-left{
    	padding-left: 0;
    }
    .man-adoptamos .slide-1 .circle{margin-left: 0;}
    .man-adoptamos .slide-1 .circle.c4{
    	margin-left: 0;
    	margin-top: 0;
    }
    .man-adoptamos .slide-1 .circle{
    	max-width: 210px;
	    padding: 0 10px;
	    margin-bottom: 20px;
    }
    .man-adoptamos .cont-btn{
    	margin-left: 0;
	    max-width: 240px;
	    margin-top: 0;
	    margin-bottom: 38px;
    }
    .man-adoptamos .slide-1 p br{display: none;}
    .man-adoptamos .diagrama-next,
    .man-adoptamos .diagrama-prev{right: 20px;}
    .man-adoptamos .diagrama-prev{top: 105px;}
    .man-adoptamos .diagrama-next{top: 160px;}
    .man-adoptamos .datos-right figure{padding-right: 70px;}
    .man-grupos .datos-right .clr{display: none;}
    .man-grupos .datos-right h3{padding: 0 20px;}
    .main-institucional .datos-left{padding-left: 0;}
    .lo-hacemos{display: none;}
    .main-institucional .datos-right{width: 48%;}
    .main-institucional .info{height: auto; overflow: hidden;}
    .main-institucional .bg-swiper{min-height: 305px;}
    .modal-grupos figure{padding: 0 20px;}
    .modal-grupos .close{top: 10px;}
    .main-destacados .datos-right .btn-radius{margin: 0 auto 20px !important;}
}

























/* ---------------------------- 320px-640px -------------------------- */

@media handheld, only screen and (max-width: 667px) {
    .main-resultados-sura .datos-right article h3{
        font-size: 16px;
        line-height: 15px;
    }
    .main-resultados-sura .datos-left p{margin-bottom: 9px !important;}
    .main-resultados-sura .datos-right article h3{margin-bottom: 4px;}
    .main-resultados-sura .datos-right article .video{padding: 5px 20px;}
	#modal-cifras-pop figure{margin-top: 100px;
	position: relative;
	 padding:  0 15px;
	}
	#modal-cifras-pop figure .close{
		    right: 5px;
    top: -14px;
	}
	.nav-fixed {
	  padding-right: 3px;
	  padding-left: 6px;
	}
	.btn-radius.icon-pdf{padding-left: 50px !important;}
	.tabs-financiera .swiper-slide{
		min-height: 300px;
	}
	
	.logo.abs-50, .logo {
	  width: 79px;
	  left: 0;
	  margin-left: 0;
	  top: 15px;
	}
	.main-conglomerado,	.main-estrategia,
	.main-tabs-sura, .main-tabs-financiera,
	.main-gestion, .main-junta, .main-linea-etica,
	.main-nav-etica, .main-junta-directiva,
	.main-alta-gerancia, .main-estructura,
	.main-sura-bancolombia, .main-informa-anual,
	.main-avance, .main-home, .main-cifras, .main-cifras-bg,
	.main-plataformas, .man-nav-hacemos, .man-gestion, .man-adoptamos,
	.man-grupos, .main-institucional, .main-social, .man-reputacion,
	.man-reputacion, .main-radar, .main-destacados,
	.main-sostenible, .main-resultados-sura  {
		padding: 0 40px 0 15px;
	}
	.flex-left,
	.flex-center{
		display: block;
		padding-top: 60px;
	}
	.main-conglomerado h2{
		margin-left: 0;
		padding-left: 0;
	}
	.main-conglomerado h2,
	.main-estrategia .info-pentagono figure h2,
	.main-acciones .info-acciones .msn-left h4,
	.main-sostenible .datos-left p,
	.main-resultados-sura .datos-left p,
	.main-linea-etica h2, .main-nav-etica h2,
	.main-junta-directiva .datos-left p,
	.main-alta-gerancia .datos-left p,
	.main-estructura .datos-left p,
	.main-sura-bancolombia .datos-left p,
	.main-avance .info-avance h2,	.main-avance .info-avance h3,
	.main-cifras .datos-left p, .main-plataformas .datos-left h2,
	.man-nav-hacemos .datos-left h2,
	.man-gestion .datos-left h2, .man-adoptamos .datos-left h2,
	.man-grupos .datos-left h2, .main-institucional .datos-left p,
	.main-social .datos-left p, .main-gestion .datos-left p,
	.man-reputacion .datos-left h2, .main-radar .datos-left h2,
	.main-destacados .datos-left p, .main-cifras-bg .info .swipper-cifras h2.animation-left{
		font-size: 17px;
		line-height: 21px;
		margin-bottom: 15px; 	
	}
	.main-avance .info-avance h2{margin-top: 0;}
	.main-linea-etica h2{text-align: left;}
	.main-gestion .datos-right .swiper-gestion{width: 100%;}
	.main-gestion .datos-right .swiper-wrapper {
	    align-items: inherit;
	}
	.main-junta-directiva .info{
		padding-top: 60px;
	}
	.main-alta-gerancia .datos-right ul.bullet{margin-left: 0;}
	.main-linea-etica .info-linea{padding-top: 0;}
	.main-gestion .datos-left p br,
	.main-junta-directiva .datos-left p br,
	.main-alta-gerancia .datos-left p br,	.main-estructura .datos-left p br,	
	.main-sura-bancolombia .datos-left p br,
	.main-avance .info-avance h2  br, .main-plataformas .datos-left h2 br,
	.man-gestion .datos-left h2 br, .man-adoptamos .datos-left h2 br,
	.man-grupos .datos-left h2 br, .main-institucional .datos-left p br,
	.main-social .datos-left p br, .man-reputacion .datos-left h2 br,
	.main-radar .datos-left h2 br, .main-destacados .datos-left p br,
	.main-gestion .datos-left p br{display: none;}

	.info-conglomerado,
	.main-estrategia .info-pentagono{padding-top: 0;}
	.main-estrategia .info-pentagono{text-align: left;}
	.main-estrategia .info-pentagono figure{margin: 0;}
	.main-home {
	  background: #f9f6ed;
	  
	}
	.main-linea-etica article{
		padding: 0 10px;
    	width: 48%;
        margin-top: 10px;
	}
	.main-linea-etica article h4{
		font-size: 19px;
    	margin: 0;
	}
	.main-estructura .adm-next,
	.main-estructura .adm-prev{top: 310px;}
	.main-linea-etica article p{
		font-size: 13px;
	    line-height: 14px;
	    margin: 0; 
	}
	.main-home h1 {
	  line-height: 30px;
	  font-size: 31px;
	}
	.main-home h1 br {
	  display: none;
	}
	.main-home figure {
	  max-width: 97%;
	}
	.main-home figure p {
	  font-size: 13px;
	}
	.main-home article {
	  max-width: 100%;
	  margin-right: 0;
	  margin-top: 0;
	  margin-bottom: 30px;
	}
	.main-desempeno {
	  background: #f9f6ed;
	  padding: 0 20px;
	}
	.main-desempeno .datos-left {
	  padding-top: 0;
	  float: left;
	  padding-left: 0;
	  width: 100%;
	}
	.main-desempeno .datos-left p {
	  font-size: 17px;
	  line-height: 20px;
	}
	.main-desempeno .datos-left p br {
	  display: none;
	}
	.main-desempeno .datos-right {
	  padding-top: 0;
	  float: left;
	  padding-left: 0;
	  width: 100%;
	}
	.main-desempeno .datos-right ul {
	  padding: 0 35px 0 0;
	}
	.main-desempeno .datos-right ul li {
	  margin-bottom: 13px;
	  line-height: 20px;
	}
	
	.main-estrategia img.penta {
	  max-width: 180px;
	  margin-bottom: 20px;
	  display: none;
	}
	.main-estrategia .info-pentagono article {
	  margin: 0 25px 0 0;
	}
	
	.main-estrategia .info-pentagono article h4 {
	  font-size: 17px;
	}
	.accordion-mensajes h3 {
	  font-size: 14px;
	}
	.accordion-mensajes .mensaje {
	  padding: 10px 0;
	}
	.accordion-mensajes .mensaje p{padding: 0 15px;}
	.main-financiero {
	  padding: 0 40px 0 20px;
	}
	.main-financiero .info-financiero {
	  padding-top: 0;
	}
	.main-financiero .info-financiero .msn-left {
	  max-width: 100%;
	  padding-left: 0;
	  margin-left: 0;
	}
	.main-financiero .info-financiero .msn-left h2 {
	  font-size: 28px;
	}
	.main-financiero .info-financiero .msn-left h4 {
	  font-size: 20px;
	  margin-top: 12px;
	}
	.main-financiero .info-financiero .msn-left h3 br {
	  display: none;
	}
	.main-financiero .info-financiero .msn-left p {
	  font-size: 15px;
	  margin: 0;
	  line-height: 19px;
	  margin: 0 15px 0 0;
	}
	.circle-tabs {
	  display: none;
	}
	
	.main-conglomerado h2 {	
	  margin-bottom: 15px;
	}
	.main-conglomerado figure {
	  max-width: 80%;
	  float: none;
	  margin: 0 auto 15px;
	  display: block;
	}
	.main-conglomerado ul {
	  margin: 0;
	}
	.main-conglomerado ul li {
	  min-height: 50px;
	  border-right: 1px solid #84754f;
	  padding: 9px;
	  width: 50%;
	  margin-bottom: 0;
	  position: relative;
	}
	.main-conglomerado ul li br {
	  display: none;
	}
	.main-conglomerado ul li strong {
	  font-size: 20px;
	  line-height: 16px;
	}
	.main-conglomerado ul li h4 {
	  font-size: 14px;
	  margin-bottom: 0;
	}
	.main-conglomerado ul li:last-child {
	  width: 100%;
	}
	.main-conglomerado .info-mas {
	  position: absolute;
	  right: 0;
	  top: 0;
	}
	.main-conglomerado .overflow {
	  width: 320px;
	  position: absolute;
	  left: -299px;
	  top: -210px;
	}
	.main-conglomerado .overflow p {
	  font-size: 13px;
	  line-height: 18px;
	}
	.main-tabs-sura {
	  
	  background: #f9f6ed;
	}
	.tabs-sura {
	  width: 100%;
	  padding-top: 0;
	  
	}
	.tabs-sura .tabs-titles {
	  margin-bottom: 10px;
	}
	.tabs-sura .tabs-titles li {
	  width: 22%;
	  margin: 0 5px;
	}
	.tabs-sura .tabs-titles li img {
	  padding: 7px;
	}
	.tabs-sura article {
	  border-bottom: 1px solid #7f7452;
	  background: none;
	  margin-bottom: 10px;
	  padding: 0 0 5px 0;
	  width: 100%;
	}
	.tabs-sura article p {
	  margin-bottom: 2px;
	  font-size: 13px;
	  line-height: 15px;
	}
	.tabs-sura article p br {
	  display: none;
	}
	.tabs-sura article p strong {
	  margin-right: 20px;
	  display: inline;
	}
	
	
	.main-linea-etica .info-linea figure {
	  margin: 0 auto 20px;
	  max-width: 200px;
	  display: block;
	}
	.main-linea-etica .abs-linea {
	  display: none;
	}
	.tabs-financiera {
	  padding-top: 15px;
	}
	.tabs-financiera .tabs-titles {
	  width: 100%;
	}
	.tabs-financiera .tabs-titles .ui-widget-content {
	  padding-left: 20px;
	  padding-right: 20px;
	}
	.tabs-financiera .tabs-titles li {
	  width: 50%;
	  margin-right: 0;
	}
	.tabs-financiera .tabs-titles li a {
	  font-size: 15px;
	}
	.tabs-financiera .swiper-slide {
	  width: 100% !important;
	}
	.main-tabs-financiera .financiero-next,
	.main-tabs-financiera .no-financiero-next {
	  top: 140px;
	  width: 50px;
	  height: 50px;
	  background-color: #928563;
	  border-radius: 26px;
	}
	.main-tabs-financiera .financiero-prev,
	.main-tabs-financiera .no-financiero-prev {
	  top: 190px;
	  width: 50px;
	  height: 50px;
	  background-color: #928563;
	  border-radius: 26px;
	}
	.mensaje-financiera h2 {
	  padding: 20px 20px 0 20px;
	  margin-bottom: 20px;
	  font-size: 16px;
	}
	.mensaje-financiera figure {
	  margin: 0;
	  width: 35%;
	}
	.main-tabs-financiera {
	  background: #f9f6ed;
	}
	.main-acciones {
	  padding: 0 20px;
	}
	.main-acciones .info-acciones {
	  padding-top: 0;
	}
	.main-acciones .info-acciones .msn-left {
	  padding-left: 0;
	  max-width: 100%;
	  margin-left: 0;
	}
	.main-acciones .info-acciones .msn-left h2 {
	  font-size: 18px;
	}
	.main-acciones .info-acciones .msn-left h3 {
	  margin-bottom: 5px;
	  font-size: 15px;
	  line-height: 14px;
	}
	
	.main-acciones .info-acciones .msn-left p {
	  font-size: 13px;
	  margin: 0 0 5px;
	  line-height: 15px;
	}
	.circle-tabs-accionistas ul li.p-1 {
	  left: 181px;
	  top: 45px;
	}
	.circle-tabs-accionistas ul li.p-1 a {
	  width: 20px;
	  height: 20px;
	}
	.circle-tabs-accionistas ul li.p-2 {
	  left: 164px;
	  top: 141px;
	}
	.circle-tabs-accionistas ul li.p-2 a {
	  width: 20px;
	  height: 20px;
	}
	.circle-tabs-accionistas ul li.p-3 {
	  left: 77px;
	  top: 129px;
	}
	.circle-tabs-accionistas ul li.p-3 a {
	  width: 20px;
	  height: 20px;
	}
	.circle-tabs-accionistas ul li.p-4 {
	  left: 60px;
	  top: 75px;
	}
	.circle-tabs-accionistas ul li.p-4 a {
	  width: 20px;
	  height: 20px;
	}
	.circle-tabs-accionistas ul li.p-5 {
	  left: 74px;
	  top: 44px;
	}
	.circle-tabs-accionistas ul li.p-5 a {
	  width: 20px;
	  height: 20px;
	}
	.circle-tabs-accionistas ul li.p-6 {
	  left: 89px;
	  top: 28px;
	}
	.circle-tabs-accionistas ul li.p-6 a {
	  width: 20px;
	  height: 20px;
	}
	.circle-tabs-accionistas ul li.p-7 {
	  left: 106px;
	  top: 19px;
	}
	.circle-tabs-accionistas ul li.p-7 a {
	  width: 20px;
	  height: 20px;
	}
	.circle-tabs-accionistas ul li.p-8 {
	  left: 122px;
	  top: 16px;
	}
	.circle-tabs-accionistas ul li.p-8 a {
	  width: 20px;
	  height: 20px;
	}
	.main-sostenible {
	  
	  background: #f9f6ed;
	}
	
	.main-sostenible .datos-right {
	  width: 100%;
	  padding: 0 0 20px 0;
	}
	.main-sostenible .datos-left{
		width: 100%;
	  	padding: 0 0;
	}
	
	.main-sostenible .datos-left p br {
	  display: none;
	}
	.main-sostenible .datos-right ul {
	  margin: 0;
	}
	.main-sostenible .datos-right ul li {
	  margin-bottom: 10px;
	  padding-left: 20px;
	  line-height: 19px;
	  font-size: 16px;
	}
	.main-resultados-sura {
	  background: #d9dee3;
	  
	}
	.main-resultados-sura .datos-left {
	  padding-top: 0;
	  width: 100%;
	}
	
	.main-resultados-sura .datos-left p br {
	  display: none;
	}
	.main-resultados-sura .datos-right {
	  padding-left: 0;
	  padding-top: 0;
	  width: 100%;
	}
	.main-resultados-sura .datos-right article {
	  margin-right: 6px;
	  margin-bottom: 10px;
      max-width: 142px;
	}
	.main-resultados-sura .datos-right article .video {
	  font-size: 14px;
	}
	.main-resultados-sura .datos-right article figure {
	  width: 80px;
	  height: 80px;
	}
	.main-resultados-sura .datos-right article figure .scale {
	  width: 64px;
	  height: 64px;
	}
	.main-resultados-sura .datos-right article figure .scale img{border-radius: 100px;}
	.main-resultados-sura .datos-right .res {
	  position: relative;
	  left: 85px;
	}
	.lightbox-video {
	  max-width: 320px;
	}
	.lightbox-video iframe {
	  height: 169px;
	}
	#section12 {
	  background: #f9f6ed;
	}
	.main-junta .bg {
	  background: #f9f6ed;
	  padding-top: 0;
	}
	.main-junta .p-t-40 {
	  padding-top: 0;
	}
	.main-junta .info {
	  height: auto;
	  padding-top: 60px;
	}
	.main-junta .info figure {
	  max-width: 100%;
	}
	.main-junta .info figure h2 span{margin-left: 10px;}
	.main-junta .info figure h2 br{ display: none;  }
	.main-junta .info figure img {
	  width: 88px;
	}
	.main-junta .info article {
	  max-width: 89%;
	  margin: 9px 0 0 0;
	}
	.main-junta .info article p {
	      font-size: 13px;
    line-height: 17px;
    margin-bottom: 10px;
	}
	.main-junta .info article a {
	  font-size: 13px;
	  line-height: 12px;
	}
	.main-junta .info article .comilla-1{
		font-size: 32px;
	    left: -15px;
	    top: 0;
	}
	.main-gestion {
	  background: #d9dee3;
	  
	}
	.main-gestion .datos-left {
	  width: 100%;
	  padding-left: 0;
	  padding-top: 0;
	}
	
	.main-gestion .datos-left p strong {
	  font-size: 18px;
	}
	.main-gestion .datos-left br {
	  display: none;
	}
	.main-gestion .datos-right {
	  padding-left: 0;
	  padding-top: 0;
	  width: 100%;
	}
	.main-gestion .datos-right .swiper-gestion-next {
	  top: 260px;
	}
	.main-gestion .datos-right .swiper-gestion-prev {
	  top: 260px;
	  left: 55px;
	}
	.main-gestion .resultado {
	  display: none;
	}
	.main-gestion .bg .arrow {
	  display: none;
	}
	.main-gestion .datos-right p{		
		margin: 10px 0 20px 0;
    	font-size: 16px;
    	line-height: 21px;
	}
	.main-destacados {
	  background: #d9dee3;
	  
	}
	
	.main-destacados .datos-left,
	.main-destacados .datos-right {
	  width: 100%;
	  padding: 0;
	  margin-bottom: 20px;
	  margin: 0;
	}
	.main-destacados .datos-right ul{margin-bottom: 15px;}
	.main-destacados .datos-right ul li {
	  margin-bottom: 5px;
	  font-size: 14px;
	  line-height: 17px;
	}
	.main-destacados .datos-right h3 {
	  font-size: 16px;
	  margin: 0 0 5px 0;
	}
	.main-destacados .btn-radius {
	  padding: 8px 30px;
	  background-position: 11px;
	}
	.reputacion {
	  display: none;
	}
	.main-nav-etica .info-linea {
	  padding-top: 10px;
	}
	
	.main-nav-etica .info-linea article {
	  width: 300px;
	  margin: 6px 30px 0 0;
	}
	.main-nav-etica .info-linea article a {
	  padding: 17px 35px 12px 22px;
	  font-size: 15px;
	}
	.main-nav-etica h2{text-align: left;}
	.main-nav-etica .abs-linea {
	  display: none;
	}
	.main-nav-etica .info-linea article a br{display: none;}
	.main-junta-directiva {
	  background: #ffffff;
	}
	.main-junta-directiva .datos-right {
	  width: 100%;
	  float: none;
	  padding-left: 0;
	  padding-top: 0;
	  position: relative;
	  text-align: center;
	}
	.main-junta-directiva .datos-right article {
	  max-width: 143px;
	  margin: 0;
	}
	.main-junta-directiva .datos-right article figure {
	  border: 0;
	  height: 60px;
	  margin: 0 auto 5px;
	}
	.main-junta-directiva .datos-right article figure .scale {
	  height: 50px;
	  width: 50px;
	}
	.main-junta-directiva .datos-right article h3 {
	  font-size: 10px;
	  margin: 0;
	  line-height: 9px;
	}
	.main-junta-directiva .datos-right article h3 span {
	  font-size: 10px;
	  line-height: 2px;
	}
	.main-junta-directiva .datos-right .btn-radius {
	  display: none !important;
	  margin-top: 15px;
	  margin-right: 0;
	}
	.main-junta-directiva .datos-left {
	  width: 100%;
	  padding-top: 0;
	  float: right;
	  padding-left: 0;
	}
	
	
	.main-junta-directiva .abs-linea {
	  display: none;
	}
	.main-junta-directiva .p-t-40 {
	  padding-top: 3px;
	}
	.main-junta-directiva .logo.abs-50 {
	  top: 17px;
	}
	.main-alta-gerancia {
	  background: #d5d2c5;
	}
	.main-alta-gerancia .bg {
	  height: 340px;
	}
	.main-alta-gerancia .datos-right {
	  width: 100%;
	  float: none;
	  padding-left: 0;
	  padding-top: 0;
	  position: relative;
	  text-align: center;
	}
	.main-alta-gerancia .datos-right article {
	  max-width: 147px;
	  margin: 0;
	}
	.main-alta-gerancia .datos-right article figure {
	  border: 0;
	  height: 70px;
	}
	.main-alta-gerancia .datos-right article figure .scale {
	  height: 65px;
	  width: 65px;
	}
	.main-alta-gerancia .datos-right article h3 {
	  font-size: 11px;
	  margin: 0 0 5px 0;
	}
	.main-alta-gerancia .datos-right article h3 span {
	  font-size: 10px;
	}
	.main-alta-gerancia .datos-right ul {
	  margin: 15px 0 20px 0;
	}
	.main-alta-gerancia .datos-right ul li {
	  font-size: 11px;
	  line-height: 12px;
	}
	.main-alta-gerancia .datos-right .clr {
	  display: none;
	}
	.main-alta-gerancia .datos-right .btn-radius {
	  
	  
	  
	  margin-top: 0;
	  margin-right: 0;
	}
	.main-alta-gerancia .info{
		padding-top: 60px;
	}
	.main-alta-gerancia .datos-left {
	  width: 100%;
	  padding-top: 0;
	  float: right;
	  padding-left: 0;
	}
	
	
	.main-alta-gerancia .abs-linea {
	  display: none;
	}
	.main-alta-gerancia .p-t-40 {
	  padding-top: 3px;
	}
	.main-alta-gerancia .logo.abs-50 {
	  top: 17px;
	}
	.main-estructura {
	  background: #d5d2c5;
	}
	.main-estructura .datos-left {
	  width: 100%;
	  padding-top: 0;
	  padding-left: 0;
	  position: relative;	  
	  text-align: left;
	}
	
	.main-estructura .datos-right {
	  width: 100%;
	  padding-left: 0;
	  padding-top: 0;
	  position: relative;
	  top: 0;	  
	  margin-top: 0;
	  text-align: center;
	}
	.main-estructura .datos-right .swiper-admin {
	  max-width: 100%;
	  margin-left: 0;
	  height: 430px;
	}
	.main-estructura .datos-right .swiper-admin .adm-prev {
	  left: 0;
	}
	.main-estructura .datos-right .btn-radius {
	  margin-right: 0;	  
	  margin-top: -38px;
	}
	.main-estructura .abs-linea {
	  display: none;
	}
	.main-estructura .btn-pop-admin {
	    border-radius: 15px;
	    width: 100px;
	    height: 37px;
	    color: #ffffff;
	    background: #84754f;
	    position: absolute;
	    z-index: 99999;
	    bottom: 0;
	    left: 0;
	    padding: 8px;
	    font-family: 'DIN-Pro-Bold';
	    font-size: 12px;
	}
	.main-sura-bancolombia {
	  background: #ffffff;
	}
	.main-sura-bancolombia .datos-left {
	  width: 100%;
	  padding-left: 0;
	  padding-top: 0px;
	}
	.main-sura-bancolombia .datos-right .btn-radius{
		margin-top: 40px;
    	margin-right: 20px;
	}
	
	.main-sura-bancolombia .datos-right {
	  width: 100%;
	  padding-left: 0;
	  padding-right: 0;
	}
	.main-sura-bancolombia .datos-right p {
	  font-size: 14px;
	  margin: 0 0 5px 0;
	  line-height: 15px;
	}
	.main-sura-bancolombia .abs-linea {
	  display: none;
	}
	.main-informa-anual .info {
	  height: auto;
	}
	.main-informa-anual .info h2 {
	    height: 60px;
	    line-height: 16px;
	    font-size: 14px;
	    padding-left: 15px;
	    padding-right: 30px;
	}
	.main-informa-anual .info h2 br{display: none;}
	.main-informa-anual .info .contanint {
	  width: 100%;
	  min-height: 439px;
	  padding-top: 10px;
	}
	.accordion-mensajes h3.ui-state-active,
	.accordion-mensajes h3{
		background-position: 0 8px !important;
	}
	.main-informa-anual .info .contanint .info-i {
	  margin-left: 0px;
	  max-width: 100%;
	  margin-top: 25px;
	  margin-right: 0;
	  float: none;
	}
	.main-informa-anual .info .contanint .info-i i {
	  width: 11%;
	  float: left;
	  margin-right: 8px;
	}
	.main-informa-anual .info .contanint .info-i p {
	  font-size: 15px;
	  line-height: 17px;
	}
	.main-informa-anual .info .contanint .ciclo-sura {
	    margin: 20px auto 0;
	    display: block;
	    float: none;
	    text-align: center;
	    
	}
	.main-informa-anual .info .contanint .ciclo-sura img {
	  height: auto;
	}
	.main-informa-anual .info .contanint .accordion-mensajes {
	  width: 92%;
	  margin-left: 0;
	}
	.main-informa-anual .info .contanint .accordion-mensajes .mensaje p {
	  font-size: 14px;
	  line-height: 14px;
	}
	.main-informa-anual .info .contanint .box-state {
	      height: 175px;
    width: 47%;
    margin: 0;
    padding-top: 23px;
	}
	.main-informa-anual .box-state h5{
		padding-left: 20px;
	}
	.main-informa-anual .info .contanint .box-state h5 {
	  font-size: 15px;
	}
	.main-informa-anual .info .contanint .box-state .pdf {
	  font-size: 14px;
	}
	.main-informa-anual .info .info-prev {
	  top: 20px;
	}
	.main-informa-anual .info .info-next {
	  top: 60px;
	}
	.main-informa-anual .bg{
		margin-top: 10px;
	}
	
	.main-avance .info-avance .rombo,
	.main-avance .info-avance .rombo2 {
	  background-size: 100% !important;
	  width: 140px;
	  height: 140px;
	  padding-top: 21px;
	}
	.main-avance .info-avance .rombo p,
	.main-avance .info-avance .rombo2 p {
	  font-size: 13px;
	}
	.main-avance .info-avance .rombo3 {
		width: 100%;
	    height: auto;
	    margin: 0;
	    margin-bottom: 10px;
    	padding: 35px 10px 10px 10px;
    	background-color: #f4f3ec !important;
    	background-position: center 10px;
	}
	.main-avance .info-avance .rombo3 p {
	  font-size: 12px;
	  line-height: 14px;
	}
	.main-avance .info-avance .rombo3 .padd30 {
	  padding-right: 20px;
	  padding-left: 8px;
	}
	.main-avance .icon-flip {
	  	font-size: 17px;
    	margin-top: 5px;
    	padding: 7px 25px;
	}
	.main-avance .info-avance h3{
		text-align: left;
	}
	.main-cifras {
	  background: #f9f6ed;
	}
	.main-cifras .datos-left {
	  width: 100%;
	  padding-top: 0;
	}

	.main-cifras .datos-right {
	  width: 100%;
	  padding: 0;
	  margin: 0;
	}
	.main-cifras .datos-right .formacion {
	  margin: 0 auto 10px;
	  width: 100%;
	}
	.main-cifras .datos-right .formacion h2 {
	  font-size: 15px;
	  line-height: 18px;
	  margin: 0 0 5px 0;
	  min-height: 0;
	}
	.main-cifras .datos-right .formacion p {
	      font-size: 12px;
    line-height: 15px;
    margin: 0 0 11px 0;

	}
	.main-cifras .wrapper-main{
		width: 100%;
	}
	.main-cifras .datos-right .formacion p br{display: none;}
	.main-cifras .icon-search {
	    font-size: 14px;
	    position: relative;
	    left: 0;
	    padding: 7px 25px 7px 60px;
	    top: 0;
	}
	.main-cifras .datos-right .formacion p span{
		margin-left: 10px;
	}
	.main-cifras-bg .info {
	  position: relative;
	  height: auto;
	  top: 0;
	  padding: 0;	  
	}
	.main-cifras-bg .info .swipper-cifras h2 {
	  font-size: 15px;
	  line-height: 17px;
	  float: none;
	  height: auto;
	  margin: 0;
	}
	.main-cifras-bg .info .swipper-cifras h2 br{display: none;}
	.main-cifras-bg .info .swipper-cifras figure {
	  float: none;
	  width: 100%;
	  text-align: justify;
	  height: auto;
	  justify-content: start;
	}
	.main-cifras-bg .info .swipper-cifras .mobile-view div {
	  float: left;
	  margin: 0 0 25px 0;
	  width: 100%;
	}
	.main-cifras-bg .abs-linea {
	  display: none;
	}
	.main-cifras-bg .btn-radius {
	  bottom: 0;
	  font-size: 13px;
	}
	.main-cifras-bg .btn-pop-mobile {
	  padding: 10px 18px;
	  max-width: 110px;
	  margin: 7px 0 15px 0;
	  font-size: 13px;
	}
	#section23 {
	  background: #d9dee3;
	}
	.main-plataformas .datos-left {
	  width: 100%;
	  padding-top: 0;
	}
	
	.main-plataformas .datos-left p {
	    margin: 0 0 5px 0px;
	    font-size: 13px;
	    line-height: 16px;
	}
	.main-plataformas .datos-right {
	  width: 100%;
	  padding-left: 0;
	  padding-top: 0;
	}
	.main-plataformas .datos-right .btn-plataforma {
	  font-size: 13px;
	  padding: 10px 34px 10px 60px;
	  text-transform: uppercase;
	  vertical-align: top;
	  margin-left: 0;
	  margin-bottom: 10px;
	  height: auto;
	  line-height: 17px;
	  width: 100%;
	  background-size: 23px !important;
	}
	.main-plataformas .datos-right .btn-plataforma br{display: none;}
	.main-plataformas .plataformas-img {
	    top: 0;
	    max-width: none;
	    width: 100px;
	    position: relative;
	    margin: 15px auto 0;
	    display: block;
	}
	#section24 {
	  color: #d5d2c5;
	}
	.man-nav-hacemos {
	  background: #d5d2c5;
	}
	.man-nav-hacemos .datos-left {
	  width: 100%;
	  padding-top: 0;
	  float: left;
	  padding-left: 0;
	}
	
	.man-nav-hacemos .datos-left p {
	  font-size: 15px;
	  line-height: 15px;
	}
	.man-nav-hacemos .datos-right {
	  width: 100%;
	  float: none;
	  padding-left: 0;
	  padding-top: 0;
	  top: 0PX;
	}
	.man-nav-hacemos .datos-right article {
	  margin-bottom: 5px;
	}
	.man-nav-hacemos .datos-right article a {
	  width: 100%;
	  padding: 13px 60px 0 11px;
	  font-size: 12px;
	  line-height: 13px;
	  min-height: 50px;
	}
	.man-gestion {
	  background: #ab996c;
	}
	.man-gestion .datos-left {
	  width: 100%;
	  padding-top: 0;
	  float: left;
	  padding-left: 0;
	}
	.man-gestion .datos-left h2 {
	    color: #ffffff;	   
	}
	.man-gestion .datos-right {
	  width: 100%;
	  float: left;
	  padding-left: 0;
	  padding-top: 0;
	  text-align: left;
	}
	.man-gestion .lo-hacemos {
	  display: none;
	}
	
	.man-gestion .img-diagrama .mas {
	  padding: 8px 17px 7px 53px;
	  font-size: 13px;
	}
	.man-gestion .diagrama{
		width: 60%;
    	margin: auto;
	}
	.man-gestion .datos-right .btn-radius{margin-top: 15px;}
	.man-adoptamos {
	  background: #d5d2c5;
	}
	.man-adoptamos .datos-left {
	  width: 100%;
	  padding-top: 0;
	  float: left;
	  padding-left: 0;
	}
	
	.man-adoptamos .datos-right {
	  width: 100%;
	  float: left;
	  padding-left: 0;
	  padding-top: 0;
	  text-align: left;
	}
	.man-adoptamos .datos-right .circle {
	    width: 26%;
	    margin: 0 5px 10px 5px !important;
	    padding: 0 !important;
	}
	.man-adoptamos .diagrama-prev {
	  top: -50px;
	  left: 257px;
	}
	.man-adoptamos .diagrama-next {
	  top: -50px;
	  left: 300px;
	}
	.man-adoptamos .slide-1 h3 {
	  font-size: 14px;
	  margin: 0 0 1px 0;
	}
	.man-adoptamos .slide-1 p {
	  margin: 0 0 15px 0;
    font-size: 14px;
    line-height: 15px;
	}
	.man-adoptamos .lo-hacemos {
	  display: none;
	}
	.man-adoptamos .cont-btn .compromiso{
		font-size: 11px;
		padding: 14px 6px 6px 50px;
	    margin-bottom: 6px;
	    height: 44px;
	    line-height: 11px;
	    width: 205px;
	    background-size: 9%;
	    margin-left: 97px;
	}
	.man-adoptamos .cont-btn .compromiso.lh{
		line-height: 11px;
    	padding-top: 7px;
	}
	.man-adoptamos .datos-right .btn-radius{
		background-position: 11px;
		margin-top: 0;
	    margin-right: 15px;
	    top: 10px;
	    
    	
	}
	.man-adoptamos .datos-right figure{text-align: center;}
	.man-grupos {
	  background: #b1a78e;
	}
	.man-grupos .datos-left {
	  width: 100%;
	  padding-top: 0;
	  padding-left: 0;
	}
	
	.man-grupos .datos-right {
	  width: 100%;
	  padding-left: 0;
	}
	.man-grupos .datos-right h3 {
	  font-size: 15px;
	}
	.man-grupos .datos-right h3 br{display: none;}
	.man-grupos .datos-right .clr {
	  display: none;
	}
	.man-grupos .grupos {
	  display: block;
	  width: 93px;
	  float: left;
	  margin-bottom: 5px;
	}
	.man-grupos .grupos a {
	  height: 85px;
	}
	.man-grupos .grupos a i {
	  display: none;
	}
	.man-grupos .grupos a h4 {
	  font-size: 10px;
	}
	.man-grupos .datos-right .btn-radius{margin-top: 10px;}
	
	.man-grupos .lo-hacemos {
	  display: none;
	}
	.main-institucional {
	  background: #bab29c;
	}
	.main-institucional .datos-left {
	  width: 100%;
	  padding-top: 0;
	  padding-left: 0;
	}
	.modal-grupos .close{
		font-size: 20px;
		line-height: 14px;
		width: 20px;
		height: 20px;
		right: 6px;
		top: 0px;
	}
	.lo-hacemos{display: none;}
	.main-institucional .datos-left p strong {
	  font-size: 18px;
	  color: #fff;
	}
	.main-institucional .datos-right {
	  width: 100%;
	  padding: 0 0 0 0;
	}
	.main-institucional .datos-right p {
	    font-size: 12px;
	    margin: 0;
	    text-align: left;
	    line-height: 12px;
	}
	.main-institucional .datos-right li {
	  margin-bottom: 2px !important;
	  padding-left: 14px !important;
	  font-size: 13px !important;
	  line-height: 16px !important;
	  background-position: left 4px !important;
	}
	.main-institucional .institucional-prev {
	  top: -15px !important;
	  left: 230px;
	}
	.main-institucional .institucional-next {
	  top: -15px !important;
	  left: 275px;
	}
	.main-institucional .bg-swipper {
	  margin-top: 3px;
	}
	.main-institucional .btn-radius {
	  top: 10px;
	  
	  
	}
	.main-institucional .btn-radius.icon-arrow {
	  background-position: 11px !important;
	}
	.man-reputacion {
	  background: #202c4c;
	}
	.man-reputacion .datos-left {
	  width: 100%;
	  padding-top: 0;
	  padding-left: 0;
	  margin-top: 0;
	}
	.man-reputacion .datos-left h2 {
	
	  color: #ffffff;
	
	}
	.man-reputacion .datos-left p {
	  color: #ffffff;
	  font-size: 14px;
	  max-width: 87%;
	  line-height: 15px;
	  margin: 0 0 10px 0;
	}
	.man-reputacion .datos-right {
	  width: 100%;
	  padding-left: 0;
	}
	.man-reputacion .datos-right article {
	  margin: 0 0 15px 0;
	}
	.man-reputacion .datos-right article a {
	  padding: 15px 32px 17px 12px;
	  font-size: 15px;
	  line-height: 15px;
	  min-height: 50px;
	}
	.main-social {
	  background: #c4bdaa;
	}
	.main-social .datos-left {
	  width: 100%;
	  padding-top: 0;
	  padding-left: 0;
	}
	.main-social .datos-left p {
    	color: #867655;
	}
	.main-social .datos-left p strong {
	  font-size: 18px;
	}
	.main-social .datos-right {
	  width: 85%;
	  padding-top: 0;
	}
	.main-social .datos-right h3 {
	  font-size: 13px;
	  padding-left: 0;
	  margin-top: 0;
	}
	.main-social .datos-right .social-1 p {
	  font-size: 13px !important;
	  max-width: 100% !important;
	  line-height: 15px !important;
	  padding-left: 0;
	}
	.main-social .datos-right p {
	  font-size: 13px;
	  margin: 0;
	  line-height: 13px;
	  padding-left: 0;
	}
	.main-institucional .datos-right h3{font-size: 13px;}
	.main-social .datos-right .social-2 article h5 {
	  font-size: 11px;
	  margin: auto;
	  line-height: 10px;
	  padding: 5px 5px;
	}
	.main-social .datos-right .social-2 article h6 {
	  font-size: 13px;
	  line-height: 14px;
	  margin: 4px 0 2px 0;
	}
	.main-social .datos-right .social-2 article ul li {
	  margin-bottom: 0;
	  padding-left: 20px;
	  font-size: 12px;
	  line-height: 17px;
	}
	.main-social .datos-right .social-2 .rombos2 {
	  width: 100%;
	  height: auto;
	  margin: 6px 0;
	  padding: 6px 15px;
	  background: #807457;
	}
	.main-social .datos-right .social-2 .rombos2 h4 {
	  line-height: 11px;
	  margin: 0 0 8px 0;
	  font-size: 11px;
	  float: left;
	}
	.main-social .datos-right .social-2 .rombos2 h4 br{display: none;}
	.main-social figure.f1.animation-left.time-2 {
	  margin-top: 0;
	  display: none;
	}
	.main-social .lo-hacemos {
	  display: none;
	}
	.main-social .btn-radius {
	     font-size: 12px;
    padding: 8px 25px;
    left: 48px;
    top: 10px;
    z-index: 9;
    background-position: 11px;
	}
	.main-radar {
	  background: #d9dee3;
	}
	.main-radar .datos-left {
	  width: 100%;
	  padding-top: 0;
	  padding-left: 0;
	}
	
	.main-radar .datos-right {
	  width: 100%;
	  padding-left: 0;
	  padding-top: 0;
	  padding-right: 54px;
	  margin-top: 0;
	}
	.main-radar .datos-right figure{margin-bottom: 20px;}
	.main-radar .datos-right h3 {
	  font-size: 16px;
	  text-align: left;
	  margin-bottom: 20px;
	}
	#section32 .datos-right {
	  padding-right: 36px;
	}
	.main-destacados.marca .datos-left {
	  padding-top: 0;
	}
	.main-destacados.marca .datos-right {
	  font-size: 17px;
	  margin: 0 0 5px 0;
	}
	.main-destacados.marca h3 {
	  margin: 0 0 15px 0;
	  font-size: 15px;
	  line-height: 18px;
	}
	.main-destacados.marca h3 br{display: none;}
	.main-destacados.marca figure {
    	width: 67%;
    	margin: 0 auto 20px;
	}
	#section34 .datos-right ul {
	  margin: 0 0 10px 0;
	}
	#section34 .datos-right ul li {
	  margin-bottom: 3px;
	  font-size: 12px;
	  line-height: 14px;
	  padding-left: 18px;
	  padding-right: 37px;
	}
	#section34 .datos-right .btn-radius2.icon-informe {
	  margin-top: 5px;
	}
	
	.btn-pop-mobile {
	  background-color: #84754f !important;
	  border-radius: 30px;
	  color: #fff;
	  font-family: 'DIN-Pro-Bold';
	  padding: 10px 20px;
	  text-transform: uppercase;
	  z-index: 99;
	  display: block;
	  max-width: 115px;
	  margin: 10px 0 20px 0;
	}
	.desktop-view {
	  display: none;
	}
	.mobile-view {
	  display: block;
	}
	.btn-pop{
		background-color: #84754f !important;
	    border-radius: 30px;
	    color: #fff;
	    font-family: 'DIN-Pro-Bold';
	    padding: 8px;
	    max-width: 200px;
	    margin: 20px auto;
	    text-align: center;
	    line-height: 15px;
	}
	.btn-radius{
		font-size: 14px;
		text-align: center;
		padding: 8px 30px !important;
		background-position: 11px !important;
	}
	.modal-accionistas .close{
		opacity: 1;
	    color: #fff;
	    text-shadow: none;
	    background: #7d8b98;
	    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	    width: 31px;
	    height: 31px;
	    padding: 0;
	    margin: 0;
	    position: absolute;
	    right: 24px;
    	top: 40px;
	    text-align: center;
	    line-height: 22px;
	    font-weight: normal;
	    font-size: 32px;
	    z-index: 9;
	}
	#modal-cifrasm-1 figure {
	  margin: auto;
	  text-align: center;
	}
	#modal-cifrasm-1 a {
	  background: #7d8b98;
	  color: #ffffff;
	  width: 30px;
	  height: 30px;
	  position: relative;
	  left: -15px;
	  top: 15px;
	}
	#modal-cifrasm-2 figure {
	  margin: auto;
	  text-align: center;
	}
	#modal-cifrasm-2 a {
	  background: #7d8b98;
	  color: #ffffff;
	  width: 30px;
	  height: 30px;
	  position: relative;
	  left: -15px;
	  top: 15px;
	}
	#modal-cifrasm-3 figure {
	  margin: auto;
	  text-align: center;
	}
	#modal-cifrasm-3 a {
	  background: #7d8b98;
	  color: #ffffff;
	  width: 30px;
	  height: 30px;
	  position: relative;
	  left: -15px;
	  top: 15px;
	}
	#modal-admin-mobile figure {
	  margin: auto;
	  text-align: center;
	}
	#modal-admin-mobile a {
	  background: #7d8b98;
	  color: #ffffff;
	  width: 30px;
	  height: 30px;
	  position: relative;
	  left: -15px;
	  top: 15px;
	  opacity: 1;
	}
	.biografia-mobile {
	  width: 100% !important;
	}
	.biografia-mobile .close {
	  top: 120px;
	}
	.main-cifras .datos-left p  strong br,
	.main-cifras .datos-right .formacion h2 br{display: none;}
	.main-avance .info-avance .rombo{
		margin: 0 0 10px 0;
	}
	.main-institucional .bg-swiper{
		padding: 20px 15px 15px 15px;
		min-height: 225px;
	}
	.main-institucional .datos-right .swiper-wrapper,
	.main-social .datos-right .swiper-wrapper {
	    align-items: inherit;
	}
	.social-2 article{
		margin-left: 0;
    	width: 100%;
	}
	.main-social .datos-right .social-next, .main-social .datos-right .social-prev{
		right: -45px;
	}
	.social-1 .f2{
		    padding-top: 0;
    max-width: 200px;
    margin: 20px auto 0;
    float: none;
	}
	.main-avance .info-avance .rombo p{
		padding-top: 4px;
    	line-height: 15px;
	}
	.main-informa-anual .accordion-mensajes h3{
		line-height: 19px;
	}
	.accordion-mensajes .mensaje p{
		    font-size: 13px;
    line-height: 17px;
	}
	.tooltip-gerencia{
		width: 320px;
		z-index: 9;
		top: 113px;
	}
	.tooltip-gerencia.tol-2{left: 3px;}
	.main-alta-gerancia .datos-right ul.bullet li,
	.tooltip-gerencia ul li{background-position: left 1px;}
	.man-adoptamos .datos-left h2{max-width: 245px;}
    .nav-fixed{
        padding-top: 14px;
    }
    .nav-fixed .home{
        float: left;
        position: absolute;
        left: 15px;
        top: 15px;
        display: none;
    }
    .nav-fixed.home-xs .home{
        display: block;
    }
    .nav-fixed .open{
        margin-bottom: 12px;
    }

}