@media only screen and (max-width: 1920px){
	#p-main #products .container {
		height: 410px;
	}
	#writers .team-info {
		top: 210px;
	}
	#records ul li,#writers li,#categories li{
		width: 228px;
	}
	#writers li img,#records img {
		width: 228px;
		height: 228px;
	}
	#writers li {
		height: 270px;
	}
	#otherBooks .swipe li img,#p-main #products .swipe li img{
		max-height:314px;
	}
}
@media only screen and (width: 1920px){
	
}
@media only screen and (max-width: 1680px){
	#now-try .gbc1, #now-try .gbc2 {
		height: 600px;
	}
	#home .inBook {
		padding: 5%;
	}
	#searchBtn{
		right:64px;
	}
	#records ul li,#records img,#writers li,#categories li{
		width: 228px;
	}
	#writers li img,#records img {
		width: 228px;
		height: 228px;
	}
	#writers li {
		height: 270px;
	}
	#suggestions li, #listening li{
		width: 615px;
	}
	#submenu_slider6 li, #submenu_slider7 li, #submenu_slider8 li, #submenu_slider9 li,#submenu_slider10 li,#submenu_slider11 li,#submenu_slider12 li{
		width: 229px;
		height: 350px;
	}
	#records button.next {
		top: 132px;
	}
	#writers button.next {
		top: 115px;
	}
	button.next_subMenu {
		top: 185px;
	}
	button.next{
		right:100px;
	}
	button.next_subMenu{
		right:-102px;
	}
	.next_magazine {
		top: 290px;
	}
}
@media only screen and (max-width: 1600px){
	#now-try .gbc1, #now-try .gbc2 {
		height: 560px;
	}
	button.next{
		right:85px;
	}
	#records button.next {
		top: 132px;
	}
	#writers button.next {
		top: 118px;
	}
	button.next_subMenu {
		top: 184px;
		right:-76px;
	}
}
@media only screen and (width: 1600px){
	#bannerBottomBox {
		width: 99%;
	}
	#records ul li,#records img,#writers li,#categories li{
		width: 226px;
	}
	#writers li img,#records img {
		width: 228px;
		height: 228px;
	}
	#writers li {
		height: 270px;
	}
	#writers .team-info {
		top: 220px;
	}
	#suggestions li, #listening li{
		width: 610px;
	}
	#submenu_slider6 li, #submenu_slider7 li, #submenu_slider8 li, #submenu_slider9 li,#submenu_slider10 li,#submenu_slider11 li,#submenu_slider12 li{
		width: 226px;
		height: 350px;
	}
}

@media only screen and (max-width: 1440px){
	#home{height: 300px;}
	#now-try .gbc1, #now-try .gbc2 {
		height: 515px;
	}
	#now-try .section-title {
		padding: 15px 30px 0;
	}
	#bannerBottomBox{
		overflow:inherit;
	}
	#slider li{
		width:450px;
		height: 300px;
	}
	#home h1{font-size:1.5em;}
	#searchBtn {
		right: 54px;
	}
	#p-main #products .container {
		height: 330px;
	}
	#records {
		height: 296px;
	}
	#bg_readers{
		height: 182px;
	}
	#records ul li, #records img, #writers li, #categories li,#submenu_slider6 li, #submenu_slider7 li, #submenu_slider8 li, #submenu_slider9 li,#submenu_slider10 li,#submenu_slider11 li,#submenu_slider12 li {
		width: 168px;
	}
	#p-main #writers {
		height: 300px;
	}
	#writers .team-info {
		top: 155px;
	}
	#writers li img, #records img {
		width: 168px;
		height: 168px;
	}
	#suggestions li, #listening li {
		width: 465px;
		height: 280px;
	}
	#suggestions ul li img,#listening ul li img {
		width: 168px;
	}	
	#listening button.next {
		top: 170px;
	}
	#suggestions button.next {
		top: 155px;
	}
	#categories {
		height: 200px;
	}
	#otherBooks .swipe li img {
		min-height: 252px;
	}
	#p-main #products .swipe li img {
		min-height: 262px;
	}
	#writers button.next {
		top: 94px;
	}	
	button.next{
		right:130px;
	}
	button.next_subMenu{
		top: 138px;
		right:-106px;
	}
	#records button.next {
		top: 114px;
	}
	.next_magazine {
		top: 310px;
	}
}

