@media (min-width: 1200px)
{
	.container 
	{
		max-width: 1140px;
	}
}

@media (max-width: 768px)
{
	p
	{
		font-size: 18px;
		line-height: 1.75;
	}
	h1
	{
		font-size: 65px;
		margin-bottom: 35px;
	}
	h2
	{
		font-size: 50px;
	}
	h3
	{
		font-size: 40px;
	}
	html[dir='ltr'] h3
	{
		margin-bottom: 10px;
	}


	.custom-loader span 
	{
		font-size: 50px;
		margin: 50px 0;
	}
	.custom-loader .butterfly svg
	{
		height: 75px;
	}


	.navbar
	{
		padding: 35px 10px;
	}
	.navbar.scroll
	{
		padding: 20px 10px;
	}
	/*.navbar .navbar-toggler
	{  
		display: none;
	}*/
	.navbar.scroll .navbar-toggler
	{  
		display: block;
	}
	.navbar.scroll .navbar-toggler
	{
		border-radius: 8px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center;
		padding: 10px;
		z-index: 100;
		position: relative;
		width: 48px;
	}
	.navbar-toggler:focus:not(:focus-visible)
	{    
		outline: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.navbar-collapse
	{
		text-align: center;
	}
	.navbar-nav
	{
		padding: 70px 0 50px;
	}
	.social-media-list
	{
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin: 15px 0;
	}
	.social-media-list li
	{
		margin: 0 5px;
	}
	.language-btn
	{
		width: 110px;
		margin-bottom: 20px;
	}



	.home-svg svg
	{
		margin-top: -25px;
	}
	.cloud
	{
		right: -50px;
	}    
	.cloud svg
	{
		width: 150px;
	}
	one-cloud svg
	{
		width: 165px;
		-webkit-animation: cloud_to_left 30s linear infinite;
		animation: cloud_to_left 30s linear infinite;
	}


	.intro-section
	{
		padding: 50px 0 0;
	}
	.intro-images
	{
		margin-top: 50px;
	}
	.intro-images .intro-image:nth-child(odd)
	{
		margin-top: 50px;
	}
	.intro-images .intro-image:nth-child(even)
	{
		margin-top: -50px;
	}
	.intro-image
	{
		height: 225px;
		width: 25%;
		padding: 25px;
	}


	.download-app
	{
		padding: 50px 0;
	}
	.download-app svg
	{
		width: 200px;
	}


	.heroes-section
	{
		padding: 0 0 100px;
	}
	.hero-fady img 
	{
		height: 325px;
	}
	.hero-rana img 
	{
		height: 400px;
		margin: 15px auto 25px 0;
	}
	.hero-boby
	{
		margin: 50px 0;
	}
	.hero-boby img
	{
		height: 250px;
		-webkit-margin-start: 0;
		margin-inline-start: 0;
		-webkit-margin-end: auto;
		margin-inline-end: auto;
	}
	.hero-bardy img
	{
		height: 250px;
	}


	.content-section
	{
		background-position: center;
	}
	.arrow svg
	{
		height: 75px;
		margin-top: 25PX;
	}
	.letters img
	{
		height: 100px;
	}
	.letters img:nth-child(2)
	{
		height: 175px;
	}
	.letters img:nth-child(3)
	{
		height: 95px;
	}
	.letters img:nth-child(4)
	{
		height: 125px;
	}


	.game-section
	{
		padding: 75px 0;
	}
	.game-title svg
	{
		top: -20px;
		width: 100%;
	}
	.game-title h3
	{
		font-size: 25px;
	}
	.game-slider 
	{
		width: 250px;
		margin: 50px auto 100px;
		height: 165px;
	}
	.game-slide 
	{
		height: 175px;
	}
	.game-tablet svg 
	{
		top: 40px;
		left: 50%;
		height: 210px;
		width: auto;
	}
	.slick-next
	{
		right: -65% !important;
		left: unset !important;
	}
	.slick-prev 
	{
		left: -40% !important;
		right: unset !important;
	}

	html[dir='ltr'] .services-item h3
	{
		margin: 15px 0 10px;
	}
	.services-section
	{
		padding: 75px 0 200px;
	}
	.services-pyramids
	{
		top: -50px;
		left: 0;
	}
	.services-pyramids svg
	{
		width: 175px;
	}
	.services-section h2
	{
		margin-bottom: 55px;
	}
	.services-item img 
	{
		height: 150px;
	}
	.services-island img
	{
		width: 300px;
	}


	.teachers-section
	{
		padding: 25px 0;
	}


	.about-links
	{
		bottom: -25px;
		left: 25px;
		height: 275px;
	}
	.about-treasure
	{
		left: 50vw;
		bottom: -35px;
		width: 150px;
	}
	.app-link 
	{
		height: 60px;
	}
	.terms-link 
	{
		height: 70px;
		top: 80px;
	}


	footer span
	{
		font-size: 11px;
		white-space: nowrap;
	}
	footer .download-app svg
	{
		width: 100px;
	}


	.line4, .line6
	{
		display: none;
	}
	.line5
	{
		left: 5%;
	}
	.line7
	{
		bottom: 125px;
		left: 32%;
	}
	html[dir='ltr'] .line1
	{
		top: 50%;
		left: -12%;
	}
	html[dir='ltr'] .line2
	{
		top: 74%;
		right: 40%;
	}
	html[dir='ltr'] .line7
	{
		bottom: 150px;
		left: 30%;
	}
}

@media (max-width: 767px)
{
	p
	{
		font-size: 15px;
	}
	h1
	{
		font-size: 50px;
		margin-bottom: 15px;
		margin-top: -15px;
	}
	h2
	{
		font-size: 40px;
	}
	h3
	{
		font-size: 35px;
	}


	.custom-loader loader svg
	{
		max-width: 90vw;
	}
	.custom-loader span
	{
		font-size: 40px;
	}
	.custom-loader apps
	{
		width: 100vw;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.custom-loader apps div
	{
		margin: 0px 10px;
		height: 50px;
		width: 125px;
	}
	.custom-loader .butterfly svg
	{
		height: 50px;
		right: -50px;
	}
	.top-section
	{
		height: 65vh;
	}
	one-cloud svg
	{
		width: 100px;
		-webkit-animation: cloud_to_left 25s linear infinite;
		animation: cloud_to_left 25s linear infinite;
	}



	.navbar-brand img
	{
		width: 100px;
	}
	.navbar.scroll 
	{
		padding: 15px 10px;
	}
	.navbar.scroll .navbar-toggler
	{
		width: 42px;
	}


	.intro-images
	{
		margin-top: 25px;
	}
	.intro-images .intro-image:nth-child(odd)
	{
		margin-top: 25px;
	}
	.intro-images .intro-image:nth-child(even)
	{
		margin-top: -25px;
	}
	.intro-image
	{
		height: 175px;
		width: 50%;
	}


	.download-app svg
	{
		width: 100%;
	}


	.video-placeholder 
	{
		position: absolute;
		bottom: -5%;
		left: 42%;
		-webkit-transform: translate(-50%, -40px);
		-ms-transform: translate(-50%, -40px);
		transform: translate(-50%, -40px);
		border-radius: 25px;
		width: 70%;
		height: 60%;
	}
	.video-container svg
	{
		width: 100%;
		height: auto;
	}


	.hero-fady img 
	{
		height: 225px;
	}
	.hero-rana img 
	{
		height: 250px;
	}
	.hero-bardy img, .hero-boby img
	{
		height: 175px;
	}


	.content-section
	{
		min-height: 100vh;
		padding: 100px 0;
	}
	html[dir='ltr'] .content-section
	{
		min-height: 125vh;
	}
	.arrow svg
	{
		height: 50px;
		margin: 10PX 0 20px;
	}
	.letters img
	{
		height: 65px;
	}
	.letters img:nth-child(2)
	{
		height: 100px;
	}
	.letters img:nth-child(3)
	{
		height: 55px;
	}
	.letters img:nth-child(4)
	{
		height: 75px;
	}


	.services-section
	{
		padding: 50px 0 150px;
	}
	.services-pyramids svg
	{
		width: 125px;
	}
	.services-section h2
	{
		margin-bottom: 35px;
	}
	.services-item img 
	{
		margin-top: 25px;
	}
	.services-island img
	{
		width: 200px;
	}


	.teachers-section
	{
		padding: 100px 0 25px;
	}


	.about-section
	{
		padding-bottom: 250px;
	}
	.about-links
	{
		bottom: 0;
		left: 0;
		height: 150px;
	}
	.about-links img
	{
		-o-object-fit: contain;
		object-fit: contain;
		max-height: 150px;
	}
	.about-treasure
	{
		left: 40vw;
		bottom: -30px;
		width: 100px;
	}
	.app-link 
	{
		height: 30px;
		top: 10px;
	}
	.terms-link 
	{
		height: 35px;
		top: 45px;
	}


	footer
	{
		height: auto;
		padding: 10px 25px;
	}
	footer span
	{
		font-size: 10px;
		margin: auto;
		line-height: 25px;
	}
	footer .download-app svg
	{
		width: 100px;
	}


	.line1, .line2, .line3, .line4, .line5, .line6, .line7
	{
		display: none;
	}
}


/* ----------------- TERMS AND CONDITIONS PAGE -----------------*/

@media (max-width: 768px)
{
	.terms-content
	{
		margin: 50px 0 75px;
		padding: 100px 100px;
	}
	terms-butterfly
	{
		bottom: 175px;
		right: -400px;
	}
	terms-butterfly svg
	{
		height: 350px;
	}
}

@media (max-width: 767px)
{
	.terms-boby
	{
		height: 150px;
		margin-bottom: 10px;
	}
	.terms-boby img
	{
		margin-left: 25px;
	}
	.terms-content
	{
		margin: 50px 0 75px;
		padding: 50px 15px;
	}
	terms-butterfly
	{
		bottom: 125px;
		right: -515px;
	}
	terms-butterfly svg
	{
		height: 350px;
	}
	.back-btn
	{
		top: 20px;
		left: 25px;
		height: 20px;
		width: 20px;
	}
}