@charset "utf-8";
/* CSS Document */

/*media query */
  
 
 
 /* Smartphones (portrait and landscape) ----------- */
@media all {
	#Wrapper,#logo,#navigation ul li a {
		transition:all 0.5s linear;
-o-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-webkit-transition:all 0.5s linear;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px)  {
.container {width:93%;}		
	
.container .container1{ width:100%;
						}				

				

							
.container .headerWrapper .header{		width:100%;
										margin:auto;
										position:relative;
										}							

.container .headerWrapper .header .right {width:36%;
										position:relative;
										float:right;
										height:auto;
										margin:auto;
										margin-top:10px;
										margin-right:0;
										}

.container .headerWrapper .header .right h1{	float:left;
											margin-left:5px;
											font-size:1.6em;}
											
										

.container .headerWrapper .header .right p{	font-size:1.4em;
											padding:1px;
											float:left;
											text-align:center;
											}



.container .headerWrapper .header .left {	width:35%;
										position:relative;
										margin:auto;
										float:left;
										margin:10px 0;
										cursor:pointer;
										background:url(../images/Umabel-Education_logo.png) no-repeat left center;
										background-size:34%;}
.container .bannerWrapper  .banner{	width:100%;}

.container .bannerWrapper .banner .tabs ul li{display:none;}

.container .nav{width:100%;
				height:40px;
				}
				
.container .nav ul li a{display:block;		
					color:#000;
					line-height:40px;
					font-size:1.6em;
					padding:0 3.3px;
					font-weight:bold;}
					
.container .content{	width:100%;
					margin:auto;
					background:#fff;
					position:relative;
					padding:10px 0 5px 0;}
					
					
.container .content .animate{	width:100%;
								
								}										
									
									
	
	}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
	
.container {width:93%;}	
							
.container .headerWrapper .header{		width:100%;
										margin:auto;
										position:relative;
										}							

.container .headerWrapper .header .right {width:485px;
										position:relative;
										float:right;
										height:auto;
										margin:auto;
										margin-top:10px;
										margin-right:0;
										}

.container .headerWrapper .header .right h1{	float:left;
											margin-left:5px;
											font-size:1.6em;}
											
										

.container .headerWrapper .header .right p{	font-size:1.4em;
											padding:1px;
											float:left;
											text-align:center;
											}

.container .headerWrapper .header .right p:hover{	text-decoration:underline;}




.container .headerWrapper .header .left {	width:290px;
										position:relative;
										margin:auto;
										float:left;
										margin:10px 0;
										cursor:pointer;
										background:url(../images/Umabel-Education_logo.png) no-repeat left center;
										background-size:34%;}

.container .headerWrapper .header .left h2{		float:left;
												width:330px;
												font-size:1.6em;
												margin:1px 100px;
												position:relative;}

.container .bannerWrapper  .banner{	width:100%;
									min-height:350px;
									position:relative;
									margin:auto;
									overflow:hidden;}


.container .nav{width:100%;
				height:40px;
				margin:auto;
				position:relative;
				background-color:#28bdd3;
				margin-top:-5px;}

.container .nav ul li a{display:block;		
					color:#000;
					line-height:40px;
					font-size:1.6em;
					padding:0 16.6px;
					font-weight:bold;}
					
														
	
	}


@media screen and (min-width:603px) and (max-width: 966px) {
.container {width:90%;}		
	
.container .container1{ width:100%;
						}				

				

							
.container .headerWrapper .header{		width:100%;
										margin:auto;
										position:relative;
										}							

.container .headerWrapper .header .right {width:100% !important;
										position:relative;
										float:none;
										height:auto;
										margin:auto;
										margin-top:10px;
										margin-right:0;
										}

.container .headerWrapper .header .right h1{	float:left;
											margin-left:5px;
											font-size:1.6em;}
											
										

.container .headerWrapper .header .right p{	font-size:1.4em;
											padding:1px;
											float:left;
											text-align:center;
											}



.container .headerWrapper .header .left {	width:50% !important;
										position:relative;
										margin:auto;
										float:none;
										margin:10px 0;
										cursor:pointer;
										background:url(../images/Umabel-Education_logo.png) no-repeat left center;
										background-size:34%;}
.container .bannerWrapper  .banner{	width:100%;}

.container .bannerWrapper .banner .tabs ul li{display:none;}

.container .nav{width:100%;
				height:360px !important;
				text-align:center;}
				
				
.container .nav ul li a{display:block;		
					color:#000;
					line-height:40px;
					font-size:1.6em;
					padding:0 3.3px;
					font-weight:bold;}
					
.container .nav ul li{ float:none;!important
height:250px;
}					
					
					
.container .content{	width:100%;
					margin:auto;
					background:#fff;
					position:relative;
					padding:10px 0 5px 0;}
					
					
.container .content .animate{	width:100%;
								
								}										
										
	
	

	}

	


