/* #Tablet (Portrait)
================================================== */

@media only screen and (min-width: 767px) and (max-width: 959px) {
.contenedor,
.cabecera,
.contcab,
.contcab .contenedor,
.contpie,
.divcont,
.pie-pagina{
	width: 100%;
}
.divtel span{
	font-size: 12px;
}
.ubicacion i.fa{
	font-size: 40px;
}
.botonegro, .botonverde {
	font-size: 12px;
}
.bxcolor1, .bxcolor2, .bxcolor3 {
	padding-top: 2%;
    height: auto;
    min-height: 390px;
}
.bxcolor1 #vacio, .bxcolor2 #vacio, .bxcolor3 #vacio {
	display: none;
}
.owl-theme .owl-controls .owl-buttons div.owl-next{
	right: 0px;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev{
	left: 0px;
}
.botoncompnch, .botoncompn, .botoncompv, .botoncomp{
	font-size: 12px;
	padding: 14px 10px;
}
#movilidad,
#requisitos,
#egresados,
#noticias,
#valores,
#filosofia div.scol1-3,
#divoculto,
#plan_estudios,
#educacion_continua{
	padding: 2% 2%;
}
#filosofia div.scol1-3.principios{
	padding: 0% 0%;
}
.paddingright{
 	padding-left: 10px;
}
}

/*  #Mobile (Portrait)
================================================== */


