@media screen and (max-width: 1200px){
	#contNav{width: 100%;}
	#contenido .itemImage img {
    	width: 1200px;
	}
	#allCategories .itemBloock {
    	width: 29%;
	}
}

@media screen and (max-width: 1060px){
	nav ul li{margin: 0px!important;}
	.slideDesc, .slideDesc a{text-align: left;}
	.infoSlide{top: -150px;}
	
	
	#bannerAsesor img,
	#banner img{width: auto;}
	#principal {
    	width: 95%;
	}
	section#contenido {
    	width: 100%;
	}
}
@media screen and (max-width: 970px){
	.nav>li>a{
		padding: 0px 9px;
	}
	nav{
		width: 590px;
	}
	nav ul li a{
		font-size: 11px
	}
	#asesorContainer{
		width: 90%;
		margin: 30px auto 0px;
	}
	#asesoresForm h1{
		padding: 30px 0px 0px 0px;
	}
}
@media screen and (max-width: 800px){
	#estudianteItems h1{text-align: center; display: block;}
	.formHide{display: block;}
	#infoTop{
		    text-align: left;
    	line-height: initial;
    	margin-right: 23px;
	}
	.slideDesc, .slideDesc a{font-size: 25px;}
	nav{display: none;}
	#Cmenu{display: block;}

	#contEstudiantesForm{
    	background-size: cover;
	}
	
	#asesoresForm,
	#estudianteForm{width: 90%;}
	#contenido .titlePage h1 {
    	font-size: 24px;
	}
	#categoryDesc .imagecat {
	    width: 100%;
	    margin: 0px auto;	    
	    overflow: hidden;
	}
	#categoryDesc{padding: 45px 0px 0px 0px;}
	#allCategories .itemBloock {
    	width: 40%;
	}
	#categoryDesc .descripcion{width: 100%; display: block;}
	#logo{
		display: block;
    	margin: auto;
	}
	#contenido .desc p{font-weight: 400;}
	#frecuentes{width: 100%;}

}
@media screen and (max-width: 767px){
	
	#estudianteForm{
		margin: 0px auto;
	}
	.estudianteformtop{
		padding-top: 13px;
	}
	.bannerform h1{
		font-size: 22px;
		margin-top: 23px;
    	margin-bottom: 15px;
	}
	#infoTop{
		margin-bottom: 10px;
	}
	.bannerform{
		padding: 0px;
	}
	.comillas .contcomillas2 img {
    	margin-right: 4px;
	}
}
@media screen and (max-width: 715px){
	#contNav{line-height: 35px;}
	nav{margin: 20px auto;}
	#contenido .desc{ width: 100%;}
	#contenido .itemImage{width: 100%;}
	#estudianteItems iframe{ margin: 20px auto 0px!important; }
}

@media screen and (max-width: 650px){
	#contenido .itemImage img {
    	width: 1000px;
    	margin: 0px -250px;
	}
	#infoTop{text-align: center; float: none; margin: 5px 0px; width: 100%;}
	#infoTop ul li{font-size: 14px;}

	#contenido .desc iframe{
		width: 90%;
	}
}

@media screen and (max-width: 500px){
	#contNav{z-index: 1; top: 105px;}
	#logo{ width: 170px; margin: 0px auto; display: block;}


	#redes{width: 90%;}
	#redes ul li{ margin: 0px 5px;}
	#halltec{width: 90%;}
	.slideDesc, .slideDesc a{width: 300px;}

	header{position: fixed; width: 100%; z-index: 999;}

	#bannerAsesor img { margin: 0px 0px 0px -400px;}
	
	#banner img{ margin: 0px 0px 0px -700px;}

	#asesorIntro{    width: 340px; margin: -410px 0px 0px -170px; left: 50%;}

	#intro p{text-align: center; width: 90%;}


	
	#categoryDesc .imagecat img{
		width: 750px;
    	margin: 50px -100px;
	}
	#contenido .itemImage img {
    	width: 1000px;
    	margin: 50px -440px;
	}
	#allCategories .itemBloock {
    	width: 90%;
	}
	.bannerform h1{
		margin-top: 87px;
		padding: 0px 15px;
	}
	.carousel-inner .item p{
		line-height: 28px;
	}
	.carousel-inner h3 p{
		font-weight: 500;
	    font-size: 16px;
	}
	.comillas img{
		width: 40px;
	}
	.comillas{
		margin-bottom: -95px;
	}
	.comillas .contcomillas2 img {
    	margin-right: 9px;
	}

	.contcomentarios{min-height: 320px;}
	.carousel-indicators{bottom: -60px;}
}
@media screen and (max-width: 470px){
	.ingresarapp {
	    background: #ff2e63;
	    width: 96px;
	    height: 50px;
	    color: #fff;
	    padding: 10px 9px;
	    border-radius: 5px;
	    font-size: 10px;
	}
	#infoTop{
		text-align: center;
	    float: none;
	    width: 100%;
	}
	#infoTop ul li{
		font-size: 12px;
		margin: 0px 0px;
	}
	#infoTop .infotopdatos{
		
	}
	.ingresar{
		float: right;
    	margin-right: 42px !important;
	}
}