@media screen and (max-width: 1000px) {
		#mainWrapper ,#pageWrapper ,#detailWrapper {
			width: 95%;
		}
		
		#clubRightBox, #clubLeftBox, #affiliateRightBox, #affiliateLeftBox {
			width: 95%;
			margin: 10px auto;
			float: none;
		}
	}	
	
	@media screen and (max-width: 900px) {
	}
	
	@media screen and (max-width: 850px) {
		.boxItem {
			margin: 10px auto;
			width: 95%;
		}
		
		#loginBox, #registerBox, #creditCodeBox, #creditBox, #inviteBox {
			float: none;
		}		
	}

	@media screen and (max-width: 700px) {
		.reviewOptionItem {
			width: calc(33% - 10px);
		}
		.reviewInputItem {
			width: calc(50% - 10px);
		}
	}
	
	@media screen and (max-width: 600px) {
		.rateNoResponseTd {
			display: none;
		}	

		.rateResponseTd {
			display: table-cell;
		}		
		
		#rateSummary {
			width: 95%;
			margin: auto;
		}		
		
		#bookAdditionLinks {
			position: inherit;
			margin-top: 30px;
		}
		#pageWrapper {
			top: 135px;
		}
		#headerDiv {
			display: block;
			overflow: hidden;
			clear: both;
		}
		#mainLogo {
			margin: 2px 10px;
		}
		#appDownloadButton {
			margin: 8px 15px;
		}
		#mainSearch {
			margin: 5px auto;
		}
		
		.footerSection {
			width: 100%;
			text-align: center;
		}
		#mainFooter {
			padding: 0px;
		}
		
		.downloadItemDesc {
			float: none;
			width: 100%;
			padding-top: 0px;
		}
		.downloadItemImg {
			display: block;
			margin: auto;
			float: none;
		}
		.downloadItem {
			width: 95%;
			margin: 10px auto;
		}
		.alert_box {
			width: 80%;
		}
		
		#detailHeadWrapper {
			width: 100%;
			margin: 45px auto 0px auto;
		}
		.detailBookRight {
			display: block;
			margin: auto;
			float: none;
		}
		.detailBookLeft {
			width: 100%;
			text-align: center;
			float: none;
		}
		.addToCartBtn {
			margin: 10px auto
		}
		
		#mainNav, #footerNav {
			padding: 0px 10px;
		}
		
		#profileAreaResponsive {
			display: inherit;
			margin: 10px auto 0px auto;
		}
		
		#profileMenu ul li {
			margin: 0px 20px;
			float: none;
		}
		
		#profileMenu {
			margin: 10px auto 0px auto;
			display: none;
		}
		
		.priceOption {
			display: block;
			width: 150px;
			text-align: center;
			margin: 5px auto;
		}
		
		.defTextarea {
			width: 80%;
		}
		
		.homeBookItem, .listBookItem {
			margin: 8px 5px; 
		}
		
		.addCartBtnContainer {
			text-align: center;
		}
		
		.questionSearchItem {
			width: 25%;
		}
		
		#azmoonBox {
			width: 95%;
		}
	}	
	
	@media screen and (max-width: 670px) {
		
	}
	
	@media screen and (max-width: 475px) {
		.reviewOptionItem {
			width: calc(50% - 10px);
		}
		.reviewInputItem {
			width: calc(100% - 10px);
		}		
	}	
	
	@media screen and (max-width: 400px) {
		.homeMidBannerImg {
			width: 95%;
		}
		
		#categoryText, #MainCartLable {
			display: none;
		}
		
		.pageTitle {
			margin-top: 15px;
		}
		
		#footerNote {
			display: none;
		}
		
		.popupDef {
			width: 240px !important;
			left: calc(50% - 120px) !important;
			top: 60px !important;
		}
		.buyOptionItem {
			line-height: 30px;
		}
		
		.questionSearchItem {
			width: 35%;
		}

		#startAzmoonBtn, #nextQuestionBtn {
			width: 60%;
			margin: 5px auto;
		}
	}
	
	@media screen and (max-width: 370px) {
		.QPOption {
			width: 43%;
		}
		#questionPreview {
			width: 100%;
		}
	}