@media only screen and (min-width: 479px) and (max-width: 767px) {
.contenedor,
.cabecera,
.contcab,
.divcont,
.contcab .contenedor,
.contpie,
.pie-pagina{
	width: 100%;
}  
aside[class*='col'],
section[class*='col'],
article[class*='col'],
div[class*='col']{
	width: 48%;
	margin:0% 0.5% 0% 0.5%;
}   
aside.col1,
section.col1,
article.col1,
div.col1{width:100%; margin:0% auto 0%;float: none;}
.menu_icon span{display: none;}
.topbar,
.contcab{
	position: relative;
	min-height: auto;
	height: auto;
}
.divcont div.scol2-3{
	width:55%;
	padding-left: 10px;
	margin:0px 0px;
}
.divcont div.scol1-3{
	width:45%;
	margin:0px 0px;
}
.divcont div[class*='scol']{
	margin:0% 0%;
}
.divcont div.col1.ubicacion{
	margin-top: 0px;
}
.contcab{
	background: transparent;
}
div.scol1-3.bxcolor1, div.scol1-3.bxcolor2, div.scol1-3.bxcolor3,
.topbar div.scol1-6{
	width:33.3%;
	margin:0px 0px;
}
.topbar div.scol1-2,
.topbar div.scol1-3{
	width:33.3%;
	margin:0px 0px;
	text-align: center;
}
.mega-menu{
	width: 50%;
	right: 0;
	top: 0;
	position: absolute;
	background-color: transparent;
}
.mega-menu .menu-links > li.activeTriggerMobile{
	background-color: transparent;
}
.mega-menu .menu-links > li.activeTriggerMobile a{
	width: auto;
}
.menu_icon{padding: 2px 0%;}
.menu_icon span{display: none;}

.menu-links,
.mega-menu .drop-down{
	background-color: #000000;
}
.mega-menu .menu-links > li.activeTriggerMobile{
	z-index: 999;
	
}
.mega-menu .drop-down div[class*='scol']{
	min-height: auto;
	padding-top: 10px;
}
.mega-menu .drop-down {
	position: relative;
	left: inherit;
	right: inherit;
	padding: 0px;
	overflow: visible;
	background-color: transparent;
}
.mega-menu .menu-links > li > a,
.mega-menu .drop-down a, 
.mega-menu .drop-down-tab-bar a {
	display: block;
    width: 100%;
}
nav#menu .menu-links > li.hoverTrigger > a{
	width: auto;
	display: inline-block;
}
#logo{text-align: center;}
#logo img{
	width: 70%;
	height: auto;
}
div.cabtitulo{
	margin-top: 0px;
}
.contenedor.home,
#movilidad,
#requisitos,
#egresados,
#noticias,
#valores,
#filosofia div.scol1-3,
#divoculto,
#plan_estudios,
#educacion_continua{
	padding: 2% 2%;
}
#filosofia div.scol1-3.principios{
	padding: 0% 0%;
}
div.col1.egres div.col1-6{
	width:32%;
	text-align: center;
	margin:2% 2% 0% 0%;
}
div.col1.egres div.col5-6.final{
	width: 66%;
	margin:2% 0% 0% 0%;
}
.imgperf{
	display:inline-block;
	width: 60%;
	
}
#egresadocont div.scol2-3,
section.about_oft div.scol2-3,
#egresadocont{
	padding:1% 2%; 
}
#noticias div.col4-5,
section.about_oft div.scol2-3,
#egresadocont div.scol2-3.paddingright div.col5-6.final,
section.col1.Callouts div.scol2-3,
#cursocont div.scol2-3,
#egresadocont div.scol2-3{
	width: 66.6%;
	margin:0px 0px;
}
#noticias div.col1-5,
section.about_oft div.scol1-3,
#egresadocont div.scol2-3.paddingright div.col1-6,
section.col1.Callouts div.scol1-3,
#cursocont div.scol1-3,
#egresadocont div.scol1-3{
	width: 33.3%;
	margin:0px 0px;
}
#egresadocont div.scol2-3.paddingright div.col1-6{text-align: center;}
.Callouts .titulog {
    font-size: 28px;
    line-height: 30px;
    margin-right: 10%;
}
.botoncompnch, .botoncompn, .botoncompv, .botoncomp{
	font-size: 12px;
	padding: 14px 10px;
}
.botonegro, .botonverde {
	font-size: 12px;
}
div.scol1-3.bxcolor1,
div.scol1-3.bxcolor2, 
div.scol1-3.bxcolor3{
	height: auto;
	min-height: 545px;
}
div.scol1-3.bxcolor1 .botonegro.vo,
div.scol1-3.bxcolor1 .botonegro.v02,
div.scol1-3.bxcolor2 .botonegro.vo, 
div.scol1-3.bxcolor2 .botonegro.vo2, 
div.scol1-3.bxcolor3 .botonegro.vo,
div.scol1-3.bxcolor3 .botonegro.vo2{
	font-size: 10px;
	padding: 0px 0px 0px 10px;
}
div.grid-row  div[class*='scol'],
div.scol1-3.bxcolor1 div[class*='col'], 
div.scol1-3.bxcolor2 div[class*='col'], 
div.scol1-3.bxcolor3 div[class*='col']{
	width: 100%;
	margin:0 auto;
	float: none;
}
#noticias div#vacio,
div.borrar{
	display: none;
}
#about .contenedor{
	padding-top: 3%;
	background-image: none;
}
.owl-theme .owl-controls .owl-buttons div.owl-next{
	right: 0px;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev{
	left: 0px;
}
.menu-list-items{
	background-color: #000000;
}
div.col1-3.cat{
	margin:0% 1% 20px 1%;
}
article.col2-3.divcenter{
	width: 90%;
	margin:2% auto;
	float: none;
}

}

/* #Mobile 
================================================== */

