@media screen and (max-width: 1460px) {
    .xyzUiContainerFooter {
        width: 1200px;
    }

    .container {
        width: 1000px;
    }

    .xyzRegionMenuPopup {
        margin-left: 50px;
    }

    .xyzRegionForgotPassword {
        float: none;
        display: block;
        text-align: left;
        margin-top: 45px;
    }

    .xyzRegionSignInButton {
        margin-top: 8px;
    }

    /** Web - DCA Bot **/
.xyzRegionWebDCABannerDataArea {
        padding-left: 10%;
    }

    /** Web - HODL Bot **/
.xyzRegionWebHODLBannerTree {
        right: 18%;
        height: 450px;
        top: auto;
        bottom: 80px;
    }

    .xyzRegionWebHODLBannerDino {
        right: 8%;
        width: 380px;
    }

}

@media screen and (max-width: 1480px) {
    body,
input,
textarea,
select,
button {
        font-size: 11px;
    }

    .xyzRegionDashboardPnLTitle {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 10px;
    }

    .xyzRegionDashboardPnLMainAmountOuterArea {
        padding: 10px 0px;
    }

    .xyzRegionDashboardPnLMainAmount {
        font-size: var(--fxyz-size-30px, 30px);
        font-weight: bold;
        line-height: 38px;
        margin-bottom: var(--fxyz-size-0px, 0px);
    }

    .xyzRegionDashboardPnLDescription {
        margin-bottom: 13px;
    }

    .xyzRegionDashboardPnLFlex25 {
        margin-right: var(--fxyz-size-8px, 8px);
        margin-bottom: var(--fxyz-size-8px, 8px);
        border-radius: var(--fxyz-size-8px, 8px);
        padding: 10px 8px;
    }

    .xyzRegionDashboardPnLMainCaption {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 8px;
    }

    #divDashboardTodayPnLValue {
        font-size: 25px;
        line-height: 30px;
        font-weight: bold;
    }

    .xyzRegionTradeListHeaderArea {
        font-size: 11px;
    }

    

    .xyzRegionFilterSelection {
        width: 200px;
        margin-top: 10px;
    }

    

    .xyzRegionFilterSelection.k-combobox .k-state-default {
        margin-top: 4px;
    }

    .xyzRegionFilterText {
        padding: 2px 12px;
        margin-top: 27px;
    }

    .xyzRegionFilterPositionTypeArea {
        margin-top: 14.5px;
        padding: 2.8px;
    }

    .xyzRegionIconExportArea {
        margin-top: 7px;
    }

    .xyzRegionDashboardPnLLogoImage {
        width: 45px;
    }

    

    .xyzRegionWebBannerTextArea {
        margin-left: 20px;
        max-width: 800px;
    }

    .xyzRegionWebBannerTitle {
        font-size: 35px;
        line-height: 45px;
    }

    .xyzRegionWebBannerSubtitle {
        font-size: 15px;
        line-height: 28px;
    }

    .xyzRegionExchangeLogoCaption {
        display: none;
    }

}

@media screen and (max-width: 1200px) {
    .xyzRegionMainContentArea {
        padding: 12px 8px;
    }

    .xyzRegionDesktopMenu {
        padding-left: var(--fxyz-size-0px, 0px);
        padding-right: 130px;
        height: var(--fxyz-size-50px, 50px);
        font-size: var(--fxyz-size-14px, 14px);
        padding-top: var(--fxyz-size-15px, 15px);
    }

    .xyzRegionWebsiteHeaderWithMenu .xyzRegionHeaderLanguage {
        height: 50px;
        padding-top: 15px;
        padding: 15px;
        width: 110px;
    }

    .xyzRegionProject {
        width: calc(25% - 3px);
    }

    .xyzRegionWebBannerTextArea {
        margin-left: 10px;
        max-width: 600px;
    }

    .xyzRegionListDesktopCenter {
        text-align: left;
    }

    .xyzRegionListDesktopRight {
        text-align: left;
    }

}

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

    .xyzRegionMainContentArea .filterItem {
        flex-direction:column;
        align-items:start;
    }

    .xyzRegionMainContentArea .xyzRegionBackendInfoArea,
.xyzRegionMainContentArea .xyzRegionBackendInfoLeftArea,
.xyzRegionMainContentArea .xyzRegionBackendInfoRightArea {
        flex-direction:column;
        align-items:start;
    }

    .xyzRegionMainContentArea .xyzRegionBackendInfoArea .xyzRegionBackendInfoCaption {
        flex: 0;
    }

    .xyzRegionMainContentArea .xyzRegionBackendCompetitionUserHeaderArea,
.xyzRegionMainContentArea .xyzRegionBackendCompetitionUserHeaderRightArea {
        flex-direction:column;
        align-items:start;
    }

    .xyzRegionMainContentArea .xyzRegionBackendEditCompetitionFlex {
        flex-direction:column;
        align-items:start;
        gap: 10px;
    }

    .xyzRegionMainContentArea .xyzRegionBackendEditCompetitionDateArea,
.xyzRegionMainContentArea .xyzRegionPOSProductMainArea,
.xyzRegionMainContentArea .xyzRegionPOSProductPhotoArea {
        width: 100%;
    }

    .xyzRegionMainContentArea .xyzRegionChallengeOuterArea {
        flex-direction: column;
        gap:25px;
    }

    .xyzRegionMainContentArea .xyzRegionChallengeArea .xyzRegionInputRow .xyzRegionInputInnerRow {
        width: 100%;
    }

    /***************     About Web Page    ***************** */
    .xyzRegionBundlePriceMainOuterArea {
        flex-direction: column;
    }

    .xyzRegionBundlePriceMainOuterArea .xyzRegionBundlePriceOuterArea.xyzUiRight {
        text-align: left;
        margin-top: 10px;
    }

    .xyzRegionBundlePriceMainOuterArea .xyzRegionVoucherMainOuterArea .xyzRegionBundlePriceValue.inline {
        margin-left: 0px;
    }

    .mode-tabs,
