@media screen and (max-width: 1460px) {
.containerFooter {width: 1200px;}
.container {width: 1000px;}
.divMenuPopup {margin-left: 50px;}
.divSignInButton {margin-top: 8px;}
/*.divSlick {max-height: 380px;}
.slick-slide {max-height: 380px;}*/
.BraDrivePromotionArea {padding-left: 10px; padding-right: 10px;}
.BraDrivePromotionTitle {font-size: 24px;}
}

@media screen and (min-width: 1366px) {
}

@media screen and (max-width: 1200px) {
    .divDesktopMenu {padding-left: 0px; padding-right: 130px; height: 50px; font-size: 14px; padding-top: 15px;}
    .divWebsiteHeaderWithMenu .divHeaderLanguage {height: 50px; padding-top: 15px; padding: 15px; width: 110px;}
    .divProject {width: calc(25% - 3px);}
}

@media screen and (max-width: 1000px) {
    .divWebRedeemCaption { font-size: 12px; line-height: 16px; }
    .divcheckboxTnC { font-size: 12px; line-height: 16px; }
    .divTnCArea { font-size: 12px; line-height: 16px; }
    .k-button.buttonSubmit { padding: 10px; font-size: 15px; line-height: 20px; border-radius: 20px; margin-top: 15px;  }
    .divWebRedeemRow { flex-direction: column; }
    .divWebRedeemRowCol.marginRight { margin-right: 0px; margin-bottom: 20px; }
    .divWebBookingDataConfirmTitle { font-size: 21px;  }
    .divWebBookingDataConfirmSubTitle { font-size: 13px; }
    .divWebBookingConfirmCaption { font-size: 13px; margin-bottom: 3px; }
    .divWebBookingConfirmEmailCaption {font-size: 18px;  margin-top: 25px; margin-bottom: 25px; }
    .divProject {width: calc(50% - 3px);}
    .divDesktopMenu {display: none;}
    .divDesktopHeaderLogo {display: none;}
    .divWebsiteHeaderWithMenu .divHeaderLanguageArea {position: relative; background: rgb(0,37,65);}
    .divWebsiteHeaderWithMenu .divHeaderLanguage {position: relative; padding-top: 15px; height: auto; width: auto; top: 0px;}
    .divStoreItemPhoto {width: 100%;}
    .divStoreItemDetail {width: 100%; padding-left: 0px;}
    .divStoreItemName {font-size: 20px;}
    .divStoreItemDateTime {font-size: 15px;}
    .divStoreVoucherCode {font-size: 15px;}
    .divStoreVoucherCode .data {font-size: 17px; font-weight: bold;}
    #mySidenav {display: block;}
    .imgHomeDesktopLogo {margin-bottom: 8px;}
    .divDesktopHomeName {margin-left: 10px; font-size: 13px;}
    .divDesktopHomeLogoutBtn {margin:5px; margin-top: 5px; padding: 10px; box-sizing: border-box; width: calc(100% - 10px);}
    .divHomeProfile {display: none;}
    .divHomeDataArea {width: 100%;}
    .divMobileToggleIcon{display: block;}
    .divHeaderLanguage {margin-right: 0px;}
    .divLoginArea {width: 90%; padding: 18px 30px; }
    .divChartBoxOuter {display: block;}
    .chartLeft, .chartRight {width: 100%;}
    .chartLeft {margin-right: 0px;}
    .chartRight {margin-left: 0px;}
    .rowRight {text-align: left;}

    .divPointCaption {line-height: 12px;}
    .divCoreValueBox {width: calc(49% - 30px); padding: 0px 15px; }
    .divGalleryArrowDown, .divGalleryArrowTop {display: none;}
    .headerBalance {font-size: 11px; margin-left: 10px; line-height: 14px; margin-top: 0px;}
    .headerBalance1 { margin-top: 3px;}
    .headerBalance2 {}
    .headerBalance3 {margin-bottom: 8px;}
    .DataCaption {width: 128px;}
    .divPointOuterArea {-webkit-flex-wrap: wrap; flex-wrap: wrap; padding-top: 8px;}
    .divPointArea {width: 33.3%; font-size: 12px; padding: 10px 4px;}
    .divPointArea:nth-of-type(4 ) {border-left: 0px;}
    .divPointValue {font-size: 13px;}
    .divFilterArea {display: block; margin-top: 3px;}
    .divFilterCaption {width: 40px; display: inline-block;}

    .treeGenealogy li .geoItem {font-size: 11px; line-height: 13px;}
    .geoItem .package {font-size: 9px; line-height: 11px;}

    .divTableRow {display: block;}
    .divTableCaption {width: 100%; border-right: 0px; font-size: 11px; line-height: 12px; padding-bottom: 3px;}
    .divTableData {width: 100%; padding-top: 0px;}
    /* GRID TABLE*/
    /*.k-grid tr td {font-size: 10px;}
    div.k-grid-header, div.k-grid-footer {padding-right: 0px !important;}*/

    /* HOME PAGE */
    .btnFooterEmailSubmit {margin: auto; margin-bottom: 10px;}
    #idTextSearchMobile {color: #ddd;}
    .divFeaturesBoxHide {display: none !important;}
    .imgSearchIconOut, .closeSearchButton {height: 18px; width: 18px; }
    .stickyParent + .ContentBody {padding-top: 55px;}
    .divPageTitle {font-size: 15px;}    
    .divQuestionAnswer {padding-right: 10px; box-sizing: border-box;}
    .divPageData {width: 100%; padding: 0px 10px; box-sizing: border-box; }
    #windowMessage {padding: 5px 8px;}
    #divWindowMessageExit {top: 0px; right: 0px;}
    .headerPromotion {font-size: 9px; line-height: 14px;}
    .containerFooter {width: 100%;}
    .container {width: 100%;}
    .divheaderCurrencies {display: none;}
    .divHeaderAccount span, .divHeaderCart span {display: none;}
    .divFooter1, .divFooter2, .divFooter3, .divFooter4 {width: 100%;}
    .stickyMenu .containerFlex {display: initial;}
    .containerFooter.containerFlex {display: initial;}
    .divFooter4 .containerFlex {display: initial;}
    .imgFooterPayment {display: none;}
    .divMenuOuter {display: none;}
    .divMobileMenu {display: inline-block; margin-left: 13px; font-size: 18px;}
    .divheaderLogo {width: 100%;}
    .divheaderSearch {width: auto; margin-left: 10px;}
    .imgSearchIconOut {margin-top: 0px; margin-left: 8px;}
    .divHeaderCart {margin-right: 13px;}
    .divheaderInfo {float: right;width: 120px;}
    .slick-prev:before, .slick-next:before {font-size: 25px;}
    .slick-prev {margin-left: 0px;}
    .slick-next {margin-right: 0px;}
    .slick-dots {bottom: 5px; right: 10px;}
    .slick-dots li button:before {font-size: 5px;}
    .slick-dots li {height: 5px; width: 5px;}
    .divHomeImageLink .containerFlex, .divHomeImageLink.containerFlex {display: initial;}
    .div50 {width: 100%;}
    .footerHelpCatpion {font-size: 23px; margin-bottom: 5px;}
    .footerHelpCatpion2 {font-size: 10px;margin-top: 5px; margin-bottom: 10px;}
    .divFooterHelpOuter .containerFlex {display: initial; }
    .divFooterHelp {width: 80%; border-right: none; border-bottom: 1px solid #49176d; display: block; margin: auto;}
    .divFooterHelp:last-child {border-bottom: none;}
    .divHomeColumnFirst, .divHomeColumnSecond {margin-top: 5px;}
    .divHomeColumnSecond .div50 {margin-top: 5px;}
    .divFeaturesBox {height: auto; box-sizing: border-box; width: 100%; display: inline-block;}
    .imgHomeImageLink {height: 100%; box-sizing: border-box;}
    .imgHomeImageLinkDouble {height: 100%;}
    .divFitting {margin: 5px 10px; display: none;}
    .divFeature.containerFlex {display: inline-block; margin: 5px 10px; box-sizing: border-box; display: none;}
    .divFeature .div33 {display: inline-block; width: 100%; box-sizing: border-box;}
    .divInstaLeft {margin-left: 10px;}
    .divInstaRight {margin-right: 10px;}
    .marginRight15 {margin-right: 0px;}
    .divFooterSocial {display: inline-block; width: 40px; height: 40px; margin: 0px 5px;}
    .divFooterSocial img {object-fit: contain; width: 100%; height: 100%;}
    .divFooterCopyrightOuter {background: #49176d;}
    .divFooterCopyright {color: white; }
    footer a {color: white;}
    footer {padding-top: 0px;}
    .divFooter4 {text-align: center; color: #49176d;}
    .divFooter4 .newsfeedCaption {display: none;}
    .divFooter3 {margin-bottom: 15px;}
    .divFooter1, .divFooter2, .divFooter3 {background: #49176d; padding: 10px 20px; border-bottom: 1px solid #ccc; box-sizing: border-box;}
    .divFooter1 a, .divFooter2 a, .divFooter3 a {color: #ccc;}
    .divFooter1 .divFooterHeader, .divFooter2 .divFooterHeader, .divFooter3 .divFooterHeader {color: white;}
    footer a:hover {color: white;}
    .divFooterChild {display: none;}
    
    /* PAGE Blog */
    .divBlogSlider {height: 300px;}
    .divBlogSlideBox {height: 300px;}
    .imgBlogSlidePhoto {height: 240px; object-fit: cover;}
    .divBlogSlideBoxBox {width: 200px; margin-left: -120px;padding: 5px 15px; height: 70px; bottom: 25px;}
    .divBlogSlideBoxBoxTitle {font-size: 11px; padding-bottom: 3px; margin-bottom: 3px;}
    .divBlogSlideBoxBoxDescription {font-size: 10px;}
    .divBlogSlideReadMore {bottom: 0px;}
    .divBlogFilterYear, .divBlogFilterCategory {width: 150px;}
    .divBlogFilterYear .dropdown, .divBlogFilterYear .dropdown-content, .divBlogFilterCategory .dropdown, .divBlogFilterCategory .dropdown-content {min-width: 150px;}
    .divBlogArea {display: inline-block; margin-bottom: 30px;}
    .divBlogBox {padding: 5px 10px; margin-top: 15px; }
    .divBlogBoxReadMore{float: none; text-align: right; display: inline-block; }
    .divBlogBoxTitle {padding-bottom: 0px; line-height: 28px;}
    .divBlogBoxHeaderArea {margin: 0px;}
    .divBlogTitle {font-size: 18px; line-height: 26px; margin-top: 15px;}
    .divBlogContain {padding: 5px 10px; box-sizing: border-box;}
    .divBlogContain p {margin: 5px;}
    .divBlogContain img {width: 100%; object-fit: contain; height: auto;}
    .divBlogCommentNew {width: 100%; box-sizing: border-box;}

    /* PAGE Category */
    ContentBody {overflow-x: hidden;}
    .divProductAreaOuter {margin-top: 10px; padding: 0px 10px; box-sizing: border-box;}
    .divProduct {width: 50%; padding: 0px 10px; box-sizing: border-box;}
    .divProduct .divImgProduct {width: 100%; object-fit: contain; box-sizing: border-box;}
    .divProduct .imgProduct {width: 150px; height: 150px; object-fit: contain; box-sizing: border-box;}
    .productDiscountOuter {right:0px; }
    .divProductMoreOutOfStock {padding: 0px; font-size: 11px;}
    .divProductMore {width: 100%;}
    .divQuickView .divCategoryOutOfStock {margin-top:3px; font-size: 10px;}
    .divProduct .imgQuickView, .divProduct .imgSave {vertical-align: middle; margin-top: 2px; width: 15px; height: 15px;}
    .divProduct:hover .divHoverShow {display: none;}
    .divFilterSelected {padding: 5px 0px;}
    .divFilterSelectedOuterBox {width: 100%;}
    .divFilterSelectionSize, .divFilterSelectionColor, .divFilterSelectionPrice, .divFilterSelectionCollection {width: 100%; padding: 10px 10px; box-sizing: border-box;}
    .divFilterColor {margin: 5px 8px;}
    .divFilterColorCircle {margin-bottom: 0px;}
    .divFilterSize {margin: 6px;}
    .divProductAreaNoFound {padding: 0px 10px; box-sizing: border-box;}
    /*Quick View*/
    .divQuickPhotoSlider .slider-left, .divQuickPhotoSlider .slider-right {font-size: 20px;}
    .divWindowExit {top: 2px; right: 2px;}
    .divQuickTag>div, .divQuickDiscount>div{padding: 4px 5px; width: 100%; margin-top: 2px;}
    .divQuickName {font-size:14px;padding-top:15px;}
    .divQuickAddCart, .divQuickWishlist  {width: 100%; margin-top: 8px;}
    .divQuickSize, .divQuickColor, .divQuickQuantity {margin-top: 5px; font-size: 12px;}
    .divQuickSize .dropdownButton, .divQuickColor .dropdownButton, .divQuickQuantity .dropdownButton{padding: 2px;}
    .divQuickShare {display: none;}
    .divQuickShareMobile {display: inline-block; width: 100%; text-align: center;}

    /* PAGE Product */
    .divProductPage .divProductBreadcrumbs {text-align: center;}
    .divProdcutMain.containerFlex {display: initial;}
    .divProductImage {display: none;}
    .divProductImageMobile {display: initial;}
    .imgProductImageMainMobile {margin: auto; height: 300px; object-fit: contain;object-position: top;}
    .divProductPage .slick-dots {text-align: center; width: 100%; bottom: -20px;}
    .divProductPage .slick-dots li {height: 20px; width: 20px;}
    .divProductPage .slick-dots li button:before {font-size: 12px;}
    .divProductMainDetail {margin-top: 40px; width: 100%; }
    .divProductMainDetail {padding: 0px 10px; box-sizing: border-box;}
    .divProductMainName {font-size: 17px; font-weight: bold;}
    .divProductMainPrice {font-size: 17px; font-weight: bold;}
    .divProductRating {text-align: center;}
    .divProductBundleCaption {border-right: 0px;}
    .divProductColorList {text-align: center; margin-top: 10px;}
    .divProductSize .dropdown {min-width: 90%;}
    .divProductSize .dropdown-content {min-width: 100%;}
    .divProductShare, .divProductCartWishList, .divOutOfStockCaption {text-align: center;}
    .divProductWishlist {margin-top: 10px;}
    .divProductMatching {margin: 10px 10px;}
    .divProdcutDetailHeader button  {font-size: 12px; line-height: 17px; padding: 8px;}
    .divWriteReviewArea .inputData, .divWriteReviewArea .inputDataArea {width: 100%; box-sizing: border-box;}
    #divProductDetailReviews {box-sizing: border-box;}
    .divProdcutDetail {margin: 15px 0px;}
    .divProductTogether{padding-top: 15px;}
    .divProductTogetherCaption {font-size: 15px; margin-bottom: 15px;}
    .divProductTogetherItem {width: 50%; padding: 20px; box-sizing: border-box; vertical-align: top;}
    .divProductTogetherArea {width: 100%; display: initial;}
    .divProductTogetherItem .divProductTogetherColor, .divProductTogetherItem .divProductTogetherSize, .divProductTogetherItem .divProductTogetherQuantity {display: none;}
    .divProductTogetherItem .divQuickAddCart, .divProductTogetherItem .divQuickWishlist {display: none;}
    .divProductTogetherItem .imgProductTogetherItem{width: 150px; height: 150px; object-fit: contain;}
    .divReviewNavArea {margin-top: 8px;}
    .divReviewNavNumberArea {font-size: 10px;}
    .divReviewNavFirst, .divReviewNavPrevious, .divReviewNavNext, .divReviewNavLast {margin: 0px; font-size: 10px; vertical-align: top;}
    .divReviewNavPrevious span, .divReviewNavNext span {margin-top: -2px; display: inline-block; vertical-align: top;}
    .divReviewNavPrevious, .divReviewNavNext {margin-top: 3px;}
    .divProductNavNumberArea {font-size: 10px; margin: 0px 3px;}
    .divProductNavFirst, .divProductNavPrevious, .divProductNavNext, .divProductNavLast {margin: 0px; font-size: 10px; vertical-align: top;}
    .divProductNavPrevious span, .divProductNavNext span {margin-top: -2px; display: inline-block; vertical-align: top;}
    .divProductNavPrevious, .divProductNavNext {margin-top: 3px;}
    .divProductNavFirst i, .divProductNavPrevious i, .divProductNavNext i, .divProductNavLast i {margin: 0px 1px;}
    .divProductNavNumberArea .divNavNumber {width: 23px; height: 20px;}
    .divProductNavNumberArea .divNavNumber.active {width: 23px; height: 20px;}

    .divReviewList.containerFlex {display: initial;}
    .divReview {width: 100%; box-sizing: border-box; padding:10px; margin: 0px;}
    .divReview .titleStr {margin-bottom: 2px;}
    .divReview .dateStr, .divReview .nameStr, .divReview .titleStr {font-size: 10px;}
    .divReview .dataStr {font-size: 13px;}
    #divProductDetailSize, #divProductDetailDelivery, #divProductDetailDetail {box-sizing: border-box; padding: 6px 10px; width: 100%;}
    #divProductDetailSize img, #divProductDetailDelivery img, #divProductDetailDetail img {width: 100%; object-fit: contain; height: auto;}
    #divProductDetailDetail {}
    #divProductDetailDetail iframe {top: 0;left: 0;width: 100%;height: 100%;}

    /* PAGE WishList */
    .contentWishlist {box-sizing: border-box; padding: 0px 10px;}
    .divWishListLeft, .divWishListRight {font-size: 30px;}
    .divWishListtemListOuter {width: calc(100% - 40px); }
    .divWishListItem {width: 280px; border-right: 0px;}
    .divWishListItem .divProductAddCart {margin-top: 15px;}
    .divWishListEmpty .imgCartHeader {width: 100%; height: auto;}
    .imgCartHeader {object-fit: contain; width: 100%;}
    .divWishListEmptyData {margin-bottom: 0px;}
    .divWishListData  {margin-bottom: 10px;}

    /* PAGE My Account */
    .divAccountAccordianHeader .number span {font-size: 15px;}
    .divAccountAccordianHeader .caption {font-size: 13px;}
    .divAccountAccordianContain {box-sizing: border-box; padding: 20px 10px;}
    .inputAccountDetail #detailUnsubscribed {margin-left: 10px;}

    /* PAGE Cart */
    .divCartData.containerFlex {display: initial; width: 100%; box-sizing: border-box; padding: 0px 10px;}
    .divCartItemList {width: 100%; box-sizing: border-box; border-right: 0px; padding: 0px 10px;}
    .divCartItemList .title, .divCartCheckout .title {font-size: 14px;}
    .divCartCheckout {width: 100%; box-sizing: border-box; padding: 0px 10px;}

    /* PAGE Checkout */
    .divCheckoutAddress.containerFlex {display: initial; box-sizing: border-box; width: 100%;}
    .divCheckoutAddressLeft, .divCheckoutAddressRight {box-sizing: border-box; width:100%; padding:0px 10px; }
    .divCheckoutConfirmOrderArea .divCartItemPhoto {width: 40%;}
    .divCheckoutSubTotal {padding: 0px;}

    /* PAGE Job */
    .divJobOuterArea.containerFlex{display: initial;}
    .divJobArea {width: 100%; margin: 0px; padding: 0px 10px; box-sizing: border-box; margin-bottom: 25px; border-right: 0px;}

    /* PAGE Contact */
    .divContactTitle {margin-bottom: 10px;}
    .divContactArea.containerFlex {display: inline-block; box-sizing: border-box; width: 100%; padding: 0px 10px;}
    .divContactFormArea, .divContactGetInTouchArea {width: 100%; box-sizing: border-box; margin: 0px;}
    .divContactGetInTouchArea fieldset {width: 100%; box-sizing: border-box;}
    .divContactFormArea {margin-top: 40px;}

    /* PAGE FAQ */
    .divFAQBottomArea.containerFlex{display: inline-block; text-align: center; width: 100%; box-sizing: border-box;}
    .divFAQBottomButton { width: 25%; margin: 0px 10px; display: inline-block; vertical-align: top; margin-bottom: 15px;}
    .divFAQTitle {margin: 0px; padding-left: 15px; box-sizing: border-box;}

    /* PAGE Fit Room */
    .divFitRoomHeader {font-size: 19px;}
    .divFitRoomArea.containerFlex {display: inline-block; width: 100%; box-sizing: border-box;}
    .divFitRoomSide {margin: 0px; box-sizing: border-box; width: 100%; padding: 10px;}
    .divFitRoomLinkOuter {width: 25%; margin: 10px; display: inline-block; text-align: center;}
    .divFitRoomLink.active {border-bottom: 0px; font-weight: bold; line-height: 18px;}
    .divFitRoomContent {width: 100%; padding: 0px 10px; text-align: center; margin: 0px; box-sizing: border-box;} 
    .containerFlex.divFitRoomOuterBox {display: inline-block; margin: 0px; padding: 0px 25px; width: 100%; box-sizing: border-box;}
    .divFitRoomBox {width: 100%; box-sizing: border-box; margin-top: 30px;}
    .video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
    .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .divPutOnBraStep {margin-top: 40px;}
    .divPutOnBraStep .containerFlex {display: inline-block; width: 100%; box-sizing: border-box; margin: 0px; padding: 0px 10px;}
    .divPutOnBraStep .divStep1, .divPutOnBraStep .divStep2 {width: 100%; text-align: left; box-sizing: border-box;}
    .divPutOnBraStep .divStep1 .description, .divPutOnBraStep .divStep2 .description { margin:0px; padding: 0px; float: none; margin-bottom: 20px; box-sizing: border-box; width: 100%;}
    .divPutOnBraStep .imgPutOnBra {width: 100%; height: auto; object-fit: contain; text-align: center; margin: auto; display: inline-block;}
    .divPutOnBraStepMiddleCaption {font-size: 15px;}
    .divPutOnBraStep .divStep3, .divPutOnBraStep .divStep4, .divPutOnBraStep .divStep5 {width: 100%; margin: 0px; padding: 0px 10px; box-sizing: border-box; margin-top: 20px; }
    .divPutOnBraStep .description {padding:0px;}
    .divPutOnBraCompare {padding: 0px 10px; box-sizing: border-box;}
    .divBraFittingSizeGuideCompareArea {display: inline-block; width: 100%; margin: 0px; padding: 0px 10px; box-sizing: border-box;}
    .divFitGuideStep {width: 100%; display: inline-block; box-sizing: border-box;}
    .divBraFittingExampleHeader {display: none;}
    .divBraFittingExampleContent {width: 100%; box-sizing: border-box;}
    .divBraFittingTable1 {margin-right: 15px;}
    .divBraFittingTable1.right {margin-right: 0px;}
    .divBraFittingTable3 {margin-right: 0px;}
    .divBraFittingTable4 {box-sizing: border-box; margin: 0px;}
    .divBraFittingTableBox .containerFlex {box-sizing: border-box;}
    .divBraFittingContent table {box-sizing: border-box;}
    .divFitSolutionOutBox.containerFlex {display: inline-block; box-sizing: border-box; width: 100%; margin: 0px; padding: 0px 20px;}
    .divFitSolutinBox {width: 100%; margin-top: 20px;}
    #windowFitRoomBraFittingTips {padding: 15px 25px; border-top: 6px solid #49176d; border-bottom: 6px solid #49176d; text-align: center; box-sizing: border-box;}
    .divWindowFitSolutionAnswer {font-size: 15px; line-height: 22px;}
    .containerFlex.divCareStepOuterBox {display: inline-block; margin: 0px; padding: 0px 20px; box-sizing: border-box; text-align: center;}
    .divCareStepSide {width: 100%; margin-right: 0px;}
    .divCareGentleReminder {margin-top: 20px;}
    .divFitRoomTips {margin-top: 20px; margin-bottom: 100px;}
    .divFitRoomTips .description {font-size: 11px;}
    .divFitRoomTips .title {font-size: 12px;}

    /* PAGE Discover Neubodi */
    .divStoryBoxOuter .title {text-align: center;}
    .divStoryBoxInner ul {-webkit-padding-start: 10px; font-size: 12px;}
    .divStoryBoxInner li {text-align: left;}
    .divStoryBoxInner {text-align: left;}
    .divOurStoryDetailHeader .divOurStoryDetailHeaderItem {font-size: 18px; line-height: 23px; padding: 10px 10px;}
    .divStoryHeader {font-size: 26px; margin-top: 30px;}
    .divStoryTitle {margin-top: 20px; font-size: 16px;}
    .divStoryData, .divStoryBoxOuter {padding: 0px 10px; box-sizing: border-box; width: 100%;}
    .imgOurStoryImage {width: 100%; margin: 0px; padding: 0px 10px; margin-top: 20px; box-sizing: border-box;}
    .divOutStoryBottomImage.containerFlex { display: inline-block; width: 100%; margin-bottom: 40px;}
    #divOurStoryOurProductsDetail {margin:0px;padding: 0px 10px; box-sizing: border-box; }
    .containerFlex.divOurProductsDetail {display: inline-block; width: 100%; box-sizing: border-box; margin: 0px; padding: 0px 10px; margin-top: 20px; text-align: center;}
    .imgStoryDataImg, .imgStoryBottom {width: 100%; margin: 0px; padding: 0px 10px; box-sizing: border-box; height: auto;}
    .divStoryDataWord {text-align: center; margin-top: 20px; display: inline-block; width: 100%;}
    .divStoryDataWord .title, .divStoryDataWord .data {text-align: center;}
    .divStoryDataWord .title.alignRight, .divStoryDataWord .data.alignRight {text-align: center;}
    .divServiceBoxOuter {margin: 0px; }    
    .divServiceBoxOuter {margin: 0px; padding: 0px 10px; box-sizing: border-box; width: 100%;}
    .divServiceBoxOuter fieldset {box-sizing: border-box; width: 100%; min-width: 100%;}
    .divStoryBoxInner .data {padding: 0px 10px;}
    .divStoryBoxInner .dataInner{width: 100%;}
    .divServiceBottom {margin-top: 20px;}
    .divServiceBottom .containerFlex {display: inline-block; width: 100%; margin: 0px; padding:  0px 10px; box-sizing: border-box;}
    .divServiceBottom .rightPart, .divServiceBottom .leftPart {width: 100%; box-sizing: border-box; margin: 0px; padding: 0px 10px; display: inline-block;}
    .divServiceBottom .imgServiceBottom {width: 100%; box-sizing: border-box; margin: 0px; padding: 0px 10px;}
    .divServiceBottom .image4 {width: 100%; margin: 0px; padding: 0px 10px; font-size: 18px; line-height: 30px; text-align: center; box-sizing: border-box;}
    .divStoryBoxBottomTitle li:first-child {list-style: initial;}
    .divStoryBoxBottomTitle li {float: none; padding-left: 5px; margin-left: 0px; text-align: left;}

    /* PAGE VIP */
    .divVIPDetailHeader .divVIPDetailHeaderItem {font-size: 15px; line-height: 20px; padding: 10px 10px;}
    .divVIPHeader .title {font-size: 20px; display: inline-block; width: 100%; padding: 0px; margin: 0px;}
    .divVIPTitle {font-size: 15px; margin-top: 10px;}
    .imgVIPPrivilege {width: 100%; padding: 0px 10px; box-sizing: border-box; }
    .spanVIPBold {display: inline-block; width: 100%;}
    .divVIPFirstTimeArea {width: 100%; box-sizing: border-box; padding: 0px 10px; display: inline-block;}
    .imgVIPFirstTime {width: 100%; box-sizing: border-box;}
    #divVIPRewardDetail, #divVIPRewardDetail .container {width: 100%; box-sizing: border-box; display: inline-block; padding: 0px;}
    .divVIPData {width: 100%; box-sizing: border-box; padding: 0px 10px;}
    .divVIPButton {width: 100%; box-sizing: border-box;}
    #divVIPTnCDetail {width: 100%; box-sizing: border-box; display: inline-block; padding: 0px 10px;}
    .divVIPTnCListArea ul {width: 100%; box-sizing: border-box; margin: 0px; padding: 0px; padding-left: 30px;}

    /* PAGE Sign IN */
    .dviSignInArea.containerFlex {display: inline-block; width: 100%; box-sizing: border-box;}
    .divSignInTitle {position: absolute; left: 0px; right:0px; font-size: 20px; padding: 5px 0px; width: 100vw; background: #a86dd2; color: white;}
    .divSignIn {width: 100%; box-sizing: border-box; border-right:0px; margin-top: 0px; }
    .divSignInOuter {padding: 0px 30px; box-sizing: border-box; position: relative; }
    .divSignInEmailCaption {padding-top: 45px;}
    .divSignInRegister {width: 100%; box-sizing: border-box; padding: 0px 30px;}
    .divSignInRegisterCaption {width: 100%; box-sizing: border-box; padding: 0px 10px; padding-top: 50px;}
    .divSignInRegisterButton {width: 100%; box-sizing: border-box; display: inline-block; margin: 0px; margin-top: 20px;}
    .divRegsiterOuter {width: 100%; box-sizing: border-box; padding: 0px 10px; }
    .divRegsiterOuter fieldset {padding: 20px 10px;}

    /* PAGE Refer*/
    .divReferOuter {width: 100%; box-sizing: border-box; display: inline-block; border: 0px; margin-bottom: 10px;}
    .divRefer2Left .title, .divReferOuter .title {font-size: 22px;}
    .divReferOuter .txtRefer, .divReferOuter .btnReferShare {width: 80%; box-sizing: border-box;}
    .divReferOuter2.containerFlex {width: 100%; border: 0px;}
    .divReferOuter2 .divRefer2Left {width: 100%; box-sizing: border-box; display: inline-block;}
    .divReferImage.divRefer2Right{display: none;}
    .divRefer2Left .divReferImage {display: inline-block; width: 100%; box-sizing: border-box; height: auto;}

    /* PAGE Return */
    .divReturnArea {width: 100%; box-sizing: border-box; padding: 0px 10px; margin: 0px;}
    .divReturnArea .containerFlex{display: inline-block; width: 100%; box-sizing: border-box; }
    .divReturnArea .divReturn50 {width: 100%; display: inline-block; box-sizing: border-box;}
    .divReturnArea .divReturn50.paddingRight {padding-right: 10px;}
    .divReturnArea .divReturn30 {width: 100%; display: inline-block; box-sizing: border-box;}
    .divReturnArea .divReturn30.paddingRight {padding-right: 10px;}
    .divReturnArea .inputReturn, .divReturnArea textarea {box-sizing: border-box; width: 100%;}
    .divReturnBottomArea {width: 100%; box-sizing: border-box; display: inline-block; padding: 0px 10px; margin: 0px; margin-top: 20px; margin-bottom: 40px;}
    .divReturnAgreeArea {float: none; width: 100%; padding-top: 15px;}
    .btnReturnBack {width: 100%; text-align: center; box-sizing: border-box;}
    .btnReturnContinue {width: 100%; text-align: center; box-sizing: border-box;}
    
    /* PAGE Find My Fit*/
    .divProductBreadcrumbs {text-align: center; font-size: 11px;}
    .divFitTitle {font-size: 25px;margin-top: 20px;}
    .divFitSubTitle {font-size: 16px; line-height: 23px; margin-top: 10px;}
    .imgFitStart {height: 120px; width: 120px;}
    .divFitStartInner {font-size: 19px;}
    .divFitMainTitle {font-size: 18px; line-height: 26px; padding: 0px 10px; box-sizing: border-box;}
    .divFitBreastShapeArea {margin-bottom: 0px;}
    .divFitBreastShapeArea .containerFlex {display: inline-block; box-sizing: border-box; margin: 0px; padding: 0px 10px; width: 100%;}
    .divFitBreastShapeItem {width: 100%; padding: 0px 0px; box-sizing: border-box; display: inline-block; margin: 0px; margin-top: 10px; display: table;}
    .divFitBreastShapeItem.marginRight {margin-right: 0px;}
    .imgFitBreastShapeItem {width: 120px; height: 120px; object-fit: contain; display: inline-block;}
    .divBreastShape {display: inline-block; padding: 0px; vertical-align: middle; display: table-cell;}
    .divBreastShape .title {font-size: 16px;line-height: 16px;}
    .divBreastShape .subtitle {font-size: 12px;}
    .divFitAdvice {width: 100%;}
    .divFitAdviceOuter {width: 100%; padding-top: 0px; padding-bottom: 0px; min-height: 200px; background-size: 100% 100%;}
    #divWindowFitAdvice {background:transparent; background-color: transparent!important; box-shadow: none !important;}
    .divBandAndCupSizeArea {width: 100%; box-sizing: border-box; display: inline-block; margin: 0px; padding: 0px 10px;}
    .divFitBandBraSizeHeader {width: 100%; box-sizing: border-box; display: inline-block; padding: 0px 10px; height: auto; }
    .divFitBandBraSizeTitle {margin-top: 8px; margin-bottom: 15px;}
    .divFitBandBraSizeArea {display: inline-block; width: 100%; padding: 0px 10px; box-sizing: border-box; }
    .divFitBandBraSizeArea .containerFlex {display: inline-block; width: 100%; box-sizing: border-box;}
    .divFitBandSizeItem, .divFitBraSizeItem {display: inline-block; margin: 0px 8px;}
    .divFitBandSizeItem span, .divFitBraSizeItem span {height: 40px; width: 40px; font-size: 18px; line-height: 40px;}
    .divFitBraOldArea, .divFitBraOldItem {width: 100%; box-sizing: border-box; margin: 0px; margin-top:15px; padding: 0px 0px; display: inline-block;}
    .divFitBraOldArea {padding: 0px 20px;}
    .divFitBraOldItem {margin-top: 0px; margin-bottom: 10px; text-align: center;}
    .divBreastShape {display: inline-block; box-sizing: border-box; width: 100%; text-align: center; min-height: 50px;}
    .divOtherBraArea {width: 100%; padding: 0px 10px; box-sizing: border-box; display: inline-block;}
    .divFindMyFitResultArea .containerFlex {display: inline-block; width: 100%; margin: 0px; padding: 0px 10px; box-sizing: border-box;}
    .divFitResultData {width: 100%; margin: 0px; padding: 0px 15px; box-sizing: border-box; }
    .divFitSecondTitle {font-size: 20px; line-height: 20px; box-sizing: border-box;}
    .divResultTitle {width: 100%; padding: 0px; box-sizing: border-box;}
    .divResultCaption {width: 100%; padding: 0px; box-sizing: border-box;}
    .divFitResultEmail { font-size: 20px; width: 100%; padding: 10px 15px; box-sizing: border-box; margin: 0px; border: 1px solid #ccc;}
    .divFitResultImage {display: none;}
    .divResultButtonArea br {display: none;}

    /* PAGE Store*/
    .tableStore {display: none;}
    .divStoreMobileArea.k-tabstrip {display: inline-block; background-color: transparent; box-shadow: none; border: 0px; width: 100%;}
    .divStoreMobileArea .k-tabstrip-items .k-state-default .k-link, .k-panelbar>li.k-state-default>.k-link {color: #49176d; }
    .divStoreMobileArea .k-tabstrip-items .k-item {max-width: 140px; border: 0px; opacity: 0.2; text-align: center; display: table-cell;}
    .divStoreMobileArea .k-tabstrip-items .k-item.k-state-active {opacity: 1; border-bottom: 3px solid #49176d;}
    .divStoreMobileArea .k-content.k-state-active {border: 0px;}
    .divStoreMobileArea .k-tabstrip-items {border-bottom: 1px solid #49176d;}
    .divStoreMobileArea .k-tabstrip-items .k-loading {display: none;}
    .divStoreNameArea {display: inline-block; width: 140px; opacity: 0.4; text-align: center; padding: 15px 5px;}
    .divStoreNameArea .title {color: #49176d; font-size: 14px; font-weight: bold;}
    .divStoreNameArea .moreInfo {color: #888; font-size: 10px; margin-top: 3px;}
    .divStoreNameArea.active {opacity: 1;}
    #windowSelectedStore {padding: 0px; margin: 0px; background: transparent; background-color: transparent;}
    .divSelectedStore {border-bottom:5px solid #49176d; border-top: 5px solid #49176d; background: white; padding: 20px;}
    .divSelectedStore .divStoreDataArea {display: table-cell; width: auto; padding-right: 3px; border-right: 2px solid #a86dd2; min-width: 250px;}
    .divSelectedStore .divStoreMapArea {width: 0px; display: table-cell; text-align: center; padding: 10px; vertical-align: middle;}
    .divStoreMapArea .imgTdMap {width: 50px; height: 50px; object-fit: contain;}
    .divSelectedStore .caption {color: #bbb; font-size: 9px; line-height: 14px;}
    .divSelectedStore .storeDataArea.lotArea, .divSelectedStore .storeDataArea.telArea {display: inline-block; }
    .divSelectedStore .storeDataArea.telArea {width: 40%;}
    .divSelectedStore .storeDataArea.lotArea {padding-right: 5px; width: 50%;}
    .divSelectedStore .divStoreDataArea .caption{margin-bottom: 3px;}
    .divSelectedStore .data {font-size: 12px; }
    .divSelectedStore .addressArea {margin-top: 15px;}

    /* PAGE Media Coreverage */
    #windowQuickView {padding: 5px;}
    .windowMediaCoveragePopup .containerFlex {display: inline-block;}
    .windowMediaCoveragePopup .divQuickPhoto {width: 80%; margin: auto;}
    .windowMediaCoveragePopup .divQuickInfo {width: 80%;margin: auto; padding-bottom: 0px;}
    
} 

/* iPad Portrait */
@media screen and (max-width: 1200px) {
.containerFooter {width: 95%;}
.container {width: 90%;}
.divMenuPopup {margin-left: 0px; width: 90%;}
.divFooterSocial img {height: 35px; width: 35px; object-fit: contain;}
.divFeaturesBox:after {display: none;}
}

@media screen and (max-width: 1200px) {
    .divMenuMainLayer{min-width: 90px;}
}

@media screen and (max-width: 950px) {
    .divCollectionGroupArea {width: 25%;}
}

@media screen and (max-width: 860px) {
    .divMenuMainLayer{min-width: 80px;}
}

@media screen and (max-width: 800px) {
    .divTnCArea ul, .divTnCArea ol { margin-left: 15px; }
    .containerFooter {width: 100%;}
    .container {width: 100%;}
    .divFeaturesBox {height: auto;}
    .divMobileMenuArea .menu {font-size: 16px; line-height: 30px;}
    .divMenuSocial {width: 45px; height: 45px;}
    .divPromotionSubBannerOuterArea { flex-direction:column; }
    .divWebPromotionOnlineBannerOuterArea { flex-direction:column; }
    .divPromotionSubBannerImg { max-height: 200px; object-fit: cover; }
    .buttonUploadProofPurchase { margin-top: 0px; }

    /* PAGE BraDrive */
    .imgHeader.BraDriveHeader{content:url("/images/Bra-Drive-Header-Mobile.png"); }
    .container.divBraDriveOuterArea {box-sizing: border-box; width: calc(100% - 10px);}
    html, body {margin: 0; padding: 0;}
    .divRegisterLegend1 {font-size: 25px; line-height: 30px;}
    .divRegisterLegend2 {font-size: 18px; line-height: 26px;}
    .BraDriveRegsiterOuter {padding-left: 0px; margin-top: 0px;}
    .BraDriveRegsiterOuter fieldset {border: none; text-align: center; width: 100%;}
    .BraDriveTopOuterArea {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;/* optional */-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
    .BraDriveFormArea, .inputRegisterField   {border: none; border-bottom: solid; border-color: #888; border-width: medium; display: inline-block;} 
    .BraDriveFormArea {padding: 0px; border: none;}
    .BraDrivePromotionArea {border: none; width: 100%; -webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;}
    .BraDriveFormOuterArea {width: 100%;   -webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;-ms-flex-order: 1;-webkit-order: 1;order: 1;}
    .BraDriveFormArea, .divRegisterCatption {color: #888;}
    .BraDriveDiscountArea {display: none;}
    .BraDriveHightechArea {border-style: dashed; border-right: none; border-left: none; border-color: rgb(229,0,126); margin-top: 10px; padding-top: 8px; padding-bottom: 8px;}
    .imgHitech { width: 170px;}
    /* PAGE Thankyou */
    .imgThankyou {width: 100%; padding: 0px;}
}

@media screen and (max-width: 580px) {
    .divProjectArea {margin-left: 10px; margin-right: 10px;}
    .divProject {width: 100%; margin-bottom: 20px;}
    .divProject img {height: auto;}
    .divCoreValueBox {width: calc(100% - 30px); padding: 0px 15px; }
    .divCollectionGroupArea {width: 33%;}
}

@media screen and (max-width: 500px) {
    .divCollectionGroupArea {width: 100%;}
    .divMyOrderDateTime {display: none;}
 .divFeaturesBox {height: auto;}
 .divMobileMenuArea .menu {font-size: 12px; line-height: 18px;}
 .divMenuSocial {width: 30px; height: 30px;}
}

@media screen and (max-width: 1350px) {
    .divHeaderLogoCaption {display: none;}
    .divTableHeaderArea {display: block; }
    .sidenav {width: 0px; }
    .divMainContentArea { padding-left: 0px; padding-right: 0px; }
    .divTableHeaderLeftArea {width: 100%; }
    .divPageSearchOuterArea {width: 100%; }
    .divTableHeaderSearchArea {max-width: 100%; }
    .divFilterKendoDropdown {width: 100%;}
    .divListRight {text-align: left;}
    .dataArea {padding: 10px; }
    .divFlexArea.divFlexMobileBlockArea {display: block;}
    .divAccountOuter {width: 100%; box-sizing: border-box; padding: 0px;}
    .divOrderProductAreaHeader {display: block; }
    .divOrderProductOuterArea { border-bottom: 1px solid #888; padding-bottom: 0px; }
    .divOrderProductNo { width: 100%; padding: 5px; border-bottom: 0px; border-left: 1px solid #888; }
    .divOrderProductItem {padding: 5px; border-bottom: 0px; border-left: 1px solid #888; }
    .divOrderProductDescription {padding: 0px;}
    .divOrderProductUnitPrice {width: 100%; padding: 5px; border-bottom: 0px; border-left: 1px solid #888; }
    .divOrderProductQuantity {width: 100%; padding: 5px; border-bottom: 0px; border-left: 1px solid #888; }
    #divOrderProductListArea .divOrderProductTotalPrice { width: 100%; padding: 5px; text-align: center; border-bottom: 0px; border-left: 1px solid #888; }
    .divOrderProductAreaHeader .divOrderProductNo { border-right: 1px solid #888; margin-top: 0px; }
    .divOrderProductAreaHeader .divOrderProductItem { border-right: 1px solid #888; margin-top: 0px; }
    .divOrderProductAreaHeader .divOrderProductUnitPrice { border-right: 1px solid #888; margin-top: 0px; }
    .divOrderProductAreaHeader .divOrderProductQuantity { border-right: 1px solid #888; margin-top: 0px; }
    .divOrderProductAreaHeader .divOrderProductTotalPrice {border-right: 1px solid #888; width: 100%;}
    .divOrderProductAreaHeader .divOrderProductRemove {border-right: 1px solid #888; width: 100%;}
    .divOrderProductArea {display: block; margin-top: 0px;}
    .divOrderProductRemove {width: 12px; width: 100%; border-bottom: 0px; border-left: 1px solid #888; padding: 5px; }
    .divSummaryAddressOuterArea {display: block;}
    .divSummaryAddressMainArea {margin-bottom: 10px;}
    .divSummaryProductArea {display: block;  }
    .divSummaryProductName { border-top: 0px solid #888; text-align: center;  }
    .divSummaryProductNo {width: 100%; box-sizing: border-box; border-right: 1px solid #888; }
    .divSummaryProductQuantity { width: 100%; border-left: 1px solid #888; box-sizing: border-box; text-align: center; border-top: 0px; }
    .divSummaryProductDescription { text-align: center; border-top: 0px; }
    .divSummaryProductUnitPrice, .divSummaryProductTotalPrice { flex:1; width: 100%; box-sizing: border-box; border-left: 1px solid #888; text-align: center; border-top: 0px; } 
    .divSummaryProductHeader .divSummaryProductName, .divSummaryProductHeader .divSummaryProductQuantity, .divSummaryProductHeader .divSummaryProductDescription, .divSummaryProductHeader .divSummaryProductUnitPrice, .divSummaryProductHeader .divSummaryProductTotalPrice {border-top: 1px solid #888;}
    .checkboxList { width: 30px; }
    .divButtonArea {margin-top: 5px; }
    .divReportCaption {display: block; }
    .divReportFilterRow {display: block; }
    .divTableHeaderRightArea {width: 100%; text-align: left; margin-top: 10px; justify-content: start;}
    .divOrderAddressAreaRow {display: block;}
    .divOrderAddressArea {margin-bottom: 10px;}
    .divSummaryProductArea {display: block;  }
    .divTableOrderHistoryRow {display: block;}
    .divTableOrderHistoryStatus, .divTableOrderHistoryComment {border-left: 1px solid #888; }
    .divTableOrderHistoryDate {border-bottom: 0px;}
    .divTableOrderHistoryStatus {border-bottom: 0px;}
    .divTableOrderHistoryHeaderRow .divTableOrderHistoryDate { border-bottom: 1px solid #888; }
    .divTableOrderHistoryHeaderRow .divTableOrderHistoryStatus { border-bottom: 1px solid #888; }
    .divTableOrderProductShipCheckbox {width: 100%; border-bottom: 0px; box-sizing: border-box; }
    .divTableOrderProductShipUpdateDate, .divTableOrderProductShipSOBDate, .divTableOrderProductShipNo, .divTableOrderProductShippedOrderQuantity, .divTableOrderProductShipOrderQuantity, .divTableOrderProductShipOrderProductName {border-bottom: 0px; border-left: 1px solid #888;}
    .divTableOrderProductShipOrderProductName {border-bottom: 1px solid #888;}
    .divUpdateOrderProductShipArea .divTableOrderProductShipOrderProductName {border-bottom: 0px;}
    .divUpdateOrderProductShipArea .divTableOrderProductShipOrderShipQuantity {border-bottom: 1px solid #888;}
    .divTableOrderHistoryHeaderRow div { border-bottom: 1px solid #888; }
    .divUpdateOrderProductShipArea .divTableOrderHistoryHeaderRow div { border-bottom: 1px solid #888; }
}

@media screen and (max-width: 800px) {
    .divPromoFlyerArea { margin-top: 10px; }
    .divPromotionBannerFormMainArea { display: flex; flex-direction: column-reverse; }
    .divMobileShow {display: flex; }
    .divWebMobileToggleIcon {display: block; }
    .divWebHeaderNavMenuArea { height: 100%; display: block; position: absolute; width:0px; z-index: 100;top: 0px;right: 0; background-color: white; overflow-x: auto; transition: 0.5s; padding-top: 0px; }
    .divWebHeaderNav {color: black; display: block; padding: 20px 5px; }
    .divWebFooterNavArea {display: block; padding: 10px 25px;}
    .divWebFooterNavSubArea { display: block; width: 100%; padding-top: 10px; padding-bottom: 10px;  }
    .divWebFooterTitle { padding-bottom: 8px; }
    .divWebFooterCopyRightArea { padding: 25px; }
    .divWebBreadcrumb { margin-left: 3px; margin-right: 3px; }
    .divWebBookingMainOuterArea {display: block; }
    .divWebBookingBookingInfoArea {display: block; width: 100%; }
    .divWebBookingBookingDataArea {display: block; width: 100%; margin-top: 15px; }
    .divWebAppointmentRow {display: block;}
    .divWebAppointmentDataArea { display: flex; width: 100%; }
    .divWebAppointmentDataArea.paddingRight { padding-right: 0px; }
    .divProductGroupArea.noPhoto { }
    .divProductGroupCaptionArea { padding: 5px; font-size: 12px; font-weight: normal;  }
    .divProductGroupCaptionArea.divProuctCaptionBig {font-size: 14px;}
    .divProductGroupArea { }
    .divProductGroupImage { }
    .divWebBreadcrumbs {font-size: 11px; }
    .divProductGroupArea {margin-bottom: 20px;}
    .divButtonProductBook { bottom: -12px; border-radius: 6px; font-size: 12px; font-weight: normal; padding: 5px 10px; }

}