@media only screen and (min-width: 320px) and (max-width: 479px) {
.contenedor,
.cabecera,
.contcab,
.contcab .contenedor,
.contpie,
.divcont,
.pie-pagina{
	width: 100%;
}
p{
	padding: 5px 15px;
}
.contenedor #vacio{display: none;}
.divcont,
.topbar,
.contcab{
	position: relative;
	min-height: auto;
	height: auto;
}
.pie-pagina{
	overflow: auto;
	position: relative;
	min-height: auto;
	height: auto;
	text-align: center;
}
.textf,
.redes{
	text-align: center;
}
aside[class*='col'],
section[class*='col'],
article[class*='col'],
div[class*='col']{
	width: 100%;
}
.topbar div.scol1-2,
.topbar div.scol1-3{
	width: 50%;
	text-align: center;
}
.mega-menu .menu-links > li.activeTriggerMobile{
	background-color: transparent;
}
.mega-menu .menu-links > li.activeTriggerMobile a{
	width: auto;
}
.menu_icon{padding: 2px 0%;}
.menu_icon span{display: none;}
.mega-menu,
.menu-links,
.mega-menu .drop-down{
	background-color: #000000;
}
.mega-menu .menu-links > li.activeTriggerMobile{
	z-index: 999;
	
}
.mega-menu .drop-down div[class*='scol']{
	min-height: auto;
	padding-top: 10px;
}
.contslide{
	padding-top: 0px;
}
div.flecha{
    border-bottom: 40px solid #ffffff; /* derecha flecha */
}
.mega-menu .drop-down {
	position: relative;
	left: inherit;
	right: inherit;
	padding: 0px;
	overflow: visible;
	background-color: transparent;
}
.mega-menu .menu-links > li > a,
.mega-menu .drop-down a, 
.mega-menu .drop-down-tab-bar a {
	display: block;
    width: 100%;
}
nav#menu .menu-links > li.hoverTrigger > a{
	width: auto;
	display: inline-block;
}
#logo{text-align: center;}
#logo img{
	width: 70%;
	height: auto;
}
.divcont div.scol1-2{
	width: 50%;
}
.owl-theme .owl-controls .owl-buttons div.owl-next{
	right:0px;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev{
	left: 0px;
}
.bxcolor2 .icono img,
.bxcolor1 .icono img{
	width: 40%;
}

.etiquetabusq{
	border-bottom: none;
}
#cursos,
#valores,
#noticias .contenedor,
#about .contenedor{
	background-image: none;
	padding: 20px 15px;
}
.titulo_icon,
#filosofia div.col1.espacios{padding: 20px 20px 0px;}
#filosofia div[class*='col'] p{
	padding: 5px 0px;
}

#filosofia div.principios{
	padding: 20px 0px;
}
.botoncomp{float: left;}
.titulo_icon img {
    width: 30px;
    line-height: 30px;
    margin-right: 5px;

}
.boton-atras,
.close-modal{
	display: block;
	text-align: center;
}
.cabtitulo{
	padding-top: 50px;
}
.bxcolor1, .bxcolor2, .bxcolor3 {
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
.Callouts .titulog{
	text-align: center;
}
article.itemcont{
	width: 90%;
	margin:2% auto 20px auto;
	float: none;
}
.paddingright {
    padding-left: 10px;
    padding-right: 10px;
}
.list_egres .imgperf,
.imgperf{
	width: 50%;
	height:200px;
}
.home,
#plan_estudios div.col1-3{
	padding: 0% 4%;
}
.botoncompv {
    float:none;
    margin:0 auto;
}
.titulo_icon{
	font-size: 26px;
}
.titulopag,
.tsidebar{
	text-align: center;
}
.owl-home,
.owl-home.owl-carousel .item,
.owl-home.owl-theme .item-video {
	height: 220px;
	min-height: auto;
}
#redes{
	height:auto;
	position: fixed;
	bottom:0;
	width: 100%;
	left:0;
	right:0;
	text-align: center;
}
#redes li{
	margin:0px 0px 5px 5px;
	padding: 0px 0px;
	display: inline-block;
	width:40px;
}
.owl-theme.galeria .owl-nav div.owl-next{right: 0px;}
.owl-theme.galeria .owl-nav div.owl-prev{left: 0px;}
}

/* Note: Design for a width of 320px */

