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

	.vertical-align {
		display: flex;
		flex-direction: row;
	}

	.vertical-align .vertical-align-col {
		display: flex;
		align-items: center; /* Align the flex-items vertically */
		justify-content: center;
	}
}

@media screen and (max-width: 1199px) {
	#slider .slick-dots li {
		width: 145px;
		margin: 0 5px;
	}
}

@media screen and (max-width: 991px) {
	.jumbotron {
		padding-bottom: 150px;
	}

	#slider .slick-dots li {
		min-width: 100px;
		width: 110px;
		margin: 0 5px;
	}

	#slider .slick-dots li i {
		height: 79px;
		background-size: 80px auto;
	}

	#slider .slick-dots h3 {
		float: left;
		width: 100%;
	}

	#slider .banner {
		background-size: 50% auto;    
		background-position: 100% 50%;
  }
  
  #slider .banner h2 {
  	font-size: 3.7em;
  }
  
  #slider .banner h3 {
  	font-size: 1.5em;
  }

	#slider .banner p {
		line-height: 150%;
    font-size: 1.125em;
	}
  
  #slider .banner.banner__mobile {
    background-size: 50% auto;  
  }
  
   #slider .banner.banner__mobile .text {
    width: 50%;
  }
  
  #slider .banner.banner__core {
    background-size: 55% auto;  
  }
  
  #slider .banner.banner__gamification {background-size: 45% auto; background-position: 100% 50%;}
  #slider .banner.banner__gamification .text {width: 50%;}
  
  #slider .banner.banner__family  {
  	background-size: 45% auto; 
  }
  
  
  #slider .banner.banner__family .text {
  	width: 55%;
  }

	footer .logo a {
		width: 140px;
		display: inline-block;
	}

	footer .logo {
		text-align: center !important;
		margin-bottom: 20px;
	}

	footer .copyright {
		text-align: center;
	}

	footer .social {
		text-align: center;
		margin: 5px 0 0 0;
		padding: 0;
	}

	footer .social ul {
		margin: 0;
		padding: 0 15px;
	}

}

@media screen and (max-width: 767px) {

	nav.navbar h1 {
		font-size: 1.5em;
	}

	.jumbotron {
		padding-bottom: 0;
		min-height: auto;
	}

	#slider .banner .text {
		width: 70%;
	}

	#slider .slick-dots li {
		width: 10px;
		min-width: 0;
		margin: 0 5px;
	}

	#slider .slick-dots li i {
		height: 12px;
		width: 12px;
		background: white;
		border-radius: 50%;
	}

	#slider .slick-dots h3 {
		display: none;
	}

	#slider .slick-dots li.slick-active i {
		background: #3790d2;
	}

	#slider .banner p {
		line-height: 150%;
	}

	#slider .banner {
		background-size: 30% auto;
	}

	#slider .banner h2 {
		font-size: 2.5em;
	}
  
  #slider .banner.banner__content {background-size: 45% auto;}
  #slider .banner.banner__content .text {width: 55%;}
  
  #slider .banner.banner__pisa {background-size: 45% auto;}
  #slider .banner.banner__pisa .text {width: 55%;}
  
  #slider .banner.banner__mobile {background-size: 50% auto;}
  #slider .banner.banner__mobile .text {width: 45%;}
  
  #slider .banner.banner__core {background-size: 65% auto;}
  #slider .banner.banner__core .text {width: 55%;}
  
  #slider .banner.banner__gamification {background-size: 55% auto;}
  #slider .banner.banner__gamification .text {width: 45%;}
  
  
  
	.chapter .box-blue .description p {
		margin-top: 10px;
	}
  
  .chapter .box-light .title .goBack {
  	display: inline-block;
    float: left;
    margin-top: 13px;
    background-position: 0 0px;
  }
	.chapter .box-light .title h1 {
  	display: inline-block;
    float: left;
    width: 80%;
  }

	.chapter .box-light h1 {
		border-right: none;
	}

	.chapter .box-light .text {
		border-left: 0;
	}
}

@media screen and (max-width: 600px) {
	nav.navbar h1 {
		font-size: 1.0em;
	}
}

@media screen and (max-width: 500px) {

	nav.navbar h1 {
		display1: none;
	}

	/*#slider .banner .text {
		width: 100%;
		background: rgba(25,88,137, 0.9);
		background: rgba(9,109,180, 0.6);
		padding: 10px;
	}

	#slider .banner {
		background1: none !important;
		background-position: 50% 100%;
		background-size: 80% auto;
		padding-bottom: 200px;
	}*/
	
	nav.navbar .navbar-brand {
		width: 45%;
	}
}