@media only screen and (max-width: 1400px){
	#now-try .gbc1, #now-try .gbc2 {
		height: 500px;
	}
	button.next_subMenu {
		right: -86px;
	}
}

@media only screen and (max-width: 1366px){
	#slider1 li {
		width: 270px;
	}
	#team img {width: 38%;}
	
	#categories button.next, #writers button.next, #records button.next, #suggestions button.next, #listening button.next{
		right: 110px;
	}
	#suggestions button.next {
		top: 148px;
	}
	#writers button.next {
		top: 98px;
	}
	button.next_subMenu {
		top: 134px;
		right: -89px;
	}
	#writers li img, #records img {
		width: 168px;
		height: 168px;
	}
	#suggestions li, #listening li {
		width: 465px;
		height: 265px;
	}
	#magazine ul li {
		width: 300px;
		height: 465px;
	}
	#magazine ul li img {
		width: 300px;
		height: 450px;
	}
	#searchBtn{
		right:50px;
	}
	#p-main .section-title h1{
		font-size: 19px;
	}
	#p-main #writers {
		height: 260px;
	}
	#writers .team-info h3, #records .team-info h3 {
		font-size: 14px;
	}
	#records ul li .team-info {
		line-height: 2.9;
	}
	#categories {
		height: 194px;
	}
	#categories li {
		height: 128px;
	}
	#categories li h3 {
		font-size: 16px;
	}
	#categories button.next {
		top: 84px;
	}
	button.next_magazine {
		top: 220px;
		right: 110px;
	}
}

