@media screen and (max-width: 1460px) {
.containerFooter {width: 1200px;}
.container {width: 1000px;}
.divMenuPopup {margin-left: 50px;}
.divForgotPassword {float: none; display: block;text-align: left; margin-top: 45px;}
.divSignInButton {margin-top: 8px;}
/** Web - DCA Bot **/
.divWebDCABannerDataArea {padding-left: 10%; }
/** Web - HODL Bot **/
.divWebHODLBannerTree {right: 18%;height: 450px; top: auto; bottom: 80px;}
.divWebHODLBannerDino {right: 8%; width: 380px;}
}

@media screen and (max-width: 1480px) {
    body {font-size: 11px;}
    input, textarea, select, button {font-size: 11px;}
    .divDashboardPnLTitle {font-size: 15px; line-height: 23px;margin-bottom: 10px; }
    .divDashboardPnLMainAmountOuterArea { padding: 10px 0px; }
    .divDashboardPnLMainAmount {font-size: 30px; font-weight: bold; line-height: 38px; margin-bottom: 0px; }
    .divDashboardPnLDescription {margin-bottom: 13px;}
    .divDashboardPnLFlex25 {margin-right: 8px; margin-bottom: 8px; border-radius: 8px; padding: 10px 8px; }
    .divDashboardPnLMainCaption {font-size: 17px; line-height: 20px;margin-bottom: 8px;}
    #divDashboardTodayPnLValue {font-size: 25px; line-height: 30px; font-weight: bold;}
    .divTradeListHeaderArea { font-size: 11px; }
    .divBillingTitleArea {color: white; font-size: 16px; line-height: 19px; font-weight: bold; margin: 0px; }
    .divFilterSelection {width: 200px; margin-top: 10px; }
    .divMenuSideButton { margin-bottom: 12px; border-radius: 3px; padding: 8px; font-size: 12px; min-height: 40px; }
    .divFilterSelection.k-combobox .k-state-default { margin-top: 4px; }
    .divFilterText { padding: 2px 12px; margin-top: 27px; }
    .divFilterPositionTypeArea { margin-top: 14.5px; padding: 2.8px; }
    .divIconExportArea { margin-top: 7px; }
    .divDashboardPnLLogoImage { width: 45px; }  
    .divDashboardPnLLogoMainArea { padding: 15px 10px; }
    .divWebBannerTextArea { margin-left: 20px; max-width: 800px; }
    .divWebBannerTitle { font-size: 35px; line-height: 45px; }
    .divWebBannerSubtitle { font-size: 15px; line-height: 28px; }
    .divExchangeLogoCaption { display: none; }
}

@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);}
    .divWebBannerTextArea { margin-left: 10px; max-width: 600px; }
}

