/* 
	===================================== DESKTOP, LARGE SCREENS ====
*/
@media only screen and (min-width: 1200px) {
	/* user styles goes here */
}



/* 
	=========================================== DESKTOP < 1200px ====
*/
@media only screen and (max-width: 1200px) {

	/* autogenerated styles */
	.col_1 { width:91%;}
	.col_2 { width:44%;}
	.col_4 { width:28.5%;}
	.col_12 { width:16.6666666667%; }
	.col_4c { width: 64%; }
	.col_12c { width: 83.3333333333%; }
	/* user styles goes here */
	.equipo ul li .profesor{ width:91%; }
	#ph_country, #ph_pais { display:block; clear:both; margin-top: 10px; }
	#menu ul li a {padding: 10px;	}
}

/* 
	============================================= IPAD LANDSCAPE ====
*/
@media only screen and (max-width: 1024px) {
	
	/* autogenerated styles */
	.col_1 { width: 97%; }
	.col_2 { width:47%;}
	.col_8 { width:25%; }
	.col_9 { width:33.3333333333%; }
	.col_10 { width:20%; }
	.col_12 { width:25%; }

	.col_8c { width: 75%; }
	.col_9c { width: 66.6666666667%; }
	.col_10c { width: 80%; }
	.col_12c { width: 75%; }

	/* user styles goes here */
	.equipo ul li .profesor{ width:97%; display: block;}
	.equipo ul li .info{padding-right: 0px;}
	.equipo ul li .profesor .ficha{ display: block; }

	
	

	.gallery ul li .titulo h2
	{
		font-size: calc(24px - (100vw / 260));
		line-height: calc(24px - (100vw / 260));
		white-space: unset;
	}

	.gallery ul li .titulo h2 span
	{
		font-size: calc(18px - (100vw / 260));
		line-height: calc(18px - (100vw / 260));
		white-space: unset;
	}

	.gallery ul li .subtitulo h3
	{
		font-size: calc(19px - (100vw / 260));
		line-height: calc(19px - (100vw / 260));
		white-space: unset;
	}
	
}




/* 
	============================================= 996 ====
*/
@media only screen and (max-width: 996px) {

	/* reset .container width and max-width (in case user defines an explicit #id for her/his .container classes) */
	.container { width: 100% !important; max-width: 100% !important; padding-left:0px; padding-right:0px; margin:0%;}
	/* user styles goes here */
	#socialinfo ul li { padding-left:0px; }
}

/* 
	============================================= 900 ====
*/
@media only screen and (max-width: 900px) {

	/* user styles goes here */

	.testimonio .comment p { font-size:16px; font-style:italic; text-align:center; }
	#ph_country, #ph_pais { display:block; clear:both; margin-top: 10px; }
	.form #alert { width:calc(100% - 240px);}
	.formacion .calendar { margin:0px 10px 0px 0px; }
	.lista .detail h5 { display:block; clear:both; }
	.lista .masinfo h4 { margin:25px 0px; }
	.lista .masinfo h5.button { margin-right:0px; }
	.info .detail p { margin-top:-20px; white-space:pre-line; }
	.info .fechas { margin-top:0px;}
	.lista .detail { margin-left:-10px;}
	.lista h3.country{ margin-left:10px; }
	.lista .detail{ max-width:calc(100% - 465px); }
}

/* 
	=========================================== DESKTOP < 768px ====
*/
@media handheld, only screen and (min-width: 769px)
{
	#footer .col_3 {
  	 width: 29.3333333%;
	}

	#footer #contactinfo.col_3 {
   	width: 32.33333%;
	}
}

/* 
	=========================================== DESKTOP > 768px ====
*/
@media only screen and (min-width: 768px) {

	.formacion .info .importes
	{
		float:right;
		position:absolute;
		right: 0;
		top:0;
		z-index: 999999999999999999999999999999999999;
	}
}

/* 
	============================================= MENU FIX ====
*/
@media only screen and (min-width: 900px) and (max-width: 1023px) {
	

	/* user styles goes here */
	#menu ul li a
	{
		padding: 10px 6px;
	}
	
}

@media only screen and (min-width: 768px) and (max-width: 899px) {
	

	/* user styles goes here */
	#menu ul li a
	{

		font-size: 15px;
	}
	
}

