@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Prompt: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');

 /* font-family: "Montserrat", sans-serif; */

:root {--darkgreen: #205C5B; --white: #F8FAFA;}

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 { display: inline-block; height: auto; max-width: 100%; }
p{margin: 0;}
body {  background-color: #e4e7e7 !important; overflow-x: hidden; font-family: "Montserrat", sans-serif;}
button{border: none;}

/*================ custom ===================*/
.btn-primary { background-color: #3CA8A8 !important}
.wrapper { margin: 70px 180px 100px 430px;}

.backarrow-text h6{font: normal normal bold 18px/22px Montserrat !important; color: var(--darkgreen) !important;}

.allbtn-design{background: #3CA8A8; border: none; padding: 15px 0px; box-shadow: 0px 3px 6px #0000009A; border-radius: 10px; font: normal normal normal 20px/23px Montserrat; color: #F8FAFA}

.border-btn{background: #DDDDDD; box-shadow: 0px 3px 6px #00000099; border: 1px solid #3CA8A8; border-radius: 10px; font: normal normal 600 20px/24px Montserrat; color: #205C5B;}

.inbox-whitebox, .purchase-whitebox, .storepurchase-whitebox, .paybd2-walletbox, .maket-prowhite{background: #F8FAFA; border: 0.5px solid #F8FAFA; border-radius: 10px; padding: 4px 30px;}

.close-text{font: normal normal 600 22px/27px Montserrat; color: #A83C3C;}

.affiliate-bgwhite select, #market-prolist select, .finance-content select, .editaddress-content select{outline: none; appearance: none; -webkit-appearance: none; background: #DDDDDD; background-image:url("../images/dropdownarrow.png"); background-repeat: no-repeat; background-position: right 20px center; background-position-y: center; cursor: pointer;  box-shadow: inset 0px 3px 6px #00000098;}

.affilibuynow-box3 .otp-box .otp-btn{right: 2%;}
.maeketpro-content .otp-box .otp-btn, #profile-editname .otp-box .otp-btn, .finance-content .otp-box .otp-btn {right: 2%; font-size: 16px;}


/*================ sidebar ===================*/

.sidebar { height: 100vh; background: transparent linear-gradient(180deg, #F8FAFA 0%, #DDDDDD 100%);
box-shadow: inset 0px 3px 6px #838383B2; width: 357px; padding: 60px 35px; position: fixed; top: 0; left: 0; overflow-y: auto; scrollbar-width: none; display: flex !important; flex-direction: column; justify-content: space-between; }

.profile-imgbox{width: 80px; height: 80px; background: #FFFFFF; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.profile-imgbox h1{font: normal normal 600 55px/67px Montserrat; color: var(--darkgreen);}
.profile-header p{font: normal normal 600 18px/22px Montserrat !important; color: var(--darkgreen);}

.sidelink-box a { font: normal normal 600 16px/19px Montserrat; color: var(--darkgreen);  display: flex; align-items: center; border: 0.5px solid #3CA8A8; background: #FFFFFF00; box-shadow: 0px 2px 4px #0000004D; border: 0.5px solid #3CA8A8; border-radius: 25px; margin-bottom: 15px; padding: 15px 25px;}
.sidelink-box a span { flex: 1; text-align: center;}

/* Active link style */
.sidelink-box a.active {color: var(--white); background-color: #3CA8A8;}
.sidelink-box a.active img, .mobile-bottom-nav a.active img{ filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(3247%) hue-rotate(197deg) brightness(102%) contrast(95%);}

/*================ Home ===================*/

.hmwallet-text, .mobileview-prohead{display: none !important;}
.home-bgwhite, .affiliate-bgwhite{ display: block; background-color: #FFFFFF;  border-radius: 10px; padding: 10px 15px;}
.home-bgwhite span, .hmwallet-text{color: #3CA8A8; font-size: 20px; font-weight: 500; font-family: "Montserrat", sans-serif;}
.home-bgwhite h6{font: normal normal 600 23px/28px Montserrat; color: var(--darkgreen);}
.home-bgwhite p{font: normal normal normal 23px/28px Montserrat; color: var(--darkgreen);}

.carousel-indicators { position: static; margin-top: 15px; }
.carousel-indicators [data-bs-target] { width: 23px; height: 23px; border-radius: 50%; background-color: #FFFFFF; margin: 0 10px;}
.carousel-indicators .active { background-color: #3CA8A8;}

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

.toggle-switch { position: relative; display: inline-flex; align-items: center; width: 100px; height: 41px; border-radius: 300px; cursor: pointer; transition: background 0.3s;}
.toggle-switch.off { background:#DDDDDD; border: 2px solid #004c46;}
.toggle-switch.off .toggle-text { font: normal normal bold 21px/25px Montserrat; color: var(--darkgreen); padding-left: 40px;}
.toggle-switch .toggle-circle { position: absolute; top: 2px; left: 3px; width: 33px; height: 33px; background: var(--darkgreen); border-radius: 50%; transition: transform 0.3s;}

.toggle-switch.on {background: var(--darkgreen);}
.toggle-switch.on .toggle-circle { transform: translateX(50px); background: var(--white); top: 4px !important; left: 10px !important;}
.toggle-switch.on .toggle-text {color: var(--white); font: normal normal bold 21px/25px Montserrat; padding-left: 10px;}

/*================ affiliaterank ===================*/

.home-bgwhite a{font: normal normal normal 19px/23px Montserrat; color: var(--darkgreen);}
.affiliate-stock{font: normal normal 600 20px/24px Montserrat; color: var(--darkgreen);}
.affiliate-bgwhite p{font: normal normal normal 20px/24px Montserrat; margin-bottom: 5px;}

/* checkbox */
.affiliate-method input[type="radio"], .shipping-inputbox[type="radio"]{ appearance: none; -webkit-appearance: none; width: 28px; height: 28px; border: 2px solid #205C5B; border-radius: 50%; background: transparent; cursor: pointer; position: relative;}
.affiliate-method input[type="radio"]:checked::after, .shipping-inputbox[type="radio"]:checked::after{ content: ""; width: 14px; height: 14px; background: #205C5B; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%;}

/* affiliate purchase */
.section { display: none; margin-top: 15px;}
.section.active {display: block;}

/*================ withdraw ===================*/

.affiliate-method .withdraw-radio[type="radio"] { width: 16px; height: 16px;}
.affiliate-method .withdraw-radio[type="radio"]:checked::after {width: 8px; height: 8px;}
.withdraw-profinal{font: normal normal 600 16px/19px Montserrat; color: #000000;}

.affiliate-bgwhite option{font: normal normal bold 16px/19px Montserrat;}

/*================ usdt deposit ===================*/

.usdtdeposit-box .sign-input, .usdtdeposit-box .sign-input::placeholder{font: normal normal normal 13px/16px Montserrat;}
.usdtdeposit-box ol li{font: normal normal normal 14px/18px Montserrat; color: #000000; margin-bottom: 10px;}

/*================ inbox ===================*/

.inbox-content h1{font: normal normal bold 22px/27px Montserrat; color: #205C5B;}
.inbox-content h6{font: normal normal 600 20px/24px Montserrat; color: #000000;}
.inbox-content p{font: normal normal normal 14px/18px Montserrat; color: #000000;}

.inbox-lightbox{background: #DDDDDD; border: 1px solid #FFFFFF; border-radius: 10px; padding: 4px 30px;}
.pagination-box .pagination{background: #F8FAFA; padding: 8px 40px; border-radius: 5px; font: normal normal 600 12px/15px Montserrat; color: #000000;}

#inboxModal h6{font: normal normal 600 16px/19px Montserrat; color: #000000;}
#inboxModal span{font: normal normal normal 13px/16px Montserrat; color: #05773A;}
#inboxModal p{font: normal normal normal 13px/16px Montserrat; color: #000000;}

/*================ inbox ===================*/

.purchase-whitebox p{font: normal normal normal 20px/24px Montserrat; color: #000000;}

/*================ shop ===================*/

.shop-header h6{font: normal normal bold 18px/22px Montserrat; color: #205C5B;}
.basket-box{background: #FFFFFF; padding: 10px 30px; color: #3CA8A8; font-size: 20px; font-weight: 500; font-family: "Montserrat", sans-serif;}

/*=---------- dropdown select option ------------------*/
.select-wrapper { display: flex; justify-content: flex-end; width: 100%; }
.shop-content select {padding: 15px 20px; background: #FFFFFF; border: 1px solid #3CA8A8; border-radius: 5px; font: normal normal 600 22px/27px Montserrat; color: #205C5B; outline: none; appearance: none; background-image:url("../images/shoparrow.svg"); background-repeat: no-repeat; background-position-x: 95%; background-position-y: center; cursor: pointer; width: 360px;}
option {font: normal normal normal 18px/22px Montserrat; color: #205C5B;}

/* Product Grid */
.product-card, .tools-card{position: relative; background: #FFFFFF; padding: 15px; border-radius: 10px; cursor: pointer;}
.product-overlay { position: absolute; top: 35%; left: 0; width: 100%; background: #00000080; color: #fff; padding: 5px 0px 30px 4px;}
.product-overlay h3{font: normal normal 600 13px/16px Montserrat; color: #F8FAFA; text-align: start;}
.product-card h6{font: normal normal 600 19px/23px Montserrat; color: #205C5B;}
.product-card p{font: normal normal normal 19px/23px Montserrat; color: #205C5B;}

.product-sidebar h6{font: normal normal bold 16px/19px Montserrat; color: #205C5B;}
.product-sidebar { position: fixed; top: 0; left: -400px;  width: 380px; height: 100%; background: #FFFFFF; box-shadow: 0px 6px 8px #00000042; padding: 30px; overflow-y: auto; transition: left 0.3s ease-in-out; z-index: 1000;}
.product-sidebar.open { left: 0;}
.product-sidebar .close-btn { background: transparent; float: right; cursor: pointer; }

.thumb { width: 97px; height: 97px; object-fit: cover; border-radius: 10px; cursor: pointer; border: 2px solid transparent; transition: border 0.3s;}
.thumb.active { border: 1px solid #3CA8A8;}

/* Tabs */
.product-sidebar .tab-buttons button { padding: 4px 40px; background: #FFFFFF; border: 1px solid #3CA8A8; border-radius: 20px; cursor: pointer; font: normal normal normal 16px/19px Montserrat; color: #205C5B;}
.product-sidebar .tab-buttons .active { background: #3CA8A8; font: normal normal 600 16px/19px Montserrat; color: #F8FAFA;}
.product-sidebar #priceContent h5, .product-sidebar #priceContent h6, .product-sidebar #priceContent p, #detailContent h5{font: normal normal 600 16px/19px Montserrat; color: #000000;}
.product-sidebar #priceContent h6{color: #205C5B;}
.product-sidebar #priceContent p{font-weight: normal; color: #205C5B;}

#detailContent::-webkit-scrollbar {display: none;}
.product-sidebar #detailContent p{font: normal normal normal 12px/15px Montserrat; color: #205C5B;}

/*================ addtocart ===================*/

.addtocart-card {background: #FFFFFF; padding: 13px; border-radius: 10px; cursor: pointer;}
.addtocart-card h5{font: normal normal 600 13px/16px Montserrat; color: #000000;}
.addtocart-card h6, .addtocart-card p{font: normal normal 600 13px/16px Montserrat; color: #205C5B;}
.addtocart-card p{font-weight: normal;}
.addtocart-card .allbtn-design{font: normal normal normal 10px/13px Montserrat; padding: 5px 15px;}

.addtocart-bottom { background: transparent linear-gradient(180deg, #F8FAFA 0%, #DDDDDD 100%);
box-shadow: inset 0px 3px 6px #838383B2; height: 180px; position: fixed; bottom: 0; left: 18.80%; right: 0; display: flex; justify-content: space-between; align-items: center; padding: 0px 50px; z-index: 1000;}
.addtocart-bottom h1, .addtocart-bottom span{font: normal normal 600 32px/39px Montserrat; color: #205C5B;}
.addtocart-bottom button{padding: 20px 80px;}
.addtocart-bottom h6{font: normal normal 600 30px/37px Montserrat; color: #3CA8A8;}
.addtocart-bottom h5{font: normal normal 600 24px/29px Montserrat; color: #3CA8A8;}
.addtocart-bottom p{font: normal normal normal 38px/47px Montserrat; color: #000000;}

/*================ checkout ===================*/

.checkout-box{background: #FFFFFF; border-radius: 10px; padding: 40px 20px;}
.checkout-box p{font: normal normal 600 23px/28px Montserrat; color: #205C5B;}

.shipping-card { border: 1px solid #3CA8A8; background: #F8FAFA; border-radius: 10px; padding: 25px 15px; cursor: pointer; margin-bottom: 10px; color: #000000;}
.shipping-card .shipping-timebtn { background: #3CA8A8; padding: 5px 13px; border-radius: 5px; font: normal normal normal 15px/19px Montserrat; color: #000000;}
/* Active/Selected Card */
.shipping-card.active {background: #3CA8A8; color: #F8FAFA;}
.shipping-card.active .shipping-timebtn {background: #F8FAFA; color: #205C5B;}
.shipping-card.active h6, .shipping-card.active span, .shipping-card.active p{color: #F8FAFA;}
.shipping-card h6, .shipping-card span, .shipping-card p{color: #000000 !;}

.shipping-card2 {background: #3CA8A8; border-radius: 10px; padding: 25px 15px; cursor: pointer; margin-bottom: 10px; color: #F8FAFA;}
.shipping-card2 .shipping-timebtn { background: #F8FAFA; padding: 5px 13px; border-radius: 5px; font: normal normal normal 15px/19px Montserrat; color: #205C5B;}
/* Active/Selected Card */
.shipping-card2.active {border: 1px solid #3CA8A8; background: #F8FAFA; color: #000000;}
.shipping-card2.active .shipping-timebtn {background: #3CA8A8; color: #000000;}
.shipping-card2.active h6, .shipping-card2.active span, .shipping-card2.active p{color: #000000;}
.shipping-card2 h6, .shipping-card2 span, .shipping-card2 p{color: #F8FAFA;}

.shipping-card h6, .shipping-card2 h6{font: normal normal 600 20px/24px Montserrat;}
.shipping-card span, .shipping-card2 span{font: normal normal normal 18px/22px Montserrat;}
.shipping-card p, .shipping-card2 p{font: normal normal normal 14px/18px Montserrat;}

.shipping-inputbox[type="radio"] { width: 24px; height: 24px;}
.shipping-inputbox[type="radio"]:checked::after {width: 12px; height: 12px;}

.shipping-address{background: #FFFFFF; border: 1px solid #205C5B; border-radius: 10px; font: normal normal normal 20px/24px Montserrat; color: #000000; padding: 0px 20px;}

/*================ storepurchase ===================*/

.storepurchase-whitebox h6{font: normal normal 600 19px/23px Montserrat;}
.storepurchase-whitebox p{font: normal normal normal 15px/19px Montserrat;}

/*================ paybd2-walletbox ===================*/

.paybd2-walletbox h6{font: normal normal 600 15px/19px Montserrat; color: #000000;}
.paybd2-walletbox p{font: normal normal normal 13px/15px Montserrat; color: #000000;}

.bdwallet2-markasbtn{background: #205C5B; box-shadow: 0px 3px 6px #00000099; border-radius: 88px; font: normal normal 600 22px/27px Montserrat; color: #F8FAFA;}

/*================ tools ===================*/

.tools-tutohead h6{font: normal normal bold 18px/22px Montserrat; color: #205C5B;}
.tools-tutohead a{font: normal normal bold 16px/19px Montserrat; color: #205C5B;}

.tools-overlay { position: absolute; top: 45%; left: 0; width: 100%; background: #00000080; color: #fff; padding: 4px 10px;}
.tools-overlay h3{font: normal normal 600 20px/24px Montserrat; color: #F8FAFA;}

.tools-playbtn{background: #205C5B; box-shadow: 0px 3px 6px #00000099; border: 1px solid #5FFEFD; border-radius: 10px; font: normal normal 600 20px/24px Montserrat; color: #DDDDDD;}

/*================ market ===================*/

.market-colorbox{background: #3CA8A8; padding: 10px 30px; color: #F8FAFA; font-size: 20px; font-weight: 500; font-family: "Montserrat", sans-serif;}
.market-overlay{top: 40%;}

.maket-prowhite h6{font: normal normal 600 22px/27px Montserrat; color: #000000; margin-bottom: 0px;}
.maket-prowhite p{font: normal normal normal 17px/20px Montserrat; color: #05773A;}

/* drag adndrop img */
.upload-box img{width: 126px; height: 126px;}
.upload-box, .upload-box2{background: #DDDDDD; border-radius: 10px; text-align: center; cursor: pointer; height: 496px; padding: 10px;}
.upload-box input[type="file"], .upload-box2 input[type="file"]{  display: none;}
.upload-box h6, .upload-box p, .upload-box2 h6{font: normal normal bold 16px/19px Montserrat; color: #000000;}
.upload-box2{height: 160px;}
.upload-box2 img{width: 30px; height: 30px;}
.upload-box2 p{font: normal normal normal 12px/15px Montserrat; color: #000000;}

.market-loadright{background: #DDDDDD; box-shadow: inset 0px 3px 6px #00000098; border-radius: 5px; padding: 18px;}
.market-loadright p{font: normal normal normal 14px/16px Montserrat; color: #000000;}

.maeketpro-content .sign-input, .maeketpro-content .sign-input::placeholder{font-size: 18px;}
.market-otptext{font: normal normal 600 18px/22px Montserrat;}

#market-prolist .sign-input, #market-prolist .sign-input::placeholder, #market-proorder .sign-input, #market-proorder .sign-input::placeholder{font-size: 19px; color: #0000006F;}

/*================ profile ===================*/

.profile-content .profile-imgbox{width: 120px; height: 120px;}
.profile-content .profile-imgbox h1{font: normal normal 600 82px/100px Montserrat; color: var(--darkgreen);}
.profile-content .profile-header p{font: normal normal 600 32px/39px Montserrat !important; color: var(--darkgreen);}
.profile-content .language-box p, .profile-content .language-box2 p{font-size: 22px;}

/*--- profile edit name -----*/
#profile-editname .userinput{border-radius: 5px; box-shadow: none;}
#profile-editname h6{font: normal normal 600 18px/22px Montserrat; color: #000000;}
#profile-editname .editname-available{position: absolute; top: 30%; right: 2%; font: normal normal normal 16px/19px Montserrat; color: #3CA8A8;}

/*--- currency modal -----*/
#currency-modal h1{font: normal normal bold 29px/35px Montserrat; color: #205C5B;}
#currency-modal p{font: normal normal normal 29px/35px Montserrat; color: #205C5B;}
#currency-modal .currency-btn{background: #F8FAFA; border: 1px solid #3CA8A8; border-radius: 50px; font: normal normal 600 19px/23px Montserrat; color: #205C5B;}

/* Currency radio button styles */
.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.currency-radio-label {
    display: block;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #F8FAFA;
    border: 1px solid #3CA8A8;
    color: #205C5B;
}

.currency-radio-label.allbtn-design {
    background: #3CA8A8;
    border: none;
    color: #F8FAFA;
}

.currency-radio-label.currency-btn {
    background: #F8FAFA;
    border: 1px solid #3CA8A8;
    color: #205C5B;
}

.btn-check:checked + .currency-radio-label {
    background: #3CA8A8;
    border: none;
    color: #F8FAFA;
}

.finance-content h5{font: normal normal 600 18px/22px Montserrat; color: #000000;}

/*================ stokie login ===================*/

.stockie-btn{background: #205C5B; box-shadow: 0px 3px 6px #0000009A; border-radius: 10px; font: normal normal 600 19px/23px Montserrat; color: #DDDDDD;}

/*================ stokie home ===================*/

.sidelink-box2 a.active { color: var(--white); background-color: #205C5B;}
#market-procontent p{font: normal normal normal 18px/26px Montserrat; color: #205C5B;}


/*================ register1 ===================*/

.register-container{padding: 180px 180px 230px 0px;}
.language-box2{display: none !important;}
.language-box p, .language-box2 p{font: normal normal normal 18px/22px Montserrat; color: #205C5B;}
.register1-signupbox{width: 540px; box-shadow: 0px 3px 6px #0000009A; border-radius: 10px; padding: 10px; display: flex; align-items: center;}
.register-emailbox{background:#3CA8A8;}
.register1-signupbox h6{ flex: 1; text-align: center; font: normal normal 600 19px/23px Montserrat;}

.register-facbook{background: #F8FAFA; border: 1px solid #00C2FC;}
.register-line{background: #F8FAFA; border: 1px solid #2FB95A;}
.register-tiktok{background: #F8FAFA; border: 1px solid #000000;}

.signup-aclink p{font: normal normal normal 18px/22px Montserrat; color: #000000;}

/*================ register ===================*/

.sign-input, .register-container select{background: #DDDDDD; border: none; padding: 17px; box-shadow: inset 0px 3px 6px #00000098; border-radius: 5px; font: normal normal normal 20px/23px Montserrat; color: #000000; margin-bottom: 10px;}
.sign-input::placeholder, .register-container select{font: normal normal normal 20px/23px Montserrat; color: #000000;}

.otp-box .otp-btn { position: absolute; top: 42%; right: 27%; transform: translateY(-50%); background: #3CA8A8; border: none; padding: 6px 12px; box-shadow: 0px 3px 6px #0000009A; border-radius: 5px; font: normal normal normal 19px/23px Montserrat; color: #F8FAFA; cursor: pointer;}

/* select */
.register-container select{outline: none; appearance: none; -webkit-appearance: none; background: #DDDDDD; background-image:url("../images/dropdownarrow.png"); background-repeat: no-repeat; background-position: right 20px center; background-position-y: center; cursor: pointer;  box-shadow: 0px 3px 6px #00000098; border: 1px solid #3CA8A8; border-radius: 5px;}

/* checkbox */
.signprivacy-box input[type="checkbox"], .checkout-box input[type="radio"]{ appearance: none; -webkit-appearance: none; width: 30px; height: 30px; border: 2px solid #205C5B; border-radius: 50%; background: transparent; cursor: pointer; position: relative;}
.signprivacy-box input[type="checkbox"]:checked::after, .checkout-box input[type="radio"]:checked::after{ content: ""; width: 12px; height: 12px; background: #205C5B; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%;}
.signprivacy-box label { display: flex; align-items: center; cursor: pointer; font: normal normal normal 16px/22px Montserrat; color: #000000;}

/*================ language modal ===================*/

.modal-content{background: #F8FAFA; border: 1px solid #FFFFFF; box-shadow: 0px 3px 6px #0000009A; border-radius: 10px; padding: 15px;}
#languageModal .modal-body img{width: 241px; height: 241px;}
#languageModal .modal-body{padding: 40px;}
#languageModal ul li{font: normal normal normal 16px/19px Montserrat; color: #3CA8A8; padding: 20px 0px; text-transform: uppercase;}
#languageModal ul a.active{font: normal normal bold 16px/19px Montserrat; color: #205C5B;}

/*================ Mobile bottom nav ===================*/

.mobile-bottom-nav{ background: transparent linear-gradient(180deg, #F8FAFA 0%, #DDDDDD 100%);
box-shadow: inset 0px 3px 6px #838383B2; height: 100px; position: fixed; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; padding: 0px 20px; z-index: 1000;}
.mobile-bottom-nav a { flex: 1; text-align: center; text-decoration: none; color: var(--darkgreen); font-size: 10px; display: flex; flex-direction: column; align-items: center; gap: 3px;}
.mobile-bottom-nav a img { width: 22px; height: 22px;}
.mobile-bottom-nav a.active{background: #3CA8A8; box-shadow: 0px 3px 6px #838383B2; border-radius: 25px;
color: var(--white); padding: 7px 15px 7px 19px; font-size: 12px; font-weight: 500;}
.mobile-bottom-nav2 a.active {background: #205C5B;}



/*================ responsive css style ===================*/

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

}

@media only screen and (min-width: 320px) and (max-width: 767px){

    .sidebar{display: none !important; }
    .wrapper { margin: 40px 20px 200px 15px;}
    .allbtn-design{font-size: 16px; padding: 11px 0px;}
    .community-content, .shop-content, .shipping-content, .affiliate-content, .maeketpro-content, .inbox-content, .shipping-content, .editaddress-content, .register-container{padding-bottom: 50px !important;}
    .community-content a{height: 55% !important;}

    /*--- register1 ----*/
    .register-container {padding: 50px 30px; text-align: center;}
    .register1-signupbox {width: 100%;}
    .register-logo{width: 240px; padding-bottom: 10px;}
    .register1-signupbox h6{ font-size: 13px;}
    .register1-signupbox img{width: 24px; height: 24px;}
    .signup-aclink p {font-size: 13px;}
    .signup-aclink{margin: 0px !important; padding-left: 0px !important; padding-top: 100px;}
    .language-boxnoshow{display: none !important;}
    .language-box2{display: flex !important;}
    .language-box p{font-size: 13px;}
    .register-emailbox{margin-top: 40px;}

    /*--- register ----*/
    .register-frombox{padding-top: 50px;}
    .sign-input, .register-container select{width: 100% !important;}
    .sign-input, .register-container select, .register-container option{ font-size: 13px; padding: 11px; }
    .sign-input::placeholder{font-size: 13px;}
    .otp-box .otp-btn { font-size: 12px; padding: 1px 12px; right: 2%;}
    .signprivacy-box label {font-size: 10px; line-height: 18px;}
    .signprivacy-box input[type="checkbox"], .checkout-box input[type="radio"], .affiliate-method input[type="radio"] { width: 16px; height: 16px;}
    .signprivacy-box input[type="checkbox"]:checked::after, .checkout-box input[type="radio"]:checked::after, .affiliate-method input[type="radio"]:checked::after { width: 8px; height: 8px;}
    .register-container .allbtn-design{width: 100% !important; font-size: 14px; padding: 11px 0px;}

    /*--- home ----*/
    .home-bgwhite, .affiliate-bgwhite { padding: 10px 10px !important;}
    .community-content .home-bgwhite{ padding: 20px 10px !important;}

    .home-bgwhite h6, .home-bgwhite p {font-size: 15px; margin-bottom: 0;}
    .home-bgwhite img{width: 24px; height: 24px;}
    .carousel-indicators [data-bs-target] { width: 10px; height: 10px; margin: 0 5px;}
    .hmwallet-text{display: flex !important; font-size: 10px; justify-content: center;}
    .home-bgwhite span {display: none !important;}
    .mobileview-prohead{display: flex !important; }
    .profile-header p {font-size: 13px !important;}
    .home-padding{padding-top: 10px !important;}

    /*--- community ----*/
    .backarrow-text{width: 40px; height: 40px;}
    .backarrow-text h6 {font-size: 13px !important; text-wrap: nowrap;}
    .toggle-switch { width: 60px; height: 25px;}
    .toggle-switch .toggle-circle { top: 0.9px; left: 3px; width: 20px; height: 20px;}
    .toggle-switch.on .toggle-circle { top: 3px !important; left: -13px !important;}
    .home-bgwhite a {font-size: 13px;}

    /*--- affiliate ----*/
    .home-bgwhite .question-img{width: 13px; height: 13px;}
    .affiliate-stock {font-size: 16px; margin-bottom: 0; text-align: center;}
    .affiliate-bgwhite p {font-size: 13px; margin-bottom: 0 !important;}
    .affiliate-method{padding: 0px !important;}
    .affiliate-content .allbtn-design{width: 40% !important; }

    .affilibuy3-btn .allbtn-design{width: 100% !important;}
    .bottmbtn-shadow{background: transparent linear-gradient(180deg, #F8FAFA 0%, #DDDDDD 100%);
    box-shadow: inset 0px 3px 6px #838383B2; height: 100px; position: fixed; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; z-index: 1000; padding-top: 0px !important; padding: 0px 10px;}

    /*--- withdraw ----*/
    .withdraw-mobilebottm{display: flex;}

    /*--- deposit usdt ----*/
    .usdtdeposit-box{padding-top: 10px !important;}
    .usdtdeposit-box .col-lg-4 img{width: 310px;}
    .usdtdeposit-box .col-lg-4{text-align: center;}
    .usdtdeposit-box .col-lg-5{padding-left: 20px !important;}
    .usdtdeposit-box ol li {font-size: 13px;}
    .depositusdt-btnbox{padding-top: 20px !important;}
    .depositusdt-btnbox .allbtn-design, .border-btn{font-size: 13px !important;}
    .border-btn{padding: 11px 0px !important;}

    /*--- inbox ----*/
    .inbox-whitebox, .inbox-lightbox, .storepurchase-whitebox, .paybd2-walletbox{padding: 4px 10px;}
    .inbox-whitebox img, .inbox-lightbox img{width: 27px; height: 27px;}
    .inbox-content h1{font-size: 13px;}
    .inbox-content h6 {font-size: 13px; line-height: 10px;}
    .inbox-content p {font-size: 10px;}

    /*--- purchase ----*/
    .inbox-whitebox{margin-top: 10px !important;}
    .purchase-whitebox .desc-balance { display: none; margin-top: 10px;}
    .purchase-whitebox .toggle-btn {display: block;}
    .purchase-whitebox.open .desc-balance { display: block; padding-left: 70px !important;}
     .purchase-whitebox{padding: 2px 8px;}

    /*--- shop ----*/
    .basket-box p{display: none !important;}
    .basket-box{padding: 0px 10px;}
    .basket-box img{width: 24px; height: 24px;}
    .shop-header{justify-content: space-between;}
    .shop-header h6 {font-size: 16px;}
    .select-wrapper {justify-content: flex-start;}
    .shop-content select, option{font-size: 13px; padding: 8px 15px; width: 205px; background-size: 15px;}
    .product-overlay { top: 27%; padding: 2px 3px 0px 3px;}
    .product-card, .tools-card {padding: 9px;}
    .product-card h6, .product-card p {font-size: 13px; line-height: 17px;}
    .shop-content .allbtn-design, .shop-content .border-btn{font-size: 13px; padding: 8px 15px !important;}
    .product-sidebar { width: 350px; padding: 17px;}

    /*--- addtocart ----*/
    .addtocart-bottom {height: 100px; left: 0; padding: 0px 15px;}
    .addtocart-bottom h1, .addtocart-bottom span {font-size: 13px; margin-bottom: 0 !important;}

    /*--- checkout ----*/
    .checkout-box p {font-size: 16px;}
    .addtocart-bottom button {padding: 10px 25px;}
    .addtocart-bottom h6 {font-size: 16px;}

    .shipping-card h6, .shipping-card2 h6, .shipping-card span, .shipping-card2 span, .shipping-card p, .shipping-card2 p{font-size: 13px; margin-bottom: 0px; line-height: 15px;}
    .shipping-card2 .shipping-timebtn, .shipping-card .shipping-timebtn{ padding: 3px 10px; font-size: 10px;}
    .shipping-inputbox[type="radio"] { width: 16px; height: 16px;}
    .shipping-inputbox[type="radio"]:checked::after { width: 8px; height: 8px;}
    .ship-timebox{margin-top: 10px !important;}
    .shipping-address {font-size: 16px; padding: 10px 10px !important;}
    .shipping-address img{height: 24px; width: 24px;}

    .addtocart-bottom h5, .addtocart-bottom p{font-size: 16px; line-height: 20px;}
    /*.affiliate-content .allbtn-design{width: 100% !important;}*/
    .bdwallet2-markasbtn {font-size: 14px; width: 55% !important; padding: 10px 10px !important;}

    /*--- tools ----*/
    .tools-line{margin: 18px 0px !important;}
    .tools-tutohead h6{font-size: 16px;}
    .tools-tutohead a {font-size: 13px;}
    .tools-overlay {top: 38%;}
    .tools-overlay h3 {font-size: 13px; line-height: 17px;}
    .tools-playbtn { padding: 10px 10px !important; font-size: 13px;}
    .shop-header a img{width: 40px; height: 40px;}

    /*--- market ----*/
    .market-colorbox p{display: none !important;}
    .market-colorbox {padding: 10px 10px;}
    .market-colorbox img{width: 24px !important; height: 24px !important;}
    .market-hiddenbox{display: none !important;}
    .maket-prowhite h6 {font-size: 13px;}
    .maket-prowhite p {font-size: 10px; line-height: 10px;}

    .upload-box {height: 395px;}
    .upload-box2 {height: 128px; padding: 5px;}
    .upload-box img { width: 100px; height: 100px;}
    .upload-box h6, .upload-box p, .upload-box2 h6 {font-size: 12px; padding: 0 !important;}
    .upload-box2 p {font-size: 10px;}
    .market-loadright {padding: 10px;}
    .market-loadright p {font-size: 13px;}
    .market-otptext {font-size: 13px;}
    .maeketpro-content .sign-input::placeholder, .maeketpro-content .sign-input{font-size: 13px;}
    .maeketpro-content .otp-box .otp-btn, #profile-editname .otp-box .otp-btn, .finance-content .otp-box .otp-btn {right: 2%; font-size: 13px;}

    .bottmbtn-shadow h5{font-size: 13px; padding-bottom: 0 !important;}
    #market-prolist .sign-input, #market-prolist .sign-input::placeholder, #market-proorder .sign-input, #market-proorder .sign-input::placeholder {font-size: 13px;}
    .close-text {font-size: 16px;}

        /*--- profile ----*/

    .profile-content .profile-imgbox { width: 80px; height: 80px;}
    .profile-content .profile-imgbox h1 {font-size: 55px; line-height: 60px;}
    .profile-content .profile-header p {font-size: 13px !important; line-height: 19px;}
    .profile-content .language-box p, .profile-content .language-box2 p {font-size: 13px;}
    .profile-content .profile-header button img{width: 24px; height: 24px;}
    .profile-content .profile-header{gap: 3px !important;}
    .profile-content .profile-lastabox .col-6 a{padding: 30px 10px !important;}
    .profile-lastabox .home-bgwhite{padding: 30px 10px !important;}

    #profile-editname .allbtn-design{padding: 11px 0px !important;}
    #profile-editname h6 {font-size: 13px;}
    #profile-editname .editname-available { top: 20%; font-size: 13px;}
    #profile-editname .editname-available img{width: 24px; height: 24px;}

    #currency-modal h1, #currency-modal p{font-size: 16px; line-height: 20px; margin-top: 10px !important;}
    #currency-modal .currency-btn, #currency-modal .allbtn-design {font-size: 16px; line-height: 20px; padding: 11px 0px !important;}
    .shippadd-prowidth{width: 93% !important;}
    .editaddress-formbox{padding: 10px !important;}
    .editaddress-formbox .allbtn-design{padding: 11px 0px !important; font-size: 16px;}
    .finance-content h5 {font-size: 13px;}

        /*--- stock login ----*/

    .stockie-btn{width: 100% !important;}
    #market-procontent p {font-size: 16px;}

}

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

    .sidebar{display: none !important; }
    .wrapper { margin: 40px 20px 200px 15px;}
    .allbtn-design{font-size: 16px; padding: 11px 0px;}
    .community-content, .shop-content, .shipping-content, .affiliate-content, .maeketpro-content, .inbox-content, .shipping-content, .editaddress-content, .register-container{padding-bottom: 50px !important;}
    .community-content a{height: 55% !important;}

    /*--- register1 ----*/
    .register-container {padding: 50px 30px; text-align: center;}
    .register1-signupbox {width: 100%;}
    .register-logo{width: 240px; padding-bottom: 10px;}
    .register1-signupbox h6{ font-size: 13px;}
    .register1-signupbox img{width: 24px; height: 24px;}
    .signup-aclink p {font-size: 13px;}
    .signup-aclink{margin: 0px !important; padding-left: 0px !important; padding-top: 100px;}
    .language-boxnoshow{display: none !important;}
    .language-box2{display: flex !important;}
    .language-box p{font-size: 13px;}
    .register-emailbox{margin-top: 40px;}

    /*--- register ----*/
    .register-frombox{padding-top: 50px;}
    .sign-input, .register-container select{width: 100% !important;}
    .sign-input, .register-container select, .register-container option{ font-size: 13px; padding: 11px; }
    .sign-input::placeholder{font-size: 13px;}
    .otp-box .otp-btn { font-size: 12px; padding: 1px 12px; right: 2%;}
    .signprivacy-box label {font-size: 10px; line-height: 18px;}
    .signprivacy-box input[type="checkbox"], .checkout-box input[type="radio"], .affiliate-method input[type="radio"] { width: 16px; height: 16px;}
    .signprivacy-box input[type="checkbox"]:checked::after, .checkout-box input[type="radio"]:checked::after, .affiliate-method input[type="radio"]:checked::after { width: 8px; height: 8px;}
    .register-container .allbtn-design{width: 100% !important; font-size: 14px; padding: 11px 0px;}

    /*--- home ----*/
    .home-bgwhite, .affiliate-bgwhite { padding: 10px 10px !important;}
    .community-content .home-bgwhite{ padding: 20px 10px !important;}

    .home-bgwhite h6, .home-bgwhite p {font-size: 15px; margin-bottom: 0;}
    .home-bgwhite img{width: 24px; height: 24px;}
    .carousel-indicators [data-bs-target] { width: 10px; height: 10px; margin: 0 5px;}
    .hmwallet-text{display: flex !important; font-size: 10px; justify-content: center;}
    .home-bgwhite span {display: none !important;}
    .mobileview-prohead{display: flex !important; }
    .profile-header p {font-size: 13px !important;}
    .home-padding{padding-top: 10px !important;}

    /*--- community ----*/
    .backarrow-text{width: 40px; height: 40px;}
    .backarrow-text h6 {font-size: 13px !important; text-wrap: nowrap;}
    .toggle-switch { width: 60px; height: 25px;}
    .toggle-switch .toggle-circle { top: 0.9px; left: 3px; width: 20px; height: 20px;}
    .toggle-switch.on .toggle-circle { top: 3px !important; left: -13px !important;}
    .home-bgwhite a {font-size: 13px;}

    /*--- affiliate ----*/
    .home-bgwhite .question-img{width: 13px; height: 13px;}
    .affiliate-stock {font-size: 16px; margin-bottom: 0; text-align: center;}
    .affiliate-bgwhite p {font-size: 13px; margin-bottom: 0 !important;}
    .affiliate-method{padding: 0px !important;}
    .affiliate-content .allbtn-design{width: 40% !important; }

    .affilibuy3-btn .allbtn-design{width: 100% !important;}
    .bottmbtn-shadow{background: transparent linear-gradient(180deg, #F8FAFA 0%, #DDDDDD 100%);
    box-shadow: inset 0px 3px 6px #838383B2; height: 100px; position: fixed; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; z-index: 1000; padding-top: 0px !important; padding: 0px 10px;}

    /*--- withdraw ----*/
    .withdraw-mobilebottm{display: flex;}

    /*--- deposit usdt ----*/
    .usdtdeposit-box{padding-top: 10px !important;}
    .usdtdeposit-box .col-lg-4 img{width: 310px;}
    .usdtdeposit-box .col-lg-4{text-align: center;}
    .usdtdeposit-box .col-lg-5{padding-left: 20px !important;}
    .usdtdeposit-box ol li {font-size: 13px;}
    .depositusdt-btnbox{padding-top: 20px !important;}
    .depositusdt-btnbox .allbtn-design, .border-btn{font-size: 13px !important;}
    .border-btn{padding: 11px 0px !important;}

    /*--- inbox ----*/
    .inbox-whitebox, .inbox-lightbox, .storepurchase-whitebox, .paybd2-walletbox{padding: 4px 10px;}
    .inbox-whitebox img, .inbox-lightbox img{width: 27px; height: 27px;}
    .inbox-content h1, .inbox-content a{font-size: 13px;}
    .inbox-content h6 {font-size: 13px; line-height: 10px;}
    .inbox-content p {font-size: 10px;}

    /*--- purchase ----*/
    .inbox-whitebox{margin-top: 10px !important;}
    .purchase-whitebox .desc-balance { display: none; margin-top: 10px;}
    .purchase-whitebox .toggle-btn {display: block;}
    .purchase-whitebox.open .desc-balance { display: block; padding-left: 70px !important;}
     .purchase-whitebox{padding: 2px 8px;}

    /*--- shop ----*/
    .basket-box p{display: none !important;}
    .basket-box{padding: 0px 10px;}
    .basket-box img{width: 24px; height: 24px;}
    .shop-header{justify-content: space-between;}
    .shop-header h6 {font-size: 16px;}
    .select-wrapper {justify-content: flex-start;}
    .shop-content select, option{font-size: 13px; padding: 8px 15px; width: 205px; background-size: 15px;}
    .product-overlay { top: 27%; padding: 2px 3px 0px 3px;}
    .product-card, .tools-card {padding: 9px;}
    .product-card h6, .product-card p {font-size: 13px; line-height: 17px;}
    .shop-content .allbtn-design, .shop-content .border-btn{font-size: 13px; padding: 8px 15px !important;}
    .product-sidebar { width: 350px; padding: 17px;}

    /*--- addtocart ----*/
    .addtocart-bottom {height: 100px; left: 0; padding: 0px 15px;}
    .addtocart-bottom h1, .addtocart-bottom span {font-size: 13px; margin-bottom: 0 !important;}

    /*--- checkout ----*/
    .checkout-box p {font-size: 16px;}
    .addtocart-bottom button {padding: 10px 25px;}
    .addtocart-bottom h6 {font-size: 16px;}

    .shipping-card h6, .shipping-card2 h6, .shipping-card span, .shipping-card2 span, .shipping-card p, .shipping-card2 p{font-size: 13px; margin-bottom: 0px; line-height: 15px;}
    .shipping-card2 .shipping-timebtn, .shipping-card .shipping-timebtn{ padding: 3px 10px; font-size: 10px;}
    .shipping-inputbox[type="radio"] { width: 16px; height: 16px;}
    .shipping-inputbox[type="radio"]:checked::after { width: 8px; height: 8px;}
    .ship-timebox{margin-top: 10px !important;}
    .shipping-address {font-size: 16px; padding: 10px 10px !important;}
    .shipping-address img{height: 24px; width: 24px;}

    .addtocart-bottom h5, .addtocart-bottom p{font-size: 16px; line-height: 20px;}
    .affiliate-content .allbtn-design{width: 100% !important;}
    .bdwallet2-markasbtn {font-size: 14px; width: 55% !important; padding: 10px 10px !important;}

    /*--- tools ----*/
    .tools-line{margin: 18px 0px !important;}
    .tools-tutohead h6{font-size: 16px;}
    .tools-tutohead a {font-size: 13px;}
    .tools-overlay {top: 38%;}
    .tools-overlay h3 {font-size: 13px; line-height: 17px;}
    .tools-playbtn { padding: 10px 10px !important; font-size: 13px;}
    .shop-header a img{width: 40px; height: 40px;}

    /*--- market ----*/
    .market-colorbox p{display: none !important;}
    .market-colorbox {padding: 10px 10px;}
    .market-colorbox img{width: 24px !important; height: 24px !important;}
    .market-hiddenbox{display: none !important;}
    .maket-prowhite h6 {font-size: 13px;}
    .maket-prowhite p {font-size: 10px; line-height: 10px;}

    .upload-box {height: 395px;}
    .upload-box2 {height: 128px; padding: 5px;}
    .upload-box img { width: 100px; height: 100px;}
    .upload-box h6, .upload-box p, .upload-box2 h6 {font-size: 12px; padding: 0 !important;}
    .upload-box2 p {font-size: 10px;}
    .market-loadright {padding: 10px;}
    .market-loadright p {font-size: 13px;}
    .market-otptext {font-size: 13px;}
    .maeketpro-content .sign-input::placeholder, .maeketpro-content .sign-input{font-size: 13px;}
    .maeketpro-content .otp-box .otp-btn, #profile-editname .otp-box .otp-btn, .finance-content .otp-box .otp-btn {right: 2%; font-size: 13px;}

    .bottmbtn-shadow h5{font-size: 13px; padding-bottom: 0 !important;}
    #market-prolist .sign-input, #market-prolist .sign-input::placeholder, #market-proorder .sign-input, #market-proorder .sign-input::placeholder {font-size: 13px;}
    .close-text {font-size: 16px;}

        /*--- profile ----*/

    .profile-content .profile-imgbox { width: 80px; height: 80px;}
    .profile-content .profile-imgbox h1 {font-size: 55px; line-height: 60px;}
    .profile-content .profile-header p {font-size: 13px !important; line-height: 19px;}
    .profile-content .language-box p, .profile-content .language-box2 p {font-size: 13px;}
    .profile-content .profile-header button img{width: 24px; height: 24px;}
    .profile-content .profile-header{gap: 3px !important;}
    .profile-content .profile-lastabox .col-6 a{padding: 30px 10px !important;}
    .profile-lastabox .home-bgwhite{padding: 30px 10px !important;}

    #profile-editname .allbtn-design{padding: 11px 0px !important;}
    #profile-editname h6 {font-size: 13px;}
    #profile-editname .editname-available { top: 20%; font-size: 13px;}
    #profile-editname .editname-available img{width: 24px; height: 24px;}

    #currency-modal h1, #currency-modal p{font-size: 16px; line-height: 20px; margin-top: 10px !important;}
    #currency-modal .currency-btn, #currency-modal .allbtn-design {font-size: 16px; line-height: 20px; padding: 11px 0px !important;}
    .shippadd-prowidth{width: 93% !important;}
    .editaddress-formbox{padding: 10px !important;}
    .editaddress-formbox .allbtn-design{padding: 11px 0px !important; font-size: 16px;}
    .finance-content h5 {font-size: 13px;}

        /*--- stock login ----*/

    .stockie-btn{width: 100% !important;}
    #market-procontent p {font-size: 16px;}


}

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

.sidebar { width: 230px;  padding: 40px 20px 0px 20px;}
.wrapper { margin: 40px 50px 100px 260px;}

.register-container { padding: 120px 0px;}
.register-logo{width: 250px;}
.sign-input, .sign-input::placeholder, .register-container select, .register-container select::placeholder, option{font-size: 12px; padding: 8px 10px;}
.otp-box .otp-btn{font-size: 11px; padding: 1px 12px; top: 40%;}
.allbtn-design{font-size: 12px; padding: 10px 0px; line-height: 17px;}
.signup-aclink p, .language-box p, .language-box2 p{font-size: 12px;}
.language-box img{width: 30px;}
.signprivacy-box label{font-size: 11px; line-height: 15px;}
.signprivacy-box input[type="checkbox"], .checkout-box input[type="radio"]{width: 18px; height: 18px;}
.signprivacy-box input[type="checkbox"]:checked::after, .checkout-box input[type="radio"]:checked::after{    width: 10px; height: 10px;}
.signup-aclink {padding-left: 35px !important;}

/* home */
.sidelink-box{padding-top: 20px !important;}
.sidelink-box a{padding: 9px 20px; font-size: 11px; margin-bottom: 10px;}
.sidelink-box img{width: 17px;}
.profile-imgbox { width: 55px; height: 55px;}
.profile-imgbox h1{font-size: 40px;}
.profile-header p {font-size: 13px !important;}

.home-bgwhite h6 {font-size: 12px; margin-bottom: 0px; line-height: 10px;}
.home-bgwhite p {font-size: 13px;}
.home-bgwhite img{width: 21px;}
.home-bgwhite span, .hmwallet-text{font-size: 13px;}
.home-bgwhite, .affiliate-bgwhite {padding: 14px 15px !important;}
.home-padding{padding-top: 20px !important;}

/*--- community ----*/
    .toggle-switch { width: 60px; height: 22px;}
    .toggle-switch .toggle-circle { top: 1.5px; left: 2px; width: 15px; height: 15px;}
    .toggle-switch.off .toggle-text{font-size: 11px; padding-left: 23px;}
    .toggle-switch.on .toggle-text{font-size: 11px;}
    .toggle-switch.on .toggle-circle { top: 3px !important; left: -9px !important;}
.question-img{width: 10px !important;}
.backarrow-text h6 {font-size: 10px !important;}
.toggle-box{padding: 3px 10px !important;}
.backarrow-text img{width: 40px;}

.home-bgwhite a {font-size: 13px;}
.affiliate-stock {font-size: 15px;}
.carousel-indicators [data-bs-target] { width: 18px; height: 18px; margin: 0 5px;}

.affiliate-bgwhite p {font-size: 11px; margin-bottom: 0px !important;}
.affiliate-method{padding: 0px 0px!important;}
.affiliate-method input[type="radio"], .shipping-inputbox[type="radio"]{width: 18px; height: 18px;}
.signprivacy-box input[type="checkbox"], .checkout-box input[type="radio"]{width: 24px; height: 18px;}
.affiliate-method input[type="radio"]:checked::after, .shipping-inputbox[type="radio"]:checked::after {width: 8px; height: 8px;}

.depositusdt-btnbox{padding-top: 20px !important;}
.border-btn {font-size: 10px; padding: 8px 0px !important; margin-top: 10px !important; line-height: 15px;}
.affiliate-stock {font-size: 13px;}
.usdtdeposit-box ol li {font-size: 10px; margin-bottom: 3px;}

.inbox-content h1, .inbox-content a{font-size: 13px; margin-bottom: 0px;}
.inbox-whitebox img{width: 25px;}
.inbox-content h6 {font-size: 12px; margin-bottom: 0px !important; line-height: 15px;}
.inbox-content p{font-size: 10px;}
.inbox-whitebox, .purchase-whitebox, .storepurchase-whitebox, .paybd2-walletbox, .maket-prowhite, .inbox-lightbox{padding: 10px 20px !important;}
.inbox-lightbox img{width: 28px;}
.inbox-whitebox{margin-top: 14px !important;}

.shop-content select {font-size: 15px; padding: 5px 18px; background-size: 15px; width: 250px;}
.product-overlay {padding: 5px 0px 0px 4px; top: 28%;}
.basket-box{font-size: 18px; padding: 8px 20px;}
.basket-box img{width: 25px;}
.product-overlay h3{font-size: 8px;}
.product-card h6, .product-card p{font-size: 11px; line-height: 14px;}
.shop-content .allbtn-design{padding: 8px 0px !important; font-size: 11px;}
.product-card, .tools-card{padding: 8px;}
.shop-header h6 {font-size: 15px;}
.pagination-box .pagination {padding: 6px 40px;}
.product-sidebar { width: 230px; padding: 15px;}
.thumb { width: 60px; height: 60px;}
.product-sidebar .tab-buttons button, .product-sidebar .tab-buttons .active {
    padding: 2px 20px; font-size: 13px;}
.product-sidebar #priceContent h5, .product-sidebar #priceContent h6, .product-sidebar #priceContent p, #detailContent h5 {font-size: 11px; line-height: 15px;}

}

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


.sidebar { width: 265px; padding: 50px 22px;}
.wrapper { margin: 50px 80px 100px 300px;}

.register-container { padding: 120px 0px;}
.register-logo{width: 260px;}
.sign-input, .sign-input::placeholder, .register-container select, .register-container select::placeholder, option{font-size: 14px; padding: 13px 9px;}
.otp-box .otp-btn{font-size: 13px; padding: 2px 12px;}
.allbtn-design{font-size: 16px; padding: 11px 0px;}
.signup-aclink p, .language-box p, .language-box2 p{font-size: 15px;}
.signprivacy-box label{font-size: 13px;}
.signprivacy-box input[type="checkbox"], .checkout-box input[type="radio"]{width: 25px; height: 25px;}

/* home */
.sidelink-box{padding-top: 20px !important;}
.sidelink-box a{padding: 12px 20px; font-size: 13px; margin-bottom: 10px;}
.profile-imgbox { width: 70px; height: 70px;}
.profile-imgbox h1{font-size: 49px;}

.home-bgwhite h6 {font-size: 14px; margin-bottom: 0px; line-height: 18px;}
.home-bgwhite p {font-size: 16px;}
.home-bgwhite img{width: 25px;}
.home-bgwhite span, .hmwallet-text{font-size: 15px;}
.home-bgwhite, .affiliate-bgwhite {padding: 12px 15px !important;}
.home-padding{padding-top: 20px !important;}

/*--- community ----*/
    .toggle-switch { width: 68px; height: 28px;}
    .toggle-switch .toggle-circle { top: 1.5px; left: 2px; width: 20px; height: 20px;}
    .toggle-switch.off .toggle-text{font-size: 13px; padding-left: 30px;}
    .toggle-switch.on .toggle-text{font-size: 13px;}
    .toggle-switch.on .toggle-circle { top: 3px !important; left: -5px !important;}
.question-img{width: 15px !important;}
.backarrow-text h6 {font-size: 12px !important;}
.toggle-box{padding: 4px 10px !important;}
.backarrow-text img{width: 45px;}

.home-bgwhite a {font-size: 13px;}
.affiliate-stock {font-size: 17px;}

.affiliate-bgwhite p {font-size: 15px; margin-bottom: 0px !important;}
.affiliate-method{padding: 0px 0px!important;}
.affiliate-method input[type="radio"], .shipping-inputbox[type="radio"]{width: 20px; height: 20px;}
.signprivacy-box input[type="checkbox"], .checkout-box input[type="radio"]{width: 26px; height: 21px;}
.affiliate-method input[type="radio"]:checked::after, .shipping-inputbox[type="radio"]:checked::after {width: 10px; height: 10px;}

.depositusdt-btnbox{padding-top: 20px !important;}
.border-btn {font-size: 15px; padding: 10px 0px !important; margin-top: 10px !important;}
.affiliate-stock {font-size: 15px;}
.usdtdeposit-box ol li {font-size: 12px; margin-bottom: 5px;}

.inbox-content h1, .inbox-content a{font-size: 15px; margin-bottom: 0px;}
.inbox-whitebox img{width: 25px;}
.inbox-content h6 {font-size: 15px; margin-bottom: 0px; line-height: 18px;}
.inbox-content p{font-size: 12px;}
.inbox-whitebox, .purchase-whitebox, .storepurchase-whitebox, .paybd2-walletbox, .maket-prowhite, .inbox-lightbox{padding: 12px 20px !important;}
.inbox-lightbox img{width: 30px;}
.inbox-whitebox{margin-top: 15px !important;}

.shop-content select {font-size: 15px; padding: 9px 18px; background-size: 15px; width: 300px;}
.product-overlay {padding: 5px 0px 0px 4px; top: 30%;}
.basket-box{font-size: 18px; padding: 8px 20px;}
.basket-box img{width: 25px;}
.product-overlay h3{font-size: 10px;}
.product-card h6, .product-card p{font-size: 14px; line-height: 18px;}
.shop-content .allbtn-design{padding: 12px 0px !important; font-size: 14px;}
.product-sidebar { width: 270px; padding: 15px;}
.thumb { width: 73px; height: 73px;}
.product-sidebar .tab-buttons button, .product-sidebar .tab-buttons .active {
    padding: 2px 30px; font-size: 13px;}
.product-sidebar #priceContent h5, .product-sidebar #priceContent h6, .product-sidebar #priceContent p, #detailContent h5 {font-size: 13px;}

}

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

.sidebar { width: 310px; padding: 50px 30px;}
.wrapper { margin: 50px 80px 100px 350px;}

/* register */
.register-container { padding: 120px 100px;}
.register-logo{width: 320px;}
.sign-input, .sign-input::placeholder, .register-container select, .register-container select::placeholder, option{font-size: 16px; padding: 13px 10px;}
.otp-box .otp-btn{font-size: 13px; padding: 2px 12px;}
.allbtn-design{font-size: 18px; padding: 12px 0px;}
.signup-aclink p, .language-box p, .language-box2 p{font-size: 15px;}
.signprivacy-box label{font-size: 13px;}
.signprivacy-box input[type="checkbox"], .checkout-box input[type="radio"]{width: 25px; height: 25px;}

/* home */
.backarrow-text img{width: 45px;}
.sidelink-box{padding-top: 20px !important;}
.sidelink-box a{padding: 13px 20px;}
.profile-imgbox { width: 70px; height: 70px;}
.profile-imgbox h1{font-size: 49px;}

.home-bgwhite h6 {font-size: 17px; margin-bottom: 0px;}
.home-bgwhite p {font-size: 16px;}
.home-bgwhite img{width: 26px;}
.home-bgwhite span, .hmwallet-text{font-size: 15px;}

/*--- community ----*/
    .toggle-switch { width: 85px; height: 32px;}
    .toggle-switch .toggle-circle { top: 2px; left: 5px; width: 25px; height: 25px;}
    .toggle-switch.off .toggle-text, .toggle-switch.on .toggle-text{font-size: 16px;}
    .toggle-switch.on .toggle-circle { top: 3px !important; left: 5px !important;}
.question-img{width: 20px !important;}
.backarrow-text h6 {font-size: 14px !important;}

.affiliate-bgwhite p {font-size: 15px; margin-bottom: 0px !important;}
.affiliate-method{padding: 2px 0px!important;}
.affiliate-method input[type="radio"], .shipping-inputbox[type="radio"]{width: 25px; height: 25px;}
.signprivacy-box input[type="checkbox"], .checkout-box input[type="radio"]{width: 25px; height: 23px;}

.depositusdt-btnbox{padding-top: 50px !important;}
.border-btn {font-size: 18px; padding: 11px 0px !important;}
.affiliate-stock {font-size: 15px;}

.inbox-content h1, .inbox-content a{font-size: 19px; margin-bottom: 0px;}
.inbox-whitebox img{width: 30px;}
.inbox-content h6 {font-size: 17px;}
.inbox-content p{font-size: 12px;}
.inbox-whitebox, .purchase-whitebox, .storepurchase-whitebox, .paybd2-walletbox, .maket-prowhite, .inbox-lightbox{padding: 12px 20px !important;}
.inbox-lightbox img{width: 35px;}
.inbox-whitebox{margin-top: 15px !important;}

.shop-content select {font-size: 18px; padding: 11px 20px; width: 310px;}
.product-overlay {padding: 5px 0px 10px 4px; top: 30%;}
.basket-box{font-size: 18px; padding: 8px 20px;}
.basket-box img{width: 29px;}
.product-overlay h3{font-size: 11px;}
.product-card h6, .product-card p{font-size: 16px;}
.shop-content .allbtn-design{padding: 12px 0px !important;}
.product-sidebar { width:.product-sidebar #priceContent h5, .product-sidebar #priceContent h6, .product-sidebar #priceContent p, #detailContent h5 {font-size: 13px;} 300px; padding: 15px;}
.thumb { width: 80px; height: 80px;}


}

@media only screen and (min-width: 1500px) and (max-width: 1549px)
{

.sidebar { width: 320px;}
.wrapper { margin: 50px 80px 100px 360px;}

/* register */
.register-container { padding: 120px 100px;}
.register-logo{width: 350px;}
.register-frombox .sign-input, .register-frombox .allbtn-design, .register-container select{width: 80% !important;}
.sign-input, .sign-input::placeholder, .register-container select, .register-container select::placeholder, option{font-size: 16px; padding: 15px 10px;}
.otp-box .otp-btn{font-size: 15px; padding: 4px 12px;}
.allbtn-design{font-size: 18px; padding: 12px 0px;}

/* home */
.backarrow-text img{width: 45px;}
.home-bgwhite h6 {font-size: 20px; margin-bottom: 0px;}
.home-bgwhite p {font-size: 18px;}
.home-bgwhite img{width: 30px;}

/*--- community ----*/
    .toggle-switch { width: 87px; height: 33px;}
    .toggle-switch .toggle-circle { top: 3px; left: 5px; width: 25px; height: 25px;}
    .toggle-switch.off .toggle-text, .toggle-switch.on .toggle-text{font-size: 18px;}
.question-img{width: 20px !important;}
.home-bgwhite span, .hmwallet-text {font-size: 16px;}

.affiliate-bgwhite p {font-size: 18px;}
.affiliate-method{padding: 2px 0px!important;}
.affiliate-method input[type="radio"], .shipping-inputbox[type="radio"], .signprivacy-box input[type="checkbox"], .checkout-box input[type="radio"] {width: 25px; height: 25px;}

.depositusdt-btnbox{padding-top: 50px !important;}
.border-btn {font-size: 18px; padding: 11px 0px !important;}

.inbox-content h1{font-size: 19px; margin-bottom: 0px;}
.inbox-whitebox img{width: 30px;}
.inbox-content h6 {font-size: 17px;}
.inbox-content p{font-size: 12px;}
.inbox-whitebox, .purchase-whitebox, .storepurchase-whitebox, .paybd2-walletbox, .maket-prowhite, .inbox-lightbox{padding: 12px 20px !important;}
.inbox-lightbox img{width: 35px;}
.product-overlay {padding: 5px 0px 10px 4px;}
.product-sidebar { width: 320px; padding: 15px;}
.thumb { width: 84px; height: 84px;}


}

@media only screen and (min-width: 1550px) and (max-width: 1820px) {

.sidebar { width: 340px;}
.wrapper { margin: 100px 80px 100px 380px;}

/*--- community ----*/
    .toggle-switch { width: 89px; height: 35px;}
    .toggle-switch .toggle-circle { top: 3px; left: 5px; width: 25px; height: 25px;}
    .toggle-switch.off .toggle-text, .toggle-switch.on .toggle-text{font-size: 18px;}
.depositusdt-btnbox{padding-top: 100px !important;}




}

@media only screen and (min-width: 1821px) and (max-width: 1920px) {


}