@media screen and (max-width: 480px) {
  
  /*#slider .banner h2 {
		font-isze: 1.0em;
  }
  #slider .banner.banner__mobile {
    background-size: 50% auto;  
  }
  
  #slider .banner.banner__mobile .text {
    width: 50%;
  }
  
  #slider .banner.banner__content {background-size: 45% auto;}
  #slider .banner.banner__content .text {width: 55%;}
  
  #slider .banner.banner__gamification {
    background-size: 55% auto;  
  }
  
  #slider .banner.banner__family  {
  	background-size: 45% auto; 
  }
  
  */  
  #slider .banner h2 {
  	font-size: 2.0em;
  }
  
  #slider .banner h3 {
  	font-size: 1.0em;
  }

	#slider .banner p {
		line-height: 120%;
    font-size: 1.125em;
	}
  
  #slider .banner.banner__content {background-size: 45% auto;}
  #slider .banner.banner__content .text {width: 55%;}
  
  #slider .banner.banner__pisa {background-size: 45% auto;}
  #slider .banner.banner__pisa .text {width: 55%;}
  
  #slider .banner.banner__mobile {background-size: 50% auto; background-position: 100% 20%;}
  #slider .banner.banner__mobile .text {width: 45%; margin-top: 30px;}
  
  #slider .banner.banner__core {background-size: 50% auto;background-position: 100% 20%;}
  #slider .banner.banner__core .text {width: 50%; margin-top: 30px;}
  
  #slider .banner.banner__gamification {background-size: 55% auto; background-position: 100% 20%;}
  #slider .banner.banner__gamification .text {width: 45%; margin-top: 30px;}
  
}

@media screen and (max-width: 400px) {
	.chapter .thumb, .chapter .description {
		display: block;
		width: 100%;
	}

	.chapter .box h2 a span {
		width: 80%;
		display: block;
	}

	.chapter .thumb a img {
		margin: 0 auto;
	}

	.chapter .description {
		margin-top: 20px;
	}
  
  nav.navbar h1 {
		font-size: 0.75em;
	}
  


}

@media screen and (max-width: 400px) {

	.grades .box ul li a span {
		width: 70%;
	}
	
	.chapter .box-light {
		background: #3790d1;
	}
	
	.chapter .box-light .title h1 {
		width: 100%;
	}
	
	.chapter .box-light .text,
	.chapter .box-light .title {
		width: 100%;
		display: block;
	}
  
  #slider .banner .text h2 {margin-top: 0;}
  
  #slider .banner.banner__content {background-size: 45% auto; background-position: 50% 100%; margin-bottom: 20px;}
  #slider .banner.banner__content .text {width: 100%;}
  
  
  #slider .banner.banner__pisa {background-size: 45% auto; background-position: 50% 93%; margin-bottom: 20px;}
  #slider .banner.banner__pisa .text {width: 100%;}
  
  #slider .banner.banner__mobile {background-size: 60% auto; background-position: 50% 95%;}
  #slider .banner.banner__mobile .text {width: 100%; margin-top: 0;}
  
  #slider .banner.banner__core {background-size: 80% auto;background-position: 50% 80%;}
  #slider .banner.banner__core .text {width: 100%; margin-top: 0px;}
  
  #slider .banner.banner__gamification {background-size: 70% auto; background-position: 50% 90%;}
  #slider .banner.banner__gamification .text {width: 100%; margin-top: 00px;}
  
  #slider .banner.banner__family {background-size: 60% auto; background-position: 50% 99%;}
  #slider .banner.banner__family .text {width: 100%; margin-top: 00px;}

}



/* ################################## */
/* IFRAME */

.iframe-inner {
	overflow: hidden;
}

iframe {
	height: 663px !important;
	width: 1002px !important;
}

@media screen and (max-width: 1200px) {
	.iframe-inner {
		height: 635px;
	}

	iframe {
		/*zoom: 0.68;*/
		-moz-transform: scale(0.9);
		-moz-transform-origin: 0 0;
		-o-transform: scale(0.9);
		-o-transform-origin: 0 0;
		-webkit-transform: scale(0.90);
		-webkit-transform-origin: 0 0;
	}
}

@media screen and (max-width: 991px) {
	.iframe-inner {
		height: 490px;
	}

	iframe {
		/*zoom: 1;*/
		-moz-transform: scale(0.68);
		-moz-transform-origin: 0 0;
		-o-transform: scale(0.68);
		-o-transform-origin: 0 0;
		-webkit-transform: scale(0.68);
		-webkit-transform-origin: 0 0;
	}
}

/*---*/
.col-custom-small {
    width: 50px !important;
}