@media screen and (min-width: 603px) and (max-width: 966px)  and (orientation:landscape) {
	
	.container {width:93%;}	
							
.container .headerWrapper .header{		width:100%;
										margin:auto;
										position:relative;
										}							

.container .headerWrapper .header .right {width:485px !important;
										position:relative;
										float:right;
										height:auto;
										margin:auto;
										margin-top:10px;
										margin-right:0;
										}

.container .headerWrapper .header .right h1{	float:left;
											margin-left:5px;
											font-size:1.6em;}
											
										

.container .headerWrapper .header .right p{	font-size:1.4em;
											padding:1px;
											float:left;
											text-align:center;
											}

.container .headerWrapper .header .right p:hover{	text-decoration:underline;}




.container .headerWrapper .header .left {	width:290px !important;
										position:relative;
										margin:auto;
										float:left;
										margin:10px 0;
										cursor:pointer;
										background:url(../images/Umabel-Education_logo.png) no-repeat left center;
										background-size:34%;}

.container .headerWrapper .header .left h2{		float:left;
												width:330px;
												font-size:1.6em;
												margin:1px 100px;
												position:relative;}

.container .bannerWrapper  .banner{	width:100% !important;
									min-height:350px;
									position:relative;
									margin:auto;
									overflow:hidden;}


.container .nav{width:100%;
				height:40px !important;
				margin:auto;
				position:relative;
				background-color:#28bdd3;
				margin-top:-5px;}

.container .nav ul li a{display:block;		
					color:#000;
					line-height:40px;
					font-size:1.6em;
					padding:0 13.7px;
					font-weight:bold;}
					
.container .nav ul li{ float:left;}					

											
	}
	
@media screen and (min-width:533px) and (max-width:853px) {

	
	}
	
@media screen and (min-width: 533px) and (max-width: 853px)and (orientation:landscape) {

	}
	
@media screen and (min-width: 440px) and (max-width: 800px) {

	}		
		
@media screen and (min-width: 440px) and (max-width: 800px) and (orientation:landscape) {
		
	}

@media screen and (min-width: 360px) and (max-width: 640px) {
	
	.container {width:93%;}		
	
.container .container1{ width:100%;
						}				

				

							
.container .headerWrapper .header{		width:100%;
										margin:auto;
										position:relative;
										}							

.container .headerWrapper .header .right {width:36%;
										position:relative;
										float:right;
										height:auto;
										margin:auto;
										margin-top:10px;
										margin-right:0;
										}

.container .headerWrapper .header .right h1{	float:left;
											margin-left:5px;
											font-size:1.6em;}
											
										

.container .headerWrapper .header .right p{	font-size:1.4em;
											padding:1px;
											float:left;
											text-align:center;
											}



.container .headerWrapper .header .left {	width:35%;
										position:relative;
										margin:auto;
										float:left;
										margin:10px 0;
										cursor:pointer;
										background:url(../images/Umabel-Education_logo.png) no-repeat left center;
										background-size:34%;}
.container .bannerWrapper  .banner{	width:100%;}

.container .bannerWrapper .banner .tabs ul li{display:none;}

.container .nav{width:100%;
				height:40px;
				}
				
.container .nav ul li a{display:block;		
					color:#000;
					line-height:40px;
					font-size:1.6em;
					padding:0 3.3px;
					font-weight:bold;}
					
.container .content{	width:100%;
					margin:auto;
					background:#fff;
					position:relative;
					padding:10px 0 5px 0;}
					
					
.container .content .animate{	width:100%;
								
								}										
									
					
}
	

	
@media screen and (min-width: 360px) and (max-width: 640px) and (orientation:landscape) {
	
	
	
	.container {width:93%;}	
							
.container .headerWrapper .header{		width:100%;
										margin:auto;
										position:relative;
										}							

.container .headerWrapper .header .right {width:485px;
										position:relative;
										float:right;
										height:auto;
										margin:auto;
										margin-top:10px;
										margin-right:0;
										}

.container .headerWrapper .header .right h1{	float:left;
											margin-left:5px;
											font-size:1.6em;}
											
										

.container .headerWrapper .header .right p{	font-size:1.4em;
											padding:1px;
											float:left;
											text-align:center;
											}

.container .headerWrapper .header .right p:hover{	text-decoration:underline;}




.container .headerWrapper .header .left {	width:290px;
										position:relative;
										margin:auto;
										float:left;
										margin:10px 0;
										cursor:pointer;
										background:url(../images/Umabel-Education_logo.png) no-repeat left center;
										background-size:34%;}

.container .headerWrapper .header .left h2{		float:left;
												width:330px;
												font-size:1.6em;
												margin:1px 100px;
												position:relative;}

.container .bannerWrapper  .banner{	width:100%;
									min-height:350px;
									position:relative;
									margin:auto;
									overflow:hidden;}


.container .nav{width:100%;
				height:40px;
				margin:auto;
				position:relative;
				background-color:#28bdd3;
				margin-top:-5px;}

.container .nav ul li a{display:block;		
					color:#000;
					line-height:40px;
					font-size:1.6em;
					padding:0 16.6px;
					font-weight:bold;}									
	
										
}


	
	
	
	
	
			
	

@media screen and (min-width: 320px) and (max-width: 480px) and (orientation:landscape) {
		
	}
	
	
@media screen and (min-width: 240px) and (max-width: 320px) {
	
	
	}