.menu-icon	{display:none}

	/**** MOBILE MENU ****/

	.mobile-menu 		{width:320px; height:100%; /*background-image: url(/_assets/bg-pattern.gif);*/ background-color: #06005A; position:fixed; top:0; bottom:0; right:100%; z-index:9999; padding:30px 35px; transition: all 0.5s; border:none; overflow-y: scroll}
	.mobile-menu.open 	{margin-right:-320px; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
	.mobile-menu 		{margin-bottom:0px;}
	.mobile-menu li 	{list-style:none; display:block; border:none; text-align: left; width: 100%; padding:10px 0; font-size: 20px; }
	.mobile-menu li a	{border:none; color: #fff; margin: 0; padding: 0; text-decoration: none;}

	.mobile-menu li ul		{margin-top: 10px;}
	.mobile-menu li ul li	{font-size:16px; padding: 8px 0; margin-bottom: 0}

	.mobile-menu .menu-close 	{position: absolute; width: 25px; height: 26px; top: 15px; right: 15px; display: block; background-image: url(/_assets/icon-close.png); background-size: cover;}	
	
	.mobile-menu li ul li span			{color:#00b5e2}
	.mobile-menu li.purple ul li span	{color:#78be20}
	.mobile-menu li.green ul li span	{color:#00b5e2}
	

@media (max-width: 1300px) {
	
	/*** GENERAL **/
	.inner	{padding-left:15px; padding-right: 15px;}
	
	/*** HOME PAGE ***/
	.header-image-section .bottom p	{font-size:22px;}
	.header-image-section .bottom .icon:first-child	{margin-left:0 !important;}
	.header-image-section .bottom div:last-child	{margin-right:0 !important}
	.home-left	{width:49%;}
	.home-right	{width:49%; margin-left: 2%;}
	.partners-carousel .slide	{height:auto; padding-top: 4%;}
	
	.partners-carousel .slick-arrow.slick-next	{right:5px; bottom: -40px; top: auto;}
	.partners-carousel .slick-arrow.slick-prev	{right:auto; bottom: -40px; top: auto; left: 5px;}
	
	/*** CONTENT PAGES ***/
	.page-header-inner-text	{padding-left:15px;}
	.left-col-container		{width:28%;}
	.right-col-container.endorsers,
	.right-col-container	{width:68%; margin-left: 4%;}
	
	.endorser				{width:32%; margin-right: 2%;}
	.endorser img			{width:100%;}
	.endorser:nth-child(3n+0)	{margin-right:0}
	
}

@media (max-width: 1360px){
	header ul 					{display: none; }
	.menu-icon 					{position: absolute; right: 20px; top: 50%; margin-top: -12px; font-size: 10px; color: #4476FF; font-weight: 500; text-decoration: none;  width: 50px; text-align: center; display: block }
	.menu-icon:before 			{width: 22px; height: 16px; content: ''; background-image: url(/_assets/icon-nav.gif); display: inline-block; background-size: cover; text-align: center; margin-bottom: 2px; }
	header .country-dropdown 	{margin-right:85px;}
}

@media (max-width: 1140px) {
	
	
	/*** HOME PAGE ***/
	.header-image-section .bottom p	{font-size:18px;}

	/*** CONTENT PAGES ***/
	.page-header-container		{background-position-x: 55%;}
	.page-header-inner-text h1	{}

	
}

@media (max-width: 1100px) {
	
	.header-image-section	{min-height: unset}
	
}

@media (max-width: 1000px) {
	
	
	/*** HOME PAGE ***/
	.header-image-section .bottom p		{font-size:13px; width: 88%;}
	.header-image-section .bottom .icon	{margin-right:10px; margin-left: 10px;}
	.header-image-section .bottom div	{margin-right:10px}
	.overview-box						{padding:25px;}
	.structure-box						{padding:25px;}
	.partners-box						{padding:25px;}
	.endorement-box .slide				{padding-top:0; padding-left:25px; padding-right: 25px;}
	.endorement-box h2					{padding-left:25px;}
	.endorement-box .btn				{left:25px;}
	.slick-initialized .slick-slide		{background-size:100% auto;}
	.structure-item .structure-text h3	{font-size:16px;}
	.partners-box .btn		{margin-top:30px;}

	
	/** FOOTER **/
	footer				{text-align:center;}
	footer .inner		{flex-direction: column;}
	footer ul.social	{width:100%; margin-bottom: 15px;}
	ul.footer-list		{float:none;}
	



}

@media (max-width: 960px) {
	
	.header-text	{width: 50%}
	.header-image	{background-size: 50% auto;}
}


@media (max-width: 880px) {
	
	/*** GENERAL **/
	header ul		{margin-right:0;}
	header ul li a	{font-size: 18px;}
	a.apply-now		{font-size: 18px; width: 105px; padding-left: 0; padding-right: 0; text-align: center}
	h2	{font-size:28px;}
	
	/*** HOME PAGE ***/
	.home-main-section p				{font-size:18px;}
	.endorement-box .slide				{padding-bottom:255px;}
	.endorement-box blockquote			{font-size:18px;}
	.home-main-section					{padding-top:15px;}
	.endorement-box .carousel-nav		{right:auto; left: 25px; bottom: 25px;}
	.endorement-box .btn				{bottom:60px;}
	.step-container						{max-width:90px; width:30%; display: inline-block;}
	.structure-box.content .structure-text,
	.structure-item .structure-text		{width:66%; margin-left: 4%;}

	
	/*** CONTENT PAGES ***/
	ul.left-nav li h2			{padding-left:15px; font-size: 18px;}
	ul.left-nav li a			{padding-left:15px; font-size: 18px;}
	
}

/**** ONE COL ****/

@media (max-width: 768px) {

	/*header ul			{display:none;}
	.menu-icon			{position:absolute; right: 120px; top: 50%; margin-top: -15px; font-size: 12px; color: #00b5e2;  width: 50px; text-align: center; display: block}
	.menu-icon:before	{width:22px; height: 16px; content:''; background-image: url(/_assets/icon-nav.gif); display: inline-block; background-size: cover; text-align: center; margin-bottom: 2px;}*/
	
	/*** HOME PAGE ***/
	.header-image-section .bottom		{left:0; right: auto; text-align: left; padding-left: 15px;}
	.header-image-section .bottom div	{display:block; margin-bottom: 10px;}
	.header-image-section .bottom div p	{font-size:20px;}
	.header-text						{padding-top:20px;}
	.header-text h1						{font-size:34px;}
	.header-text						{width:50%;}
	.home-left							{width:100%; margin-bottom: 15px;}
	.home-right							{width:100%; margin-left: 0%;}
	.overview-box						{margin-bottom:15px;}
	.endorement-box h2 br				{display:none;}
	.endorement-box blockquote			{font-size:18px;}
	ul.footer-list	li					{display:block; margin-bottom: 10px; margin-left: 0}
	.endorement-box .slide				{background-image:none !important; padding-bottom: 125px;}

	.qatar-home .col-2 {width:100%;}
	.qatar-home .col-2 video {width:100%;}
}


@media (max-width: 680px) {
	
	/*** CONTENT PAGES ***/
	.left-col-container			{display:none;}
	
	.right-col-container.endorsers,
	.right-col-container		{width:100%; margin-left: 0;}

	
	.page-header-inner			{vertical-align: bottom;}
	.page-header-inner-text		{display:inline-block; width: auto; background-color: rgba(255,255,255,0.8); padding: 15px;}
	.page-header-inner-text h1	{font-size:40px; width: 100%; }
	.page-header-container		{background-position-x: 75%;}


	
	
}

@media (max-width: 530px) {

	/*** HOME PAGE ***/
	.header-text	{width:calc(50% + 70px);}
	.header-text h1	{font-size: 24px; margin-bottom: 15px;}
	.header-text h1 span	{font-size: 24px; margin-bottom: 15px;}
	.header-text h2	{font-size: 16px; z-index: 20; position: relative; margin-bottom: 0px}
	.header-image-section .bottom		{bottom:10px;}
	.header-image-section .bottom div p	{font-size:16px;}
	.header-image-section .icon			{width:20px; height: 20px; background-size: 10px 10px;}
	.header-image-section:after			{height:80%;}
	
	.header-image-section .inner	{margin: 30px auto}
	
	.header-image	{background-position: right -70px top;}
	
	/*** CONTENT PAGES ***/
	.page-header-inner-text h1		{font-size:30px;}
	.tile							{margin:2%; width: 46%;}
	.endorser						{width:48%; margin-right: 0%;}
	.endorser:nth-child(3n+0)		{margin-right:0%}
	.endorser:nth-child(odd)		{margin-right:4%;}
	.endorser-detail img			{width:100%; margin-bottom: 20px;}
	.endorser-detail-text			{width:100%; margin: 0; padding-right: 0}
	a.close							{right:30px; top: 30px;}
	.right-col-container p.intro	{font-size:22px;}
	.accordion-item h3				{padding-right:50px}
	.col-1 							{width: 98%;}
	
	.qatar-home .col-container {padding: 0;}
	
	/* 2024 */
	.overview-box	{background-size: 118px auto;}
	.btn.arrow 		{padding-right: 65px;}
	
}

@media (max-width: 400px) {
	
	header		{padding:20px 0;}
	.logo img	{width:140px; height: auto;}
	a.apply-now	{padding-top: 29px; font-size: 16px;}
	
	/*** HOME PAGE ***/
	.header-text h1	{font-size:20px;}
	.header-image-section .bottom div p	{font-size:16px;}
	
	h2	{font-size:34px;}
	.home-main-section p	{font-size:18px;}
	.header-text h3 { font-size: 16px;     margin-bottom: 30px;}
	.header-text h2 {margin-bottom: 0px;}

	.qatar-home .supporters-carousel .slide .image-container {width:100px; height:100px;}
}

@media (max-width: 370px) {
	
	a.apply-now	{font-size:14px; width: 85px;}

	.country-dropdown {margin-right:65px;}

	/*** HOME PAGE ***/
	.header-image-section .bottom div p { font-size: 14px; }
	
}