/* 
	============================================== IPAD PORTRAIT ====
*/
@media handheld, only screen and (max-width: 768px) {
	/* autogenerated styles */
	.col_4 { width:46%; }
	.col_6 { width:46%; }
	.col_8 { width:4746; }
	.col_9 { width:100%; }
	.col_10 { width:46%; }
	.col_12 { width:31.8333333333%; }

	.col_4c { width: 46%; }
	.col_6c { width: 46%; }
	.col_8c { width: 46%; }
	.col_9c { width: 100%; }
	.col_10c { width: 46%; }
	.col_12c { width: 65.16666666667%; }
	
	.profesor .col_4 { width:30.3333333333%; }
	.profesor .col_4c { width: 62.6666666667%; }

	/* user styles goes here */
	#menu #expand { display:block; width:100%; border-bottom:2px solid #163018; }
	#menu #expand a { float:right; }
	#menu ul { text-align:center; margin-left:0px; padding:0px; margin-top:0px; z-index:1000000; width:100%; border:0px; display:none; }
	#menu ul li { display:block; width:100%; border-bottom:1px solid #ccc; margin:0px; }
	#menu ul li a { display:block; padding:11px 0px 11px 0px; width:100%; font-size: 16px; }
	#menu ul li a.active { /*border-left:10px solid #33cccc; border-right:10px solid #33cccc;*/}
	#menu ul li a.active, #menu ul li a.active:hover { border-bottom:0px; }
	.form{ margin-bottom:0px; }
	#footer .col_3 { display:block; float:none; clear:both; width:97%; }
	#footer * { text-align:center; }
	#socialinfo ul, #socialinfo ul li { width:auto; text-align:center; }
	#socialinfo li a, #contactinfo a.email, #contactinfo .phone { text-align:left; min-width:205px; }
	.legal { padding:5px; }
	#footer h5.footerlogo { text-align:center; max-width:100%; margin-bottom:20px; }
	#campus a { margin:0px; padding-bottom:0px; }
	.testimonio .from { width:75%; }
	h3 { font-size:14px; }
	.formacion .detail ul.fechas > li ul li{ width:47%; }
	#footer h2.footerlogo a {
		margin-left: calc((100vw - 240px)/2);
	}
}

/* 
	============================================== IPAD RIGHT AFTER PORTRAIT ====
*/
@media handheld, only screen and (max-width: 766px) {
	/* user styles goes here */
	.addthis { bottom:0px; height:43px; width:auto; text-align:left;}
	.gallery ul li .info h3 { font-size:18px; }
	#box.bio #info { width:64%; margin-right:0px; }
	#contactinfo strong { display:block; }
	h1 { margin-bottom:-40px; }
	.cookies h1 { margin-bottom:0px; }
	
	.gallery ul li .titulo h3 { font-size: 15px; font-weight:normal; }
	.gallery ul li .subtitulo h4 { font-size: 12px; font-weight:300; }
	/*.equipo ul li .info h3{ font-size:19px;}*/
	.info { text-align:left;}
	.lista .fechas, .info .fechas { text-align:center; width:100%; display:block; margin-left:0px; margin-right:0px; }
	.lista .detail, .info .detail { text-align:center; display:block; float:none; margin:0px; clear:both; max-width:100%;}
	.lista .detail *, .info .detail * { display:block; clear:both; text-align:center; }
	.info .detail h5 * { display:inline-blocK;}
	.info .detail strong, .info .detail span { display:inline-block; }
	.lista h3 span:before { content:'';}
	.formacion .calendar { margin:0px 10px 0px 10px;  display:inline-block;  float:none; }
	.formacion .lista .masinfo { text-align:left; float:none; margin-top:10px; }
	.formacion .lista .masinfo h3, .formacion .lista .masinfo h4.button
	{
		float: none;
		margin: 5px auto 10px auto;
		display: block;
		text-align: center;
	}
	.formacion .info .importe { text-align:center; float:none; }
	.formacion .lista .masinfo h4, .formacion .info .masinfo h4, .formacion .info .importe h4 { text-align:left; display:block; float:none; margin: 0px 0px 10px 0px;}
	.formacion .lista .masinfo h5.button{ text-align:center; display:inline-block; float:none; margin:0px 0px 15px 0px; }
	.formacion .lista .masinfo div { text-align:center; display:block; float:none; width:auto; }
	.form #alert { width:97%; margin-top:0px;  }
	.formacion .filter { text-align:right; }
	.formacion .filter [type="checkbox"] + label { width:auto !important; margin-right:0px; }
	.formacion .filter label { width:15% !important; text-align:right; display:inline-block; }
	.formacion .filter select { width:30.5% !important; margin-right:0px; margin-left:0px; display:inline-block;}
	.formacion .filter > select { width:80% !important; margin-right:-5px; margin-left:0px; margin-bottom:5px; display:inline-block;}
	
}
/* 
	=========================================== IPHONE LANDSCAPE ====
*/
@media handheld, only screen and (max-width: 480px) {

	/*.flex-direction-nav{margin: -40% 0 0 0 !important;}
	#destacados .flex-direction-nav, #promociones .flex-direction-nav{margin: -28% 0 0 0 !important;}*/
	.container {width:100% !important; margin:0% !important;}

	/* autogenerated styles */
	.col_1 { width: 97%; }
	.col_2 { width: 47%; }
	.col_3 { width: 47%; }
	.col_4 { width: 47%; }
	.col_5 { width: 97%; }
	.col_6 { width: 97%; }
	.col_7 { width: 97%; }
	.col_8 { width: 97%; }
	.col_10 { width: 97%; }
	.col_11 { width: 97%; }
	.col_12 { width:47%; }

	.col_2c { width: 47%; }
	.col_3c { width: 47%; }
	.col_4c { width: 47%; }
	.col_5c { width: 97%; }
	.col_6c { width: 97%; }
	.col_7c { width: 97%; }
	.col_8c { width: 97%; }
	.col_10c { width: 97%; }
	.col_11c { width: 97%; }
	.col_12c { width: 47%; }

	/* user styles goes here */
	.home h2 { width: 96%; margin-left:4%; font-size:18px; }
	.contacto .field{ display:block; width:98.25%;}
	.equipo ul li .info h3{ text-align:center;}
	.equipo ul li .profesor { width:92%; margin:0px 4% 30px 4%; }
	.equipo ul li .profesor .ficha { width:90%; margin:0px 5%; padding:0px;}
	.equipo ul li .profesor .info { width:90%; margin:0px 5%; padding:0px; }
	blockquote { padding-top:0px; }
	#form input[type=button], .form #alert { margin-bottom:0px; }
	#form .field { margin:0px; clear:both; display:block; width:100%; }
	.enlaces ul li { height:auto; }
	/*.equipo ul li .info h3{ font-size:28px;}*/
	.formacion .detail ul.fechas > li ul li{ width:94%; }
	.filter [type="checkbox"] + label { width:auto !important; }
	.formacion .filter label, .filter label { width:100% !important; float:right; margin:5px 0px 5px 0px; text-align:left; }
	.filter label:first-child { margin-top:-5px; }
	.formacion .filter select, .filter select { width:100% !important;  float:right; margin-right: 0px;}
	.formacion .info .importe h4 { margin-top:0px; }
	.formacion .info .importes { width:100%; margin:20px 0;}
	.formacion .info .importes.fixed { position: fixed; width: calc(100% - 32px); bottom: 0; top: auto !important;z-index:10000000 }
	.lista .fechas, .info .fechas { float: none; }
	#scrollUp { left: auto; right: 21px; bottom: -3px; }
	
}

