@media screen and (max-width: 1280px) {
	.navbar.fixed-top {
		width: 100%;
	}
	
	#px-background {
		background-position: center center;
		background-size: cover;
	}

	.carousel-caption {
		left: 5%;
	}
}



@media screen and (max-width: 1024px) {
	body {
		font-size: 14px;
	}

	h2 {
		font-size: 2.4em 	
	}

	h3 {
		font-size: 1.6em 	
	}

	section {
		padding: 30px 0;
	}	


	#hero {
		height: 500px;
	}



	.carousel-item {
		height: 28rem;
	}

	.carousel-caption {
		right: 0;
		left: 0;
		padding: 20px 30px 20px 20px;
		bottom: 1rem;
	}

	#pills-payment .top-stats {
		margin-top: -60px
	}

	iframe {
		width: 100%;
		height: 100%;
		margin: 15px 0;
	}

}

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

	.navbar {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	h2 {
		font-size: 2em 	
	}


	#hero .trustpilot-strip {
		top: auto;
		bottom: 0;
	}

	.lead {
		font-size: 1.2em;
	}

	.btn-lg {
		font-size: 1.2em;
	}

	.heading-max-width {
		max-width: 600;
	}

	.carousel-item {
		height: 49rem;
	}

	section.stats {
		height: 400px;
	}

	#payment-options.is_stuck {
		position: static !important;
	}

	#payment-options.is_stuck + div {
		display: none !important;
	}

	#stats .stat {
		margin-bottom: 20px;
	}




}

@media screen and (max-width: 767px) {
	h1 {
		font-size: 3.5em;
		max-width: 300px;
		line-height: 1em;
		margin: 0;
	}

	#hero {
		height: 450px;
	}

	.navbar-dark .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}


	.navbar-brand {
		margin: 0 10px;
		width: 110px;
	}

	.navbar-brand img {
	    max-height: 70px;
	}

	.navbar-brand::after {
		border-width: 30px 55px 0 55px;
	}


	.btn-lg {
		font-size: 1em;
	}

	.carousel-item {
		height: 36rem;
	}

	.carousel-caption {
		padding: 20px;
		bottom: 0;
	}

	.carousel-caption .btn-lg {
		font-size: .45em;
		width: 100%;
	}

	#promo {
		padding: 15px 30px !important;
		margin-left: -15px !important;
		margin-right: -15px;
		font-size: 1.2em !important;
		line-height: 1.2em;
	}


	#promo::before {
		border-width: 35px 0 35px 20px !important;
	}




	iframe {
		width: 100%;
		height: auto;
		margin: 15px 0;
	}

	#pills-payment .top-stats > .row > .col {
		border: 0;
		border-top: 1px solid #DDD; 
		padding-top: 25px;
		margin-top: 25px;
	}
	
	#pills-payment .top-stats > .row > .col:first-child {
		border: 0;
		padding-top: 0;
		margin-top: 0;
	}




	.card.card-course {
		margin: 0 15px 35px 15px;
	}






	.nav-pills {
		font-size: 1.4em;
	}

	.nav-pills .nav-link {
		padding: 5px 10px 8px;
		width: auto
	}




	#backToTop {
		right: 0;
	}


	.multiselect-container.dropdown-menu {
		font-size: 10px;
	}




	.parallax__layer--back {
		-webkit-transform: translateZ(-90px) scale(1.2);
		transform: translateZ(-90px) scale(1.2);
		margin-left: -50px;
	}


	#hero-icon {
		flex-grow: 1;
		justify-content: flex-start !important;
	}

	#hero-icon img {
		height: 100px;
		margin-bottom: 15px;
	}


	.parallax__overflow .parallax__layer--base {
		margin-bottom: 0 !important;
	}


	#deko-panel .btn {
		font-size: .9em;
	}



	.price-slider {
		margin-left: -10px;
	}



	div.slider {
		position: relative;
		z-index: 10;
		margin-bottom: -30px;
	}


	#payment-options {
		margin: 25px 0;
		border-radius: 15px;;
	}

	#payment-options .saving {
		margin: 0;
		font-size: 1.4em;
	}

	#payment-options .saving > div {
		border-radius: 13px;
		height: 60px;
		margin: 10px 10px 0 10px;
	}




	
	.media img {
		margin-right: 0;
		max-width: 100%;
	}

	.media h4  {
		padding-top: 10px;
	}
	
	.media h4 br {
		display: none;
	}



	.price-box {
		padding: 0 10px;
	}


	.btn-start-learning {
		white-space: inherit;
	}


	div.promo--offer-ends {
		padding: 0;
	}

	.promo--offer-ends .next-date {
		display: none;
	}


	.promo--offer-ends .flipper {
		font-size: 2em !important;
		margin: auto;
		display: inline-block;
	}

	#trustpilot-strip, .trustpilot-strip {
		display: none !important;
	}




}