.xyzRegionAboutMainArea {
        flex-direction: column;
    }

    .xyzRegionWithdrawHistoryIcon {
        font-size: 15px;
        top: 8px;
        right: 8px;
    }

    /***************     NEW Web Page    ***************** */
    .xyzRegionDashboardBox.xyzRegionDashboardWalletHeader {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .xyzRegionDashboardWalletLogo {
        height: 30px;
        top: 35px;
        left: 0px;
    }

    .xyzButtonDashboardWallet img {
        width: 10px;
        margin-right: 3px;
    }

    .xyzRegionOverviewBoxArea.big.xyzRegionDashboardWalletBalanceArea .xyzRegionOverviewValue {
        margin-top: 3px;
    }

    .xyzRegionDashboardWalletHeader .xyzRegionDashboardBoxOuterTopRightArea i {
        font-size: 10px;
    }

    .xyzRegionDashboardWalletBalanceArea.xyzRegionOverviewBoxArea {
        padding-left: 5px;
        flex:none;
    }

    .xyzRegionDashboardWalletBalanceBox.xyzRegionOverviewBoxMainArea {
        flex-direction: row;
    }

    .xyzButtonDashboardWallet {
        padding: 5px 10px;
        font-size: 10px;
        line-height: 15px;
    }

    .xyzRegionDashboardMovementFilterMainArea {
        flex-direction:column;
    }

    .xyzRegionDashboardMovementFilterMainArea .xyzRegionDashboardMovementFilterRightArea {
        text-align: left;
        justify-content:start;
    }

    .xyzRegionBotSettingInfoValue.xyzRegionDashboardMovementTableColumnStatus {
        flex: none;
    }

    .xyzRegionAllCampaignMainTitle {
        font-size: 25px;
        line-height: 32px;
    }

    .xyzRegionAllCampaignArea {
        flex-direction: column;
    }

    .xyzRegionAllCampaignLeftArea {
        width: 100%;
        padding: 10px;
    }

    .xyzRegionAllCampaignRightArea {
        padding: 20px;
    }

    .xyzRegionCampaignRankingItem {
        padding: 5px;
        font-size: 12px;
        line-height: 18px;
    }

    .xyzRegionCampaignRankingTableNumberButton {
        padding: 5px 5px;
        min-width: 25px;
        margin-right: 3px;
        line-height: 13px;
    }

    .xyzRegionCampaignIntroMainArea {
        flex-direction: column;
    }

    .xyzRegionCampaignIntroItemArea {
        width: 100%;
    }

    .xyzRegionCampaignHeaderArea {
        flex-direction: column-reverse;
    }

    .xyzRegionCampaignHeaderRightArea {
        width: 100%;
    }

    .xyzRegionCampaignHeaderLeftArea {
        padding-right: 0px;
        padding-top: 20px;
    }

    .xyzRegionCampaignHederCountdownValue {
        font-size: 20px;
        line-height: 26px;
    }

    .xyzRegionCountdownTickSplit {
        font-size: 25px;
    }

    .xyzRegionCampaignRegisterButton {
        margin-left: 0px;
        margin-top: 15px;
    }

    .xyzRegionCampaignSectionTitle {
        padding: 35px 0px;
        font-size: 25px;
        line-height: 32px;
    }

    .xyzRegionAllCampaignHeaderArea {
        margin-right: 8px;
        font-size:18px;
        line-height: 23px;
    }

    .xyzRegionAffDashboardDateSelectTitleArea {
        flex-direction: column;
        margin-bottom: 10px;
    }

    .alignRightDesktop {
        text-align: left;
        justify-content:left;
    }

    .xyzRegionWebFAQMainOuterArea {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .xyzRegionWebFAQMainOuterArea {
        flex-direction: column-reverse;
    }

    .xyzRegionWebFAQMainArea {
        padding-left: 0px;
        margin-bottom: 20px;
    }

    .xyzRegionMainProfileMenuMainArea {
        min-width: 200px;
    }

    .xyzRegionWebRegisterOuterArea {
        flex-direction:column;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .xyzRegionWebRegisterImageArea {
        flex:1;
        width: 100%;
    }

    .xyzRegionWebRegisterImage {
        max-height: 180px;
    }

    .xyzRegionWebRegisterImageTitle {
        top: 20px;
        left: 20px;
        font-size: 28px;
        line-height: 35px;
    }

    .xyzRegionWebRegisterImageSubtitle {
        bottom: 20px;
        left: 20px;
        font-size: 14px;
        line-height: 21px;
        max-width: 400px;
    }

    .xyzRegionWebRegisterArea {
        width: 100%;
    }

    .xyzRegionWebRegisterInputArea {
        max-width: 100%;
        width: 100%;
    }

    .xyzRegionWebDataArea.xyzRegionWebSectionAdvantage {
        padding: 40px 20px;
    }

    .xyzRegionWebSectionAdvantageBoxArea.boxPattern1 .boxAdvantageImage {
        width: auto;
        height: 200px;
        padding: 10px 30px;
        display: block;
        justify-self:center;
    }

    .xyzRegionWebSectionTopTraderMainArea {
        flex: 0 0 100%;
    }

    .xyzRegionWebSectionTopTrader .xyzRegionWebNewBannerSubTitle {
        padding: 30px 20px;
        padding-top: 0px;
    }

    .xyzRegionPortalHeaderChallengeName.xyzUiMobileHide {
        display: none;
    }

    .xyzRegionWebPortalHeaderMainArea .xyzRegionWebPortalHeaderArea .xyzRegionWebHeaderLogo.xyzUiMobileShow {
        display: inline-block;
    }

    .xyzRegionWebPortalHeaderMainArea .xyzRegionWebPortalHeaderArea .xyzRegionWebHeaderLogo.xyzUiMobileHide {
        display: none;
    }

    .xyzRegionWebHeaderArea.xyzRegionWebPortalHeaderMainArea {
        height: 50px;
    }

    .xyzRegionWebBodyArea.xyzRegionWebPortalBodyMainArea {
        margin-top: 50px;
    }

    .xyzRegionWebHeaderArea.xyzRegionWebPortalHeaderMainArea .xyzRegionWebDataArea.xyzRegionWebPortalHeaderArea {
        padding: 0px 5px;
        height: 50px;
        box-shadow: 0 4px 8px rgba(255, 255, 255, 0.15);
    }

    .xyzRegionWebPortalHeaderMainArea .xyzRegionWebPortalHeaderArea .xyzRegionWebNewMobileMenuIcon {
        display: none;
    }

    .xyzRegionWebPortalHeaderMainArea .xyzRegionWebPortalHeaderArea .xyzRegionWebNewHeaderMenuArea {
        display: flex;
        position: relative;
        flex-direction:row;
        justify-content: center;
        align-items: center;
        height: 100%;
        margin-left: 5px;
        top: 0px;
        box-shadow: none;
    }

    .xyzRegionWebPortalHeaderMainArea .xyzRegionWebPortalHeaderArea .xyzRegionWebNewHeaderMenu {
        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;
    }

    .xyzRegionWebPortalHeaderMainArea .xyzRegionWebPortalHeaderArea .xyzRegionWebNewHeaderMenu.active {
        color: #852DE2;
        opacity: 1;
        border-bottom: 2px solid #852DE2;
    }

    .xyzRegionWebPortalHeaderMainArea .xyzRegionWebPortalHeaderArea .xyzRegionWebNewHeaderMenu:hover {
        color: white;
        opacity: 1;
    }

    .xyzImageWebHeaderLogo.xyzImageWebPortalHeaderLogo {
        height: 30px;
        max-width: 100px;
        width: auto;
        margin-top: 10px;
    }

    .xyzRegionWebPortalHeaderMainArea .xyzRegionWebPortalHeaderArea .xyzRegionWebHeaderRightArea {
        display: block;
    }

    .xyzRegionWebPortalHeaderMainArea .xyzRegionWebPortalHeaderArea .xyzRegionWebHeaderRightArea .xyzRegionWebButton {
        padding: 5px 13px;
        font-size: 10px;
        line-height: 14px;
    }

    .xyzRegionAboutMiddleBoxMainArea,
.xyzRegionAboutTopMiddleMainArea {
        flex-direction: column;
    }

    .xyzRegionAboutMiddleBoxMainArea {
        gap: 10px;
        margin-top: 20px;
    }

    .xyzRegionAboutTopMiddleMainArea .imageAboutUs {
        width: 100%;
    }

    .xyzRegionAboutTopMiddleMainArea {
        margin-top: 20px;
    }

    .xyzRegionAboutTopTitleArea {
        padding-top: 20px;
        padding-bottom: 10px;
        margin-bottom: 20px;
        font-size: 30px;
        line-height: 38px;
    }

    .xyzRegionAboutTopMiddleTextArea {
        line-height: 20px;
        font-size: 14px;
        margin-top: 20px;
        padding-left: 0px;
        max-width: 100%;
    }

    .xyzRegionAboutMiddleMainArea {
        padding-top: 30px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .xyzRegionAboutTopMainArea .xyzRegionAboutTopDesc {
        font-size: 15px;
        line-height: 22px;
        max-width: 100%;
    }

    .xyzRegionAbout3MainOuterArea {
        padding-top: 30px;
        margin-bottom: 10px;
    }

    .xyzRegionAbout3MainArea {
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .xyzRegionAbout3Title2 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .xyzRegionAboutLast {
        font-size: 16px;
        line-height: 24px;
        margin-top: 20px;
        margin-bottom: 35px;
    }

    .xyzRegionPartnerTopTitleArea {
        font-size: 30px;
        line-height: 38px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .xyzRegionPartner2TitleArea {
        margin-top: 20px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 25px;
    }

    .xyzRegionPartner4AreaMainArea {
        flex-direction:column;
        justify-content:center;
        margin-top: 20px;
        margin-bottom: 50px;
        padding: 20px;
        border-radius: 8px;
    }

    .xyzRegionPartner4AreaMainArea .desc {
        font-size: 13px;
        line-height: 20px;
        padding-right: 0px;
        text-align: center;
        margin-bottom: 15px
    }

    .xyzRegionWebNewBannerPhotoOuter {
        width: 100%;
    }

    .xyzRegionWebNewBannerPhoto.animated {
        animation: none;
    }

    .xyzRegionWebNewBannerPhoto {
        width: 100%;
        margin: auto;
        max-height: auto;
    }

    .xyzRegionWebNewBannerPhoto1 {
        margin-left: 0px;
        max-width: initial;
        width: 100%;
    }

    .xyzRegionWebNewBannerPhoto2 {
        margin-left: 0px;
        max-width: initial;
        width: 100%;
        margin-top: 20px;
    }

    .xyzRegionWebSectionAdvantageBoxMainArea {
        flex-direction: column;
    }

    .xyzRegionWebSectionAdvantage {
        padding: 20px 20px;
    }

    .xyzRegionWebSectionAdvantage .xyzRegionWebNewBannerTitle {
        margin-top: 10px;
    }

    .xyzRegionWebDataArea.xyzRegionWebSectionTrader {
        padding: 20px 20px;
    }

    .xyzRegionWebSectionTrader .xyzRegionWebNewBannerTitle {
        margin-top: 10px;
    }

    .xyzRegionWebSectionTraderMainArea {
        flex-direction: column;
    }

    .xyzRegionWebSectionTraderImage {
        width: 100%;
        border-radius: 10px;
    }

    .xyzRegionWebSectionTraderTextArea {
        padding: 20px 0px;
        padding-right: 0px;
    }

    .xyzRegionWebDataArea.xyzRegionWebSectionChallenge {
        padding: 20px 20px;
    }

    .xyzRegionWebSectionChallenge .xyzRegionWebNewBannerTitle {
        margin-top: 10px;
        width: 100%;
        margin-bottom: 25px;
    }

    .xyzRegionWebChallengeDataMainArea,
.xyzRegionWebChallengePriceLeft {
        flex-direction: column;
    }

    .xyzRegionWebChallengePriceLeft .value {
        padding-left: 0px;
        margin-top: 3px;
    }

    .xyzRegionWebChallengePriceRight {
        flex-direction: column;
        justify-content:start;
        text-align: right;
    }

    .xyzRegionWebChallengePriceRight .value {
        margin-top: 3px;
    }

    .xyzRegionWebDataArea.xyzRegionWebSectionPropTrading {
        padding: 20px 20px;
    }

    .xyzRegionWebSectionPropTrading .xyzRegionWebNewBannerTitle {
        margin-top: 10px;
    }

    .xyzRegionWebSectionPropMainArea {
        flex-direction: column;
    }

    .xyzRegionWebSectionPropLeft {
        width: 100%;
    }

    .xyzRegionWebSectionPropBox .textMainArea {
        flex-direction: column;
    }

    .xyzRegionWebSectionPropBox .timeMainArea {
        margin-top: 5px;
    }

    .xyzRegionWebSectionPropRight {
        margin: 0px;
    }

    .xyzRegionWebDataArea.xyzRegionWebSectionFAQ {
        padding: 20px 20px;
    }

    .xyzRegionWebSectionFAQ .xyzRegionWebNewBannerTitle {
        margin-top: 10px;
    }

    .xyzRegionWebSectionFAQMainArea {
        flex-direction: column;
        gap: 0px;
        margin-top: 20px;
    }

    .xyzRegionWithdrawBoxArea {
        border-radius: 10px;
        padding: 10px;
        border: 2px solid #2a233d;
        margin-top: 10px;
    }

    .xyzRegionWithdrawTitle {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 8px;
        margin-top: 8px;
    }

    .xyzRegionDashboardObjectiveMainArea {
        gap: 0px;
    }

    .xyzRegionDashboardObjectiveMainArea {
        flex-direction: column;
    }

    .xyzRegionDashboardBoxTitle {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .xyzRegionOverviewValue {
        font-size: 13px;
        line-height: 16px;
    }

    .xyzRegionOverviewBoxArea.big .xyzRegionOverviewValue {
        font-size: 18px;
        line-height: 20px;
        margin-top: 10px;
    }

    .xyzRegionDashboardBoxOuterArea {
        gap: 10px;
    }

    .xyzButtonDashboard {
        padding: 8px;
        font-size: 15px;
        line-height: 20px;
    }

    .xyzRegionOverviewBoxArea.xyzUiRight {
        text-align: left;
    }

    .xyzRegionOverviewBoxMainArea {
        margin-bottom: 20px;
        gap:10px;
    }

    .xyzRegionOverviewBoxMainArea {
        flex-direction: column;
    }

    .xyzRegionDashboardBox {
        border-radius: 10px;
        padding: 10px;
        margin-top: 10px;
    }

    .xyzRegionWithdrawMainOutArea .xyzRegionDashboardTab {
        padding: 6px 10px;
        font-size: 12px;
        line-height: 16px;
    }

    .xyzRegionDashboardTab {
        padding: 10px 15px;
        font-size: 15px;
        line-height: 20px;
    }

    .xyzRegionStartMainArea {
        margin-bottom: 10px;
        padding: 10px 15px;
        border-radius: 8px;
    }

    .xyzRegionStartNoticeTitle {
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 16px;
        padding: 10px 0px;
    }

    .xyzRegionStartMainTitle {
        font-size: 15px;
        line-height: 20px;
        padding: 10px 0px;
    }

    .xyzRegionEditBotValueToggle.k-button-group span.k-button {
        padding: 10px;
    }

    .xyzRegionBundlePackArea {
        padding: 8px;
    }

    .xyzRegionBundlePackMainArea {
        flex-direction: column;
        gap: 10px;
    }

    .xyzRegionWindowDepositAddressMainArea {
        flex-direction: column;
        align-items: center;
    }

    .xyzRegionWindowDepositAddressArea {
        margin-left: 0px;
        margin-top: 8px;
    }

    .xyzRegionWebLoginArea {
        padding: 10px;
        border: 0px;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .xyzRegionWebNewHeaderMenu.active {
        border-bottom: 1px solid #888;
    }

    .xyzUiDataArea.xyzRegionGetStartedMainArea {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .xyzRegionStrategyDefArea {
        margin-left: 3px;
        height: 25px;
        width: 25px;
    }

    .xyzRegionStrategyDefCaption,
.xyzRegionStrategyDefValue {
        font-size: 10px;
        line-height: 11px;
    }

    .xyzRegionTableNumberMainArea {
        justify-content:left;
    }

    .xyzRegionTableNumberSizeArea {
        position: relative;
    }

    .fxyz-action.xyzButtonUpdateWithdrawAddress,
.fxyz-action.xyzButtonUpdateBotCreatorLink,
.fxyz-action.xyzButtonUpdatePersonalize {
        position: absolute;
        top: 20px;
        right: 10px;
    }

    .xyzRegionDashboardAffiliateMinHeight {
        min-height: 0px;
    }

    .xyzDialogSelectStrategy .xyzRegionDashboardBotArea.xyzRegionDashboardBotMultiArea {
        align-items:start;
    }

    .xyzDialogSelectStrategy .xyzRegionDashboardBotArea.xyzRegionDashboardBotMultiArea .xyzRegionBPListROIArea {
        text-align: right;
    }

    .xyzDialogSelectStrategy .xyzRegionDashboardBotArea.xyzRegionDashboardBotMultiArea .xyzRegionBPListDataArea {
        text-align: left;
    }

    .xyzRegionStrategyTypeSelectionArea {
        margin-bottom: 3px;
        margin-top: 0px;
    }

    .xyzRegionContactUsNewArea {
        margin-top: var(--fxyz-size-20px, 20px);
        margin-bottom: var(--fxyz-size-30px, 30px);
        flex-direction:column;
        text-align: center;
    }

    .xyzRegionContactUsNewLeftArea {
        margin-right: 0px;
        padding-right: 0px;
        margin-bottom: 20px;
    }

    .xyzRegionContactUsNewBoxArea {
        text-align: left;
    }

    .xyzRegionWebAdvantagePointArea,
.xyzRegionWebFAQPointArea {
        position: absolute;
        margin: -80px;
    }

    .xyzRegionWebNewWhatDoOuterArea,
.xyzRegionWebNewAdvOuterArea,
.xyzRegionWebNewTestiOuterArea,
.xyzRegionWebNewFAQMainOuterArea,
.xyzRegionWebNewNumberOuterArea,
.xyzRegionWebNewBenefitOuterArea,
.xyzRegionWebNewFooterArea .xyzRegionWebDataArea,
.xyzRegionWebNewMiddleBannerArea,
.xyzRegionWebNewBannerArea {
        flex-direction: column;
    }

    .xyzRegionWebNewAdvArea.xyzUiMarginRight,
.xyzRegionWebNewWhatDoArea.xyzUiMarginRight,
.xyzRegionWebNewTestiArea.xyzUiMarginRight,
.xyzRegionWebNewCryptoArea {
        margin-right: 0px;
    }

    .xyzRegionWebNewBannerArea {
        padding: 20px;
    }

    .xyzRegionWebNewBannerTextArea {
        margin-left: 0px;
        width: 100%;
        text-align: center;
    }

    .xyzRegionWebNewBannerTitle {
        font-size: 35px;
        line-height: 42px;
    }

    .xyzRegionWebNewFooterColumn {
        width: 100%;
    }

    .xyzRegionWebNewHeaderMenuArea {
        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;
    }

    .xyzRegionWebNewHeaderMenu {
        color: white;
        width: 100%;
        padding: 20px 0px;
        border-bottom: 1px solid #888;
        font-size: 14px;
        line-height: 25px;
        opacity: 0.8;
    }

    .xyzRegionWebNewHeaderMenu:hover {
        opacity: 0.8;
    }

    .xyzRegionNewWebServiceLine {
        width: 30%;
    }

    .xyzRegionWebNewSectionArea {
        margin-bottom: 20px;
    }

    .xyzRegionWebNewWhatDoArea {
        margin-bottom: 15px;
    }

    .xyzRegionWebNewAdvImageArea {
        opacity: 0.3;
        position: absolute;
        right: 35px;
    }

    .xyzRegionWebNewNumberTitle {
        font-size: 48px;
        line-height: 50px;
        margin-bottom: 5px;
    }

    .xyzRegionWebNewNumberSubtitle {
        margin-bottom: 20px;
    }

    .xyzRegionWebNewBenefitImage {
        margin-bottom: 10px;
    }

    .xyzRegionWebNewBenefitBoxArea {
        margin-bottom: 5px;
    }

    .xyzRegionWebNewBenefitArea {
        margin-bottom: 15px;
    }

    .xyzRegionWebNewMiddleBannerArea {
        padding: 20px;
        text-align: center;
    }

    .xyzRegionWebNewMiddleTitle {
        margin-bottom: 5px;
        font-size: 18px;
        line-height: 22px;
    }

    .xyzRegionWebNewMiddleSubtitle {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 15px;
    }

    .xyzRegionWebNewFullBannerArea,
.xyzRegionWebNewPartnerMainArea {
        margin-bottom: 30px;
    }

    .xyzRegionWebNewFeatureArea {
        display: block;
        width: 100%;
        padding: 10px;
    }

    .xyzRegionWebNewFooterBottomLeft {
        text-align: center;
        flex:1;
        width: 100%;
        margin-bottom: 8px;
    }

    .xyzRegionWebNewFooterBottomRight {
        text-align: center;
        flex:1;
        width: 100%;
    }

    .xyzRegionWebFooterSocialIcon {
        font-size: 18px;
        margin-right: 5px;
    }

    .xyzRegionWebFooterPaymentImage {
        height: 30px;
        margin-left: 0px;
    }

    .xyzRegionWebNewMobileMenuIcon {
        position: absolute;
        top: var(--fxyz-size-10px, 10px);
        right: var(--fxyz-size-10px, 10px);
        display: inline-block;
        color: var(--fxyz-color-black, black);
    }

    .xyzRegionWebNewMobileMenuIcon.xyzRegionWebLanguageClickButton {
        margin-right: 35px;
        padding: 12px 8px;
    }

}

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

}

@media screen and (max-width: 1000px) {
    /***************     Window Topup MultiStrategy    ***************** */
    .xyzDialogSelectStrategy .xyzRegionStrategyBoxImage {
        height: auto;
        width: 100%;
    }

    .xyzDialogSelectStrategy .xyzRegionDashboardBotArea {
        flex-direction: column;
        padding-top: 10px;
    }

    .xyzDialogSelectStrategy .xyzRegionDashboardBotNameArea {
        padding-right: 0px;
        margin-top: 10px;
    }

    .xyzDialogSelectStrategy .xyzRegionStategyListRightCheckIcon {
        font-size: var(--fxyz-size-15px, 15px);
        margin-bottom: var(--fxyz-size-0px, 0px);
        position: absolute;
        top: var(--fxyz-size-5px, 5px);
        right: var(--fxyz-size-5px, 5px);
    }

    .xyzDialogSelectStrategy .xyzRegionStrategyBoxValueOuterArea {
        width: 100%;
    }

    .xyzDialogSelectStrategy .xyzRegionStategyWinRateArea.xyzRegionStategyListRightArea {
        width: var(--fxyz-size-100percent, 100%);
        display: flex;
        flex-direction:row-reverse;
        padding-left: var(--fxyz-size-0px, 0px);
        margin-bottom: var(--fxyz-size-0px, 0px);
    }

    /***************     Leaderboard    ***************** */
    .xyzRegionBPHeaderMainArea {
        padding-top: 10px;
    }

    .xyzRegionBPHeaderMainArea {
        flex-direction: column;
    }

    .xyzRegionBPHeaderLeftArea {
        width: 100%;
        padding: 5px;
    }

    .xyzRegionBPHeaderTitle {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .xyzRegionBPHeaderSubtitle {
        font-size: 13px;
        line-height: 16px;
    }

    .xyzRegionStrategyTypeSelectionArea.xyzUiMobilehide {
        display: none;
    }

    .xyzRegionStrategyTypeSelectionArea.xyzUiMobileshow {
        display: block;
    }

    .xyzRegionBPHeaderRightArea.xyzUiMobilehide {
        display: none;
    }

    .xyzRegionBPHeaderRightArea.xyzUiMobileshow {
        display: flex;
        flex-direction:column;
    }

    .xyzRegionBPHeaderRightArea {
        margin-top: 20px;
    }

    .xyzRegionBPHeaderPlaceDataArea {
        padding: var(--fxyz-size-10px, 10px);
        padding-top: 35px;
        border-radius: var(--fxyz-size-10px, 10px);
        margin-top: -30px;
    }

    .xyzRegionBPHeaderPlaceArea {
        margin-bottom: 20px;
        width: 90%;
        margin: auto;
    }

    .xyzRegionBPHeader2MainArea,
.xyzRegionBPHeader3MainArea {
        margin-top: 0px;
    }

    .xyzRegionBPListBoxArea {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
    }

    .xyzRegionBPListBoxArea:nth-child(odd) {
        margin-right: 0px;
    }

    .xyzRegionBPListBoxInnerArea {
        flex-direction:column;
    }

    .xyzRegionBPListBotHeaderArea {
        margin-bottom: 8px;
    }

    .xyzRegionBPListBotName {
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
    }

    .xyzRegionBPListDataArea {
        text-align: right;
    }

    .xyzRegionBPListDataArea div {
        margin-bottom: 5px;
    }

    .xyzRegionBPListButton {
        padding-left: 0px;
        width: 100%;
        margin-top: 8px;
    }

    .xyzRegionBPListButton .fxyz-action {
        width: 100%;
        text-align: center;
    }

    .xyzRegionBPListROIArea {
        padding-right: 5px;
        text-align: left;
    }

    /***************     Web - General    ***************** */
    .xyzRegionAffDashboardHeaderArea {
        flex-direction: column;
    }

    .xyzRegionAffDashboardHeaderRight {
        margin-top: 10px;
    }

    .xyzRegionEditBotExchangeTypeConnectButton {
        text-align: left;
        width: 100%
    }

    .xyzRegionEditBotExchangeTypeConnectButton a {
        margin-top: 3px;
        margin-left: 0px;
    }

    .xyzRegionEditBotExchangeTypeArea {
        flex-direction: column;
    }

    .xyzRegionStrategiesBannerArea {
        display: none;
    }

    .xyzRegionStrategyTypeSelection {
        font-size: 11px;
    }

    #windowSelectStrategy .xyzRegionFilterSelection {
        width: 100%;
    }

    .fxyz-promo-action {
        display: none;
    }

    .xyzRegionFAQMainOuterArea,
.xyzRegionDashboardMainPnLChartTopArea {
        flex-direction: column;
    }

    .xyzRegionDashboardChartSumArea {
        margin-bottom: 5px;
    }

    .xyzRegionWebFAQTitle {
        font-size: 25px;
        line-height: var(--fxyz-size-30px, 30px);
        padding-top: var(--fxyz-size-20px, 20px);
        padding-bottom: var(--fxyz-size-15px, 15px);
    }

    .xyzRegionFAQListArea {
        width: 100%;
        flex:1;
    }

    .xyzRegionFAQLogoImage {
        max-width: 120px;
    }

    .xyzRegionWebFAQQuestionAnswerArea {
        padding: 5px 0px;
        margin-bottom: 10px;
    }

    .xyzRegionWebFAQSubTitle {
        margin-bottom: 15px;
    }

    .xyzRegionWindowPnLMainOuterArea {
        flex-direction: column;
    }

    .xyzRegionWindowPnLButtonOuterArea {
        flex: 1;
        padding: 0px;
        padding-top: 10px;
        width: 100%;
    }

    .xyzRegionWindowPnLButtonArea {
        margin-top: 10px;
        text-align: center;
    }

    .xyzRegionWebTeamOuterArea,
.xyzRegionWebAdvantageOuterArea,
.xyzRegionWebDashboardPartnerOuterArea,
.xyzRegionWebWhatDoOuterArea {
        flex-direction: column;
    }

    .xyzRegionWebDataArea.xyzRegionWebDashboardSectionArea {
        padding: 0px 20px;
        margin-bottom: 30px;
    }

    .xyzRegionWebSectionTitle {
        font-size: 25px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .xyzRegionWebTeamArea {
        padding: 10px;
        margin: 0px 0px;
        margin-bottom: 10px;
    }

    .xyzRegionWebAdvantageArea {
        padding: 20px;
        margin: 0px 0px;
        margin-bottom: 10px;
    }

    

    

    

    .xyzRegionWebBannerArea {
        padding: 12% 20px;
        flex-direction: column;
        margin-bottom: 80px;
    }

    .xyzRegionWebBannerTextArea {
        margin-left: 0px;
        width: 100%;
    }

    .xyzRegionWebBannerTitle {
        font-size: 25px;
        line-height: 35px;
    }

    .xyzRegionWebBannerSubtitle {
        font-size: 13px;
        line-height: 25px;
    }

    .xyzRegionWebBannerButton {
        margin-bottom: 25px;
        padding: 8px 20px;
    }

    .xyzRegionWebBannerPhoto {
        z-index: -1;
        top: 280px;
    }

    .xyzRegionCalInputRow {
        flex-direction: column;
        margin-bottom: 10px;
    }

    .xyzRegionCalInputArea.xyzUiMarginRight {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    

    

    .xyzRegionStrategyFilterArea {
        flex-direction: column;
    }

    .xyzRegionWebMobileMenuIcon.xyzRegionWebLanguageClickButton {
        margin-right: 35px;
        padding: 12px 8px;
    }

    .xyzRegionStrategyFilterLeftArea {
        padding-right: 0px;
    }

    .xyzRegionSettingInnerMainArea.xyzUiMarginRight {
        margin-right: 0px;
    }

    .xyzRegionFilterSelection.k-combobox .k-state-default {
        margin-top: 2px;
    }

    .xyzRegionStrategiesBannerCaptionTitle {
        font-size: 18px;
    }

    .xyzRegionStrategiesBannerCaptionSubTitle {
        font-size: 11px;
    }

    .xyzDialogLanguage {
        padding: 15px 20px;
        min-width: auto;
    }

    .xyzRegionCloseWindowLanguage {
        padding: 2px 0px;
        padding-left: var(--fxyz-size-15px, 15px);
        font-size: var(--fxyz-size-14px, 14px);
        line-height: var(--fxyz-size-16px, 16px);
    }

    .xyzRegionHeaderInfo i.xyzRegionWebLanguageClickButton {
        padding: 2px 6px;
        margin-left: 6px;
    }

    

    .xyzRegionHeaderInfo i.xyzRegionProfileNotification {
        padding: 2px 6px;
        padding-right: 6px;
        margin-right: 0px;
    }

    

    .xyzRegionFilterText {
        width: 100%;
    }

    .fxyz-panel-box {
        padding: 10px;
    }

    .xyzRegionDashboardPnLLogoTodayPnLValueArea {
        margin-top: 8px;
        align-items:center;
    }

    .xyzRegionDashboardChartLineChart {
        margin-left: -30px;
        width: calc(100% + 30px);
    }

    .xyzRegionFilterArea .k-widget.k-combobox,
.xyzRegionFilterArea .k-widget.k-dropdown {
        width: 100%;
        margin-top: 2px;
    }

    .xyzRegionEditBotValueToggle {
        width: 100%;
    }

    .xyzRegionExchangeFilterRowArea {
        flex-direction: column;
    }

    .xyzRegionExchangeFilterItem {
        width: 100%;
        margin-bottom: 5px;
        margin-right: 0px;
    }

    

    .xyzRegionFilterSelection.xyzRegionFilterSelectionNoSpaceTop.k-combobox .k-state-default {
        margin-top: 5px;
    }

    .fxyz-action-mobile-full {
        width: 100%;
        text-align: center;
    }

    .xyzRegionBillingArea {
        flex-direction: column;
    }

    

    

    

    .xyzRegionPartnershipOuterArea {
        flex-direction: column;
    }

    .xyzRegionPartnershipArea.xyzUiMarginRight {
        margin-right: 0px;
    }

    .xyzRegionProfileMainOuterArea {
        flex-direction: column;
    }

    .xyzRegionProfileArea {
        border-radius: 8px;
        padding: 10px 10px;
        margin-bottom: 10px;
    }

    .xyzRegionProfileArea.xyzUiMarginRight {
        margin-right: 0px;
    }

    .xyzRegionDashboardPnLMainArea,
.xyzRegionDashboardPnLStatisticsMainArea {
        flex-direction: column;
    }

    .xyzRegionDashboardPnLDescription {
        margin-bottom: 5px;
    }

    .xyzRegionDashboardPnLStatisticsMainArea {
        margin-top: 5px;
    }

    .xyzRegionDashboardPnLStatisticsArea {
        margin-bottom: 8px;
    }

    .xyzRegionSettingRightArea {
        width: 100%;
        padding: 5px;
        border-radius: 8px;
        margin-top: 10px;
    }

    .xyzRegionSettingOuterMainArea {
        flex-direction: column-reverse;
    }

    .xyzRegionSettingMainArea {
        margin-right: var(--fxyz-size-0px, 0px);
        border-radius: var(--fxyz-size-8px, 8px);
        padding: var(--fxyz-size-0px, 0px);
        padding-right: var(--fxyz-size-0px, 0px);
    }

    .xyzRegionSettingMainBoxArea {
        padding: 10px;
    }

    .xyzRegionHeaderInfoCustomerName {
        font-size: 11px;
        line-height: 12px;
    }

    .xyzRegionHeaderInfoHelloCaption {
        font-size: 10px;
        line-height: 11px;
    }

    .xyzRegionTradingViewChartArea {
        height: 300px;
    }

    .xyzRegionWebFeatureMainArea,
.xyzRegionWebCryptoMainArea,
.xyzRegionWebTestiOuterArea,
.xyzRegionWebFeatureTitleArea,
.xyzRegionSettingRowArea {
        flex-direction: column;
    }

    .xyzRegionWebTestiMainArea,
.xyzRegionWebVideoArea {
        padding: 20px 0px;
    }

    .xyzRegionWebFeatureArea {
        margin-bottom: 10px;
    }

    .xyzRegionWebFeatureTitleArea,
.xyzRegionWebVideoLeftArea,
.xyzRegionWebTestiMainArea {
        text-align: center;
    }

    .xyzRegionWebFeatureTitle,
.xyzRegionWebVideoTitle {
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .xyzRegionWebTestiTitle {
        font-size: 28px;
        line-height: 30px;
    }

    .xyzRegionWebCryptoArea {
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .xyzRegionWebTestiArea {
        margin-bottom: 10px;
        text-align: left;
        margin-right: 0px;
    }

    .xyzRegionWebNewsletterArea {
        padding: 50px 20px;
    }

    .xyzRegionWebNewsletterTitle {
        font-size: 28px;
        line-height: 30px;
    }

    

    .xyzRegionWebNewsletterButton {
        font-size: 12px;
        padding: 8px 15px;
    }

    .xyzRegionDashboardOverallProfitBox.xyzUiMarginRight {
        margin-right: 0px;
    }

    .xyzRegionTradeListHeaderTitleValue {
        text-align: center;
        width: 100%;
    }

    .xyzRegionEditBotRowArea.xyzRegionEditBotRowAreaHidden {
        display: none;
    }

    .xyzRegionSettingRowArea .xyzRegionEditBotRowArea.xyzUiMarginRight {
        margin-right: 0px;
    }

    .xyzRegionSettingBoxArea {
        padding: 10px 5px;
    }

    .xyzRegionSettingBoxLeftArea {
        margin-top: 15px;
    }

    .xyzRegionFundedXYZPortalTitle {
        padding-left: 40px;
        font-size: 14px;
        line-height: 16px;
    }

    .xyzRegionEditBotRowArea {
        margin-bottom: 10px;
        display: block;
    }

    .xyzRegionEditBotCaption {
        width: var(--fxyz-size-100percent, 100%);
        display: block;
        padding-left: var(--fxyz-size-10px, 10px);
        font-size: var(--fxyz-size-10px, 10px);
        line-height: var(--fxyz-size-10px, 10px);
    }

    .xyzRegionEditBotValue {
        max-width: 100%;
        width: 100%;
    }

    .xyzRegionSettingLeverage {
        color: black;
    }

    

    .xyzRegionBotSettingArea {
        display: inline-block;
        margin-right: var(--fxyz-size-10px, 10px);
        margin-bottom: var(--fxyz-size-5px, 5px);
        min-width: 280px;
        width: var(--fxyz-size-100percent, 100%);
        border-radius: var(--fxyz-size-8px, 8px);
        background-color: rgb(26, 27, 30);
        padding: var(--fxyz-size-10px, 10px);
        vertical-align: top;
    }

    .xyzRegionBotSettingArea:hover {
        background-color: rgb(38, 40, 44);
    }

    

    

    

    .xyzRegionBotSettingInfoRow {
        display: flex;
        padding-bottom: 3px;
        padding-right: 0px;
    }

    .xyzRegionTradeListHeaderItem.xyzRegionBotSettingInfoRowCancel,
.xyzRegionBotSettingInfoRow.xyzRegionBotSettingInfoRowCancel {
        width: 100%;
    }

    .xyzRegionTradeListHeaderItem {
        padding-right: 0px;
    }

    .xyzRegionBotSettingInfoRowCancel .xyzRegionButtonBlue {
        width: var(--fxyz-size-100percent, 100%);
        padding: var(--fxyz-size-8px, 8px);
        margin-top: var(--fxyz-size-5px, 5px);
        font-size: var(--fxyz-size-14px, 14px);
        line-height: var(--fxyz-size-16px, 16px);
    }

    .xyzRegionBotSettingInfoCaption,
.xyzRegionBotSettingInfoValue {
        flex: 1;
        font-size: 11px;
        line-height: 13px;
        display: inline-block;
    }

    .xyzRegionBotSettingInfoValue {
        text-align: right;
        font-weight: bold;
        font-size: var(--fxyz-size-12px, 12px);
        line-height: var(--fxyz-size-13px, 13px);
    }

    .xyzRegionBotSettingInfoValue.xyzRegionBotSettingInfoValueSmall {
        font-size: 11px;
    }

    .xyzRegionBotSettingDisabledCaption {
        color: #a50404;
        text-align: center;
        width: var(--fxyz-size-100percent, 100%);
        text-transform: uppercase;
    }

    .xyzRegionTradeSmallDateTime {
        font-size: 9px;
        line-height: 10px;
        color: #888;
        text-align: left;
    }

    .xyzRegionTradePnL {
        font-size: var(--fxyz-size-15px, 15px);
        line-height: var(--fxyz-size-15px, 15px);
        width: var(--fxyz-size-100percent, 100%);
        text-align: center;
        padding-top: var(--fxyz-size-5px, 5px);
    }

    

    .xyzRegionTradeListHeaderArea {
        display: none;
    }

    .xyzRegionTradeListHeaderArea.xyzUiHeaderDarker.xyzRegionTradeListFooterArea {
        display: block;
    }

    .xyzRegionFilterArea {
        margin-right: 0px;
        margin-bottom: 2px;
    }

    .xyzRegionFilterCaption {
        display: block;
        width: 100%;
    }

    .xyzRegionFilterSelection {
        width: 100%;
        margin-top: 2px;
    }

    

    

    .xyzRegionBotConnectedDetail {
        margin-top: 3px;
    }

    .xyzRegionDashboardBotDescription {
        font-weight: normal;
        font-size: 9px;
        line-height: var(--fxyz-size-10px, 10px);
        width: var(--fxyz-size-100percent, 100%);
    }

    

    .xyzRegionPOSBackendHeaderCaptionArea.xyzUiBackend {
        display: none;
    }

    .xyzRegionHeaderBackendInfo {
        flex: 1;
    }

    

    .xyzRegionWebHeaderMenu {
        color: var(--fxyz-color-white, white);
        width: var(--fxyz-size-100percent, 100%);
        padding: 20px 0px;
        border-bottom: 1px solid #333;
        font-size: var(--fxyz-size-14px, 14px);
        line-height: 25px;
    }

    .xyzRegionWebMobileMenuIcon {
        position: absolute;
        top: 10px;
        right: 10px;
        display: inline-block;
    }

    .xyzRegionWebHeaderRightArea {
        display: none;
    }

    

    .xyzRegionWebHeaderMenuDropdownButton {
        height: auto;
        justify-content: center;
        padding: 0px;
    }

    .xyzRegionWebHeaderMenuDropdownButton:hover {
        color: white;
    }

    

    

    

    .xyzUiMobileShow {
        display: block;
    }

    .xyzUiMobileHide {
        display: none;
    }

    .xyzRegionWebFooterArea .xyzRegionWebDataArea {
        display: flex;
        align-items: center;
        flex-direction:column;
    }

    .xyzRegionWebFooterArea {
        padding: 20px 0px;
    }

    .xyzRegionWebFooterColumn {
        display: inline-block;
        width: var(--fxyz-size-100percent, 100%);
        padding: var(--fxyz-size-0px, 0px);
        padding-bottom: var(--fxyz-size-30px, 30px);
    }

    /** Web - Login/Register **/
    .xyzRegionWebLoginPageDino1 {
        position: absolute;
        display: initial;
        width: 140px;
        right: var(--fxyz-size-0px, 0px);
        top: 400px;
    }

    .xyzImageLoginArea {
        width: auto;
        position: absolute;
        top: var(--fxyz-size-30px, 30px);
        margin: auto;
        max-width: 300px;
        display: block;
        left: var(--fxyz-size-zero, 0);
        right: var(--fxyz-size-zero, 0);
        object-fit: contain;
    }

    .xyzRegionWebLoginRightArea {
        display: none;
    }

    .xyzRegionWebLoginArea {
        width: 100%;
        padding: 0px 30px;
        padding-top: 0px;
        top: 0px;
        margin: inherit;
    }

    /** Web - Landing Page **/
    .xyzRegionWebBannerMainArea {
        min-height: 0px;
    }

    .xyzRegionWebBannerDataArea {
        width: var(--fxyz-size-100percent, 100%);
        padding-left: var(--fxyz-size-40px, 40px);
        padding-right: var(--fxyz-size-20px, 20px);
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .xyzRegionWebBannerDataTitle {
        font-weight: bold;
        font-size: var(--fxyz-size-30px, 30px);
        margin-bottom: var(--fxyz-size-10px, 10px);
        line-height: 35px;
    }

    .xyzRegionWebBannerDataSubtitle {
        font-size: var(--fxyz-size-13px, 13px);
        margin-bottom: var(--fxyz-size-10px, 10px);
        color: var(--fxyz-color-gray-666, #666);
        line-height: var(--fxyz-size-20px, 20px);
    }

    .xyzRegionWebBannerDataArea .xyzRegionWebButton {
        font-size: 13px;
        padding: 10px 20px;
        line-height: 18px;
    }

    .xyzRegionWebBannerTree {
        min-height: 200px;
        height: 200px;
        min-height: 200px;
        left: -10px;
    }

    .xyzRegionWebDataRowFlexArea {
        margin-top: var(--fxyz-size-10px, 10px);
        margin-bottom: var(--fxyz-size-10px, 10px);
        display: flex;
        flex-direction:column;
    }

    .xyzRegionWebDataGreenArea.xyzUiMarginRight {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .xyzRegionWebLandingSubTitle {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .xyzRegionWebLandingSubTitleSub {
        font-size: 13px;
        line-height: 20px;
    }

    .xyzRegionWebDataRowArea {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .xyzRegionWebDataRow4FlexArea {
        display: flex;
        padding: 30px 20px;
        flex-direction:column;
    }

    .xyzRegionWebDataRow4FlexArea .xyzRegionWebDataGreenArea.xyzUiMarginRight {
        margin-bottom: 60px;
    }

    .xyzRegionWebLandingDino1 {
        height: 250px;
        right: 0px;
        z-index: 9;
    }

    .xyzRegionWebLandingDino2 {
        height: 250px;
        left: 0px;
        z-index: 9;
        top: 2800px;
    }

    .xyzRegionWebLandingDino3 {
        right: 0px;
        width: 250px;
        top: 4200px;
        z-index: 9;
    }

    .xyzRegionWebLandingDino4 {
        left: 0px;
        height: 250px;
        top: 5000px;
        z-index: 9;
    }

    .xyzRegionWebMainDataDivider {
        margin-top: 20px;
    }

    .xyzRegionWebDataRow5FlexArea {
        flex-direction:column;
        padding: 40px 40px;
        margin-top: var(--fxyz-size-20px, 20px);
        margin-bottom: var(--fxyz-size-20px, 20px);
    }

    .xyzRegionWebDataFlexInnerArea {
        margin-bottom: 10px;
    }

    .xyzRegionWebDataRow6Area {
        padding: 40px 40px;
    }

    .xyzRegionWebDataRow7FlexArea {
        display: flex;
        padding: 40px 40px;
        flex-direction:column;
    }

    .xyzRegionWebExchangeIcon {
        height: 100px;
        width: 200px;
        object-fit: contain;
        margin: auto;
        margin-bottom: var(--fxyz-size-5px, 5px);
    }

    .xyzRegionWebDataRow9Area {
        padding: 0px 20px;
    }

    

    /** Web - DCA Bot **/
    .xyzRegionWebDCABannerMainArea {
        min-height: auto;
    }

    .xyzRegionWebDCABannerDataArea {
        width: 90%;
        padding-left: var(--fxyz-size-20px, 20px);
        padding-top: var(--fxyz-size-50px, 50px);
        padding-bottom: var(--fxyz-size-50px, 50px);
    }

    .xyzRegionWebDCABannerDataTitle {
        font-weight: bold;
        font-size: var(--fxyz-size-30px, 30px);
        margin-bottom: var(--fxyz-size-10px, 10px);
        line-height: 35px;
    }

    .xyzRegionWebDCABannerDataSubtitle {
        font-size: var(--fxyz-size-13px, 13px);
        margin-bottom: var(--fxyz-size-10px, 10px);
        color: var(--fxyz-color-gray-666, #666);
        line-height: var(--fxyz-size-20px, 20px);
    }

    .xyzRegionWebDCABannerDataArea .xyzRegionWebButton {
        font-size: 13px;
        padding: 10px 20px;
        line-height: 18px;
    }

    .xyzRegionWebDCAAreaRight2 {
        padding-left: 0px;
    }

    .xyzRegionWebDCAAreaRightBox {
        padding: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .xyzRegionWebDCABannerTree {
        right: 0px;
        height: 160px;
        bottom:-10px;
    }

    .xyzRegionWebDCABannerDino {
        right: 8%;
        height: 130px;
        bottom:-20px;
    }

    /** Web - HODL Bot **/
    .xyzRegionWebHODLBannerTree {
        right: 8%;
        bottom: -40px;
        height: 160px;
    }

    .xyzRegionWebHODLBannerDino {
        right: 1%;
        bottom: -50px;
        width: 140px;
    }

    .xyzRegionWebHODLArea2LeftImage {
        margin: 0px;
        max-height: 180px;
    }

    .xyzRegionWebHODLArea2RightArea {
        padding: 0px;
    }

    .xyzRegionWebHODLDataRow3Area {
        padding: 40px 0px;
    }

    /** Web - FAQ **/
    .xyzRegionWebFAQQuestionAnswer {
        padding-left: 0px;
    }

    /** Backend - General **/
    .xyzRegionLogDateTime {
        width:130px;
        text-align: center;
        font-size: var(--fxyz-size-10px, 10px);
        text-align: left;
    }

    .xyzUiTableBotMonthCommTable th {
        padding: 3px 5px;
    }

    .xyzUiTableBotMonthCommTable th,
.xyzUiTableBotMonthCommTable td {
        display: block;
    }

    .xyzUiTableBotMonthCommTable tr {
        border-bottom: 1px solid #ccc;
    }

    .xyzUiTableBotMonthCommTable td {
        border-top: 0px;
        border-bottom: 0px;
        padding: 1px 5px;
    }

    .xyzRegionHeaderInfo {
        position: absolute;
        padding-right: 20px;
        right: 0;
        height: 100%;
    }

    .xyzRegionHeaderInfo i {
        font-size: 25px;
    }

    .xyzUiPOSBackendSideNavArea.xyzUiSidenav {
        right: 0px;
        width: 0px;
    }

    .xyzUiHeaderWithMenu.xyzUiHeaderBackend {
        width: 100%;
        margin-left: 0px;
    }

    

    .xyzUiDataArea {
        border-radius: 10px;
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

    .xyzRegionBackendMobileMenuIcon {
        position: absolute;
        top: 5px;
        left: 10px;
        display: inline-block;
    }

    .xyzRegionTableHeaderView {
        flex-direction: column;
    }

    .xyzRegionTableHedaerItem {
        padding: 4px;
        text-align: center;
        border-bottom: 1px solid #f8fcfa;
    }

    .xyzRegionTableColumnMobileHide {
        display: none;
    }

    .xyzRegionTableDataRowView {
        flex-direction: column;
    }

    .xyzRegionTableDataRowItem {
        padding: 4px;
        text-align: center;
        margin: auto;
    }

    

    /** Backend - Dashboard **/
    .xyzRegionDashboardDailyProfitArea {
        flex-direction: column-reverse;
    }

    .xyzRegionDashboardOverallDataCaption,
.xyzRegionDashboardOverallDataData {
        flex: 2;
    }

    

    

    .xyzRegionDashboardExchangeBalance {
        margin-left: 0px;
    }

    /** Backend - Deposit **/
    

    /** Backend - Reload **/
    .xyzRegionReloadMainArea {
        flex-direction:column;
        margin-top: 20px;
    }

    

    

    .xyzRegionReloadFreeCaption {
        min-height: auto;
    }

    

    .xyzRegionTopupValueArea {
        font-size: 12px;
        line-height: 14px;
        overflow-wrap: anywhere;
    }

    .xyzRegionTopupValueArea i {
        margin-bottom: 3px;
    }

    /** Backend - Bot DLLH **/
    

    

    

    /** Backend - Bot DCA **/
    

    

    .xyzRegionProject {
        width: calc(50% - 3px);
    }

    .xyzRegionDesktopMenu,
.xyzRegionDesktopHeaderLogo {
        display: none;
    }

    .xyzRegionWebsiteHeaderWithMenu .xyzRegionHeaderLanguageArea {
        position: relative;
        background: rgb(0,37,65);
    }

    .xyzRegionWebsiteHeaderWithMenu .xyzRegionHeaderLanguage {
        position: relative;
        padding-top: var(--fxyz-size-15px, 15px);
        height: auto;
        width: auto;
        top: var(--fxyz-size-0px, 0px);
    }

    .xyzRegionStoreItemPhoto {
        width: 100%;
    }

    .xyzRegionStoreItemDetail {
        width: 100%;
        padding-left: 0px;
    }

    .xyzRegionStoreItemName {
        font-size: 20px;
    }

    .xyzRegionStoreItemDateTime,
.xyzRegionStoreVoucherCode {
        font-size: 15px;
    }

    .xyzRegionStoreVoucherCode .xyzUiData {
        font-size: 17px;
        font-weight: bold;
    }

    #mySidenav {
        display: block;
        width: 0px;
    }

    .xyzImageHomeDesktopLogo {
        margin-bottom: 8px;
    }

    .xyzRegionDesktopHomeName {
        margin-left: 10px;
        font-size: 13px;
    }

    .xyzRegionDesktopHomeLogoutBtn {
        margin:var(--fxyz-size-5px, 5px);
        margin-top: var(--fxyz-size-5px, 5px);
        padding: var(--fxyz-size-10px, 10px);
        box-sizing: border-box;
        width: calc(100% - 10px);
    }

    .xyzRegionHomeProfile {
        display: none;
    }

    .xyzRegionHomeDataArea {
        width: 100%;
    }

    .xyzRegionMobileToggleIcon {
        display: block;
    }

    .xyzRegionHeaderLanguage {
        margin-right: 0px;
    }

    .xyzRegionLoginArea {
        width: 90%;
        padding: 18px 30px;
    }

    .xyzRegionChartBoxOuter {
        display: block;
    }

    .xyzUiChartLeft,
.xyzUiChartRight {
        width: 100%;
    }

    .xyzUiChartLeft {
        margin-right: 0px;
    }

    .xyzUiChartRight {
        margin-left: 0px;
    }

    .xyzUiRowRight {
        text-align: left;
    }

    .xyzRegionPointCaption {
        line-height: 12px;
    }

    .xyzRegionCoreValueBox {
        width: calc(49% - 30px);
        padding: 0px 15px;
    }

    .xyzRegionForgotPassword {
        float: none;
    }

    .xyzRegionGalleryArrowDown,
.xyzRegionGalleryArrowTop {
        display: none;
    }

    .xyzUiHeaderBalance {
        font-size: 11px;
        margin-left: var(--fxyz-size-10px, 10px);
        line-height: var(--fxyz-size-14px, 14px);
        margin-top: var(--fxyz-size-0px, 0px);
    }

    .xyzUiHeaderBalance1 {
        margin-top: 3px;
    }

    .xyzUiHeaderBalance2 {
    }

    .xyzUiHeaderBalance3 {
        margin-bottom: 8px;
    }

    .xyzUiDataCaption {
        width: 128px;
    }

    .xyzRegionPointOuterArea {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 8px;
    }

    .xyzRegionPointArea {
        width: 33.3%;
        font-size: 12px;
        padding: 10px 4px;
    }

    .xyzRegionPointArea:nth-of-type(4 ) {
        border-left: 0px;
    }

    .xyzRegionPointValue {
        font-size: 13px;
    }

    .xyzRegionFilterArea {
        display: block;
        margin-top: 3px;
    }

    .xyzUiTreeGenealogy li .xyzUiGeoItem {
        font-size: 11px;
        line-height: 13px;
    }

    .xyzUiGeoItem .xyzUiPackage {
        font-size: 9px;
        line-height: 11px;
    }

    .xyzRegionTableRow {
        display: block;
    }

    .xyzRegionTableCaption {
        width: var(--fxyz-size-100percent, 100%);
        border-right: 0px;
        font-size: 11px;
        line-height: var(--fxyz-size-12px, 12px);
        padding-bottom: var(--fxyz-size-3px, 3px);
    }

    .xyzRegionTableData {
        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 */
    .xyzButtonShortFooterEmailSubmit {
        margin: auto;
        margin-bottom: 10px;
    }

    #idTextSearchMobile {
        color: #ddd;
    }

    .xyzRegionFeaturesBoxHide {
        display: none !important;
    }

    .xyzImageSearchIconOut,
.xyzUiCloseSearchButton {
        height: 18px;
        width: 18px;
    }

    .xyzUiStickyParent + .xyzUiContentBody {
        padding-top: 55px;
    }

    .xyzRegionPageTitle {
        font-size: 15px;
        padding-top: 6px;
    }

    .xyzRegionQuestionAnswer {
        padding-right: 10px;
        box-sizing: border-box;
    }

    .xyzRegionPageData {
        width: 100%;
        padding: 0px 10px;
        box-sizing: border-box;
    }

    #windowMessage {
        padding: 5px 8px;
    }

    #divWindowMessageExit {
        top: 0px;
        right: 0px;
    }

    .xyzUiHeaderPromotion {
        font-size: 9px;
        line-height: 14px;
    }

    .xyzUiContainerFooter,
.container {
        width: 100%;
    }

    .xyzUiDivheaderCurrencies,
.xyzRegionHeaderAccount span,
.xyzRegionHeaderCart span {
        display: none;
    }

    .xyzUiSticky .xyzImageHeaderLogo {
        height: 23px;
    }

    .xyzRegionFooter1,
.xyzRegionFooter2,
.xyzRegionFooter3,
.xyzRegionFooter4 {
        width: 100%;
    }

    .xyzUiStickyMenu .xyzUiContainerFlex,
.xyzUiContainerFooter.xyzUiContainerFlex,
.xyzRegionFooter4 .xyzUiContainerFlex {
        display: initial;
    }

    .xyzImageFooterPayment,
.xyzRegionMenuOuter {
        display: none;
    }

    .xyzRegionMobileMenu {
        display: inline-block;
        margin-left: 13px;
        font-size: 18px;
    }

    .xyzUiDivheaderLogo {
        width: 100%;
    }

    .xyzUiDivheaderSearch {
        width: auto;
        margin-left: 10px;
    }

    .xyzImageSearchIconOut {
        margin-top: 0px;
        margin-left: 8px;
    }

    .xyzRegionHeaderCart {
        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;
    }

    .xyzRegionHomeImageLink .xyzUiContainerFlex,
.xyzRegionHomeImageLink.xyzUiContainerFlex {
        display: initial;
    }

    .xyzRegion50 {
        width: 100%;
    }

    .xyzUiFooterHelpCatpion {
        font-size: 23px;
        margin-bottom: 5px;
    }

    .xyzUiFooterHelpCatpion2 {
        font-size: 10px;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .xyzRegionFooterHelpOuter .xyzUiContainerFlex {
        display: initial;
    }

    .xyzRegionFooterHelp {
        width: 80%;
        border-right: none;
        border-bottom: 1px solid #49176d;
        display: block;
        margin: auto;
    }

    .xyzRegionFooterHelp:last-child {
        border-bottom: none;
    }

    .xyzRegionHomeColumnFirst,
.xyzRegionHomeColumnSecond,
.xyzRegionHomeColumnSecond .xyzRegion50 {
        margin-top: 5px;
    }

    .xyzRegionFeaturesBox {
        height: auto;
        box-sizing: border-box;
        width: var(--fxyz-size-100percent, 100%);
        display: inline-block;
    }

    .xyzImageHomeImageLink {
        height: 100%;
        box-sizing: border-box;
    }

    .xyzImageHomeImageLinkDouble {
        height: 100%;
    }

    .xyzRegionFitting {
        margin: 5px 10px;
        display: none;
    }

    .xyzRegionFeature.xyzUiContainerFlex {
        display: inline-block;
        margin: 5px 10px;
        box-sizing: border-box;
        display: none;
    }

    .xyzRegionFeature .xyzRegion33 {
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
    }

    .xyzRegionInstaLeft {
        margin-left: 10px;
    }

    .xyzRegionInstaRight {
        margin-right: 10px;
    }

    .xyzUiMarginRight15 {
        margin-right: 0px;
    }

    .xyzRegionFooterSocial {
        display: inline-block;
        width: 40px;
        height: 40px;
        margin: 0px 5px;
    }

    .xyzRegionFooterSocial img {
        object-fit: contain;
        width: 100%;
        height: 100%;
    }

    .xyzRegionFooterCopyrightOuter {
        background: #49176d;
    }

    .xyzRegionFooterCopyright,
footer a {
        color: white;
    }

    footer {
        padding-top: 0px;
    }

    .xyzRegionFooter4 {
        text-align: center;
        color: #49176d;
    }

    .xyzRegionFooter4 .xyzUiNewsfeedCaption {
        display: none;
    }

    .xyzRegionFooter3 {
        margin-bottom: 15px;
    }

    .xyzRegionFooter1,
.xyzRegionFooter2,
.xyzRegionFooter3 {
        background: var(--fxyz-color-violet-dark, #49176d);
        padding: 10px 20px;
        border-bottom: var(--fxyz-border-muted, 1px solid #ccc);
        box-sizing: border-box;
    }

    .xyzRegionFooter1 a,
.xyzRegionFooter2 a,
.xyzRegionFooter3 a {
        color: #ccc;
    }

    .xyzRegionFooter1 .xyzRegionFooterHeader,
.xyzRegionFooter2 .xyzRegionFooterHeader,
.xyzRegionFooter3 .xyzRegionFooterHeader {
        color: white;
    }

    footer a:hover {
        color: white;
    }

    .xyzRegionFooterChild {
        display: none;
    }

    /* PAGE Blog */
    .xyzRegionBlogSlider,
.xyzRegionBlogSlideBox {
        height: 300px;
    }

    .xyzImageBlogSlidePhoto {
        height: 240px;
        object-fit: cover;
    }

    .xyzRegionBlogSlideBoxBox {
        width: 200px;
        margin-left: -120px;
        padding: 5px 15px;
        height: 70px;
        bottom: 25px;
    }

    .xyzRegionBlogSlideBoxBoxTitle {
        font-size: 11px;
        padding-bottom: 3px;
        margin-bottom: 3px;
    }

    .xyzRegionBlogSlideBoxBoxDescription {
        font-size: 10px;
    }

    .xyzRegionBlogSlideReadMore {
        bottom: 0px;
    }

    .xyzRegionBlogFilterYear,
.xyzRegionBlogFilterCategory {
        width: 150px;
    }

    .xyzRegionBlogFilterYear .dropdown,
.xyzRegionBlogFilterYear .xyzUiDropdown-content,
.xyzRegionBlogFilterCategory .dropdown,
.xyzRegionBlogFilterCategory .xyzUiDropdown-content {
        min-width: 150px;
    }

    .xyzRegionBlogArea {
        display: inline-block;
        margin-bottom: 30px;
    }

    .xyzRegionBlogBox {
        padding: 5px 10px;
        margin-top: 15px;
    }

    .xyzRegionBlogBoxReadMore {
        float: none;
        text-align: right;
        display: inline-block;
    }

    .xyzRegionBlogBoxTitle {
        padding-bottom: 0px;
        line-height: 28px;
    }

    .xyzRegionBlogBoxHeaderArea {
        margin: 0px;
    }

    .xyzRegionBlogTitle {
        font-size: 18px;
        line-height: 26px;
        margin-top: 15px;
    }

    .xyzRegionBlogContain {
        padding: 5px 10px;
        box-sizing: border-box;
    }

    .xyzRegionBlogContain p {
        margin: 5px;
    }

    .xyzRegionBlogContain img {
        width: 100%;
        object-fit: contain;
        height: auto;
    }

    .xyzRegionBlogCommentNew {
        width: 100%;
        box-sizing: border-box;
    }

    /* PAGE Category */
    ContentBody {
        overflow-x: hidden;
    }

    .xyzRegionProductAreaOuter {
        margin-top: 10px;
        padding: 0px 10px;
        box-sizing: border-box;
    }

    .xyzRegionProduct {
        width: 50%;
        padding: 0px 10px;
        box-sizing: border-box;
    }

    .xyzRegionProduct .xyzRegionImgProduct {
        width: 100%;
        object-fit: contain;
        box-sizing: border-box;
    }

    .xyzRegionProduct .xyzImageProduct {
        width: 150px;
        height: 150px;
        object-fit: contain;
        box-sizing: border-box;
    }

    .xyzUiProductDiscountOuter {
        right:0px;
    }

    .xyzRegionProductMoreOutOfStock {
        padding: 0px;
        font-size: 11px;
    }

    .xyzRegionProductMore {
        width: 100%;
    }

    .xyzRegionQuickView .xyzRegionCategoryOutOfStock {
        margin-top:3px;
        font-size: 10px;
    }

    .xyzRegionProduct .xyzImageQuickView,
.xyzRegionProduct .xyzImageSave {
        vertical-align: middle;
        margin-top: 2px;
        width: 15px;
        height: 15px;
    }

    .xyzRegionProduct:hover .xyzRegionHoverShow {
        display: none;
    }

    .xyzRegionFilterSelected {
        padding: 5px 0px;
    }

    .xyzRegionFilterSelectedOuterBox {
        width: 100%;
    }

    .xyzRegionFilterSelectionSize,
.xyzRegionFilterSelectionColor,
.xyzRegionFilterSelectionPrice,
.xyzRegionFilterSelectionCollection {
        width: 100%;
        padding: 10px 10px;
        box-sizing: border-box;
    }

    .xyzRegionFilterColor {
        margin: 5px 8px;
    }

    .xyzRegionFilterColorCircle {
        margin-bottom: 0px;
    }

    .xyzRegionFilterSize {
        margin: 6px;
    }

    .xyzRegionProductAreaNoFound {
        padding: 0px 10px;
        box-sizing: border-box;
    }

    /*Quick View*/
    .xyzRegionQuickPhotoSlider .xyzUiSlider-left,
.xyzRegionQuickPhotoSlider .xyzUiSlider-right {
        font-size: 20px;
    }

    .xyzRegionWindowExit {
        top: 2px;
        right: 2px;
    }

    .xyzRegionQuickTag>div,
.xyzRegionQuickDiscount>div {
        padding: 4px 5px;
        width: 100%;
        margin-top: 2px;
    }

    .xyzRegionQuickName {
        font-size:14px;
        padding-top:15px;
    }

    .xyzRegionQuickAddCart,
.xyzRegionQuickWishlist {
        width: 100%;
        margin-top: 8px;
    }

    .xyzRegionQuickSize,
.xyzRegionQuickColor,
.xyzRegionQuickQuantity {
        margin-top: 5px;
        font-size: 12px;
    }

    .xyzRegionQuickSize .xyzUiDropdownButton,
.xyzRegionQuickColor .xyzUiDropdownButton,
.xyzRegionQuickQuantity .xyzUiDropdownButton {
        padding: 2px;
    }

    .xyzRegionQuickShare {
        display: none;
    }

    .xyzRegionQuickShareMobile {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    /* PAGE Product */
    .xyzRegionProductPage .xyzRegionProductBreadcrumbs {
        text-align: center;
    }

    .xyzRegionProdcutMain.xyzUiContainerFlex {
        display: initial;
    }

    .xyzRegionProductImage {
        display: none;
    }

    .xyzRegionProductImageMobile {
        display: initial;
    }

    .xyzImageProductImageMainMobile {
        margin: auto;
        height: 300px;
        object-fit: contain;
        object-position: top;
    }

    .xyzRegionProductPage .slick-dots {
        text-align: center;
        width: 100%;
        bottom: -20px;
    }

    .xyzRegionProductPage .slick-dots li {
        height: 20px;
        width: 20px;
    }

    .xyzRegionProductPage .slick-dots li button:before {
        font-size: 12px;
    }

    .xyzRegionProductMainDetail {
        margin-top: 40px;
        width: 100%;
    }

    .xyzRegionProductMainDetail {
        padding: 0px 10px;
        box-sizing: border-box;
    }

    .xyzRegionProductMainName,
.xyzRegionProductMainPrice {
        font-size: 17px;
        font-weight: bold;
    }

    .xyzRegionProductRating {
        text-align: center;
    }

    .xyzRegionProductBundleCaption {
        border-right: 0px;
    }

    .xyzRegionProductColorList {
        text-align: center;
        margin-top: 10px;
    }

    .xyzRegionProductSize .dropdown {
        min-width: 90%;
    }

    .xyzRegionProductSize .xyzUiDropdown-content {
        min-width: 100%;
    }

    .xyzRegionProductShare,
.xyzRegionProductCartWishList,
.xyzRegionOutOfStockCaption {
        text-align: center;
    }

    .xyzRegionProductWishlist {
        margin-top: 10px;
    }

    .xyzRegionProductMatching {
        margin: 10px 10px;
    }

    .xyzRegionProdcutDetailHeader button {
        font-size: 12px;
        line-height: 17px;
        padding: 8px;
    }

    .xyzRegionWriteReviewArea .xyzInputData,
.xyzRegionWriteReviewArea .xyzInputDataArea {
        width: 100%;
        box-sizing: border-box;
    }

    #divProductDetailReviews {
        box-sizing: border-box;
    }

    .xyzRegionProdcutDetail {
        margin: 15px 0px;
    }

    .xyzRegionProductTogether {
        padding-top: 15px;
    }

    .xyzRegionProductTogetherCaption {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .xyzRegionProductTogetherItem {
        width: var(--fxyz-size-50percent, 50%);
        padding: var(--fxyz-size-20px, 20px);
        box-sizing: border-box;
        vertical-align: top;
    }

    .xyzRegionProductTogetherArea {
        width: 100%;
        display: initial;
    }

    .xyzRegionProductTogetherItem .xyzRegionProductTogetherColor,
.xyzRegionProductTogetherItem .xyzRegionProductTogetherSize,
.xyzRegionProductTogetherItem .xyzRegionProductTogetherQuantity,
.xyzRegionProductTogetherItem .xyzRegionQuickAddCart,
.xyzRegionProductTogetherItem .xyzRegionQuickWishlist {
        display: none;
    }

    .xyzRegionProductTogetherItem .xyzImageProductTogetherItem {
        width: 150px;
        height: 150px;
        object-fit: contain;
    }

    .xyzRegionReviewNavArea {
        margin-top: 8px;
    }

    .xyzRegionReviewNavNumberArea {
        font-size: 10px;
    }

    .xyzRegionReviewNavFirst,
.xyzRegionReviewNavPrevious,
.xyzRegionReviewNavNext,
.xyzRegionReviewNavLast {
        margin: 0px;
        font-size: 10px;
        vertical-align: top;
    }

    .xyzRegionReviewNavPrevious span,
.xyzRegionReviewNavNext span {
        margin-top: -2px;
        display: inline-block;
        vertical-align: top;
    }

    .xyzRegionReviewNavPrevious,
.xyzRegionReviewNavNext {
        margin-top: 3px;
    }

    .xyzRegionProductNavNumberArea {
        font-size: 10px;
        margin: 0px 3px;
    }

    .xyzRegionProductNavFirst,
.xyzRegionProductNavPrevious,
.xyzRegionProductNavNext,
.xyzRegionProductNavLast {
        margin: 0px;
        font-size: 10px;
        vertical-align: top;
    }

    .xyzRegionProductNavPrevious span,
.xyzRegionProductNavNext span {
        margin-top: -2px;
        display: inline-block;
        vertical-align: top;
    }

    .xyzRegionProductNavPrevious,
.xyzRegionProductNavNext {
        margin-top: 3px;
    }

    .xyzRegionProductNavFirst i,
.xyzRegionProductNavPrevious i,
.xyzRegionProductNavNext i,
.xyzRegionProductNavLast i {
        margin: 0px 1px;
    }

    .xyzRegionProductNavNumberArea .xyzRegionNavNumber,
.xyzRegionProductNavNumberArea .xyzRegionNavNumber.active {
        width: 23px;
        height: 20px;
    }

    .xyzRegionReviewList.xyzUiContainerFlex {
        display: initial;
    }

    .xyzRegionReview {
        width: 100%;
        box-sizing: border-box;
        padding:10px;
        margin: 0px;
    }

    .xyzRegionReview .xyzUiTitleStr {
        margin-bottom: 2px;
    }

    .xyzRegionReview .xyzUiDateStr,
.xyzRegionReview .xyzUiNameStr,
.xyzRegionReview .xyzUiTitleStr {
        font-size: 10px;
    }

    .xyzRegionReview .xyzUiDataStr {
        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 */
    .xyzUiContentWishlist {
        box-sizing: border-box;
        padding: 0px 10px;
    }

    .xyzRegionWishListLeft,
.xyzRegionWishListRight {
        font-size: 30px;
    }

    .xyzRegionWishListtemListOuter {
        width: calc(100% - 40px);
    }

    .xyzRegionWishListItem {
        width: 280px;
        border-right: 0px;
    }

    .xyzRegionWishListItem .xyzRegionProductAddCart {
        margin-top: 15px;
    }

    .xyzRegionWishListEmpty .xyzImageCartHeader {
        width: 100%;
        height: auto;
    }

    .xyzImageCartHeader {
        object-fit: contain;
        width: 100%;
    }

    .xyzRegionWishListEmptyData {
        margin-bottom: 0px;
    }

    .xyzRegionWishListData {
        margin-bottom: 10px;
    }

    /* PAGE My Account */
    .xyzRegionAccountOuter {
        width: 100%;
        box-sizing: border-box;
        padding: 30px 10px;
    }

    .xyzRegionAccountAccordianHeader .xyzUiNumber span {
        font-size: 15px;
    }

    .xyzRegionAccountAccordianHeader .xyzUiCaption {
        font-size: 13px;
    }

    .xyzRegionAccountAccordianContain {
        box-sizing: border-box;
        padding: 20px 10px;
    }

    .xyzInputAccountDetail #detailUnsubscribed {
        margin-left: 10px;
    }

    /* PAGE Cart */
    .xyzRegionCartData.xyzUiContainerFlex {
        display: initial;
        width: var(--fxyz-size-100percent, 100%);
        box-sizing: border-box;
        padding: 0px 10px;
    }

    .xyzRegionCartItemList {
        width: var(--fxyz-size-100percent, 100%);
        box-sizing: border-box;
        border-right: 0px;
        padding: 0px 10px;
    }

    .xyzRegionCartItemList .xyzUiTitle,
.xyzRegionCartCheckout .xyzUiTitle {
        font-size: 14px;
    }

    .xyzRegionCartCheckout {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 10px;
    }

    /* PAGE Checkout */
    .xyzRegionCheckoutAddress.xyzUiContainerFlex {
        display: initial;
        box-sizing: border-box;
        width: 100%;
    }

    .xyzRegionCheckoutAddressLeft,
.xyzRegionCheckoutAddressRight {
        box-sizing: border-box;
        width:100%;
        padding:0px 10px;
    }

    .xyzRegionCheckoutConfirmOrderArea .xyzRegionCartItemPhoto {
        width: 40%;
    }

    .xyzRegionCheckoutSubTotal {
        padding: 0px;
    }

    /* PAGE Job */
    .xyzRegionJobOuterArea.xyzUiContainerFlex {
        display: initial;
    }

    .xyzRegionJobArea {
        width: var(--fxyz-size-100percent, 100%);
        margin: var(--fxyz-size-0px, 0px);
        padding: 0px 10px;
        box-sizing: border-box;
        margin-bottom: 25px;
        border-right: 0px;
    }

    /* PAGE Contact */
    .xyzRegionContactTitle {
        margin-bottom: 10px;
    }

    .xyzRegionContactArea.xyzUiContainerFlex {
        display: inline-block;
        box-sizing: border-box;
        width: var(--fxyz-size-100percent, 100%);
        padding: 0px 10px;
    }

    .xyzRegionContactFormArea,
.xyzRegionContactGetInTouchArea {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
    }

    .xyzRegionContactGetInTouchArea fieldset {
        width: 100%;
        box-sizing: border-box;
    }

    .xyzRegionContactFormArea {
        margin-top: 40px;
    }

    /* PAGE FAQ */
    .xyzRegionFAQBottomArea.xyzUiContainerFlex {
        display: inline-block;
        text-align: center;
        width: var(--fxyz-size-100percent, 100%);
        box-sizing: border-box;
    }

    .xyzRegionFAQBottomButton {
        width: 25%;
        margin: 0px 10px;
        display: inline-block;
        vertical-align: top;
        margin-bottom: var(--fxyz-size-15px, 15px);
    }

    .xyzRegionFAQTitle {
        margin: 0px;
        padding-left: 15px;
        box-sizing: border-box;
    }

    /* PAGE Fit Room */
    .xyzRegionFitRoomHeader {
        font-size: 19px;
    }

    .xyzRegionFitRoomArea.xyzUiContainerFlex {
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
    }

    .xyzRegionFitRoomSide {
        margin: 0px;
        box-sizing: border-box;
        width: 100%;
        padding: 10px;
    }

    .xyzRegionFitRoomLinkOuter {
        width: 25%;
        margin: var(--fxyz-size-10px, 10px);
        display: inline-block;
        text-align: center;
    }

    .xyzRegionFitRoomLink.active {
        border-bottom: 0px;
        font-weight: bold;
        line-height: 18px;
    }

    .xyzRegionFitRoomContent {
        width: var(--fxyz-size-100percent, 100%);
        padding: 0px 10px;
        text-align: center;
        margin: var(--fxyz-size-0px, 0px);
        box-sizing: border-box;
    }

    .xyzUiContainerFlex.xyzRegionFitRoomOuterBox {
        display: inline-block;
        margin: var(--fxyz-size-0px, 0px);
        padding: 0px 25px;
        width: var(--fxyz-size-100percent, 100%);
        box-sizing: border-box;
    }

    .xyzRegionFitRoomBox {
        width: 100%;
        box-sizing: border-box;
        margin-top: 30px;
    }

    .xyzUiVideo-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: var(--fxyz-size-30px, 30px);
        height: var(--fxyz-size-zero, 0);
        overflow: hidden;
    }

    .xyzUiVideo-container iframe,
.xyzUiVideo-container object,
.xyzUiVideo-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .xyzRegionPutOnBraStep {
        margin-top: 40px;
    }

    .xyzRegionPutOnBraStep .xyzUiContainerFlex {
        display: inline-block;
        width: var(--fxyz-size-100percent, 100%);
        box-sizing: border-box;
        margin: var(--fxyz-size-0px, 0px);
        padding: 0px 10px;
    }

    .xyzRegionPutOnBraStep .xyzRegionStep1,
.xyzRegionPutOnBraStep .xyzRegionStep2 {
        width: 100%;
        text-align: left;
        box-sizing: border-box;
    }

    .xyzRegionPutOnBraStep .xyzRegionStep1 .xyzUiDescription,
.xyzRegionPutOnBraStep .xyzRegionStep2 .xyzUiDescription {
        margin:var(--fxyz-size-0px, 0px);
        padding: var(--fxyz-size-0px, 0px);
        float: none;
        margin-bottom: var(--fxyz-size-20px, 20px);
        box-sizing: border-box;
        width: var(--fxyz-size-100percent, 100%);
    }

    .xyzRegionPutOnBraStep .xyzImagePutOnBra {
        width: var(--fxyz-size-100percent, 100%);
        height: auto;
        object-fit: contain;
        text-align: center;
        margin: auto;
        display: inline-block;
    }

    .xyzRegionPutOnBraStepMiddleCaption {
        font-size: 15px;
    }

    .xyzRegionPutOnBraStep .xyzRegionStep3,
.xyzRegionPutOnBraStep .xyzRegionStep4,
.xyzRegionPutOnBraStep .xyzRegionStep5 {
        width: var(--fxyz-size-100percent, 100%);
        margin: var(--fxyz-size-0px, 0px);
        padding: 0px 10px;
        box-sizing: border-box;
        margin-top: var(--fxyz-size-20px, 20px);
    }

    .xyzRegionPutOnBraStep .xyzUiDescription {
        padding:0px;
    }

    .xyzRegionPutOnBraCompare {
        padding: 0px 10px;
        box-sizing: border-box;
    }

    .xyzRegionBraFittingSizeGuideCompareArea {
        display: inline-block;
        width: var(--fxyz-size-100percent, 100%);
        margin: var(--fxyz-size-0px, 0px);
        padding: 0px 10px;
        box-sizing: border-box;
    }

    .xyzRegionFitGuideStep {
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
    }

    .xyzRegionBraFittingExampleHeader {
        display: none;
    }

    .xyzRegionBraFittingExampleContent {
        width: 100%;
        box-sizing: border-box;
    }

    .xyzRegionBraFittingTable1 {
        margin-right: 15px;
    }

    .xyzRegionBraFittingTable1.xyzUiRight,
.xyzRegionBraFittingTable3 {
        margin-right: 0px;
    }

    .xyzRegionBraFittingTable4 {
        box-sizing: border-box;
        margin: 0px;
    }

    .xyzRegionBraFittingTableBox .xyzUiContainerFlex,
.xyzRegionBraFittingContent table {
        box-sizing: border-box;
    }

    .xyzRegionFitSolutionOutBox.xyzUiContainerFlex {
        display: inline-block;
        box-sizing: border-box;
        width: var(--fxyz-size-100percent, 100%);
        margin: var(--fxyz-size-0px, 0px);
        padding: 0px 20px;
    }

    .xyzRegionFitSolutinBox {
        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;
    }

    .xyzRegionWindowFitSolutionAnswer {
        font-size: 15px;
        line-height: 22px;
    }

    .xyzUiContainerFlex.xyzRegionCareStepOuterBox {
        display: inline-block;
        margin: var(--fxyz-size-0px, 0px);
        padding: 0px 20px;
        box-sizing: border-box;
        text-align: center;
    }

    .xyzRegionCareStepSide {
        width: 100%;
        margin-right: 0px;
    }

    .xyzRegionCareGentleReminder {
        margin-top: 20px;
    }

    .xyzRegionFitRoomTips {
        margin-top: 20px;
        margin-bottom: 100px;
    }

    .xyzRegionFitRoomTips .xyzUiDescription {
        font-size: 11px;
    }

    .xyzRegionFitRoomTips .xyzUiTitle {
        font-size: 12px;
    }

    /* PAGE Discover Neubodi */
    .xyzRegionStoryBoxOuter .xyzUiTitle {
        text-align: center;
    }

    .xyzRegionStoryBoxInner ul {
        -webkit-padding-start: 10px;
        font-size: 12px;
    }

    .xyzRegionStoryBoxInner li,
.xyzRegionStoryBoxInner {
        text-align: left;
    }

    .xyzRegionOurStoryDetailHeader .xyzRegionOurStoryDetailHeaderItem {
        font-size: 18px;
        line-height: 23px;
        padding: 10px 10px;
    }

    .xyzRegionStoryHeader {
        font-size: 26px;
        margin-top: 30px;
    }

    .xyzRegionStoryTitle {
        margin-top: 20px;
        font-size: 16px;
    }

    .xyzRegionStoryData,
.xyzRegionStoryBoxOuter {
        padding: 0px 10px;
        box-sizing: border-box;
        width: 100%;
    }

    .xyzImageOurStoryImage {
        width: var(--fxyz-size-100percent, 100%);
        margin: var(--fxyz-size-0px, 0px);
        padding: 0px 10px;
        margin-top: var(--fxyz-size-20px, 20px);
        box-sizing: border-box;
    }

    .xyzRegionOutStoryBottomImage.xyzUiContainerFlex {
        display: inline-block;
        width: 100%;
        margin-bottom: 40px;
    }

    #divOurStoryOurProductsDetail {
        margin:0px;
        padding: 0px 10px;
        box-sizing: border-box;
    }

    

    .xyzImageStoryDataImg,
.xyzImageStoryBottom {
        width: var(--fxyz-size-100percent, 100%);
        margin: var(--fxyz-size-0px, 0px);
        padding: 0px 10px;
        box-sizing: border-box;
        height: auto;
    }

    .xyzRegionStoryDataWord {
        text-align: center;
        margin-top: var(--fxyz-size-20px, 20px);
        display: inline-block;
        width: var(--fxyz-size-100percent, 100%);
    }

    .xyzRegionStoryDataWord .xyzUiTitle,
.xyzRegionStoryDataWord .xyzUiData,
.xyzRegionStoryDataWord .xyzUiTitle.xyzUiAlignRight,
.xyzRegionStoryDataWord .xyzUiData.xyzUiAlignRight {
        text-align: center;
    }

    .xyzRegionServiceBoxOuter {
        margin: 0px;
    }

    .xyzRegionServiceBoxOuter {
        margin: 0px;
        padding: 0px 10px;
        box-sizing: border-box;
        width: 100%;
    }

    .xyzRegionServiceBoxOuter fieldset {
        box-sizing: border-box;
        width: 100%;
        min-width: 100%;
    }

    .xyzRegionStoryBoxInner .xyzUiData {
        padding: 0px 10px;
    }

    .xyzRegionStoryBoxInner .xyzUiDataInner {
        width: 100%;
    }

    

    

    

    

    

    .xyzRegionStoryBoxBottomTitle li:first-child {
        list-style: initial;
    }

    .xyzRegionStoryBoxBottomTitle li {
        float: none;
        padding-left: 5px;
        margin-left: 0px;
        text-align: left;
    }

    /* PAGE VIP */
    .xyzRegionVIPDetailHeader .xyzRegionVIPDetailHeaderItem {
        font-size: 15px;
        line-height: 20px;
        padding: 10px 10px;
    }

    .xyzRegionVIPHeader .xyzUiTitle {
        font-size: var(--fxyz-size-20px, 20px);
        display: inline-block;
        width: var(--fxyz-size-100percent, 100%);
        padding: var(--fxyz-size-0px, 0px);
        margin: var(--fxyz-size-0px, 0px);
    }

    .xyzRegionVIPTitle {
        font-size: 15px;
        margin-top: 10px;
    }

    .xyzImageVIPPrivilege {
        width: 100%;
        padding: 0px 10px;
        box-sizing: border-box;
    }

    .xyzUiSpanVIPBold {
        display: inline-block;
        width: 100%;
    }

    .xyzRegionVIPFirstTimeArea {
        width: var(--fxyz-size-100percent, 100%);
        box-sizing: border-box;
        padding: 0px 10px;
        display: inline-block;
    }

    .xyzImageVIPFirstTime {
        width: 100%;
        box-sizing: border-box;
    }

    #divVIPRewardDetail,
#divVIPRewardDetail .container {
        width: var(--fxyz-size-100percent, 100%);
        box-sizing: border-box;
        display: inline-block;
        padding: var(--fxyz-size-0px, 0px);
    }

    .xyzRegionVIPData {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 10px;
    }

    .xyzRegionVIPButton {
        width: 100%;
        box-sizing: border-box;
    }

    #divVIPTnCDetail {
        width: var(--fxyz-size-100percent, 100%);
        box-sizing: border-box;
        display: inline-block;
        padding: 0px 10px;
    }

    .xyzRegionVIPTnCListArea ul {
        width: var(--fxyz-size-100percent, 100%);
        box-sizing: border-box;
        margin: var(--fxyz-size-0px, 0px);
        padding: var(--fxyz-size-0px, 0px);
        padding-left: var(--fxyz-size-30px, 30px);
    }

    /* PAGE Sign IN */
    .xyzImageHeaderLogo {
        width: 250px;
        object-fit: contain;
    }

    .xyzUiDviSignInArea.xyzUiContainerFlex {
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
    }

    

    .xyzRegionSignIn {
        width: var(--fxyz-size-100percent, 100%);
        box-sizing: border-box;
        border-right:0px;
        margin-top: var(--fxyz-size-0px, 0px);
    }

    .xyzRegionSignInOuter {
        padding: 0px 30px;
        box-sizing: border-box;
        position: relative;
    }

    .xyzRegionSignInEmailCaption {
        padding-top: 45px;
    }

    .xyzRegionKeepSignIn,
.xyzRegionForgotPassword {
        font-size: 10px;
    }

    .xyzRegionSignInRegister {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 30px;
    }

    .xyzRegionSignInRegisterCaption {
        width: var(--fxyz-size-100percent, 100%);
        box-sizing: border-box;
        padding: 0px 10px;
        padding-top: var(--fxyz-size-50px, 50px);
    }

    .xyzRegionSignInRegisterButton {
        width: var(--fxyz-size-100percent, 100%);
        box-sizing: border-box;
        display: inline-block;
        margin: var(--fxyz-size-0px, 0px);
        margin-top: var(--fxyz-size-20px, 20px);
    }

    .xyzRegionRegsiterOuter {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 10px;
    }

    .xyzRegionRegsiterOuter fieldset {
        padding: 20px 10px;
    }

    /* PAGE Refer*/
    .xyzRegionReferOuter {
        width: var(--fxyz-size-100percent, 100%);
        box-sizing: border-box;
        display: inline-block;
        border: 0px;
        margin-bottom: var(--fxyz-size-10px, 10px);
    }

    .xyzRegionRefer2Left .xyzUiTitle,
.xyzRegionReferOuter .xyzUiTitle {
        font-size: 22px;
    }

    .xyzRegionReferOuter .xyzUiTxtRefer,
.xyzRegionReferOuter .xyzButtonShortReferShare {
        width: 80%;
        box-sizing: border-box;
    }

    .xyzRegionReferOuter2.xyzUiContainerFlex {
        width: 100%;
        border: 0px;
    }

    .xyzRegionReferOuter2 .xyzRegionRefer2Left {
        width: 100%;
        box-sizing: border-box;
        display: inline-block;
    }

    .xyzRegionReferImage.xyzRegionRefer2Right {
        display: none;
    }

    .xyzRegionRefer2Left .xyzRegionReferImage {
        display: inline-block;
        width: var(--fxyz-size-100percent, 100%);
        box-sizing: border-box;
        height: auto;
    }

    /* PAGE Return */
    .xyzRegionReturnArea {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 10px;
        margin: 0px;
    }

    .xyzRegionReturnArea .xyzUiContainerFlex {
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
    }

    .xyzRegionReturnArea .xyzRegionReturn50 {
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
    }

    .xyzRegionReturnArea .xyzRegionReturn50.xyzUiPaddingRight {
        padding-right: 10px;
    }

    .xyzRegionReturnArea .xyzRegionReturn30 {
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
    }

    .xyzRegionReturnArea .xyzRegionReturn30.xyzUiPaddingRight {
        padding-right: 10px;
    }

    .xyzRegionReturnArea .xyzInputReturn,
.xyzRegionReturnArea textarea {
        box-sizing: border-box;
        width: 100%;
    }

    

    .xyzRegionReturnAgreeArea {
        float: none;
        width: 100%;
        padding-top: 15px;
    }

    .xyzButtonShortReturnBack,
.xyzButtonShortReturnContinue {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }

    /* PAGE Store*/
    .xyzUiTableStore {
        display: none;
    }

    .xyzRegionStoreMobileArea.k-tabstrip {
        display: inline-block;
        background-color: var(--fxyz-color-clear, transparent);
        box-shadow: none;
        border: 0px;
        width: var(--fxyz-size-100percent, 100%);
    }

    .xyzRegionStoreMobileArea .k-tabstrip-items .k-state-default .k-link,
.k-panelbar>li.k-state-default>.k-link {
        color: #49176d;
    }

    .xyzRegionStoreMobileArea .k-tabstrip-items .k-item {
        max-width: 140px;
        border: 0px;
        opacity: 0.2;
        text-align: center;
        display: table-cell;
    }

    .xyzRegionStoreMobileArea .k-tabstrip-items .k-item.k-state-active {
        opacity: 1;
        border-bottom: 3px solid #49176d;
    }

    .xyzRegionStoreMobileArea .k-content.k-state-active {
        border: 0px;
    }

    .xyzRegionStoreMobileArea .k-tabstrip-items {
        border-bottom: 1px solid #49176d;
    }

    .xyzRegionStoreMobileArea .k-tabstrip-items .k-loading {
        display: none;
    }

    .xyzRegionStoreNameArea {
        display: inline-block;
        width: 140px;
        opacity: 0.4;
        text-align: center;
        padding: 15px 5px;
    }

    .xyzRegionStoreNameArea .xyzUiTitle {
        color: #49176d;
        font-size: 14px;
        font-weight: bold;
    }

    .xyzRegionStoreNameArea .xyzUiMoreInfo {
        color: #888;
        font-size: 10px;
        margin-top: 3px;
    }

    .xyzRegionStoreNameArea.active {
        opacity: 1;
    }

    #windowSelectedStore {
        padding: var(--fxyz-size-0px, 0px);
        margin: var(--fxyz-size-0px, 0px);
        background: var(--fxyz-color-clear, transparent);
        background-color: var(--fxyz-color-clear, transparent);
    }

    .xyzRegionSelectedStore {
        border-bottom:5px solid #49176d;
        border-top: 5px solid #49176d;
        background: var(--fxyz-color-white, white);
        padding: var(--fxyz-size-20px, 20px);
    }

    .xyzRegionSelectedStore .xyzRegionStoreDataArea {
        display: table-cell;
        width: auto;
        padding-right: var(--fxyz-size-3px, 3px);
        border-right: 2px solid #a86dd2;
        min-width: 250px;
    }

    .xyzRegionSelectedStore .xyzRegionStoreMapArea {
        width: var(--fxyz-size-0px, 0px);
        display: table-cell;
        text-align: center;
        padding: var(--fxyz-size-10px, 10px);
        vertical-align: middle;
    }

    .xyzRegionStoreMapArea .xyzImageTdMap {
        width: 50px;
        height: 50px;
        object-fit: contain;
    }

    .xyzRegionSelectedStore .xyzUiCaption {
        color: #bbb;
        font-size: 9px;
        line-height: 14px;
    }

    .xyzRegionSelectedStore .xyzUiStoreDataArea.xyzUiLotArea,
.xyzRegionSelectedStore .xyzUiStoreDataArea.xyzUiTelArea {
        display: inline-block;
    }

    .xyzRegionSelectedStore .xyzUiStoreDataArea.xyzUiTelArea {
        width: 40%;
    }

    .xyzRegionSelectedStore .xyzUiStoreDataArea.xyzUiLotArea {
        padding-right: 5px;
        width: 50%;
    }

    .xyzRegionSelectedStore .xyzRegionStoreDataArea .xyzUiCaption {
        margin-bottom: 3px;
    }

    .xyzRegionSelectedStore .xyzUiData {
        font-size: 12px;
    }

    .xyzRegionSelectedStore .xyzUiAddressArea {
        margin-top: 15px;
    }

    /* PAGE Media Coreverage */
    #windowQuickView {
        padding: 5px;
    }

    .xyzDialogMediaCoveragePopup .xyzUiContainerFlex {
        display: inline-block;
    }

    .xyzDialogMediaCoveragePopup .xyzRegionQuickPhoto {
        width: 80%;
        margin: auto;
    }

    .xyzDialogMediaCoveragePopup .xyzRegionQuickInfo {
        width: 80%;
        margin: auto;
        padding-bottom: 0px;
    }

}

/* iPad Portrait */
@media screen and (max-width: 1200px) {
    .xyzUiContainerFooter {
        width: 95%;
    }

    .container {
        width: 90%;
    }

    .xyzRegionMenuPopup {
        margin-left: 0px;
        width: 90%;
    }

    .xyzRegionFooterSocial img {
        height: 35px;
        width: 35px;
        object-fit: contain;
    }

    .xyzRegionFeaturesBox:after {
        display: none;
    }

}

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

}

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

}

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

}

@media screen and (max-width: 800px) {
    .xyzUiContainerFooter,
.container {
        width: 100%;
    }

    .xyzRegionFeaturesBox {
        height: auto;
    }

    .xyzRegionMobileMenuArea .xyzUiMenu {
        font-size: 16px;
        line-height: 30px;
    }

    .xyzRegionMenuSocial {
        width: 45px;
        height: 45px;
    }

    /* PAGE BraDrive */
.xyzRegionWindowBotDiffTableColSettingColHeader .xyzRegionWindowBotDiffTableColSettingItem {
        font-size: var(--fxyz-size-12px, 12px);
        flex-direction: column;
        min-width: 200px;
        padding: 3px 0px;
        justify-content: center;
        align-items:flex-start;
        min-height: 60px;
    }

    .xyzRegionWindowBotDiffTableColSettingItem {
        min-height: 60px;
        padding: 3px 0px;
    }

    .xyzRegionWindowBotDiffMemmber {
        font-size: 7px;
        padding: 1px 5px;
        margin-left: 0px;
    }

    .xyzRegionWindowBotDiffTableColHeaderMemberArea {
        display: inline-block;
    }

    .xyzImageHeader.xyzUiBraDriveHeader {
        content:url("/images/Bra-Drive-Header-Mobile.png");
    }

    .container.xyzRegionBraDriveOuterArea {
        box-sizing: border-box;
        width: calc(100% - 10px);
    }

    html,
body {
        margin: 0;
        padding: 0;
    }

    .xyzRegionRegisterLegend1 {
        font-size: 25px;
        line-height: 30px;
    }

    .xyzRegionRegisterLegend2 {
        font-size: 18px;
        line-height: 26px;
    }

    .xyzUiBraDriveRegsiterOuter {
        padding-left: 0px;
        margin-top: 0px;
    }

    .xyzUiBraDriveRegsiterOuter fieldset {
        border: none;
        text-align: center;
        width: 100%;
    }

    

    .xyzUiBraDriveFormArea,
.xyzInputRegisterField {
        border: none;
        border-bottom: solid;
        border-color: #888;
        border-width: medium;
        display: inline-block;
    }

    .xyzUiBraDriveFormArea {
        padding: 0px;
        border: none;
    }

    

    

    .xyzUiBraDriveFormArea,
.xyzRegionRegisterCatption {
        color: #888;
    }

    .xyzUiBraDriveDiscountArea {
        display: none;
    }

    

    .xyzImageHitech {
        width: 170px;
    }

    /* PAGE Thankyou */
.xyzImageThankyou {
        width: 100%;
        padding: 0px;
    }

    

}

@media screen and (max-width: 580px) {
    .xyzRegionProjectArea {
        margin-left: 10px;
        margin-right: 10px;
    }

    .xyzRegionProject {
        width: 100%;
        margin-bottom: 20px;
    }

    .xyzRegionProject img {
        height: auto;
    }

    .xyzRegionCoreValueBox {
        width: calc(100% - 30px);
        padding: 0px 15px;
    }

    .xyzRegionCollectionGroupArea {
        width: 33%;
    }

}

@media screen and (max-width: 500px) {
    .xyzRegionCollectionGroupArea {
        width: 100%;
    }

    .xyzRegionMyOrderDateTime {
        display: none;
    }

    .xyzRegionFeaturesBox {
        height: auto;
    }

    .xyzRegionMobileMenuArea .xyzUiMenu {
        font-size: 12px;
        line-height: 18px;
    }

    .xyzRegionMenuSocial {
        width: 30px;
        height: 30px;
    }

}




/* Shared FundedXYZ values. Literal fallbacks keep embedded styles independent. */
:root {
    --fxyz-border-muted: 1px solid #ccc;
    --fxyz-color-black: black;
    --fxyz-color-clear: transparent;
    --fxyz-color-gray-666: #666;
    --fxyz-color-gray-ddd: #ddd;
    --fxyz-color-violet-dark: #49176d;
    --fxyz-color-white: white;
    --fxyz-size-0px: 0px;
    --fxyz-size-100percent: 100%;
    --fxyz-size-10px: 10px;
    --fxyz-size-12px: 12px;
    --fxyz-size-13px: 13px;
    --fxyz-size-14px: 14px;
    --fxyz-size-15px: 15px;
    --fxyz-size-16px: 16px;
    --fxyz-size-18px: 18px;
    --fxyz-size-20px: 20px;
    --fxyz-size-2px: 2px;
    --fxyz-size-30px: 30px;
    --fxyz-size-3px: 3px;
    --fxyz-size-40px: 40px;
    --fxyz-size-50percent: 50%;
    --fxyz-size-50px: 50px;
    --fxyz-size-5px: 5px;
    --fxyz-size-8px: 8px;
    --fxyz-size-zero: 0;
}