@media handheld, only screen and (min-width: 481px) and (max-width: 767px)  {
	
	.formacion .form .promociones .promo .inf, .formacion .form .promociones .promo .dto, .formacion .form .promociones .promo p {
		clear:both;
		width:100%;
	}
}
/* 
	=========================================== IPHONE RIGHT AFTER LANDSCAPE ====
*/
@media handheld, only screen and (max-width: 479px) {
	/* autogenerated styles * */

	.col_1,
	.col_2,
	.col_3, .col_3c,
	.col_4, .col_4c,
	.col_5, .col_5c,
	.col_6, .col_6c,
	.col_7, .col_7c,
	.col_8, .col_8c,
	.col_9, .col_9c,
	.col_10, .col_10c,
	.col_11, .col_11c,
	.col_12, .col_12c { width: 92%; margin-left: 4%; margin-right: 4%;}
	/* user styles goes here */
	h1 { text-align:center; }
	h1 a { float:none; }

	#migas{ display:none; }
	.form #alert { width:92%; }
	.formacion .filter label[for=city]{text-align:left;}
	.form .button { text-align:center; }
	.form .button input[type=button], .form .button input[type=submit]{float:none; width:100%;}
	.formacion .info .profesores ul {display:block; margin-left:25px;}
	.formacion .info .profesores ul li {display:block;}
	.info .detail, .info .detail * {text-align:left;}
	.info .detail p strong { display:none;}
	.info .detail p .phone, .info .detail p a.email, .info .detail p a.web { padding-left:25px;}
}

/* 
	=========================================== 420 ====
*/
@media handheld, only screen and (max-width: 420px) {
	/* user styles goes here */
	.testimonio .from span { padding:1px 10px; margin:0px; font-weight:normal; display:block; position:relative; }
	.testimonio .from span:before { width: 0px; height: 0px; background: #999; border-radius: 0%; display:block; content: ''; position: absolute; left: 0px; top:0px; }
	h1 a { margin-left:-20px; /*background:url(../img/logo/travellysimons.png) no-repeat left;*/
	}
	h2 { text-align:center; margin-left:0%; }
	.tabs ul, .tabs ul li {display:block; margin:0px; width:100%;}
	.tabs ul, .tabs ul li {display:block; margin:0px; width:100%;}
	.tabs ul li a{display:block; margin:0px;  padding: 9px 0px;}

	.gallery ul li .titulo { padding: 10px; }
	.gallery ul li .subtitulo { padding: 10px; }

}


/* 
	============================================ IPHONE PORTRAIT ====
*/
@media handheld, only screen and (max-width: 320px) {

	/* user styles goes here */
	.gallery { margin-top:0px; }
	.gallery ul li { padding:0px; }
	
	.gallery ul li .info h3 { font-size:21px; }
	#footerlegal { font-size:15px; }
	#form #alert { clear:both; }
	.filter ul li a { padding:9px; font-size:11.25px; }
	
}

/* 
	=========================================== 319 ====
*/
@media handheld, only screen and (max-width: 319px) {
	/* user styles goes here */
	/*.slidernav .flex-control-paging li a { width: 4px; height: 4px; }
	.slidernav .flex-control-nav li { margin: 10px 1.5px; }*/
	
}

/* 
	============================================ SO SMALL PHONES ====
*/
@media handheld, only screen and (max-width: 240px) {
	/* user styles goes here */
	#page { min-width:240px; }
	.gallery ul li .info h3 { font-size:16px; }
}