@media screen and (max-width: 1080px) {
	.subBox .inner {width: 100%;}
	.productItem .inner {width: 100%;}
	.moviesItem .inner {width: 100%;}
	footer .inner {width: 100%;}
	.header_wrap > .inner {width: 100%;}
	.featureItem > .inner {width: 100%;}
	.headerSection > div.mobileMenu {display: block;}
	.headerSection > .headerLogo {display: none;}
	.headerSection > .languegeSelectBox {display: none;}
	.headerSection > ul {display: none;}
	.header_wrap > .inner > .userInfo {display: none;}
	.headerSection {display: block;position: relative;height: 60px;} 
	.subBox.item {padding-top: 60px;}
	.productItemDetail .inner {width: 100%;padding: 20px;}
	.customerMenu .inner {width: 100%;}
	.noticeWrap .inner {width: 100%;min-height: 105vh;}
	.contactUsWrap .inner {width: 100%;padding: 20px;}
	.basketWrap > .inner {width: 100%;padding: 20px;}
	.accountWrap > .inner {width: 100%;padding: 20px;}
	.joinInner {width: 100%;padding: 20px;background: #FFF;}
	.categorySideMenuArea{position: initial; left: auto; width: 100%; text-align: center;}
	.categorySideMenu {display: inline-block; padding: 20px;}
	.categorySideMenu li {float: left; border-bottom: 0;}
	
	.txtDateArea {width: 100%;} 
	.numberDateArea {width: 100%; margin-top: 10px; margin-bottom: 0;}
	.numberDateArea > ul {flex-direction: column; align-items: center; transition: all 1s;}
	.numberDateArea > ul > li {margin-bottom: 2rem; border-right: 1px solid; width: 250px;}
	.txtDateArea > ul {flex-direction: column; align-items: center; transition: all 1s;}
	.txtDateArea > ul > li {margin-bottom: 2rem; border-right: 1px solid; width: 250px;}
	.numberDateArea > ul > li > div {padding: 10px 10px; font-size: 85%;}
}

@media screen and (max-width: 550px) {
	.wrapper {min-width: 380px;}
	.subBox .inner {padding: 20px;}
	.centerTitle > .gold > p {font-size: 36px;}
	.centerTitle > .white > p {font-size: 17px;}
	.item.featureItem {padding: 20px;}
	.ewireBtn {width: 100%;}
	.featureContent p {font-size: 16px;line-height: 29px;}
	.item.productItem {padding: 20px;}
	.topLogoPosition {padding-top: 50px;}
	.flexibleBox_Line {flex-direction: column;margin-bottom: 0px;}
	.flexibleItem {width: 100%;margin-bottom: 20px;}
	.flexibleBox_Line.bottomMarginAdd {margin-bottom: 0;}
	.item.moviesItem {padding: 20px;}
	.topLogoPosition {margin-bottom: 30px;}
	.inner.flex {flex-direction: column;}
	.inner.flex > div {width: 100%;}
	.inner.flex > div.footer_left {margin-bottom: 30px;}
	.itemIntro_txt {padding: 20px 0;}
	.itemIntro_txt p {font-size: 16px;line-height: 29px;}
	.detailInfor .title {font-size: 20px;}
	.detailInforItem > label {width: 100px;font-size: 18px;}
	.detailInforItem > .contentValue {width: calc(100% - 100px);font-size: 18px;}
	.detailInforBtn > div {width: 100px;}
	.detailInforBtn > div > label {font-size: 16px;}
	.detailInforBtn button {width: calc(100% - 100px);}
	.detailInforBtn button span {font-size: 36px;}
	.relatedProducts_Item > ul {flex-direction: column;}
	.relatedProducts_Item > ul > li {margin: 0;width: 100%;}
	.relatedProducts_Item {padding: 0;}
	.relatedProducts_ItemTxt {font-size: 18px;}
	.refundPolicy > .title label {font-size: 20px;}
	.refundPolicy_TxtBox p {font-size: 16px;}
	.refundPolicyBtn img {width: 60%;}
	.centerTitle {padding-bottom: 0;}
	.video_box video {width: 100%;}
	.moviesProductItem > div .first {font-size: 12px;}
	.moviesProductItem > div > ul > li {font-size: 10px;}
	.moviesProductItem > div .second {font-size: 12px;}
	.productFeatureContent p {font-size: 18px;}
	.noticeContent {padding: 0 20px;}
	.noticeTitle p {font-size: 36px;}
	.noticeTable table thead tr th:nth-child(4) {display: none;}
	.noticeTable table thead tr th:nth-child(5) {display: none;}
	.noticeTable table tbody tr td:nth-child(4) {display: none;}
	.noticeTable table tbody tr td:nth-child(5) {display: none;}
	.modal-dialog.modal-center {width: 100% !important;padding: 10px;}
	.userNoticeDetail > div > p > img {width: 100% !important;}
	.modal-header.userNoticePopup > div {width: 100%;text-align: center;margin-top: 15px;}
	.close {float: none;}
	.modal-open .modal {overflow: auto !important;}
	.contactUsLinkBtn {padding: 0 20px;}
	.noticeTitle {margin-bottom: 40px;}
	.contactUsLinkBtn {top: 55px;}
	.contactUsContent {padding: 0 10px 5px;width: 48%;margin-right: 0;}
	.contactUsCommonWrap.mobileInterval {justify-content: space-between;flex-direction: c}
	.contactUsSelectBox .ddcommon {width: 100px !important;}
	.contactUsContent > div {width: 100%;}
	.contactUsContent > label {width: 100%;}
	.contactUsContent.pwUsed > div {width: 100%;}
	.pwUsed .checks.etrans input[type="checkbox"] + label {margin-bottom: 5px;}
	.contactUsContent.pwUsed > div:last-child {padding-top: 10px;}
	.headerBlankSpace {padding-top: 60px;}
	.basketInProduct_Item {flex-direction: column;}
	.item_rightContent .deleteBtnBox {right: 0;}
	.basketInProduct_Item > .item_leftContent {width: 100%;padding-right: 45px;margin-bottom: 15px;}
	.basketInProduct_Item > .item_rightContent {width: 100%;padding: 0;}
	.orderDetails_FlexBox {flex-direction: column;}
	.shippingInfoBody {padding: 35px 0;}
	.paymentMethodBtnBox input[type="radio"] {width: 149px;}
	.account_Item input[type="text"], .account_Item input[type="password"] {width: 100%;}
	.account_Item > div {text-align: center;}
	.account_Item > div.account_ItemBtnAdd input[type="text"] {width: calc(100% - 103px);}
	section.login {min-width: 380px;}
	.loginDiv {width: 100%;max-width: 350px;min-width: 350px;}
	.login_inner {padding: 20px;}
	.forgotItem {padding: 0;}
	.forgotBody {flex-direction: column;}
	.forgotBody > div {width: 100%;}
	.forgotBody > .leftItem {padding: 0;}
	.forgotBody > .leftItem:after {height: 1px;width: 100%;top: auto;transform: translateY(0);right: 0;bottom: -20px;}
	.forgotBody > .rightItem {padding: 0 0 50px;}
	.joinTop ul li {width: 32%;}
	.joinFooter .cancleBtn {width: 45%;}
	.joinFooter .agreeBtn {width: 45%;}
	.wrapJoin {min-width: 380px;}
	.infomationFlexBox > div {width: 100%;}
	.infomationFlexBox {flex-direction: column;}
	.infomationFlexBox > div:first-child {margin-bottom: 25px;}
	.centerPositioning {padding: 0;} 
	.infoTable td {display: table; margin: 10px; border-bottom:0 !important;}
	.newBox > .inner {width: 100%;display: block;}
	.newBox > .inner > div {width: 100%;}
	.newBox > .inner > div.mobileHide {display: none;}
	.relevantItem .owl-nav {display: none;}
	.relevantItem .owl-dots {display: block;}
	.accountInfo {width: 80%; }
}