/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
  
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
 
.main-template-all {
	width: 750px;
	margin: 0 auto;
	margin-top: 24px;
} 
.footer-menu {
	width: 572px;
	margin-left: 55px;
	background-image: url(../img/footer-menu-bg.png);
	background-size: 100% 100%;
	background-position: center center;
}
.footer-book-img {
	position: absolute;
	right: -3px;
	top: -12px;
	max-width: 110px;
}
.footer-menu {
	width: 545px;
	margin-left: 55px;
	background-image: url(../img/footer-menu-bg.png);
	background-size: 100% 100%;
	background-position: center center;
}
.footer-area {
	background-size: 100% 100%;
	background-position: center center;
	height: 104px;
} 
.footer-menu {
	margin-top: 18px;
}
.main-menu-main ul li a {
	display: inline-block;
	font-size: 17px;
	padding: 10px 17px;
	font-family: Britanic;
	background-image: url(../img/menu-bg.png);
	background-size: 100% 100%;
	background-position: center center;
	color: #e9ce99;
	-webkit-text-stroke: 1px #65250c;
	text-shadow: 0 2px 10px #742a0c;
} 
.main-content-mdl-area {
	padding-bottom: 50px;
}
    
    
    
    
    
    
    
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
 
.main-template-all {
	width: 100%;
	margin: 0 auto;
	margin-top: 24px;
}  
    
.header-banner-tite {
	width: 282px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}   
.header-banner-titebg.header-title-wt-bg h1 {
	padding-top: 50px;
	font-size: 21px;
} 
.main-menu-main {
	display: none;
}   
.row.content-bg {
	background-size: 100% 63%;
	background-position: center top;
	height: 983px;
	margin-bottom: 258px;
	background-repeat: no-repeat;
}
.footer-menu {
	width: auto;
	margin-left: 0;
	background-image: url(../img/footer-menu-bg.png);
	background-size: 100% 100%;
	background-position: center center;
} 
.footer-menu ul li a {
	display: inline-block;
	font-size: 13px;
	padding: 5px 8px;
	color: #8f2500;
} 
.footer-menu {
	margin-top: -63px;
} 
.footer-book-img {
	position: absolute;
	right: 41px;
	top: -78px;
	max-width: 125px;
} 
.footecp-text {
	margin-left: 0;
	font-size: 13px;
	margin-top: 5px;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
}  
    
.footer-area {
	background-size: 100% 100%;
	background-position: center center;
	height: 48px;
}
.aut-dets {
	text-align: center;
}  
.header-area-bg {
	background-image: url(../img/hader-banner.png);
	border-radius: 108px 108px 0px 0px;
}
    
.main-template-all {
	margin-bottom: 20px;
} 
.main-template-all {
	background: #f7dfb8;
	border-radius: 106px 106px 39px 39px;
}
    
    
.header-area {
	height: 205px;

}
    
.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 5px 5px 4px 6px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #000;
	text-decoration: none;
	/* font-size: 16px; */
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	margin-top: -52px;
	border: 1px solid #fff;
	border-radius: 4px;
	background: #fff;
} 
.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #d6bb8b;
	margin-top: 10px;
} 
.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #59220c;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}  
    
    
    
.row.content-bg {
	background-size: 100% 100%;
	background-position: center top;
	height: auto;
	margin-bottom: 0;
}
    
.row.content-bg {
	padding-bottom: 162px;
}  
    
.author-img.hd-mob {
	display: none;
} 
 .book-cover-imgs img {
	width: 100%;
	margin-bottom: 13px;
}   
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 

}