@media screen and (max-width: 1000px) {
    /***************     NEW Web Page    ***************** */
    .divWebFAQMainOuterArea { margin-top: 20px; margin-bottom: 20px; }
    .divWebFAQMainOuterArea { flex-direction: column-reverse; }
    .divWebFAQMainArea { padding-left: 0px; margin-bottom: 20px; }
    .divMainProfileMenuMainArea { min-width: 200px; }
    .divWebRegisterOuterArea { flex-direction:column; margin-top: 30px; margin-bottom: 30px; }
    .divWebRegisterImageArea { flex:1; width: 100%; }
    .divWebRegisterImage { max-height: 180px; }
    .divWebRegisterImageTitle {  top: 20px; left: 20px; font-size: 28px; line-height: 35px; }
    .divWebRegisterImageSubtitle {  bottom: 20px; left: 20px; font-size: 14px; line-height: 21px; max-width: 400px; }
    .divWebRegisterArea { width: 100%; }
    .divWebRegisterInputArea { max-width: 100%; width: 100%; }
    .divWebDataArea.divWebSectionAdvantage { padding: 40px 20px;}
    .divWebSectionAdvantageBoxArea.boxPattern1 .boxAdvantageImage { width: auto; height: 200px; padding: 10px 30px; display: block; justify-self:center; }
    .divWebSectionTopTraderMainArea { flex: 0 0 100%; }
    .divWebSectionTopTrader .divWebNewBannerSubTitle { padding: 30px 20px; padding-top: 0px; }

    .divPortalHeaderChallengeName.mobileHide { display: none; }
    .divWebPortalHeaderMainArea .divWebPortalHeaderArea .divWebHeaderLogo.mobileShow { display: inline-block; }
    .divWebPortalHeaderMainArea .divWebPortalHeaderArea .divWebHeaderLogo.mobileHide { display: none; }
    .divWebHeaderArea.divWebPortalHeaderMainArea { height: 50px; }
    .divWebBodyArea.divWebPortalBodyMainArea { margin-top: 50px; }
    .divWebHeaderArea.divWebPortalHeaderMainArea .divWebDataArea.divWebPortalHeaderArea { padding: 0px 5px; height: 50px; box-shadow: 0 4px 8px rgba(255, 255, 255, 0.15); }
    .divWebPortalHeaderMainArea .divWebPortalHeaderArea .divWebNewMobileMenuIcon { display: none; }
    .divWebPortalHeaderMainArea .divWebPortalHeaderArea .divWebNewHeaderMenuArea { display: flex; position: relative; flex-direction:row; justify-content: center; align-items: center; height: 100%; margin-left: 5px; top: 0px; box-shadow: none; }
    .divWebPortalHeaderMainArea .divWebPortalHeaderArea .divWebNewHeaderMenu { padding: 17px 10px; font-weight: 500; font-size: 12px; line-height: 14px; cursor: pointer; color: white; text-decoration: none; opacity: 0.6; width: auto; border: none; }
    .divWebPortalHeaderMainArea .divWebPortalHeaderArea .divWebNewHeaderMenu.active { color: #852DE2; opacity: 1; border-bottom: 2px solid #852DE2; }
    .divWebPortalHeaderMainArea .divWebPortalHeaderArea .divWebNewHeaderMenu:hover{color: white; opacity: 1; }
    .imgWebHeaderLogo.imgWebPortalHeaderLogo { height: 30px; max-width: 100px; width: auto; margin-top: 10px; }
    .divWebPortalHeaderMainArea .divWebPortalHeaderArea .divWebHeaderRightArea { display: block;}
    .divWebPortalHeaderMainArea .divWebPortalHeaderArea .divWebHeaderRightArea .divWebButton { padding: 5px 13px; font-size: 10px; line-height: 14px; }
    .divAboutMiddleBoxMainArea, .divAboutTopMiddleMainArea { flex-direction: column; }
    .divAboutMiddleBoxMainArea { gap: 10px; margin-top: 20px; }
    .divAboutTopMiddleMainArea .imageAboutUs { width: 100%; }
    .divAboutTopMiddleMainArea { margin-top: 20px; }
    .divAboutTopTitleArea { padding-top: 20px; padding-bottom: 10px; margin-bottom: 20px; font-size: 30px; line-height: 38px; }
    .divAboutTopMiddleTextArea { line-height: 20px; font-size: 14px; margin-top: 20px; padding-left: 0px; max-width: 100%; }
    .divAboutMiddleMainArea { padding-top: 30px; padding-bottom: 10px; margin-bottom: 10px; }
    .divAboutTopMainArea .divAboutTopDesc { font-size: 15px; line-height: 22px; max-width: 100%; }
    .divAbout3MainOuterArea { padding-top: 30px; margin-bottom: 10px; }
    .divAbout3MainArea { padding-bottom: 10px; margin-bottom: 15px; }
    .divAbout3Title2 { margin-top: 10px; margin-bottom: 10px; }
    .divAboutLast { font-size: 16px; line-height: 24px; margin-top: 20px; margin-bottom: 35px; }
    .divPartnerTopTitleArea { font-size: 30px; line-height: 38px; padding-bottom: 10px; margin-bottom: 20px; }
    .divPartner2TitleArea { margin-top: 20px; padding-bottom: 10px; margin-bottom: 10px; font-size: 18px; line-height: 25px; }
    .divPartner4AreaMainArea { flex-direction:column; justify-content:center; margin-top: 20px; margin-bottom: 50px; padding: 20px; border-radius: 8px; }
    .divPartner4AreaMainArea .desc { font-size: 13px; line-height: 20px; padding-right: 0px; text-align: center; margin-bottom: 15px }

    .divWebNewBannerPhotoOuter { width: 100%; }
    .divWebNewBannerPhoto.animated { animation: none; }
    .divWebNewBannerPhoto { width: 100%; margin: auto; max-height: auto; }
    .divWebNewBannerPhoto1 { margin-left: 0px; max-width: initial; width: 100%; }
    .divWebNewBannerPhoto2 { margin-left: 0px; max-width: initial; width: 100%; margin-top: 20px; }
    .divWebSectionAdvantageBoxMainArea { flex-direction: column; }
    .divWebSectionAdvantage { padding: 20px 20px; }
    .divWebSectionAdvantage .divWebNewBannerTitle { margin-top: 10px; }
    .divWebDataArea.divWebSectionTrader { padding: 20px 20px; }
    .divWebSectionTrader .divWebNewBannerTitle { margin-top: 10px; }
    .divWebSectionTraderMainArea { flex-direction: column; }
    .divWebSectionTraderImage { width: 100%; border-radius: 10px; }
    .divWebSectionTraderTextArea { padding: 20px 0px; padding-right: 0px; }
    .divWebDataArea.divWebSectionChallenge { padding: 20px 20px; } 
    .divWebSectionChallenge .divWebNewBannerTitle { margin-top: 10px; width: 100%; margin-bottom: 25px; }
    .divWebChallengeDataMainArea { flex-direction: column; }
    .divWebChallengePriceLeft { flex-direction: column; }
    .divWebChallengePriceLeft .value { padding-left: 0px; margin-top: 3px; }
    .divWebChallengePriceRight { flex-direction: column; justify-content:start; text-align: right; }
    .divWebChallengePriceRight .value { margin-top: 3px; }
    .divWebDataArea.divWebSectionPropTrading { padding: 20px 20px; }
    .divWebSectionPropTrading .divWebNewBannerTitle { margin-top: 10px; }
    .divWebSectionPropMainArea { flex-direction: column; }
    .divWebSectionPropLeft { width: 100%; }
    .divWebSectionPropBox .textMainArea { flex-direction: column; }
    .divWebSectionPropBox .timeMainArea { margin-top: 5px; }
    .divWebSectionPropRight { margin: 0px; }
    .divWebDataArea.divWebSectionFAQ { padding: 20px 20px; } 
    .divWebSectionFAQ .divWebNewBannerTitle { margin-top: 10px; }
    .divWebSectionFAQMainArea { flex-direction: column; gap: 0px; margin-top: 20px;  }

    .divWithdrawBoxArea { border-radius: 10px; padding: 10px; border: 2px solid #2a233d; margin-top: 10px; }
    .divWithdrawTitle { font-size: 16px; line-height: 22px; margin-bottom: 8px; margin-top: 8px; }
    .divDashboardObjectiveMainArea { gap: 0px; }
    .divDashboardObjectiveMainArea { flex-direction: column; }
    .divDashboardBoxTitle { font-size: 16px; line-height: 20px; margin-bottom: 15px; }
    .divOverviewValue { font-size: 13px; line-height: 16px; }
    .divOverviewBoxArea.big .divOverviewValue { font-size: 18px; line-height: 20px; margin-top: 10px; }
    .divDashboardBoxOuterArea { gap: 10px; }
    .buttonDashboard { padding: 8px; font-size: 15px; line-height: 20px; }
    .divOverviewBoxArea.right { text-align: left; }
    .divOverviewBoxMainArea { margin-bottom: 20px; gap:10px; }
    .divOverviewBoxMainArea { flex-direction: column; }
    .divDashboardBox { border-radius: 10px; padding: 10px; margin-top: 10px; }
    .divDashboardTab {padding: 10px 15px; font-size: 15px; line-height: 20px;  }
    .divStartMainArea { margin-bottom: 10px; padding: 10px 15px; border-radius: 8px;  }
    .divStartNoticeTitle { margin-bottom: 10px; font-size: 12px; line-height: 16px; padding: 10px 0px; }
    .divStartMainTitle { font-size: 15px; line-height: 20px; padding: 10px 0px; }
    .divEditBotValueToggle.k-button-group span.k-button { padding: 10px; }
    .divBundlePackArea { padding: 8px; }
    .divBundlePriceValue { font-size: 16px; line-height: 22px; margin-bottom: 8px; }
    .divBundlePackMainArea { flex-direction: column; gap: 10px; }
    .divWindowDepositAddressMainArea { flex-direction: column; align-items: center; }
    .divWindowDepositAddressArea { margin-left: 0px; margin-top: 8px; }
    .divWebLoginArea { padding: 10px; border: 0px; margin-top: 50px; margin-bottom: 50px; }
    .divWebNewHeaderMenu.active { border-bottom: 1px solid #888;  }
    .dataArea.divGetStartedMainArea { padding-top: 10px; padding-left: 10px; padding-right: 10px;  }

    .divStrategyDefArea { margin-left: 3px; height: 25px; width: 25px; }
    .divStrategyDefCaption { font-size: 10px; line-height: 11px; }
    .divStrategyDefValue { font-size: 10px; line-height: 11px; }
    .divTableNumberMainArea { justify-content:left; }
    .divTableNumberSizeArea { position: relative; }
    .buttonLCNew.buttonUpdateWithdrawAddress { position: absolute; top: 20px; right: 10px; }
    .buttonLCNew.buttonUpdateBotCreatorLink { position: absolute; top: 20px; right: 10px; }
    .buttonLCNew.buttonUpdatePersonalize { position: absolute; top: 20px; right: 10px; }
    .divDashboardAffiliateMinHeight { min-height: 0px; }

    .windowSelectStrategy .divDashboardBotArea.divDashboardBotMultiArea { align-items:start; }
    .windowSelectStrategy .divDashboardBotArea.divDashboardBotMultiArea .divBPListROIArea {text-align: right;}
    .windowSelectStrategy .divDashboardBotArea.divDashboardBotMultiArea .divBPListDataArea {text-align: left;}
    .divStrategyTypeSelectionArea { margin-bottom: 3px; margin-top: 0px; }
    .divContactUsNewArea { margin-top: 20px; margin-bottom: 30px; flex-direction:column; text-align: center;  }
    .divContactUsNewLeftArea { margin-right: 0px; padding-right: 0px; margin-bottom: 20px; }
    .divContactUsNewBoxArea { text-align: left; }
    .divWebAdvantagePointArea { position: absolute; margin: -80px;}
    .divWebFAQPointArea { position: absolute; margin: -80px;}
    .divWebNewWhatDoOuterArea, .divWebNewAdvOuterArea, .divWebNewTestiOuterArea, .divWebNewFAQMainOuterArea, .divWebNewNumberOuterArea, .divWebNewBenefitOuterArea { flex-direction: column; }
    .divWebNewFooterArea .divWebDataArea, .divWebNewMiddleBannerArea { flex-direction: column; }
    .divWebNewBannerArea { flex-direction: column; }
    .divWebNewAdvArea.marginRight { margin-right: 0px; }
    .divWebNewWhatDoArea.marginRight { margin-right: 0px; }
    .divWebNewTestiArea.marginRight { margin-right: 0px; }
    .divWebNewCryptoArea { margin-right: 0px; }
    .divWebNewBannerArea { padding: 20px; }
    .divWebNewBannerTextArea { margin-left: 0px; width: 100%; text-align: center; }
    .divWebNewBannerTitle { font-size: 35px; line-height: 42px; }
    .divWebNewFooterColumn { width: 100%; }
    .divWebNewHeaderMenuArea {position: fixed; right: 0px; top: 70px; height: calc(100% - 70px); width: 0px; z-index: 299; background-color: black; box-shadow: -4px 0 12px rgba(255, 255, 255, 0.1); display: flex; flex-direction:column; justify-content: flex-start; }
    .divWebNewHeaderMenu {color: white; width: 100%; padding: 20px 0px; border-bottom: 1px solid #888; font-size: 14px; line-height: 25px; opacity: 0.8; }
    .divWebNewHeaderMenu:hover { opacity: 0.8; }
    .divNewWebServiceLine { width: 30%; }
    .divWebNewSectionArea { margin-bottom: 20px; }
    .divWebNewWhatDoArea { margin-bottom: 15px; }
    .divWebNewAdvImageArea {opacity: 0.3; position: absolute; right: 35px; }
    .divWebNewNumberTitle { font-size: 48px; line-height: 50px; margin-bottom: 5px; }
    .divWebNewNumberSubtitle { margin-bottom: 20px; }
    .divWebNewBenefitImage { margin-bottom: 10px; }
    .divWebNewBenefitBoxArea { margin-bottom: 5px; }
    .divWebNewBenefitArea { margin-bottom: 15px; }
    .divWebNewMiddleBannerArea { padding: 20px; text-align: center; }
    .divWebNewMiddleTitle { margin-bottom: 5px; font-size: 18px; line-height: 22px;}
    .divWebNewMiddleSubtitle { font-size: 13px; line-height: 18px; margin-bottom: 15px; }
    .divWebNewFullBannerArea, .divWebNewPartnerMainArea {margin-bottom: 30px;}
    .divWebNewFeatureArea { display: block; width: 100%; padding: 10px; }
    .divWebNewFooterBottomLeft { text-align: center; flex:1; width: 100%; margin-bottom: 8px; }
    .divWebNewFooterBottomRight { text-align: center; flex:1; width: 100%; }
    .divWebFooterSocialIcon { font-size: 18px; margin-right: 5px; }
    .divWebFooterPaymentImage { height: 30px; margin-left: 0px; }
    .divWebNewMobileMenuIcon {position: absolute; top: 10px; right: 10px; display: inline-block; color: black; }
    .divWebNewMobileMenuIcon.divWebLanguageClickButton { margin-right: 35px; padding: 12px 8px; }

}

@media screen and (max-width: 1600px) {
    .divBPListBoxArea { width: 100%; padding: 10px; margin-bottom: 10px; }
}

@media screen and (max-width: 1000px) {
    /***************     Window Topup MultiStrategy    ***************** */
    .windowSelectStrategy .divStrategyBoxImage { height: auto; width: 100%; }
    .windowSelectStrategy .divDashboardBotArea { flex-direction: column; padding-top: 10px; }
    .windowSelectStrategy .divDashboardBotNameArea { padding-right: 0px; margin-top: 10px; }
    .windowSelectStrategy .divStategyListRightCheckIcon { font-size: 15px; margin-bottom: 0px; position: absolute; top: 5px; right: 5px; }
    .windowSelectStrategy .divStrategyBoxValueOuterArea { width: 100%; }
    .windowSelectStrategy .divStategyWinRateArea.divStategyListRightArea { width: 100%; display: flex; flex-direction:row-reverse; padding-left: 0px; margin-bottom: 0px; }

    /***************     Leaderboard    ***************** */
    .divBPHeaderMainArea { padding-top: 10px; }
    .divBPHeaderMainArea { flex-direction: column; }
    .divBPHeaderLeftArea { width: 100%; padding: 5px; }
    .divBPHeaderTitle { font-size: 18px; line-height: 20px; margin-bottom: 10px; }
    .divBPHeaderSubtitle { font-size: 13px; line-height: 16px; }
    .divStrategyTypeSelectionArea.mobilehide {display: none;}
    .divStrategyTypeSelectionArea.mobileshow {display: block; }
    .divBPHeaderRightArea.mobilehide {display: none;}
    .divBPHeaderRightArea.mobileshow {display: flex; flex-direction:column;}
    .divBPHeaderRightArea { margin-top: 20px;}
    .divBPHeaderPlaceDataArea { padding: 10px; padding-top: 35px; border-radius: 10px; margin-top: -30px; }
    .divBPHeaderPlaceArea { margin-bottom: 20px; width: 90%; margin: auto; }
    .divBPHeader2MainArea { margin-top: 0px; }
    .divBPHeader3MainArea { margin-top: 0px; }
    .divBPListBoxArea { width: 100%; padding: 10px; margin-bottom: 10px; }
    .divBPListBoxArea:nth-child(odd) { margin-right: 0px; }
    .divBPListBoxInnerArea { flex-direction:column; }
    .divBPListBotHeaderArea { margin-bottom: 8px; }
    .divBPListBotName { font-size: 16px; line-height: 20px; font-weight: bold; }
    .divBPListDataArea { text-align: right; }
    .divBPListDataArea div { margin-bottom: 5px;}
    .divBPListButton { padding-left: 0px; width: 100%; margin-top: 8px; }
    .divBPListButton .buttonLCNew { width: 100%; text-align: center; }
    .divBPListROIArea { padding-right: 5px; text-align: left; }

    /***************     Web - General    ***************** */
    .divAffDashboardHeaderArea { flex-direction: column; }
    .divAffDashboardHeaderRight { margin-top: 10px;}
    .divEditBotExchangeTypeConnectButton { text-align: left; width: 100% }
    .divEditBotExchangeTypeConnectButton a { margin-top: 3px; margin-left: 0px; }
    .divEditBotExchangeTypeArea { flex-direction: column; }
    .divStrategiesBannerArea {display: none; }
    .divStrategyTypeSelection { font-size: 11px; }
    #windowSelectStrategy .divFilterSelection {width: 100%; }
    .divLCHomePromoBannerButton { display: none; }
    .divFAQMainOuterArea { flex-direction: column; }
    .divDashboardMainPnLChartTopArea { flex-direction: column; }
    .divDashboardChartSumArea { margin-bottom: 5px; }
    .divWebFAQTitle {font-size: 25px; line-height: 30px; padding-top: 20px;padding-bottom: 15px; }
    .divFAQListArea {width: 100%; flex:1;  }
    .divFAQLogoImage { max-width: 120px; }
    .divWebFAQQuestionAnswerArea { padding: 5px 0px; margin-bottom: 10px; }
    .divWebFAQSubTitle { margin-bottom: 15px; }

    .divWindowPnLMainOuterArea { flex-direction: column; }
    .divWindowPnLButtonOuterArea { flex: 1; padding: 0px; padding-top: 10px; width: 100%; }
    .divWindowPnLButtonArea {margin-top: 10px; text-align: center; }

    .divWebTeamOuterArea, .divWebAdvantageOuterArea, .divWebDashboardPartnerOuterArea, .divWebWhatDoOuterArea { flex-direction: column; }
    .divWebDataArea.divWebDashboardSectionArea { padding: 0px 20px; margin-bottom: 30px; }
    .divWebSectionTitle { font-size: 25px; line-height: 28px; margin-bottom: 15px; }
    .divWebTeamArea { padding: 10px; margin: 0px 0px; margin-bottom: 10px; }
    .divWebAdvantageArea { padding: 20px; margin: 0px 0px; margin-bottom: 10px; }
    .divWebExchangePhotoArea {text-align: center; margin: 10px 0px; }
    .divWebExchangePhoto { height: 58px; width: auto; padding: 10px 10px; }
    .divWebWhatDoLeftArea { padding-right: 0px; }

    .divWebBannerArea { padding: 12% 20px; flex-direction: column; margin-bottom: 80px; }
    .divWebBannerTextArea { margin-left: 0px; width: 100%; }
    .divWebBannerTitle { font-size: 25px; line-height: 35px; }
    .divWebBannerSubtitle { font-size: 13px; line-height: 25px; }
    .divWebBannerButton { margin-bottom: 25px; padding: 8px 20px; }
    .divWebBannerPhoto { z-index: -1; top: 280px; }

    .divCalInputRow { flex-direction: column; margin-bottom: 10px; }
    .divCalInputArea.marginRight { margin-right: 0px; margin-bottom: 10px; }
    .divDashboardPnLLogoMainArea { flex-direction: column; }
    .divBotSettingTitleArea.alignLeftDesktop { text-align: center; justify-content:center; }
    .divStrategyFilterArea { flex-direction: column; }
    .divWebMobileMenuIcon.divWebLanguageClickButton { margin-right: 35px; padding: 12px 8px; }
    .divStrategyFilterLeftArea { padding-right: 0px; }
    .divSettingInnerMainArea.marginRight { margin-right: 0px; }
    .divFilterSelection.k-combobox .k-state-default {margin-top: 2px; }
    .divStrategiesBannerCaptionTitle {font-size: 18px; }
    .divStrategiesBannerCaptionSubTitle { font-size: 11px; }
    .windowLanguage {padding: 15px 20px; min-width: auto; }
    .divCloseWindowLanguage { padding: 2px 0px; padding-left: 15px; font-size: 14px; line-height: 16px; }
    .divHeaderInfo i.divWebLanguageClickButton { padding: 2px 6px; margin-left: 6px; }
    .divBannerAlertMainArea { padding-right: 6px; }
    .divHeaderInfo i.divProfileNotification { padding: 2px 6px; padding-right: 6px; margin-right: 0px;}
    .divBannerAlertCount {font-size: 9px; line-height: 10px; width: 18px; height: 18px; right: 12px; border-width: 2px; }
    .divFilterText { width: 100%; }

    .divLCNewBox { padding: 10px; }
    .divDashboardPnLLogoTodayPnLValueArea { margin-top: 8px; align-items:center; }
    .divDashboardChartLineChart {margin-left: -30px; width: calc(100% + 30px);}
    .divFilterArea .k-widget.k-combobox { width: 100%; margin-top: 2px; }
    .divFilterArea .k-widget.k-dropdown { width: 100%; margin-top: 2px; }
    .divEditBotValueToggle { width: 100%; }
    .divExchangeFilterRowArea { flex-direction: column; }
    .divExchangeFilterItem {width: 100%; margin-bottom: 5px; margin-right: 0px;}
    .divExchangeEditPanelArea {width: 100%;}
    .divFilterSelection.divFilterSelectionNoSpaceTop.k-combobox .k-state-default { margin-top: 5px;}
    .buttonLCNewMobileFull {width: 100%; text-align: center;}
    .divBillingArea { flex-direction: column; }
    .divBillingTitleOuterArea { margin-bottom: 10px;}
    .divTesterArea { flex-grow:1; width: 100%; }
    .divTesterArea.divTesterAreaNone { display: none; }
    .divPartnershipOuterArea { flex-direction: column; }
    .divPartnershipArea.marginRight {margin-right: 0px; }
    .divProfileMainOuterArea { flex-direction: column; }
    .divProfileArea { border-radius: 8px; padding: 10px 10px; margin-bottom: 10px; }
    .divProfileArea.marginRight {margin-right: 0px; }
    .divDashboardPnLMainArea, .divDashboardPnLStatisticsMainArea {flex-direction: column;}
    .divDashboardPnLDescription { margin-bottom: 5px; }
    .divDashboardPnLStatisticsMainArea { margin-top: 5px; }
    .divDashboardPnLStatisticsArea { margin-bottom: 8px; }
    .divSettingRightArea { width: 100%; padding: 5px; border-radius: 8px; margin-top: 10px; }
    .divSettingOuterMainArea {flex-direction: column-reverse;}
    .divSettingMainArea { margin-right: 0px; border-radius: 8px; padding: 0px; padding-right: 0px; }
    .divSettingMainBoxArea { padding: 10px; }
    .divHeaderInfoCustomerName { font-size: 11px; line-height: 12px; }
    .divHeaderInfoHelloCaption { font-size: 10px; line-height: 11px; }
    .divTradingViewChartArea { height: 300px; }
    .divWebFeatureMainArea, .divWebCryptoMainArea, .divWebTestiOuterArea, .divWebFeatureTitleArea, .divSettingRowArea { flex-direction: column; }
    .divWebTestiMainArea, .divWebVideoArea { padding: 20px 0px; }
    .divWebFeatureArea { margin-bottom: 10px; }
    .divWebFeatureTitleArea, .divWebVideoLeftArea, .divWebTestiMainArea { text-align: center; }
    .divWebFeatureTitle, .divWebVideoTitle { font-size: 28px; line-height: 30px; margin-bottom: 5px; }
    .divWebTestiTitle { font-size: 28px; line-height: 30px; }
    .divWebCryptoArea {margin-bottom: 10px; margin-right: 0px; }
    .divWebTestiArea { margin-bottom: 10px; text-align: left; margin-right: 0px; }
    .divWebNewsletterArea { padding: 50px 20px; }
    .divWebNewsletterTitle { font-size: 28px; line-height: 30px; }
    .divWebNewsletterInputArea { width: 100%; }
    .divWebNewsletterButton { font-size: 12px; padding: 8px 15px; }
    .divDashboardOverallProfitBox.marginRight {margin-right: 0px; }

    .divTradeListHeaderTitleValue { text-align: center; width: 100%; }
    .divEditBotRowArea.divEditBotRowAreaHidden { display: none; }
    .divSettingRowArea .divEditBotRowArea.marginRight { margin-right: 0px; }
    .divSettingBoxArea { padding: 10px 5px; }
    .divSettingBoxLeftArea { margin-top: 15px; }
    .divFundedXYZPortalTitle { padding-left: 40px; font-size: 14px; line-height: 16px; }
    .divEditBotRowArea { margin-bottom: 10px; display: block; } 
    .divEditBotCaption {width: 100%; display: block; padding-left: 10px; font-size: 10px; line-height: 10px; }
    .divEditBotValue { max-width: 100%; width: 100%; }
    .divSettingLeverage {color: black;}
    .divBotSettingDashboardArea { width: 100%; display: block;}
    .divBotSettingArea { display: inline-block; margin-right: 10px; margin-bottom: 5px; min-width: 280px; width: 100%; border-radius: 8px; background-color: rgb(26, 27, 30); padding: 10px; vertical-align: top; }
    .divBotSettingArea:hover {background-color: rgb(38, 40, 44); }
    .divBotSettingTitleArea { font-size: 14px; line-height: 14px; text-align: center; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid rgb(45, 45, 46); padding-right: 0px; }
    .divBotSettingTitleArea i {font-size: 14px; color: #888; cursor: pointer; margin-right: 3px; }
    .divBotSettingTitleArea i:hover {color: #ddd;}
    .divBotSettingInfoRow {display: flex; padding-bottom: 3px; padding-right: 0px; }
    .divTradeListHeaderItem.divBotSettingInfoRowCancel, .divBotSettingInfoRow.divBotSettingInfoRowCancel { width: 100%; }
    .divTradeListHeaderItem {padding-right: 0px;}
    .divBotSettingInfoRowCancel .divButtonBlue {width: 100%; padding: 8px; margin-top: 5px; font-size: 14px; line-height: 16px; }
    .divBotSettingInfoCaption, .divBotSettingInfoValue { flex: 1; font-size: 11px; line-height: 13px; display: inline-block; }
    .divBotSettingInfoValue {text-align: right; font-weight: bold; font-size: 12px; line-height: 13px; }
    .divBotSettingInfoValue.divBotSettingInfoValueSmall {font-size: 11px; }
    .divBotSettingDisabledCaption {color: #a50404; text-align: center; width: 100%; text-transform: uppercase; }
    .divTradeSmallDateTime { font-size: 9px; line-height: 10px; color: #888; text-align: left; }
    .divTradePnL { font-size: 15px; line-height: 15px; width: 100%; text-align: center; padding-top: 5px; }
    .divTradeStatus { font-size: 13px; line-height: 13px; width: 100%; text-align: center; font-weight: bold; text-transform: uppercase; color: #ddd; }
    .divTradeListHeaderArea { display: none; }
    .divTradeListHeaderArea.headerDarker.divTradeListFooterArea { display: block; }
    .divFilterArea { margin-right: 0px; margin-bottom: 2px; }
    .divFilterCaption { display: block; width: 100%; }
    .divFilterSelection {width: 100%; margin-top: 2px; }

    .divDashboardBotOuterArea {width: 100%; flex-basis:100%; }
    .divEditBotSideBoxOuterArea {width: 100%; flex-basis:100%; }
    .divDashboardBotButtonArea { font-size: 12px; line-height: 14px; min-width: 100px; }
    .divBotConnectedDetail { margin-top: 3px; }
    .divDashboardBotDescription { font-weight: normal; font-size: 9px; line-height: 10px; width: 100%; }
    .divBotConnectedCaptionBox { margin-left: 5px; border-radius: 10px; padding: 3px 8px; font-size: 10px; line-height: 12px;}
    .divPOSBackendHeaderCaptionArea.Backend { display: none;}
    .divHeaderBackendInfo { flex: 1;  }
    .divWebHeaderMenuArea {position: fixed; right: 0px; top: 70px; height: calc(100% - 70px); width: 0px; z-index: 299; background-color: #181818; display: flex; flex-direction:column; justify-content: flex-start; }
    .divWebHeaderMenu {color: white; width: 100%; padding: 20px 0px; border-bottom: 1px solid #333; font-size: 14px; line-height: 25px;}
    .divWebMobileMenuIcon {position: absolute; top: 10px; right: 10px; display: inline-block; }
    .divWebHeaderRightArea {display: none;}
    .divWebHeaderMenuDropdownArea {height: auto; color: white; width: 100%; padding: 10px 0px; border-bottom: 1px solid white; font-size: 18px; line-height: 25px; }
    .divWebHeaderMenuDropdownButton { height: auto; justify-content: center; padding: 0px; }
    .divWebHeaderMenuDropdownButton:hover {color: white; }
    .divWebHeaderMenuDropdownContentArea {position: relative;}
    .divWebHeaderMenuDropdownArea:hover { border-bottom: 0px; padding-bottom: 0px; }
    .divWebHeaderMenuDropdownArea:hover .divWebHeaderMenuDropdownContentArea {background-color:#63d196; box-shadow: none; }

    .mobileShow {display: block;}
    .mobileHide {display: none;}
    .divWebFooterArea .divWebDataArea {display: flex; align-items: center; flex-direction:column;}
    .divWebFooterArea {padding: 20px 0px; }
    .divWebFooterColumn {display: inline-block; width: 100%; padding: 0px; padding-bottom: 30px;}
    /** Web - Login/Register **/
    .divWebLoginPageDino1 {position: absolute; display: initial; width: 140px; right: 0px; top: 400px; }
    .imgLoginArea {width: auto; position: absolute; top: 30px; margin: auto; max-width: 300px; display: block; left: 0; right: 0; object-fit: contain; }
    .divWebLoginRightArea {display: none; }
    .divWebLoginArea { width: 100%; padding: 0px 30px; padding-top: 0px; top: 0px; margin: inherit; }
    /** Web - Landing Page **/
    .divWebBannerMainArea { min-height: 0px; }
    .divWebBannerDataArea { width: 100%; padding-left: 40px; padding-right: 20px; padding-top: 60px; padding-bottom: 60px; }
    .divWebBannerDataTitle { font-weight: bold; font-size: 30px; margin-bottom: 10px; line-height: 35px;}
    .divWebBannerDataSubtitle { font-size: 13px; margin-bottom: 10px; color: #666; line-height: 20px;}
    .divWebBannerDataArea .divWebButton { font-size: 13px; padding: 10px 20px; line-height: 18px; }
    .divWebBannerTree {min-height: 200px; height: 200px; min-height: 200px; left: -10px;}
    .divWebDataRowFlexArea {margin-top: 10px; margin-bottom: 10px; display: flex; flex-direction:column;}
    .divWebDataGreenArea.marginRight {margin-right: 0px; margin-bottom: 10px;}
    .divWebLandingSubTitle {font-size: 18px; margin-bottom: 10px;}
    .divWebLandingSubTitleSub {font-size: 13px; line-height: 20px;  }
    .divWebDataRowArea {margin-top: 30px; margin-bottom: 30px; }
    .divWebDataRow4FlexArea {display: flex; padding: 30px 20px; flex-direction:column; }
    .divWebDataRow4FlexArea .divWebDataGreenArea.marginRight { margin-bottom: 60px; }
    .divWebLandingDino1 {height: 250px; right: 0px; z-index: 9; }
    .divWebLandingDino2 {height: 250px; left: 0px; z-index: 9; top: 2800px; }
    .divWebLandingDino3 {right: 0px; width: 250px; top: 4200px;  z-index: 9;}
    .divWebLandingDino4 {left: 0px; height: 250px; top: 5000px;  z-index: 9;}
    .divWebMainDataDivider {margin-top: 20px;}
    .divWebDataRow5FlexArea { flex-direction:column; padding: 40px 40px; margin-top: 20px; margin-bottom: 20px; }
    .divWebDataFlexInnerArea {margin-bottom: 10px;}
    .divWebDataRow6Area {padding: 40px 40px;}
    .divWebDataRow7FlexArea {display: flex; padding: 40px 40px; flex-direction:column;  }
    .divWebExchangeIcon {height: 100px; width: 200px; object-fit: contain; margin: auto; margin-bottom: 5px; }
    .divWebDataRow9Area { padding: 0px 20px;}
    .divWebCommendGreenArea { margin-bottom: 10px; }
    /** Web - DCA Bot **/
    .divWebDCABannerMainArea { min-height: auto; }
    .divWebDCABannerDataArea { width: 90%; padding-left: 20px; padding-top: 50px; padding-bottom: 50px; }
    .divWebDCABannerDataTitle { font-weight: bold; font-size: 30px; margin-bottom: 10px; line-height: 35px;}
    .divWebDCABannerDataSubtitle { font-size: 13px; margin-bottom: 10px; color: #666; line-height: 20px;}
    .divWebDCABannerDataArea .divWebButton { font-size: 13px; padding: 10px 20px; line-height: 18px; }
    .divWebDCAAreaRight2 {padding-left: 0px;}
    .divWebDCAAreaRightBox {padding: 10px; margin-right: 10px; margin-bottom: 10px;}
    .divWebDCABannerTree {right: 0px; height: 160px; bottom:-10px;}
    .divWebDCABannerDino {right: 8%; height: 130px; bottom:-20px;}
    /** Web - HODL Bot **/
    .divWebHODLBannerTree {right: 8%; bottom: -40px; height: 160px;}
    .divWebHODLBannerDino {right: 1%; bottom: -50px; width: 140px;}
    .divWebHODLArea2LeftImage { margin: 0px; max-height: 180px; }
    .divWebHODLArea2RightArea {padding: 0px;}
    .divWebHODLDataRow3Area {padding: 40px 0px; }
    /** Web - FAQ **/
    .divWebFAQQuestionAnswer {padding-left: 0px; }

    /** Backend - General **/
    .divLogDateTime {width:130px; text-align: center; font-size: 10px; text-align: left;}
    .tableBotMonthCommTable th { padding: 3px 5px; }
    .tableBotMonthCommTable th, .tableBotMonthCommTable td { display: block; }
    .tableBotMonthCommTable tr { border-bottom: 1px solid #ccc; }
    .tableBotMonthCommTable td {border-top: 0px; border-bottom: 0px; padding: 1px 5px;}
    .divHeaderInfo { position: absolute; padding-right: 20px; right: 0; height: 100%; }
    .divHeaderInfo i {font-size: 25px; }
    .POSBackendSideNavArea.sidenav {right: 0px; width: 0px;}
    .headerWithMenu.headerBackend {width: 100%; margin-left: 0px; }
    .divBackendMainDivision {margin-left: 0px; width: 100%;  margin-top: 48px; height: 100%; display: block; position: relative; }
    .dataArea {border-radius: 10px; margin: 0px; padding: 0px; width: 100%; }
    .divBackendMobileMenuIcon {position: absolute; top: 5px; left: 10px; display: inline-block; }
    .divTableHeaderView {flex-direction: column; }
    .divTableHedaerItem {padding: 4px; text-align: center; border-bottom: 1px solid #f8fcfa; }
    .divTableColumnMobileHide {display: none;}
    .divTableDataRowView {flex-direction: column; }
    .divTableDataRowItem {padding: 4px; text-align: center; margin: auto; }
    .divDLLHHistoryLink { right: 20px; font-size: 11px; line-height: 12px; text-align: right; }
    /** Backend - Dashboard **/
    .divDashboardDailyProfitArea {flex-direction: column-reverse;}
    .divDashboardOverallDataCaption { flex: 2; }
    .divDashboardOverallDataData { flex: 2; }
    .divHomeBotBoxArea {width: 100%; margin-right: 0px; }
    .divDashboardExchangeTitle {flex-direction: column; align-items: flex-start; }
    .divDashboardExchangeBalance, .divDashboadExchangeShowHide {margin-left: 0px;}
    /** Backend - Deposit **/
    .divDepositDataValue { font-size: 13px; }
    /** Backend - Reload **/
    .divReloadMainArea {flex-direction:column; margin-top: 20px;}
    .divReloadBoxArea {padding: 10px; margin-bottom: 10px; }
    .divReloadBoxArea.marginRight {margin-right: 0px;}
    .divReloadFreeCaption {min-height: auto;}
    .divReloadAmount {font-size: 30px; line-height: 40px; min-height: auto; }
    .divTopupValueArea {font-size: 12px; line-height: 14px; overflow-wrap: anywhere; }
    .divTopupValueArea i {margin-bottom: 3px;}
    /** Backend - Bot DLLH **/
    .divDLLHLeftArea {width: 100%; display: block; margin-right: 0px; }
    .divDLLHRightArea {width: 100%; display: block; margin-top: 10px; }
    .divTradeInfoArea {flex-basis: 100%; margin-right: 0px; }
    /** Backend - Bot DCA **/
    .divDCALeftArea {width: 100%; display: block; margin-right: 0px; }
    .divDCARightArea {width: 100%; display: block; margin-top: 10px; }
                       
                       
                       

    .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; }
    .divForgotPassword {float: none;}
    .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;}

    .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; padding-top: 6px;}    
    .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;}
    .sticky .imgHeaderLogo {height: 23px;}
    .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;}
    .slick-prev:before, .slick-next:before {font-size: 25px;}
    .slick-prev {margin-left: 0px;}
    .slick-next {margin-right: 3px;}
    .slick-dots {bottom: -2px; 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 */
    .divAccountOuter {width: 100%; box-sizing: border-box; padding: 30px 10px;}
    .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 */
    .imgHeaderLogo {width: 250px; object-fit: contain;}
    .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;}
    .divKeepSignIn, .divForgotPassword {font-size: 10px;}
    .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) {
.containerFooter {width: 100%;}
.container {width: 100%;}
.divFeaturesBox {height: auto;}
.divMobileMenuArea .menu {font-size: 16px; line-height: 30px;}
.divMenuSocial {width: 45px; height: 45px;}

/* PAGE BraDrive */
.divWindowBotDiffTableColSettingColHeader .divWindowBotDiffTableColSettingItem { font-size: 12px; flex-direction: column; min-width: 200px; padding: 3px 0px; justify-content: center; align-items:flex-start; min-height: 60px; }
.divWindowBotDiffTableColSettingItem { min-height: 60px; padding: 3px 0px; }
.divWindowBotDiffMemmber { font-size: 7px; padding: 1px 5px; margin-left: 0px; }
.divWindowBotDiffTableColHeaderMemberArea { display: inline-block; }
.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;}
.divTradeInfoArea { width: 100%; }

}

@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;}
}