@media only screen and (max-width: 1200px) {
#homeGrade ul li span.bottom{display: none;}
	#homeGrade .container{ width: 760px;}
}

@media only screen and (max-width: 1000px) {
	#header .searchBlock{max-width: 330px;}
	#homeGrade ul li{margin-bottom: 20px; width:inherit;}
	#homeGrade ul li span.bottom{display:none;}
	#eduKidsGames .container{width:700px;}
	
 
}
@media only screen and (max-width: 840px) {
	#header .searchBlock{ max-width: 275px; }
	#homeGrade .container{ width:inherit;}
}
@media only screen and (min-width: 768px) {
	#topNav{text-align: center; }
	#topNav .navbar-nav{ float: none !important; }
	#topNav.navbar-default .navbar-nav > li{ float: none !important; display: inline-block; min-width: 142px; }
	#topNav .container{ width:100% !important; padding:0 !important; }
	
	#navbar li.dropDownFull .dropdown-menu ul li a:hover, #navbar li.dropDownFull .dropdown-menu ul li a:focus{ background: #fff; }
	#header .topRTNav .loginBlock{margin-right: 4px;}
}
@media only screen and (max-width: 767px) {
	#header .searchBlock .form-control{width:74%;}
	#header{
		margin: 42px 10px 0; /*min-height: 100%;*/
	}
	#header .logo{
		max-width: 130px; position: absolute; top:0px; /*top: 5px;*/
	}
	#header .searchBlock{
		display: none; position: absolute; max-width: none; width: 100%; z-index: 5; top: 72px; right: 0; left: 0; padding: 10px 10px 0; background: #fff;
	}
	#header .searchBlock.active, #header ul li a.mobSearchicon{
	  display: block !important;
	}
	#header .searchBlock .form-group{
		float: left; position: relative; width: 92%;
	}
	#header .searchBlock .form-control{
		width:86%;
	}
	#header .searchBlock .fa-close{
		cursor: pointer; font-size: 20px; padding: 8px; position: absolute; right: 5px; z-index: 5; display: block;
	}
	#header .topRTNav{
		width: 100%;
	}
	#header .topRTNav{
		margin: 10px 0 5px;
	}
	#header .topRTNav ul.registration{
		float: left; width: 77%; margin: 0;
	}
	.mobile-s{display:none;}
	#header .topRTNav ul.registration li .userML{color: #fff; width: 100px; text-align: center; display: block; text-decoration: none; line-height: 12px; padding: 3px 0; background: #eb690f; border-radius: 2px;}
	#header .topRTNav ul.registration li span.userML{width: 100%; float: left; margin-right: 1%;}
	#header .topRTNav ul.registration li .userML{width:100%; padding: 7px 0;}
	/*#header .topRTNav ul.registration li .logoutML{color: #fff; width: 125px; text-align: center; display: block; text-decoration: none; line-height: 12px; padding: 3px 0; background: #eb690f; border-radius: 2px;}
*/	#header .topRTNav ul.registration li{width: 32.3%; float: left; margin-right: 1%;}
/*	#header .topRTNav ul.registration li .logoutML{width:100%; padding: 7px 0;}*/
	#header .topRTNav ul.registration li a.logoutML {color: #fff; width: 100%; text-align: center; display: block; text-decoration: none; line-height: 12px; padding:7px 0; background: #eb690f; border-radius: 2px}
	#header .topRTNav ul.registration li a.logoutML:hover{background:#00b970;}
	#header .topRTNav ul.registration li{
		width: 32.3%; float: left; margin-right: 1%;
	}
	#header .topRTNav ul.registration li a{
		width: 100%; padding: 7px 0;
	}
	ul.registration li a .icon, #header .topRTNav .loginBlock .icon{
		display: inline-block;
	}
	#topNav{
		position: absolute; top: 0; width: 100%; z-index: 100;
	}
	#topNav .navbar-header{background: #fff;}
	.navbar-nav{margin-top: 1px;}
	#homeGrade .right-adv, #eduResource .left-adv{display: none;}
	.navbar-nav .open .dropdown-menu{background: #fff;}
	#header .loginBlock{float: right; margin: 10px 0 0 0; width: 23%;}
	#header .loginBlock a{background: #189f00; border-radius: 2px; color: #fff; display: block; padding: 4px 0; text-align: center;}
	.bootstrap-iso b, .bootstrap-iso strong{font-weight:normal;}
	#navbar .navbar-nav > li.dropDownFull .dropdown-menu ul{display: block; }
	.bootstrap-iso .navbar-toggle{margin-top:13px;}
	#header .topRTNav ul.registration li a span.subTitle, #header .topRTNav .loginBlock span{
		display: none;
	} 
	#eduKidsGames .container{width:500px;}
	#navbar .navbar-nav > li.dropDownFull .dropdown-menu{width:inherit;}
	#header .loginBlock1{float: right; margin: 10px 0 0 0 !important; color:#fff; width: 23%; display:block;}
	#header .loginBlock1 a { background: #189f00 none repeat scroll 0 0;  border-radius: 2px; color: #fff; display: block;  padding: 4px 0; text-align: center;}
	.bootstrap-iso .navbar-nav{margin:0px;}
	.mobHd{display:none; padding:0;}
}

