@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('../dist/bootstrap/css/bootstrap.min.css');
@import url('../css/fonts.css');

:root {--skin:#FDF5DB; --choco:#A6853F;  --gotham:gotham; --gothambook:gothambook; --black:#231F1F; --darkchoco:#574520;}

a {text-decoration: none;all: unset; cursor: pointer;}
a, a:hover { text-decoration: none; }
a:focus { outline: none; }
*:focus { outline: none; }
button:active, button:focus, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; }
.img-responsive, .navbar-brand > img { display: inline-block; }
img { display: inline-block; height: auto; max-width: 100%; }
p{margin: 0;}
body { color: white; overflow-x: hidden; background: linear-gradient(180deg, #FDF5DB, #A29882);}
button{border: none;}

.navbar-expand-lg .navbar-collapse .header_button{display: none !important;}

/*===================== Custom  =======================*/
.custom-dropdownborder { width: 100%; padding: 15px 30px; margin: 8px 0; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: inset 0px 3px 6px #00000024; border: 0.9px solid #707070; border-radius: 15px; color: var(--choco); font-size: 26px; font-family: var(--gothambook);}
.custom-dropdownborder .dropdown-header { color: #A6853F; font-size: 26px; font-family: var(--gotham);}
.custom-dropdownborder .dropdown-options p{ color: #A6853F; font-size: 26px; font-family: var(--gothambook); color: var(--black);}

.custom-dropdownnoborder{width: 100%; padding: 18px 30px;  background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: inset 0px 3px 6px #00000024; border-radius: 15px; border: none;}

.dropdown-header { display: flex; justify-content: space-between; cursor: pointer; font-weight: 500;}
.dropdown-arrow { font-size: 27px;  transition: transform 0.4s ease; display: inline-block; }
.dropdown-options { display: none; flex-direction: column;}
.dropdown-option {cursor: pointer;}
#dropdown-toggle:checked ~ .dropdown-options, #dropdown-toggle-2:checked ~ .dropdown-options {display: flex;}
#dropdown-toggle:checked ~ .dropdown-header .dropdown-arrow, #dropdown-toggle-2:checked ~ .dropdown-header .dropdown-arrow {transform: rotate(180deg);}

input[type="checkbox"] { accent-color: #A6853F; border: 1px solid #565656; transform: scale(1.9);  margin-left:10px;}

.allbtn_design { background: linear-gradient(0deg, #231F1F, #A6853F); border: 2px solid #FDF5DB; color: #FDF5DB; border-radius: 15px; cursor: pointer; box-shadow: 0px 3px 6px #0000005A; transition: all 0.3s ease; font-size: 26px; font-family: var(--gotham);}

header{font-size: 38px; font-family: var(--gotham); color: var(--choco);}

.allpageback_space{padding: 0px 180px; padding-top: 130px; padding-bottom: 200px;}

.packagebox_bottomborder{border-bottom: 1px solid #A6853F; padding: 20px 0px;}

input, textarea{color: var(--choco); font-size: 26px; font-family: var(--gothambook);}

.custom_radiobtn[type="radio"]{ appearance: none; -webkit-appearance: none; background-color: #fff; border: 2px solid #c3a968; width: 30px; height: 30px; outline: none; cursor: pointer; position: relative; display: inline-block; border-radius: 0; }
.custom_radiobtn[type="radio"]:checked::before{ content: ''; position: absolute; top: 8px; left: 8px; width: 10px; height: 10px; background-color: #c3a968; border-radius: 0;}

.mallsingapore_bottomlink a{font-family: var(--gothambook); font-size: 27px;}


/*===================== Header =======================*/
.header { position: relative; z-index: 1; padding: 10px 180px; background: linear-gradient(180deg, #FDF5DB 0%, #FDF5DB38 100%); box-shadow: 1px 3px 6px #0000005A; backdrop-filter: blur(6px);  position: fixed; top: 0; width: 100%; z-index: 1030;}
.header_button { padding: 6px 14px; border-radius: 30px; background: var(--skin); border: 1px solid #A6853F; cursor: pointer; font-size: 20px; font-family: var(--gotham); box-shadow: 1px 3px 6px #0000005A;}
.language_btn .active {color: var(--choco);}


/*===================== righster =======================*/
.register_box .background-video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.register_box .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0.6)); z-index: 0;}

.register_box .form-container { box-shadow: 0px 10px 30px #0000005A; background: #FDF5DBBF 0% 0% no-repeat padding-box; position: relative; z-index: 1; max-width: 630px; margin: 120px auto; margin-right: 300px; padding:30px 50px; border-radius: 40px;}
.register_box .form-container small{ color: var(--choco); font-family: var(--gothambook); font-size: 28px;}

.register_box .form-container .input_box { width: 100%; padding: 15px 30px; margin: 8px 0; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: inset 0px 3px 6px #00000024; border: 0.9px solid #707070; border-radius: 15px; color: var(--choco); font-size: 26px; font-family: var(--gothambook);}
.register_box .form-container .dropdown-title { color: #A6853F; font-size: 26px; font-family: var(--gothambook);}
.register_box .form-container input::placeholder{color: var(--choco);}
.register_box .form-container .custom_checkbox span { font: normal normal normal 18px/30px "Poppins", sans-serif; color: #565656;}
.register_box .form-container .login_link{font-size: 20px; font-family: var(--gotham); color: var(--choco);}


/*===================== sidebar =======================*/
.sidebar { background-color: var(--skin); border-radius: 30px; width: 650px; box-shadow: 0px 3px 6px #0000005A;}
.sidebar .profile-section{ padding: 60px 50px;}
.sidebar .profile-section img {border-radius: 50%;border: 10px solid #FFFFFF;}
.sidebar .link-inner{ padding: 0px 50px;}
.sidebar label{font-size: 22px; font-family: var(--gotham); color: var(--choco);}
.sidebar h1{font-size: 35px; font-family: var(--gotham); color: #636363;}
.sidebar .nav-link { color: #303030; font: normal normal 600 18px/75px "Montserrat", sans-serif;}
.sidebar .nav-link.active { background: linear-gradient(90deg, #A6853F, #534320); color: white;}
.sidebar .nav-link.active img {filter: brightness(0) invert(1);}
.sidebar .nav-link img {margin-right: 20px;}


/*============= Package / dashemail / dashshippingaddress / dashloginpassword / ================*/
.package_box .package_innerbox  { background: var(--skin); box-shadow: inset 0px 3px 6px #00000024; border-radius: 15px; padding: 15px 35px;}

.package_box .package_innerbox .custom-dropdownnoborder .dropdown-header { color: #A6853F; font-size: 26px; font-family: var(--gotham);}
.package_box .package_innerbox .custom-dropdownnoborder .dropdown-options p{ color: #A6853F; font-size: 26px; font-family: var(--gothambook); color: var(--black);}

.package_box .package_innerbox input, .package_box .package_innerbox textarea, .mall_box .simpleinput_cartdelivery .darkinput_cartdelivery{ width: 100%; padding: 18px 30px;  background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: inset 0px 3px 6px #00000024; border-radius: 15px; border: none;}
.package_box .package_innerbox input::placeholder, .package_box .package_innerbox textarea::placeholder{color: var(--choco); font-family: var(--gothambook); font-size: 26px;}

.package_box .package_innerbox input{padding: 22px 30px;}
.package_box .package_innerbox label{font-size: 27px; font-family: var(--gotham); color: var(--black);}

.package_box .package_innerbox .packageotpbox{position: relative;}
.package_box .package_innerbox .packageotp_btn{position: absolute; background: linear-gradient(180deg, #A6853F, #534320); border: 2px solid #FDF5DB; border-radius: 10px; font-family: var(--gothambook); font-size: 26px; padding: 8px 30px; right: 50px; top:12px;}

/* -------------------------------------- */
.package_box .darkinput_box input, .package_box .darkinput_boxaddlink input, .register_box .form-container .darkinput_register2{background:var(--choco); box-shadow: inset 0px 3px 6px #00000024; color: white;}
.package_box .darkinput_box input::placeholder{color: white; font-family: var(--gotham);}

/* -------------------------------------- */
.package_box .darkinput_boxaddlink input::placeholder, .register_box .form-container .darkinput_register2::placeholder{color: white; font-family: var(--gothambook);}
.package_box .darkinput_boxaddlink{position: relative;}
.package_box .darkinput_boxaddlink a{position: absolute; right: 50px; top:22px; font-size: 26px; font-family: var(--gotham);}

/*===================== Dashboard =======================*/
.dashboard_box h6{font-size: 23px; color: var(--black); font-family: var(--gotham);}
.dashboard_box span, .dashboard_box label{font-size: 20px; font-family: var(--gotham); color: var(--black);}
.dashboard_box label{font-family: var(--gothambook);}
.dashboard_box a{color: var(--darkchoco); font-size: 20px; font-family: var(--gothambook); }

/*===================== mall / store =======================*/
.mall_box .mallinner_content{background: var(--skin); box-shadow: inset 0px 3px 6px #00000024; border-radius: 15px; padding: 20px 30px;}
.mall_box .mallinner_content p, .mall_box .mallinner_content a{font: normal normal normal 26px/39px "Poppins", sans-serif; color: var(--black);}
.mall_box .mallinner_content a{color: var(--darkchoco);}

/* ---------------mall singapore----------------- */
.mall_box .mallsingapore_header, .purchase_box .purchase_header{font-size: 27px; color: var(--darkchoco); font-family: var(--gothambook);} 
.mall_box .mallsingapore_productbox{ background: var(--skin); box-shadow: 1px 3px 6px #0000005A; border-radius: 10px; overflow: hidden;  padding:30px 40px;}
.mall_box .mallsingapore_productbox .mallsingapore_productimg {background: #fff;}
.mall_box .mallsingapore_productbox h1{font-size: 32px; font-family: var(--gotham); color: var(--choco);}
.mall_box .mallsingapore_productbox p{font-size: 22px; font-family: var(--gothambook); color: var(--choco);}

/* ------------pro detail------------ */
.mall_box .mallsingapore_productbox .mall_prodetailstock{background: #FFFFFF; box-shadow: inset 0px 3px 6px #00000024; border: 0.5px solid #707070; border-radius: 15px;}
.mall_box .mallsingapore_productbox .mall_prodetailstock h2{font-size: 26px; font-family: var(--gotham); color: var(--choco);}

/* ------------cart------------ */
.mall_box .mallcart_productbox{ background: var(--skin); box-shadow: 1px 3px 6px #0000005A; border-radius: 10px; overflow: hidden;  padding:20px;}
.mall_box .mallcart_productbox span{font-size: 24px; font-family: var(--gotham); color: var(--choco);}
.mall_box .mallcart_productbox label, .mall_box .mallcart_wallet label{font-size: 24px; font-family: var(--gothambook); color: #565656;}
.mall_box .mallcart_productbox p{font-size: 24px; font-family: var(--gotham); color: #000000;}

.mall_box .mallcart_productbox .quantity-wrapper { background: #FFFFFF; border: 0.5px solid #707070; font-size: 24px; color: #565656; font-family: var(--gotham); width:140px;}
.mall_box .mallcart_productbox .quantity-wrapper button{background: #FFFFFF; border: 1px solid #000000; border-radius:0;}

.mall_box .mallcart_wallet{background: #FFFFFF; box-shadow: inset 0px 3px 6px #00000024, 0px 3px 6px #5656564A; border: 0.5px solid #707070; border-radius: 10px;}
.mall_box .mallcart_wallet h1, .purchase_box .purchase_deliverybox h1{font-size: 34px; font-family: var(--gotham); color: var(--choco);}
.mall_box .mallcart_wallet h5{font-size: 24px; font-family: var(--gotham); color:#565656;}

.mall_box .mallcart_wallet span, .mall_box .mallhpusage_box h5, .purchase_box .purchase_deliverybox span{font-size: 26px; font-family: var(--gothambook); color:var(--choco);}

.mall_box .mallhpusage_box{background: var(--skin); box-shadow: inset 0px 3px 6px #00000024, 0px 3px 6px #5656564A; border: 0.5px solid #707070; border-radius: 10px;}
.mall_box .mallhpusage_box h5{font-family: var(--gotham);}
.mall_box .mallhpusage_box input{box-shadow: inset 0px 3px 6px #00000024; border: 0.5px solid #707070; border-radius: 15px;}
.mall_box .mallhpusage_box input::placeholder{color: var(--choco); font-family: var(--gothambook);}

.mall_box .mallcart_delivery{background: var(--skin); box-shadow: 1px 3px 6px #00000024;}
.mall_box .mallcart_delivery h6{color: var(--choco); font-family: var(--gothambook); font-size: 22px;}

.mall_box .mallcart_delivery .darkinput_cartdelivery{background: var(--choco); box-shadow: inset 0px 3px 6px #00000024; border: 0.5px solid #707070; border-radius: 15px; width: 100%; padding: 18px 20px;}
.mall_box .mallcart_delivery label{font-size: 26px; font-family: var(--gotham); color: var(--choco);}
.mall_box .mallcart_delivery .darkinput_cartdelivery::placeholder{font-size: 26px; font-family: var(--gothambook); color: #FFFFFF;}

.mall_box .mallcart_delivery .simpleinput_cartdelivery{width: 100%; background: #FFFFFF; box-shadow: inset 0px 3px 6px #00000024; border: 0.5px solid #707070; border-radius: 15px; padding: 18px 20px;}
.mall_box .mallcart_delivery .simpleinput_cartdelivery::placeholder{color: var(--choco);}
.mall_box .mallcart_delivery .custom-dropdownborder .dropdown-title2{font-family: var(--gothambook);}

.mall_box .mallhpusage_box .hp-input::placeholder{color: white;}

/*===================== purchase =======================*/
.purchase_box .purchaseinner_box, .wallet_box .walletinner_content{background: #FDF5DB 0% 0% no-repeat padding-box; box-shadow: inset 0px 3px 6px #00000024; border-radius: 15px;}

.purchase_box .purchaseinner_box h1{font: normal normal bold 26px/39px "Poppins", sans-serif; color: var(--black);}
.purchase_box .purchaseinner_box p{font: normal normal normal 26px/39px "Poppins", sans-serif; color: var(--black);}
.purchase_box .purchaseinner_box a{font-family: var(--gotham); color: var(--darkchoco); font-size: 26px;}

.purchase_box .purchasedatetime_box input{background: #FDF5DB 0% 0% no-repeat padding-box;
box-shadow: inset 1px 3px 5px #0000006C; border: none; padding: 15px 20px;}
.purchase_box .filter-input,.purchase_box .purchasedatetime_box .filter-label {font-family: var(--gotham); color: var(--choco); font-size: 17px;}
.purchase_box .filter-input::-webkit-calendar-picker-indicator {filter: invert(34%) sepia(41%) saturate(423%) hue-rotate(12deg) brightness(92%) contrast(85%);}

.purchase_box .purchase_deliverybox{background: #FDF5DB; box-shadow: inset 0px 3px 6px #00000024, 0px 3px 6px #5656564A; border-radius: 10px;}

/*===================== wallet =======================*/
.wallet_box .walletinner_content h1{font: normal normal 26px/30px var(--gotham); color: var(--black);}
.wallet_box .walletinner_content a{font: normal normal normal 26px/30px var(--gothambook); color: var(--darkchoco); text-decoration: underline;}

.wallet_box .wallet_innerbox { background: var(--skin); box-shadow: inset 0px 3px 6px #00000024; border-radius: 15px; padding: 15px 35px;}
.wallet_box .wallet_innerbox label{font: normal normal bold 26px/30px Gotham; color: var(--black);}
.wallet_box .wallet_innerbox .wallet_apdepositinput{background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: inset 0px 3px 6px #00000024; border-radius: 15px; padding: 22px 30px;}
.wallet_box .wallet_innerbox .wallet_apdepositinput::placeholder{color: var(--choco); font-family: var(--gothambook); font-size: 26px;}

.wallet_box .wallet_innerbox h1{font: normal normal bold 26px/30px Gotham; color: var(--black);}
.wallet_box .wallet_innerbox ul li{font: normal normal bold 18px/21px Gotham; color: var(--black);}

.wallet_box .custom-dropdownnoborder .dropdown-header { color: #A6853F; font-size: 26px; font-family: var(--gotham);}
.wallet_box .custom-dropdownnoborder .dropdown-options p{ color: #A6853F; font-size: 26px; font-family: var(--gothambook); color: var(--black);}

.wallet_box .wallet_innerbox .walletdark_apdepositinput{background: #A6853F 0% 0% no-repeat padding-box;
box-shadow: inset 0px 3px 6px #00000024;}
.wallet_box .wallet_innerbox .walletdark_apdepositinput::placeholder{color: white;}

.setting_box .settingside_box{background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: inset 0px 3px 6px #00000024; border-radius: 15px; padding: 20px 30px;}
.setting_box .settingside_box p{font: normal normal normal 26px/30px Gothambook; color: var(--choco);}

/*===================== community =======================*/

.community_box .communitysearch_box{position:relative;}
.community_box .communitysearch_box .communitysearch_boxinput{ box-shadow: inset 0px 3px 6px #00000024; border: 0.5px solid #707070; border-radius: 15px; padding: 6px 20px;}
.community_box .communitysearch_box .communitysearch_boxinput::placeholder{font: normal normal normal 26px/30px var(--gothambook); color: var(--choco);}
.community_box .community_searchimg{position:absolute; left: 300px; top:10px;}

.community_box .communityinner_box .communityinner_topheder p{font: normal normal normal 24px/29px var(--gothambook); color: var(--choco);}
.community_box .communityinner_box .communitysponsor_line { position: relative; border-left: 2px dotted var(--black); height: 750px;}
.community_box .communityinner_box .communitysponsor_lineitem { position: relative; margin-bottom: 20px; margin-left: 30px;}
.community_box .communityinner_box .communitysponsor_lineitem .plus-icon { position: absolute; left: -48px; top: -5px; font-size: 40px; color: var(--black);}
.community_box .communityinner_box .communitysponsor_linecard { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: inset 0px 3px 6px #00000024; border-radius: 15px; padding: 15px 20px;}
.community_box .communityinner_box .communitysponsor_linecard p{font-size: 26px; font-family: var(--gothambook); color: var(--choco);}
.community_box .horizontal-line { position: absolute; top: 14px; left: -20px; width: 18px; height: 2px; z-index: 1;}

.community_box .tree-container{ overflow-x: auto; background: #FDF5DB; border-radius: 15px; white-space: nowrap;}
.community_box .tree-container .tree-node p{font-size: 26px; font-family: var(--gothambook); color: var(--choco); line-height: 30px;}
.community_box .tree-container .tree-level { display: flex; justify-content: center; align-items: flex-start; position: relative; margin: 30px 0px; margin-left: 500px;}

.community_box .tree-container .tree-node { position: relative; background:white; box-shadow: 1px 3px 6px #0000005A; border-radius: 10px; padding: 15px 20px; width: 330px; margin: 0 20px;}
.community_box .tree-container .plus-icon { position: absolute; top: -90px; left: 35%; font-size: 40px;  color: var(--black);}
.community_box .tree-container .vertical-line { position: absolute; top: -55px; left: 40%; width: 2px; height: 55px; border-left: 2px dotted #000; z-index: 1;}
.community_box .tree-container .horizontal-line { position: absolute; top: -70px; left: 150px; width: 35px; height: 2px; border-top: 2px dotted #000; z-index: 0;}
.community_box .tree-container .tree_btn{background: #A6853F; box-shadow: 0px 3px 6px #0000005A; border: 1px solid #FDF5DB; border-radius: 10px; font: normal normal bold 20px/30px "Poppins", sans-serif; color: #FFFFFF;}

.community_box .tree-container .plus-icon1 { position: absolute; top: -90px; left: 55%; font-size: 40px;  color: var(--black);}
.community_box .tree-container .vertical-line1 { position: absolute; top: -55px; left: 60%; width: 2px; height: 55px; border-left: 2px dotted #000; z-index: 1;}

.community_box .tree-container .plus-icon4{ position: absolute; top: -90px; left: 25%; font-size: 40px;  color: var(--black);}
.community_box .tree-container .vertical-line4 { position: absolute; top: -55px; left: 30%; width: 2px; height: 55px; border-left: 2px dotted #000; z-index: 1;}
.community_box .tree-container .horizontal-line4 { position: absolute; top: -70px; left: 60px; width: 35px; height: 2px; border-top: 2px dotted #000; z-index: 0;}

.community_box .tree-container .plus-icon5{ position: absolute; top: -90px; left: 75%; font-size: 40px;  color: var(--black);}
.community_box .tree-container .vertical-line5 { position: absolute; top: -55px; left: 80%; width: 2px; height: 55px; border-left: 2px dotted #000; z-index: 1;}
.community_box .tree-container .horizontal-line5 { position: absolute; top: -70px; left: 230px; width: 35px; height: 2px; border-top: 2px dotted #000; z-index: 0;}

.community_box .tree-container .plus-icon2 { position: absolute; top: -35px; left: 45%; font-size: 40px;  color: var(--black);}
.community_box .tree-container .plus-icon3 { position: absolute; top: -90px; left: 55%; font-size: 40px;  color: var(--black);}

/*===================== mobile view sidebar =======================*/
.sidebar_header {display: none;}
.sidebar_header { background: var(--skin); text-align: center; padding: 20px 0px; box-shadow: 1px 3px 6px #0000005A; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; margin-top: 60px;}

.sidebar_header  .profile-pic { border-radius: 50%; object-fit: cover; border: 5px solid #fff; margin-bottom: 10px;}
.sidebar_header h2 { font-family: var(--gotham); font-size: 16px; color: var(--choco);}
.sidebar_header h1 {font-family: var(--gotham); font-size: 32px; color:#636363;}
.sidebar_header button{font-size: 20px; font-family: var(--gotham); color:#636363;}
.sidebar_header  .menu-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding:10px 20px; background-color: #fff7df;}
.sidebar_header  .menu-item { background-color: #fff; border-radius: 8px; text-align: center; padding: 10px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); font-family: var(--gotham); color: black; font-size: 9px;}
.sidebar_header  .hidden { display: none;}

.sidebar_header  .menu-item.active{ background: linear-gradient(90deg, #A6853F, #534320); color: white;}
.sidebar_header  .menu-item.active img {filter: brightness(0) invert(1);}
.offcanvas.offcanvas-end{background-color: #FDF5DB; width: 290px;}


/*-------------------
    Media Query
---------------------------*/

@media only screen and (min-width: 250px) and (max-width: 319px){
  
 
}
@media only screen and (min-width: 320px) and (max-width: 768px){

header {font-size: 14px;}
.mobileheaderfont{font-size: 23px;}
header img{width: 15px; margin-left: 0px !important;}
.allpageback_space{margin-bottom: 200px !important; padding: 0px;}
.sidebar {display: none;}
.community_box{margin-bottom: 300px !important;}

input, textarea {font-size: 18px;}
textarea{height: 100px !important;}

.mobile_headermargin{margin: 0px !important;}
.mobile_headermargin{padding-top: 20px !important;}
.mobile_marginbox, .package_innerbox{margin: 0px!important; margin-top: 10px !important;}
.mobile_marginbox{margin: 0px 15px !important; margin-top: 10px !important;}
.packagebox_bottomborder {padding: 10px 0px;}
.package_box .package_innerbox .custom-dropdownnoborder .dropdown-header, .package_box .package_innerbox .custom-dropdownnoborder .dropdown-options p, .custom-dropdownborder .dropdown-options p {font-size: 12px;}
.mobilemall_detail{padding: 0px 0px; padding-bottom: 30px !important; margin-bottom: 0px !important;}
.custom_radiobtn {margin-left: 15px !important; margin-bottom: 5px; margin-left: 5px !important;}
.custom_radiobtn[type="radio"]{width: 15px; height: 15px;}

.navbar-expand-lg .navbar-collapse .header_button{display: block !important;}
.sidebar_header{display: block;}
.header .navbar-brand img{width: 120px;}
.header { padding: 10px 20px;}
.header .language_btn{margin-left: 80px;}
.language_btn {padding: 0px 5px; font-size: 15px;}

.dashboard_box .dashmobile_Boxcontent{margin: 0px !important;}
.dashboard_box h6 {font-size: 14px;}
.dashboard_box span, .dashboard_box label, .dashboard_box a{font-size: 13px;}

.register_box .form-container { margin: 120px auto; padding:30px 20px; margin: 120px 15px;}
.register_box .form-container .formmobile_logo{display: flex; justify-content: center; align-items: center; font-size: 15px;}
.register_box .form-container small{font-size: 15px;}
.register_box .form-container img{width: 99px;}
.register_box .form-container .input_box::placeholder{font-size: 15px;}
.register_box .form-container .input_box, .custom-dropdownborder, .custom-dropdownnoborder{font-size: 15px; padding: 10px 10px;}
.register_box .form-container .dropdown-title,.dropdown-arrow{font-size: 15px;}
.register_box .form-container .custom_checkbox span{font-size: 12px;}

.allbtn_design {font-size: 15px;}
.register_box .form-container .login_link {font-size: 12px;}
.register_box button i{font-size: 30px;}
.header_button{font-size: 13px;}

.package_box .package_innerbox label {font-size: 12px;}
.package_box .package_innerbox input{ padding: 5px 20px;}
.package_box .package_innerbox input::placeholder, .package_box .package_innerbox textarea::placeholder{font-size: 13px;}
.package_box .package_innerbox{padding: 15px 20px;}

.package_box .package_innerbox .packageotp_btn{font-size: 10px; padding: 5px 10px; right: 25px; top:10px;}

.package_box .darkinput_boxaddlink a{right: 30px; font-size: 12px; top:10px}

.mall_box .mallinner_content p, .mall_box .mallinner_content a{font-size: 13px;}
.mall_box .mallinner_content {padding: 7px 20px;}
.mall_box .mallsingapore_header, .purchase_box .purchase_header{font-size: 12px;}
.custom-dropdownborder .dropdown-header {font-size: 15px;}
.custom-dropdownborder{width: 100% !important;}

.mall_box .mallsingapore_productbox h1{font-size: 15px; margin-bottom: 10px !important;}
.mall_box .mallsingapore_productbox p, .setting_box .settingside_box p {font-size: 12px;}

.mall_box .mallsingapore_productbox button{padding: 5px 0px !important; margin-top: 10px !important;}
.mall_box .mallsingapore_productbox{padding: 10px 20px;}

.mallsingapore_bottomlink a {font-size: 15px;}

.mall_box{padding: 20px 15px;}
.mall_box .mallsingapore_productbox .mall_prodetailstock h2 {font-size: 13px;}
.mall_box .mallsingapore_productbox .mall_prodetailstock .row, .setting_box .settingside_box{padding: 10px 8px !important;}

.mall_box .mallcart_productbox span{font-size: 11px;}
.mall_box .mallcart_productbox label{font-size: 9px;}
.allpageback_space{background: transparent !important;}
.mall_box .mallcart_productbox{padding: 10px;}

.mall_box .mallcart_productbox p{font-size: 10px;}
.mall_box .mallcart_productbox .quantity-wrapper { font-size: 10px; width: 80px;}
.mall_box .mallcart_productbox .quantity-wrapper button{padding: 0px 5px;}
.mall_box .mallcart_productbox .row{padding-top: 3px !important;}

.mall_box .mallcart_wallet h1, .purchase_box .purchase_deliverybox h1{font-size: 22px;} 
.mall_box .mallcart_wallet h5, .mall_box .mallcart_wallet label{font-size: 14px;}
.mall_box .mallcart_wallet{padding-bottom: 30px !important;}
.mall_box .mallcart_wallet{padding-bottom: 30px !important; padding: 10px 20px !important;}

.mall_box .mallcart_wallet span, .purchase_box .purchase_deliverybox span, .purchase_box .mallhpusage_box span{font-size: 16px !important;}
.mall_box .mallhpusage_box{padding: 5px 10px !important;}
.mall_box .mallhpusage_box h5{font-size: 18px; margin-bottom: 0px !important;}
.mall_box .mallcart_delivery{padding: 10px 10px !important;}
.mall_box .mallcart_delivery label{font-size: 10px;}
.mall_box .mallcart_delivery h6, .wallet_box .wallet_innerbox ul li{font-size: 10px;}
.mall_box .mallcart_delivery .darkinput_cartdelivery,.mall_box .mallcart_delivery .simpleinput_cartdelivery, .wallet_box .wallet_innerbox .wallet_apdepositinput{padding: 10px 10px;}
.mall_box .mallcart_delivery .darkinput_cartdelivery::placeholder, .mall_box .mallcart_delivery .simpleinput_cartdelivery::placeholder, .wallet_box .wallet_innerbox .wallet_apdepositinput::placeholder {font-size: 10px;}
.mall_box .mobileviewline_space{margin: 30px 0px !important;}

.purchase_box .purchaseinner_box h1, .purchase_box .purchaseinner_box p {font-size: 12px; line-height: 10px;}
.purchase_box .purchaseinner_box .row, .wallet_box .walletinner_content, .wallet_box .wallet_innerbox {padding: 15px 20px !important;}

.purchase_box .purchaseinner_box a{font-size: 12px;}
.purchase_box .filter-input, .purchase_box .purchasedatetime_box .filter-label{font-size: 14px;}

.purchase_box .purchase_deliverybox{padding: 10px 20px !important;}
.wallet_box .walletinner_content h1, .wallet_box .walletinner_content a{font-size: 13px; line-height: 10px;}
.wallet_box .wallet_innerbox label{font-size: 13px; line-height: 15px;}

.wallet_box .wallet_innerbox {width: 400px !important;}
.wallet_box .wallet_innerbox h1, .setting_box .settingside_box i{font-size: 18px;}
.mobilebutton_size{width: 100%!important;}

.community_box .community_searchimg { left: 360px; top: 8px; width: 22px;}
.community_box .communitysearch_box .communitysearch_boxinput{width: 100%; padding: 5px 20px;}
.community_box .communitysearch_box .communitysearch_boxinput::placeholder{font-size: 14px;}
.community_box .communitysearch_box{margin-top: 10px;}
.community_box .communityinner_box .communityinner_topheder p{font-size: 13px;}
.community_box .communityinner_box .communityinner_topheder{font-size: 13px; margin-top: 10px;}
.community_box .communityinner_box .communitysponsor_linecard p, .community_box .tree-container .tree-node p{font-size: 20px;}
.community_box .communityinner_box .communitysponsor_line{height: 600px;}
.community_box .horizontal-line { top: 14px; left: -100px; width: 100px; height: 2px; background-color: black;}

.community_box .tree-container .tree-level{margin-left: 550px;}
.community_box .tree-container .tree_btn {font-size: 14px;}

.community_box .tree-container .horizontal-line {left: 119px;}
.tree-container .horizontal-line5 {left: 190px !important;}
.community_box .tree-container .horizontal-line4 {left: 50px;}


}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {

  input, textarea {font-size: 18px;}
.package_box .package_innerbox .custom-dropdownnoborder .dropdown-header, .package_box .package_innerbox .custom-dropdownnoborder .dropdown-options p, .custom-dropdownborder .dropdown-options p {font-size: 12px;}

.dashboard_box h6 {font-size: 14px;}
.dashboard_box span, .dashboard_box label, .dashboard_box a{font-size: 13px;}

.dashboard_box h6 {font-size: 14px;}
.dashboard_box span, .dashboard_box label, .dashboard_box a{font-size: 13px;}

.register_box .form-container small{font-size: 15px;}
.register_box .form-container .input_box::placeholder{font-size: 15px;}
.register_box .form-container .input_box, .custom-dropdownborder, .custom-dropdownnoborder{font-size: 15px; padding: 10px 10px;}
.register_box .form-container .dropdown-title,.dropdown-arrow{font-size: 15px;}
.register_box .form-container .custom_checkbox span{font-size: 12px;}

.allbtn_design {font-size: 15px;}
.register_box .form-container .login_link {font-size: 12px;}
.register_box button i{font-size: 30px;}
.header_button{font-size: 13px;}

.package_box .package_innerbox label {font-size: 12px;}
.package_box .package_innerbox input::placeholder, .package_box .package_innerbox textarea::placeholder{font-size: 13px;}

.package_box .package_innerbox .packageotp_btn{font-size: 10px; padding: 9px 10px; right: 25px; top:15px;}

.package_box .darkinput_boxaddlink a{right: 30px; font-size: 12px; top:10px}

.mall_box .mallinner_content p, .mall_box .mallinner_content a{font-size: 13px;}
.mall_box .mallsingapore_header, .purchase_box .purchase_header{font-size: 12px;}
.custom-dropdownborder .dropdown-header {font-size: 15px;}

.mall_box .mallsingapore_productbox h1{font-size: 15px; margin-bottom: 10px !important;}
.mall_box .mallsingapore_productbox p, .setting_box .settingside_box p {font-size: 12px;}

.mall_box .mallsingapore_productbox{padding: 10px 20px;}

.mallsingapore_bottomlink a {font-size: 15px;}

.mall_box{padding: 20px 15px;}
.mall_box .mallsingapore_productbox .mall_prodetailstock h2 {font-size: 13px;}

.mall_box .mallcart_productbox span{font-size: 11px;}
.mall_box .mallcart_productbox label{font-size: 9px;}

.mall_box .mallcart_productbox p{font-size: 10px;}
.mall_box .mallcart_productbox .quantity-wrapper { font-size: 10px;}

.mall_box .mallcart_wallet h1, .purchase_box .purchase_deliverybox h1{font-size: 22px;} 
.mall_box .mallcart_wallet h5, .mall_box .mallcart_wallet label{font-size: 14px;}

.mall_box .mallcart_wallet span, .purchase_box .purchase_deliverybox span, .purchase_box .mallhpusage_box span{font-size: 16px !important;}
.mall_box .mallhpusage_box h5{font-size: 18px; margin-bottom: 0px !important;}
.mall_box .mallcart_delivery label{font-size: 10px;}
.mall_box .mallcart_delivery h6, .wallet_box .wallet_innerbox ul li{font-size: 10px;}
.mall_box .mallcart_delivery .darkinput_cartdelivery::placeholder, .mall_box .mallcart_delivery .simpleinput_cartdelivery::placeholder, .wallet_box .wallet_innerbox .wallet_apdepositinput::placeholder {font-size: 10px;}

.purchase_box .purchaseinner_box h1, .purchase_box .purchaseinner_box p {font-size: 12px; line-height: 10px;}

.purchase_box .purchaseinner_box a{font-size: 12px;}
.purchase_box .filter-input, .purchase_box .purchasedatetime_box .filter-label{font-size: 14px;}

.wallet_box .walletinner_content h1, .wallet_box .walletinner_content a{font-size: 13px; line-height: 10px;}
.wallet_box .wallet_innerbox label{font-size: 13px; line-height: 15px;}

.wallet_box .wallet_innerbox h1, .setting_box .settingside_box i{font-size: 18px;}

/* .community_box .community_searchimg { left: 360px; top: 8px; width: 22px;} */
.community_box .communitysearch_box .communitysearch_boxinput::placeholder{font-size: 14px;}
.community_box .communityinner_box .communityinner_topheder p{font-size: 13px;}
.community_box .communityinner_box .communityinner_topheder{font-size: 13px; margin-top: 10px;}
.community_box .communityinner_box .communitysponsor_linecard p, .community_box .tree-container .tree-node p{font-size: 20px;}
/* .community_box .horizontal-line { top: 14px; left: -100px; width: 100px; height: 2px; background-color: black;} */

.community_box .tree-container .tree_btn {font-size: 14px;}
.sidebar h1 {font-size: 25px;}

  .sidebar {width: 430px;}
  .sidebar .nav-link {font-size: 15px;}
  .allpageback_space {padding: 0px 20px; margin-top: 120px; margin-bottom: 100px;}
  .header {padding: 0px 20px;}
    
}

@media only screen and (min-width: 1280px) and (max-width: 1499px) {

  .sidebar {width: 500px;}
  .allpageback_space {padding: 0px 80px; margin-top: 120px;}
  .header {padding: 0px 80px;}
}
@media only screen and (min-width: 1500px) and (max-width: 1549px)
{
  .sidebar {width: 500px;}

}

@media only screen and (min-width: 1550px) and (max-width: 1910px) {
  .sidebar {width: 550px;}
 
}