@media only screen and (max-width: 1280px){
	#now-try .gbc1, #now-try .gbc2 {
		height: 480px;
	}
	#categories button.next, #writers button.next, #records button.next, #suggestions button.next, #listening button.next {
		right: 75px;
	}
	button.next_subMenu {
		top: 138px;
		right: -81px;
	}
	button.next_magazine {
		right: 75px;
	}
}
@media (min-width: 1200px){
	.container {
		width: 960px;
	}
	.container.noW {
		width: 1170px;
	}
}
@media only screen and (max-width: 1200px){
	#bannerBottomBox{
		overflow:hidden;
	}
	#otherBooks .swipe li img {
		min-height: 258px;
	}
	.container,#detailBox {width: 980px;}
	#now-try .gbc1, #now-try .gbc2 {
		height: 460px;
	}
	#categories button.next, #writers button.next, #records button.next, #suggestions button.next, #listening button.next {
		right: 50px;
	}
	button.next_subMenu {
		top: 136px;
		right: -56px;
	}
	button.next_magazine {
		right: 50px;
	}
}
@media only screen and (width: 1200px){
	#bannerBottomBox{
		width: 99%;
	}
}
@media only screen and (min-width: 1199px){
    #detailBox{width: 1170px;}
}
@media only screen and (min-width: 1480px){
	#detailBox {
		width: 1446px;
	}
	.container {
		width: 1270px;
	}
	.container.noW {
		width: 1170px;
	}
}
@media only screen and (max-width: 1024px){
	button.next{display:none !important;}
	#searchBtn {
		right: 30px;
	}
	#myAudioModal, #userInfoModal {
		width: 38%;
		left: 31%;
	}
}
@media only screen and (min-width: 1023px){

}
@media only screen and (width: 1024px){
	#now-try .gbc1, #now-try .gbc2 {
		height: 410px;
	}
	#now-try img {
		margin-top: 40px;
	}
	#bannerBottomBox {
		width: 99%;
	}
	#bg_readers {
		width: 98%;
	}
}
@media only screen and (max-width: 1023px){
	#writers{overflow:hidden;}
}
@media only screen and (max-width: 768px) {
	#bannerBottomBox{
		overflow:inherit;
	}
	#search .form-control {
		width: 100%;
	}
	#searchBtn {
		right: 3px;
	}
   .slider .owl-dots {
		right: 43%;
		left: 43%;
	}
	#records ul li, #writers li, #categories li, #submenu_slider6 li, #submenu_slider7 li, #submenu_slider8 li, #submenu_slider9 li,#submenu_slider10 li,#submenu_slider11 li,#submenu_slider12 li {
		width: 127px;
	}
	#bg_readers {
		height: 141px;
	}
	#writers li img, #records img {
		width: 127px;
		height: 127px;
	}
	#writers {
		height: 320px;
	}
	#writers .team-info {
		top: 115px;
	}
	#categories {
		height: 156px;
	}
	#categories li {
		height: 102px;
		line-height: 3;
	}
	#suggestions {
		padding-bottom: 0;
	}
	#suggestions li, #listening li {
		width: 362px;
	}
	#listening {
		padding: 0;
	}
	#p-main #products .container {
		height: 262px;
	}
	#records {
		padding: 0;
		height: 260px;
	}
	#records .team-info{
		padding-top:0;
	}
	#magazine ul li {
		width: 230px;
		height: 375px;
	}
	#magazine ul li img {
		width: 230px;
		height: 360px;
	}
	#otherBooks .swipe li img {
		min-height: 183px;
	}
	#p-main #products .swipe li img{
		min-height: 198px;
	}
	footer {
		margin-top: 0;
		padding: 30px 0 0;
	}
	#footer ul {
		float: initial;
		padding: 0;
	}
	#footer ul li{
		float: initial;
		margin: 8px 35px;
		text-align: center;
		font-size:16px;
	}
	#footer .fRight {
		padding-right: 0;
		padding-left: 0;
		width: 100%;
	}
	#footer .fLeft {
		text-align: center;
	}
	#footer img {
		width: 60%;
		margin-bottom: 15px;
	}
	#footer li.socialLinks {
		width: 82%;
		padding: 30px;
	}
}
@media only screen and (width: 768px){
	.container {
		width: 750px;
	}
	#detailBox {
		width: 760px;
	}
	#p-detail .container {
		width: 730px;
	}
	#now-try{
		width: 774px;
	}
	#now-try .gbc1, #now-try .gbc2 {
		height: 460px;
	}
	#now-try img {
		width: 100%;
		margin-top: 48px;
	}
	#now-try .section-title {
		padding: 36px 30px;
	}
	#p-main #writers {
		height: 230px;
	}
	#footer li.socialLinks {
		width: 90%;
	}
}
@media only screen and (max-width: 767px) {
	#p-main .section-title h1,#userbooks h2{
		font-size: 15px;
	}
	#now-try h1{
		margin:0;
	}
	.container, #detailBox {
		width: initial;
		overflow-x: hidden;
	}
	.navbar .container{
		overflow:hidden;
	}
	#searchBtn {
		right: 35px;
	}
	.navbar-collapse.collapse.in, .top-nav-collapse{
		
	}
	.swipe li {margin-right: 15px;}
	
	#now-try {
		margin-bottom: 15px;
		padding: 0;
	}
	#now-try .gbc1, #now-try .gbc2 {
		width:50%;
		height: 300px;
		float: left;
	}
	#now-try .section-title {
		padding: 17px 0;
	}
	#now-try .gbc2 .item {
		padding-left: 0;
	}
	#now-try .tst-author{
		width: 120px;
		margin: 15px auto 0;
	}
	#now-try .tst-author.google {
		background-position: 0 -41px;
	}
	#now-try .tst-author.apple {
		background-position: 0 3px;
	}
	#now-try .tst-author h4{
		font-size:14px;
	}
	#now-try #nt2{
		display:block;
	}
	#now-try #nt1 form{
		display:none;
	}
	#now-try #search .form-control{
		text-indent: 0;
	}
	#now-try #searchBtn {
		right: 7px;
	}
	#now-try img {
		width: 100%;
		top: 23px;
		position: relative;
	}
	#banner-top {
		top: 0;
	}
	#banner-bottom {
		padding: 0 15px 0;
		height: 92px;
		overflow: hidden;
	}
	#bg_readers {
		height: 119px;
	}
	#home .inBook{width:375px;}
	#home .col8 {
		padding: 0 30px 0 40px;
	}
	#home img {width: 125%;}
	#home h1,h2 {font-size: 18px;margin: 0;}
	.link_{font-size: 14px;}
	#home p{font-size: 12px;}
	#home h3{margin: 0 0 5px;}
	#p-main #products .container {
		height: 226px;
		overflow: hidden;
	}
	#p-main #writers {
		height: 190px;
	}
	.custom-navbar .navbar-nav.navbar-right li {
		display: block;
	}
	.slider .owl-dots {
		right: 36%;
		left: 36%;
	}
	.imgG {width: 230px;}
	.col-md-3.col-sm-3{float:left;}
	.team-thumb img{height: 150px;min-height: initial;}
	.team-info {
		margin-bottom: 0;
		
	}
	.link_{line-height: 2;}
	.idn{display:none;}
	h3{font-size: 0.7em;}
	#categories {
		 overflow: hidden;
		 border-radius: 8px;
		 height: 140px;
	}
	#categories,#writers,#listening {
		margin:0 0 0 15px;
	}
	#records{
		margin:25px 0 0 15px;
	}
	#suggestions, #products, #magazine{
		padding-left:15px;
	}
	#listening li{
		width: 305px;
	    height: 224px;
	}
	#suggestions {
		height: 258px;
	    overflow: hidden;
	}
	#suggestions li{
		width: 305px;
		height: 205px;
	}
	#suggestions ul li img {
		width: 112px;
	}
	#listening ul li img {
		width: 132px;
	}
	#listening .team-info {
		padding: 25px 30px 20px 30px;
	}
	.i-play.listen, .i-play.suggest {
		width: 48px;
		height: 48px;
	}
	#categories .item {height: 140px;}
	#categories .owl-item .container {
		top: 45px;
		width: 100%;
		padding: 30px;
	}
	#categories h1{display:none;}
	section {padding: 60px 0 0;}
	section#contact {padding: 60px 0 30px;}
	
	#products {padding-top: 15px;}
	#products .scrollBox {height: 250px;}
	#categories .owl-item p {
		font-size: 16px;
	}
	#products .team-info h3{font-size: 14px;}
	#products p {margin: 0;}
	.ddn{display:block;}
	.team-info h3,#records .team-info h3,#writers .team-info h3,#categories li h3 {
		font-size: 12px;
	}
	#records ul li .team-info{
		height: 34px;
	}
	#records .team-info h3{
		line-height: 3;
	}
	#slider1 li {
		width: 118px;
	}
	#team .team-thumb {height: 60px;}
	#team .team-info {padding: 0;}
	#records {
		height: 224px;
	}
	#records ul li {
		width: 105px;
	}
	#records img {
		height: 105px;
	}
	#listening span, #suggestions span {
		font-size: 15px;
	}
	#categories{
		height: 158px;
	}
	#categories li {
		width: 105px;
		height: 95px;
	}
	#categories li h3 {
		margin-top: 32px;
	}
	#writers {
		height: 220px;
	}
	#writers li {
		width: 105px;
		height: 135px;
	}
	#writers li img {
		width: 105px;
		height: 105px;
	}
	#writers .team-info {
		top: 95px;
	}
	#products .team-info {
		bottom: -60px;
	}
	#submenu_slider6 li, #submenu_slider7 li, #submenu_slider8 li, #submenu_slider9 li,#submenu_slider10 li,#submenu_slider11 li,#submenu_slider12 li,#slider15 li{
		width: 105px;
		height: 148px;
	}
	#magazine ul li {
		width: 164px;
		height: 271px;
	}
	#magazine ul li img {
		width: 164px;
		height: 256px;
	}
	.noContainer {
		padding: 45px 30px;
	}
	#home,#home .owl-item{
		height: 248px;
	}
	#team {
		top: 0;
		margin-top: -45px;
	}
	#team img {width: 50%;}
	#store {
		padding-bottom: 45px;
		margin-bottom: 30px;
	}
	#store .tst-author{margin-bottom: 30px;}
	#p-detail h2, #p-detail h4 {
		padding: 0;
		margin: 0;
	}
	#userbooks .listItem {
		width: 33.33%;
		max-height: 185px;
		padding: 3%;
	}
	#userbooks .container{overflow: hidden;}
	#otherBooks .swipe li img {
		min-height: 158px;
	}
	#p-main #products .swipe li img {
		min-height: 162px;
	}
	#myAudioModal, #userInfoModal {
		width: 90%;
		left: 5%;
	}
	#footer img {
		width: 80%;
	}
}
@media only screen and (max-width: 736px){
    
}
@media only screen and (width: 736px){
   
}
@media only screen and (max-width: 732px){

}
@media only screen and (max-width: 667px){

}
@media only screen and (width: 667px){
    
}
@media only screen and (width: 640px){
    
}
@media only screen and (width: 600px){
   
}
@media only screen and (max-width: 599px){
   
}
@media only screen and (max-width: 568px){

}
@media only screen and (width: 568px){
 
}
@media only screen and (max-width: 542px){

}
@media only screen and (max-width: 479px) {

}
@media only screen and (max-width: 414px) {	
	.navbar-brand>img {
		top: -17px;
	}
	#home img {
		height: 202px;
	}
	#bannerBottomBox {
		margin-right: 10px;
	}
	#slider li {
		width: 372px;
		height: 240px;
	}	
}
@media only screen and (width: 414px){
	
}
@media only screen and (max-width: 412px) {
   
}
@media only screen and (width: 412px){
    
}
@media only screen and (max-width: 375px){
	#slider1 li {
		width: 106px;
	}
	#categories {
		height: 138px;
	}
	#categories li {
		width: 85px;
	    height: 75px;
	}
	
	#home .col8 {
		padding: 0 60px 0 40px;
	}
	#home img{
		width: 121%;
		height: 189px;
	}
	#slider li {
		width: 338px;
		height: 224px;
	}
	#now-try .gbc1, #now-try .gbc2 {
		height: 285px;
	}
	#now-try .section-title {
		padding: 14px 0;
	}
	#banner-bottom {
		height: 85px;
	}
	#p-main #writers {
		height: 162px;
	}
	#writers li {
		width: 85px;
	}
	#writers li img {
		width: 85px;
		height: 85px;
	}
	#writers .team-info {
		top: 70px;
	}
	#submenu_slider6 li, #submenu_slider7 li, #submenu_slider8 li, #submenu_slider9 li,#submenu_slider10 li,#submenu_slider11 li,#submenu_slider12 li, #slider15 li {
		width: 85px;
		height: 112px;
	}
	#p-main #products .container {
		height: 196px;
	}
	#records {
		height: 193px;
	}
	#records ul li {
		width: 85px;
	}
	#records img {
		height: 85px;
	}
	#records .team-info h3{
		line-height: 2.8;
	}
	#bg_readers {
		height: 99px;
	}
	#records ul li .team-info {
		top: -30px;
	}
	#suggestions li, #listening li {
		width: 308px;
	}
	#magazine ul li {
		width: 134px;
		height: 229px;
	}
	#magazine ul li img {
		width: 134px;
		height: 214px;
	}
	#otherBooks .swipe li img {
		min-height: 147px;
	}
	#p-main #products .swipe li img {
		min-height: 132px;
	}
	#team img {width: 55%;}
	#categories li h3 {
		margin-top: 20px;
	}
	#footer ul {
		margin-left: -5px;
	}
	#footer ul li {
		margin: 8px 31px;
	}
}
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	
}
@media only screen and (width: 375px){
   
}
@media only screen and (max-width: 360px){
	#now-try img {
		top: 30px;
	}
	#now-try .tst-author {
		width: 112px;
	}
	#now-try .tst-author.apple {
		background-position: 0 6px;
	}
	#now-try .tst-author.google {
		background-position: 0 -38px;
	}
	#now-try .section-title {
		padding: 16px 0;
	}
	#searchBtn {
		right: 30px;
	}
	#otherBooks .swipe li img {
		min-height: 138px;
	}
	#records ul li .team-info{
		height: 32px;
	}
	#records .team-info h3{
		line-height: 2.6;
	}
	#footer ul {
		margin-left: -11px;
	}
}