@import url("fonts/fonts.css");
@media (max-width: 400px){}

@media (max-width: 767px) and (min-width: 401px){}

@media (max-width: 1024px) and (min-width: 768px){
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width:875px !important;}
	
	.main_row{margin-top:110px;}
	.main_row1{ margin-top: 130px;}	
	
	.logo {float: right;top: 5px; right: 5px;}
	.book_name {left: -22px; top: -18px;}
	
	.all_btn{left:0px !important;}
	.all_btn1{right:0px !important;}
	.all_btn, .all_btn1{top:290px;  width:75px;}
	.all_btn ul li, .all_btn1 ul li{height:70px;}
	.all_btn img, .all_btn1 img{width:75px !important; height:auto;}
	
	.page_bg_01{background:#2fb10f url(images/page_01_tab.png) no-repeat top  center; background-size:100%; background-attachment:fixed;}
	.page_bg_02{background:#2fb10f url(images/page_01_tab.jpg) no-repeat top  center; background-size:100%; background-attachment:fixed;}
	.page_bg_03{background:#2fb10f url(images/page_01_tab.jpg) no-repeat top  center; background-size:100%; background-attachment:fixed;}
	.page_bg_number{background:url(images/page_01_tab.png) no-repeat top center; background-size:100%}
	
	.subtitle{font-size:220%;}	
	
	.feedbackBox {top: 147px; left: 73px;height: 420px;width: 880px;}

	.star_list {top: 57px; left: 75px;}
	.star_list ul li.bg{width:65px;padding-top: 55px;font-size:25px;}
	.star_list ul li.bg0{width: 65px;padding-top: 35px;font-size: 25px;}
	.star_list ul li.bgactive{width: 65px;padding-top:55px;font-size: 25px;}
	.star_list ul li.bg0active{width: 65px;padding-top:35px;font-size: 25px;}
	.star_list ul li.bg:hover, .star_list ul li.bg0:hover, .star_list ul li.bgactive:hover{width: 65px;}
	
	.star_list ul li.bg1{width: 65px;padding-top:55px;font-size:25px;}
	.star_list ul li.bg2 {width: 65px;padding-top: 35px;font-size:25px;}
	.star_list ul li.bg1active{width:65px;padding-top: 55px;font-size:25px;}
	.star_list ul li.bg2active {width:65px;padding-top: 35px;font-size:25px;}
	.star_list ul li a{margin-left: -7px;}
	
	.star_list ul li.bg1active:hover, .star_list ul li.bg2active:hover, .star_list ul li.bg2:hover, .star_list ul li.bg1:hover{width:65px;}
	.starno{font-size:25px !important;}
	#feedback {top: 190px;left:200px;}
	
	.fadeBackground {
    width: 881px;
    height: 578px;
    position: absolute;
    top: 56px;
    left: 71px;
    background: #000 none repeat scroll 0% 0%;
    opacity: 0.7;
    display: none;
    z-index: 9999;
}

	.feedback_refresh img, .feedback_next img {width: 60px;}
	.feedback_refresh {top: 215px;left: 385px;}
    .feedback_next {top: 215px;left: 438px;}
}


@media (min-width: 1900px) and (max-width:1920px){
	.page_bg_01{background:#00aadb url(images/page_number.jpg) repeat top center; background-size:105%}
	.page_bg_02{background:#00aadb url(images/page_number.jpg) repeat top center; background-size:105%}
	.page_bg_03{background:#00aadb url(images/page_number.jpg) repeat top center; background-size:105%}
	
	.page_bg_number {background: url("images/page_number.jpg") repeat scroll center top / 105% auto transparent;}
	
	.activity_title {width: 860px;}
	.title_bg{ margin-top: -35px; width: 700px;}
	h1.title, .title {font-size:55px;}
	.subtitle {font-size:300% !important;margin-top: 20px;}
	
	.book_name {width: 335px; height:120px;left: -15px;top: -19px;}
	
	.container{width:1535px !important; }
	
	.main_row { margin-top: 110px;}
	
	.all_btn, .all_btn1 {top: 430px;}
	.all_btn {left: 2%;}
	.all_btn1 {right: 2%;}
	.all_btn ul li .img{width:120px !important; margin-bottom:4px;}
	
	#correct, #wrong, #wrong2, #wrong3{width:100px !important;z-index:9998; }
	
	.dropArea{font-size: 380%; border:4px solid #F6256E; border-radius:7px;padding: 30px 12px 5px !important;min-height: 48px !important;min-width: 57px !important;}
	.dragArea {font-size: 380%; border:4px solid; border-radius:7px;padding: 30px 12px 5px !important;min-height: 48px !important;min-width: 57px !important;}
	
	
	
	.feedbackBox {width: 1420px;height: 640px; left: 230px;top: 147px;}
	.feedback_refresh { top: 362px;left: 632px;}
	.feedback_next { top: 362px;left: 716px;}
	
	.star_list {top: 80px; left: 195px;}
	.star_list {top: 80px; left: 195px;}
	.star_list ul li {margin-left: 47px;}
	.star_list ul li.bgactive, .star_list ul li.bg, .star_list ul li.bg:hover{width: 100px; height: 90px;font-size: 50px;padding-top: 89px;}
	
	.star_list ul li.bg0active, .star_list ul li.bg0, .star_list ul li.bg0:hover{width: 100px; font-size:50px;padding-top:69px;height: 90px;}
	
	.star_list ul li a{width: 100px;font-size:50px; padding-top:25px;height: 90px;}
	.star_list ul li.bg1, .star_list ul li.bg1:hover, .star_list ul li.bg1active, .star_list ul li.bg1active:hover{	width: 100px;font-size: 35px; padding-top: 64px;height: 106px;}
	.star_list ul li.bg2, .star_list ul li.bg2:hover, .star_list ul li.bg2active, .star_list ul li.bg2active:hover {width: 100px;font-size: 35px; padding-top: 44px;height: 86px;}
	
	.starno a{font-size:37px !important;}
	
	#feedback {top: 280px;left: 530px;}
	#feedback img{width:810px;}
	
	.fadeBackground
	{
	width: 1538px;
	height: 837px;
	top:79px;
	left: 191px;
	}
	
	.check_btn, .check_btn:hover, .reset_btn, .reset_btn:hover{padding: 20px 27px;font-size: 310%;border-radius: 12px !important;}	

}

@media (min-width: 1920px){

}

@media (min-width: 1367px){}