@media only screen and (max-width: 319px) {
	.contenedor,
	.cabecera,
	.contcab,
	.contcab .contenedor,
	.contpie,
	.divcont,
	.pie-pagina{
		width: 100%;
	}
	p{
		padding: 5px 15px;
	}
	.contenedor #vacio{display: none;}
	.divcont,
	.topbar,
	.contcab{
		position: relative;
		min-height: auto;
		height: auto;
	}
	.pie-pagina{
		overflow: auto;
		position: relative;
		min-height: auto;
		height: auto;
		text-align: center;
	}
	.textf,
	.redes{
		text-align: center;
	}
	aside[class*='col'],
	section[class*='col'],
	article[class*='col'],
	div[class*='col']{
		width: 100%;
	}
	.topbar div.scol1-2,
	.topbar div.scol1-3{
		width: 50%;
		text-align: center;
	}
	.mega-menu .menu-links > li.activeTriggerMobile{
		background-color: transparent;
	}
	.mega-menu .menu-links > li.activeTriggerMobile a{
		width: auto;
	}
	.menu_icon{padding: 2px 0%;}
	.menu_icon span{display: none;}
	.mega-menu,
	.menu-links,
	.mega-menu .drop-down{
		background-color: #000000;
	}
	.mega-menu .menu-links > li.activeTriggerMobile{
		z-index: 999;
		
	}
	.mega-menu .drop-down div[class*='scol']{
		min-height: auto;
		padding-top: 10px;
	}
	.contslide{
		padding-top: 0px;
	}
	div.flecha{
		border-bottom: 40px solid #ffffff; /* derecha flecha */
	}
	.mega-menu .drop-down {
		position: relative;
		left: inherit;
		right: inherit;
		padding: 0px;
		overflow: visible;
		background-color: transparent;
	}
	.mega-menu .menu-links > li > a,
	.mega-menu .drop-down a, 
	.mega-menu .drop-down-tab-bar a {
		display: block;
		width: 100%;
	}
	nav#menu .menu-links > li.hoverTrigger > a{
		width: auto;
		display: inline-block;
	}
	#logo{text-align: center;}
	#logo img{
		width: 70%;
		height: auto;
	}
	.divcont div.scol1-2{
		width: 50%;
	}
	.owl-theme .owl-controls .owl-buttons div.owl-next{
		right:0px;
	}
	.owl-theme .owl-controls .owl-buttons div.owl-prev{
		left: 0px;
	}
	.bxcolor2 .icono img,
	.bxcolor1 .icono img{
		width: 40%;
	}
	
	.etiquetabusq{
		border-bottom: none;
	}
	#cursos,
	#valores,
	#noticias .contenedor,
	#about .contenedor{
		background-image: none;
		padding: 20px 15px;
	}
	.titulo_icon,
	#filosofia div.col1.espacios{padding: 20px 20px 0px;}
	#filosofia div[class*='col'] p{
		padding: 5px 0px;
	}
	
	#filosofia div.principios{
		padding: 20px 0px;
	}
	.botoncomp{float: left;}
	.titulo_icon img {
		width: 30px;
		line-height: 30px;
		margin-right: 5px;
	
	}
	.boton-atras,
	.close-modal{
		display: block;
		text-align: center;
	}
	.cabtitulo{
		padding-top: 50px;
	}
	.bxcolor1, .bxcolor2, .bxcolor3 {
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.Callouts .titulog{
		text-align: center;
	}
	article.itemcont{
		width: 90%;
		margin:2% auto 20px auto;
		float: none;
	}
	.paddingright {
		padding-left: 10px;
		padding-right: 10px;
	}
	.list_egres .imgperf,
	.imgperf{
		width: 50%;
		height:200px;
	}
	.home,
	#plan_estudios div.col1-3{
		padding: 0% 4%;
	}
	.botoncompv {
		float:none;
		margin:0 auto;
	}
	.titulo_icon{
		font-size: 26px;
	}
	.titulopag,
	.tsidebar{
		text-align: center;
	}
	.owl-home,
	.owl-home.owl-carousel .item,
	.owl-home.owl-theme .item-video {
		height: 220px;
		min-height: auto;
	}
	#redes{
		height:auto;
		position: fixed;
		bottom:0;
		width: 100%;
		left:0;
		right:0;
		text-align: center;
	}
	#redes li{
		margin:0px 0px 5px 5px;
		padding: 0px 0px;
		display: inline-block;
		width:40px;
	}
	.owl-theme.galeria .owl-nav div.owl-next{right: 0px;}
.owl-theme.galeria .owl-nav div.owl-prev{left: 0px;}
}