/*==================================================================================*/
/*Disable Mobile-----------------------------------*/
.mobileDiscover{
	display:none;
}
/*End of Disable Mobile----------------------------*/
/*==================================================================================*/
@media all and (max-width: 575px) {
	.mobileDiscover{
		display:block;
	}
	.discoverTopSpace{
		height:70px;
		position:relative;
	}
	.mobileDiscover .scrollContent{
		background-color:#ffffff;
		border: 3px solid #4167b0;
		margin:10px 10px;
		padding:10px;
		border-radius:25px;
		position:relative;
		z-index:700;
	}
	.mobileDiscover .discoverTitle{
		font-size:30px;
		font-weight:900;
		position:relative;
		color:#4167b0;
		width:100%;
		text-align:center;
	}
	
	.mobileDiscover .block1{
		background-color:#b9b9b9;
		border-radius:15px;
		padding:10px;
		margin-bottom:10px;
	}
	.mobileDiscover .block1 h3{
		color:#827f7f;
		text-align:center;
	}
	.mobileDiscover .block1 .description{
		padding:10px;
		text-align:left;
		color:#181818;
		background-color:#ffffff;
		border-radius:15px;
	}
	
	.mobileDiscover .block2{
		background-color:#3e67b1;
		border-radius:15px;
		padding:10px;
		margin-bottom:10px;
	}
	.mobileDiscover .block2 h3{
		color:#234075;
		text-align:center;
	}
	.mobileDiscover .block2 .description{
		padding:10px;
		text-align:left;
		color:#181818;
		background-color:#ffffff;
		border-radius:15px;
	}
	
	.mobileDiscover .block3{
		background-color:#fab234;
		border-radius:15px;
		padding:10px;
		margin-bottom:10px;
	}
	.mobileDiscover .block3 h3{
		color:#9d6f1f;
		text-align:center;
	}
	.mobileDiscover .block3 .description{
		padding:10px;
		text-align:left;
		color:#181818;
		background-color:#ffffff;
		border-radius:15px;
	}
	
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.mobileDiscover{
		display:block;
	}
	.discoverTopSpace{
		height:70px;
		position:relative;
	}
	.mobileDiscover .scrollContent{
		background-color:#ffffff;
		border: 3px solid #4167b0;
		margin:10px 10px;
		padding:10px;
		border-radius:25px;
		position:relative;
		z-index:700;
	}
	.mobileDiscover .discoverTitle{
		font-size:30px;
		font-weight:900;
		position:relative;
		color:#4167b0;
		width:100%;
		text-align:center;
	}
	
	.mobileDiscover .block1{
		background-color:#b9b9b9;
		border-radius:15px;
		padding:10px;
		margin-bottom:10px;
	}
	.mobileDiscover .block1 h3{
		color:#827f7f;
		text-align:center;
	}
	.mobileDiscover .block1 .description{
		padding:10px;
		text-align:left;
		color:#181818;
		background-color:#ffffff;
		border-radius:15px;
	}
	
	.mobileDiscover .block2{
		background-color:#3e67b1;
		border-radius:15px;
		padding:10px;
		margin-bottom:10px;
	}
	.mobileDiscover .block2 h3{
		color:#234075;
		text-align:center;
	}
	.mobileDiscover .block2 .description{
		padding:10px;
		text-align:left;
		color:#181818;
		background-color:#ffffff;
		border-radius:15px;
	}
	
	.mobileDiscover .block3{
		background-color:#fab234;
		border-radius:15px;
		padding:10px;
		margin-bottom:10px;
	}
	.mobileDiscover .block3 h3{
		color:#9d6f1f;
		text-align:center;
	}
	.mobileDiscover .block3 .description{
		padding:10px;
		text-align:left;
		color:#181818;
		background-color:#ffffff;
		border-radius:15px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.mobileDiscover{
		display:block;
	}
	.discoverTopSpace{
		height:70px;
		position:relative;
	}
	.mobileDiscover .scrollContent{
		background-color:#ffffff;
		border: 3px solid #4167b0;
		margin:10px 10px;
		padding:10px;
		border-radius:25px;
		position:relative;
		z-index:700;
	}
	.mobileDiscover .discoverTitle{
		font-size:30px;
		font-weight:900;
		position:relative;
		color:#4167b0;
		width:100%;
		text-align:center;
	}
	
	.mobileDiscover .block1{
		background-color:#b9b9b9;
		border-radius:15px;
		padding:10px;
		margin-bottom:10px;
	}
	.mobileDiscover .block1 h3{
		color:#827f7f;
		text-align:center;
	}
	.mobileDiscover .block1 .description{
		padding:10px;
		text-align:left;
		color:#181818;
		background-color:#ffffff;
		border-radius:15px;
	}
	
	.mobileDiscover .block2{
		background-color:#3e67b1;
		border-radius:15px;
		padding:10px;
		margin-bottom:10px;
	}
	.mobileDiscover .block2 h3{
		color:#234075;
		text-align:center;
	}
	.mobileDiscover .block2 .description{
		padding:10px;
		text-align:left;
		color:#181818;
		background-color:#ffffff;
		border-radius:15px;
	}
	
	.mobileDiscover .block3{
		background-color:#fab234;
		border-radius:15px;
		padding:10px;
		margin-bottom:10px;
	}
	.mobileDiscover .block3 h3{
		color:#9d6f1f;
		text-align:center;
	}
	.mobileDiscover .block3 .description{
		padding:10px;
		text-align:left;
		color:#181818;
		background-color:#ffffff;
		border-radius:15px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {

}































@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#home {
		position:relative;
		top:0px;
		left:0px;
	}
	#home .homebg{
		background-size: 100% 100%;
		background-image:url('../img/common/bg.png');
		background-repeat: no-repeat;
		background-size:100% 100%;
		position:absolute;
		z-index:490;
		width:100%;
		height:100vh;
	}
	#home .homeContent{
		position:absolute;
		top:60px;
		right:0;
		z-index:520;
		width:100%;
		height:85%;
	}
	#home .homeContent .homeMidContent {
		position:absolute;
		right:0px;
		top:0px;
		width:100%;
		height:80vh;
		text-align:center;
	}
	
	#home .homeContent .homeMidContent .hub{
		width:600px;
		height:auto;
		color:#4167b0;
		font-size:36px;
		text-transform:uppercase;
		position:absolute;
		top:30px;
		right:0;
		opacity:0;
		line-height:1.8;
	}
	#home .homeContent .homeMidContent .hub .line1{
		font-size:52px;
	}
	#home .homeContent .homeMidContent .hub #hubspan, #home .homeContent .homeMidContent .hub #MENASpan{
		color:#181818;
		font-weight:700;
	}
	#home .homeContent .homeMidContent .hub .line2{
		position:relative;
		top:-20px;
	}
	#home #flipword{
		position:relative;
		color:#181818;
		font-weight:900;
	}
	#home .homeContent .homeMidContent .microsoftPartner{
		font-size:26px;
		position:absolute;
		width:40%;
		right:7%;
		top:220px;
		opacity:0;
		text-align:center;
	}
	#home .homeContent .homeMidContent .microsoftPartner span{
		color:#ff9c00;
		font-size:26px;
		font-weight:bold;
		opacity:1;
	}
	#home .homeContent .homeMidContent .navigation{
		background-size: 100% 100%;
		background-image:url('../img/home/navbg.png');
		background-repeat: no-repeat;
		position:absolute;
		width:200px;
		height:200px;
		top:350px;
		right:17%;
		opacity:0;
	}
	#home .homeContent .homeMidContent .navigation #learnmorebtn{
		position:absolute;
		z-index:600;
		width:100px;
		height:100px;
		left:50px;
		top:50px;
		cursor:pointer;
	}
	#home .homeContent .homeMidContent .navigation #discoverNav{
		position:absolute;
		width:50px;
		height:auto;
		left:5px;
		top:50px;
		cursor:pointer;
	}
	#home .homeContent .homeMidContent .navigation #partnersNav{
		position:absolute;
		width:50px;
		height:auto;
		right:5px;
		top:50px;
		cursor:pointer;
	}
	#home .homeContent .homeMidContent .navigation #ourcoreNav{
		position:absolute;
		width:auto;
		height:50px;
		left:46px;
		top:5px;
		cursor:pointer;
	}
	#home .homeContent .homeMidContent .navigation #ourclientsNav{
		position:absolute;
		width:auto;
		height:49px;
		left:48px;
		bottom:5px;
		cursor:pointer;
	}
	#homeAnimation{
		overflow:hidden;
		position:absolute;
		left:80px;
		top:20px;
		border:0px;
		width:480px;
		height:480px;
	}
	/*==================================================================================*/
	#discover{
		position:relative;
		top:0px;
		left:-100%;
	}
	#discover .discoverContent{
		position:absolute;
		top:40px;
		left:5%;
		z-index:520;
		width:95%;
		height:85%;
	}
	#discover .discoverContent .discoverTitle{
		opacity:0;
		font-size:40px;
		font-weight:700;
		position:relative;
		width:100%;
		text-align:center;
		top:10px;
		color:#4167b0;
	}
	#discover .showContactPopup{
		opacity:0;
		position:absolute;
		font-size:18px;
		right:16%;
		top:450px;
		width:180px;
		text-align:center;
		background-color:#fab234;
		color:#ffffff;
		border-radius:25px;
		padding:5px;
		cursor:pointer;
	}
	#discover .discoverContent .navigation{
		opacity:0;
		position:fixed;
		width:100%;
		bottom:100px;
	}
	#discover .discoverContent .navigation img{
		position:absolute;
		width:60px;
		left:50%;
		margin-left:-30px;
		cursor:pointer;
	}
	#discoverAnimation{
		overflow:hidden;
		position:absolute;
		left:50%;
		top:80px;
		border:0px;
		width:850px;
		margin-left:-425px;
		height:450px;
	}
	/*==================================================================================*/
	#ourcore{
		position:relative;
		top:-100vh;
		left:0;
	}
	#ourcore .ourcoreContent{
		position:absolute;
		top:40px;
		left:5%;
		z-index:520;
		width:95%;
		height:85%;
	}
	#ourcore .ourcoreContent .ourcoreTitle{
		opacity:0;
		font-size:40px;
		font-weight:700;
		width:100%;
		text-align:center;
		position:relative;
		top:10px;
		color:#4167b0;
	}
	#ourcore .ourcoreContent .navigation{
		opacity:0;
		position:fixed;
		width:100%;
		bottom:100px;
	}
	#ourcore .ourcoreContent .navigation img{
		position:absolute;
		width:60px;
		left:50%;
		margin-left:-30px;
		cursor:pointer;
	}
	#ourCoreAnimation{
		overflow:hidden;
		position:absolute;
		left:50%;
		top:20px;
		border:0px;
		width:850px;
		margin-left:-425px;
		height:500px;
	}
	/*==================================================================================*/
	#ourclients{
		position:relative;
		top:100vh;
		left:0;
	}
	#ourclients .ourclientsContent{
		position:absolute;
		top:0;
		left:5%;
		z-index:520;
		width:95%;
	}
	#ourclients .ourclientsContent .ourclientsTitle{
		opacity:0;
		font-size:40px;
		font-weight:700;
		position:relative;
		text-align:center;
		width:100%;
	}
	#ourclients .ourclientsContent .ourclinetsScroll{
		width:100%;
		overflow-x:hidden;
		overflow-y:scroll;
		height:50vh;
	}
	#ourclients .ourclientsContent .navigation{
		opacity:0;
		position:relative;
		top:750px;
		left:50%;
		width:60px;
		height:60px;
		margin-left:-30px;
	}
	#ourclients .ourclientsContent .navigation img{
		width:100%;
		cursor:pointer;
	}
	/*==================================================================================*/
	#partners{
		position:relative;
		top:0;
		left:100%;
	}
	#partners .partnersContent{
		position:absolute;
		top:50px;
		left:5%;
		width:95%;
		z-index:520;
	}
	#partners .partnersContent .partnersMidContent {
		position:absolute;
		left:7%;
		top:20px;
		width:37%;
		text-align:center;
	}
	#partners .partnersContent .partnersMidContent .partnersTitle{
		opacity:0;
		font-size:36px;
		font-weight:900;
		position:relative;
		top:10px;
		color:#4167b0;
		width:100%;
		text-align:left;
	}
	#partners .partnersContent .partnersMidContent .partnersText{
		opacity:0;
		font-size:18px;
		width:100%;
		position:relative;
		top:40px;
		text-align:left;
	}
	#partners .partnersContent .partnersMidContent #partnersSlider{
		opacity:0;
		position:relative;
		width:80%;
		top:150px;
		left:10%;
	}
	#partners .partnersContent .partnersMidContent .navigation{
		opacity:0;
		position:fixed;
		top:320px;
		left:5%;
		width:60px;
		height:60px;
	}
	#partners .partnersContent .partnersMidContent .navigation img{
		width:60px;
		cursor:pointer;
	}
	#partnersAnimation{
		overflow:hidden;
		position:absolute;
		right:60px;
		top:30px;
		border:0px;
		width:470px;
		height:470px;
	}
	/*==================================================================================*/
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	#home {
		position:relative;
		top:0px;
		left:0px;
	}
	#home .homebg{
		background-image:url('../img/common/bg.png');
		background-repeat: no-repeat;
		background-size:100% 100%;
		position:absolute;
		z-index:490;
		width:100%;
		height:100vh;
	}
	#home .homeContent{
		position:relative;
		top:60px;
		z-index:520;
		width:100%;
		height:85%;
	}
	#home .homeContent .homeMidContent {
		position:absolute;
		right:0px;
		top:0px;
		width:100%;
		height:80vh;
		text-align:center;
	}
	
	#home .homeContent .homeMidContent .hub{
		width:650px;
		height:auto;
		color:#4167b0;
		font-size:42px;
		text-transform:uppercase;
		position:absolute;
		top:30px;
		right:30px;
		opacity:0;
		line-height:1.8;
	}
	#home .homeContent .homeMidContent .hub .line1{
		font-size:64px;
	}
	#home .homeContent .homeMidContent .hub #hubspan, #home .homeContent .homeMidContent .hub #MENASpan{
		color:#181818;
		font-weight:700;
	}
	#home .homeContent .homeMidContent .hub .line2{
		position:relative;
		top:-20px;
	}
	#home #flipword{
		position:relative;
		color:#181818;
		font-weight:900;
	}
	#home .homeContent .homeMidContent .microsoftPartner{
		font-size:30px;
		position:absolute;
		width:40%;
		right:5%;
		top:220px;
		opacity:0;
		text-align:center;
	}
	#home .homeContent .homeMidContent .microsoftPartner span{
		color:#ff9c00;
		font-size:30px;
		font-weight:bold;
		opacity:1;
	}
	#home .homeContent .homeMidContent .navigation{
		background-size: 100% 100%;
		background-image:url('../img/home/navbg.png');
		background-repeat: no-repeat;
		position:absolute;
		width:200px;
		height:200px;
		top:350px;
		right:17%;
		opacity:0;
	}
	#home .homeContent .homeMidContent .navigation #learnmorebtn{
		position:absolute;
		z-index:600;
		width:100px;
		height:100px;
		left:50px;
		top:50px;
		cursor:pointer;
	}
	#home .homeContent .homeMidContent .navigation #discoverNav{
		position:absolute;
		width:50px;
		height:auto;
		left:5px;
		top:50px;
		cursor:pointer;
	}
	#home .homeContent .homeMidContent .navigation #partnersNav{
		position:absolute;
		width:50px;
		height:auto;
		right:5px;
		top:50px;
		cursor:pointer;
	}
	#home .homeContent .homeMidContent .navigation #ourcoreNav{
		position:absolute;
		width:auto;
		height:50px;
		left:46px;
		top:5px;
		cursor:pointer;
	}
	#home .homeContent .homeMidContent .navigation #ourclientsNav{
		position:absolute;
		width:auto;
		height:49px;
		left:48px;
		bottom:5px;
		cursor:pointer;
	}
	#homeAnimation{
		overflow:hidden;
		position:absolute;
		left:80px;
		top:60px;
		border:0px;
		width:580px;
		height:450px;
	}
	/*==================================================================================*/
	#discover{
		position:relative;
		top:0px;
		left:-100%;
	}
	#discover .discoverContent{
		position:absolute;
		top:40px;
		right:5%;
		z-index:520;
		width:95%;
		height:85%;
	}
	#discover .discoverContent .discoverTitle{
		opacity:0;
		font-size:40px;
		font-weight:700;
		width:100%;
		text-align:center;
		position:relative;
		top:10px;
		font-weight:900;
		color:#4167b0;
	}
	#discover .showContactPopup{
		opacity:0;
		position:absolute;
		font-size:18px;
		right:19%;
		top:450px;
		width:180px;
		text-align:center;
		background-color:#fab234;
		color:#ffffff;
		border-radius:25px;
		padding:5px;
		cursor:pointer;
	}
	#discover .discoverContent .navigation{
		opacity:0;
		position:fixed;
		width:100%;
		bottom:100px;
	}
	#discover .discoverContent .navigation img{
		position:absolute;
		width:60px;
		left:50%;
		margin-left:-30px;
		cursor:pointer;
	}
	#discoverAnimation{
		overflow:hidden;
		position:absolute;
		left:50%;
		top:20px;
		border:0px;
		width:1100px;
		margin-left:-550px;
		height:600px;
	}
	/*==================================================================================*/
	#ourcore{
		position:relative;
		top:-100vh;
		left:0;
	}
	#ourcore .ourcoreContent{
		position:absolute;
		top:40px;
		left:5%;
		z-index:520;
		width:95%;
		height:85%;
	}
	#ourcore .ourcoreContent .ourcoreTitle{
		opacity:0;
		font-size:40px;
		font-weight:700;
		width:100%;
		text-align:center;
		position:relative;
		top:30px;
		font-weight:900;
		color:#4167b0;
	}
	#ourcore .ourcoreContent .navigation{
		opacity:0;
		position:fixed;
		width:100%;
		bottom:100px;
	}
	#ourcore .ourcoreContent .navigation img{
		position:absolute;
		width:60px;
		left:50%;
		margin-left:-30px;
		cursor:pointer;
	}
	#ourCoreAnimation{
		overflow:hidden;
		position:absolute;
		left:50%;
		top:20px;
		border:0px;
		width:1100px;
		margin-left:-550px;
		height:600px;
	}
	/*==================================================================================*/
	#ourclients{
		position:relative;
		top:100vh;
		left:0;
	}
	#ourclients .ourclientsContent{
		position:absolute;
		top:0;
		left:5%;
		z-index:520;
		width:95%;
	}
	#ourclients .ourclientsContent .ourclientsTitle{
		opacity:0;
		font-size:40px;
		font-weight:700;
		position:relative;
		text-align:center;
		width:100%;
	}
	#ourclients .ourclientsContent .ourclinetsScroll{
		width:100%;
		overflow-x:hidden;
		overflow-y:scroll;
		height:55vh;
	}
	#ourclients .ourclientsContent .navigation{
		opacity:0;
		position:relative;
		top:750px;
		left:50%;
		width:60px;
		height:60px;
		margin-left:-30px;
	}
	#ourclients .ourclientsContent .navigation img{
		width:100%;
		cursor:pointer;
	}
	/*==================================================================================*/
	#partners{
		position:relative;
		top:0;
		left:100%;
	}
	#partners .partnersContent{
		position:absolute;
		top:50px;
		left:5%;
		width:95%;
		z-index:520;
	}
	#partners .partnersContent .partnersMidContent {
		position:absolute;
		left:7%;
		top:20px;
		width:38%;
		text-align:center;
	}
	#partners .partnersContent .partnersMidContent .partnersTitle{
		opacity:0;
		font-size:38px;
		font-weight:900;
		position:relative;
		top:10px;
		color:#4167b0;
		width:100%;
		text-align:left;
	}
	#partners .partnersContent .partnersMidContent .partnersText{
		opacity:0;
		font-size:20px;
		width:100%;
		position:relative;
		top:40px;
		text-align:left;
	}
	#partners .partnersContent .partnersMidContent #partnersSlider{
		opacity:0;
		position:relative;
		width:80%;
		top:150px;
		left:10%;
	}
	#partners .partnersContent .partnersMidContent .navigation{
		opacity:0;
		position:fixed;
		top:320px;
		left:5%;
		width:60px;
		height:60px;
	}
	#partners .partnersContent .partnersMidContent .navigation img{
		width:60px;
		cursor:pointer;
	}
	#partnersAnimation{
		overflow:hidden;
		position:absolute;
		right:80px;
		top:30px;
		border:0px;
		width:520px;
		height:520px;
	}
	/*==================================================================================*/
}