@media only screen and (max-width: 515px) {
	#poularGame ul{
		text-align: center;
	}
	#eduKidsGames ul li{
		margin-left: 5%; margin-right: 5%;
	}
	.footerMidCol{
		clear: both;
	}
	ul.registration li a.userAccount .title,
	ul.registration li a.premiumMember .title{
		font-size: 0; line-height: 5px;
	}
	ul.registration li a.userAccount .title:before{
		content: "Account"; font-size: 12px;
	}
	ul.registration li a.premiumMember .title:before{
		content: "Premium"; font-size: 12px;
	}
	.Wf-ContaineMid .left-menu-Wf{width:100%; height:300px; overflow-y:scroll;}
	.mainRow:last-child{padding-bottom:35px;}
	.Wf-ContaineMid .LeftBg{padding-bottom:0px;}
	#eduKidsGames .container{width:inherit;}
}

@media only screen and (max-width: 1350px) {
.quiz-container{width:1085px;}	
.left-quiz-part{width:355px;}
.quiz-page-right{width:660px;} 
.progBar{width:300px;} 
	
}

@media only screen and (max-width: 1100px) {
	
	/*body{background:#0088cc;}*/
.quiz-container{width:980px;}
.left-quiz-part{width:333px;}
.quiz-page-right{width:587px; margin-left:26px;}
#header .topRTNav ul.registration{margin:16px 0 3px;}	
.progBar{width:240px;} 
.QuizLink{width:255px;}
.Quizpage-in{padding: 20px 10px 40px;}
/*.quiz-page-right{margin-left:20px;}
.greadeLink:last-child{margin:0;}*/
}

@media only screen and (max-width: 1000px) {
	
/*	body{background:green;}*/
.quiz-container{width:730px; padding:0 10px;}	
.Quizpage-in{padding:15px;}
.left-quiz-part{width:270px;} 
.quiz-page-right{width:420px; margin-left: 20px;}
.quizDes-main{padding:0px; margin-top:20px;}
.greadeLink{margin-right:15px; margin-left:0;}	
.Quizpage-in .greadeLink{ width:101px; padding-bottom:10px;}
.Image{float:none;/* width:213px;*/ display:inline-block;}
.quiz-cont, .QuizText, .textQuiz{font-size:14px;}
.textQuiz{width:100%; overflow:hidden;  text-overflow:ellipsis; white-space:nowrap;}
.QuizLinkIN{margin-left:0px;}
.progBar{width:300px;} 
.eachRow h2{font-size:16px; margin-top:-5px; padding-bottom:10px;}
.bootstrap-iso .navbar-collapse{padding:0px;}
.QuizLink{padding-top:5px;}
}

@media (max-width:767px){
	#header .topRTNav ul.registration{margin:10px 0 3px;}
	.userLoggedIn #header .loginBlock{margin:0px; width:auto;}
	
}

@media only screen and (max-width: 750px) {
		#header .topRTNav ul.registration{margin:10px 0 3px;}
/*	body{background:pink;}*/
.quiz-container{min-width:300px; width:100%; padding:0 10px;}
.left-quiz-part{width:100%;} 
.quiz-page-right{width:100%; margin-left:0; margin-top:20px; }
.quiz-cont, .QuizText, .textQuiz{font-size:12px;}
.Image{margin:0 auto;}
.eachRow{text-align:center;}	
.QuizLinkIN{float:none;}
.position{margin:17px 0 0 0;}
.progBar{padding:30px 0 0 0;}
.quiz-result{width:110px; height:110px; margin:0 auto;}
.progress-bar1{height:110px;width:110px;} 
.progress-bar1 div{height:110px;width:110px;}
.progress-bar1 div span{line-height:102px;height:102px;width:102px;left:4px;top:4px; font-size:35px;}
.progress-bar1 .rotate{clip:rect(0 55px 110px 0);}
.progress-bar1 .left{clip:rect(0 55px 110px 0);}
.progress-bar1 .right{clip:rect(0 55px 110px 0);}
.eachBar{margin-bottom:12px;}
#header .topRTNav ul.registration{margin:10px 0 3px;}
.QuizLink{margin-top:5px;}
.quizDes-main { margin-top: 20px;padding: 0;}
.QuizBtn{float:none;}
.progBar { width:75%; height:25px; padding:20px;}
.eachRow{float:none;}
.loginmsg{padding: 10px 0; margin: 10px 0 0;}
.greadeLink{width:inherit;}
.quizDes-main .QuizLinTxt{padding-top:9px;}
.quizDes-main .LinkIcon{padding-top:4px;}
}

@media only screen and (max-width: 600px){
.progBar{width:76%;}	
}

@media only screen and (max-width: 540px){
.progBar{width:69%;}	
}

@media only screen and (max-width: 450px){
.progBar{width:66%;}	
}

@media only screen and (max-width: 400px){
.progBar{width:60%; padding: 20px 20px 20px 12px;}	

}