@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

 /* font-family: "Poppins", sans-serif; */
 /* font-family: "Montserrat", sans-serif; */
/* font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 500; */

:root { --white: #FFFFFF; 
        --offwhite: #E6DCBE;
        --darkwhite:#F3F3F3;
        --whitesmoke: #F8FAFA; 
        --lightyellow: #E1D0AF; 
        --orange: #BC9953; 
        --darkblue: #0B1D2A; 
        --lightparrot: #EEFAD7; 
        --black: #000000;
        --lightblue: #0A2941;
        --dimgray: #707070;
        --gray: #757575;
        --lightbrown: #43361C;
        --silver: #C5C5C5;
        --darkolivegreen:#443310;
        --darkblack:#131313;
        }
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%;}
body { overflow-x: hidden; font-family: "Montserrat", sans-serif; color: var(--white); background: var(--black);}
button {border: none;}
p, h1, h2, h3, h4, h5, h6 {margin-bottom: 0 !important;}

/* ================ NAVBAR ================ */
.navbar-toggler {display: none !important;}
.nav-mobile {display: none !important;}
.navbar {background: linear-gradient(180deg, #0A385A 0%, #000000 100%); border-bottom: 2px solid var(--offwhite);
padding: 36px 250px; gap: 60px;}
.nav-web { display: flex; justify-content:end;}
.navbar-web {display: block;}
.navbar-web .navbar-nav { gap: 45px; display: flex; justify-content: center;}
.navbar-nav .nav-link, .nav-item .dropdown-btn{ font-family: "Montserrat", sans-serif; font-size: 20px; font-weight: 500; color: var(--white); text-transform: uppercase;}
.navbar-web .logo{position: absolute; left: -280px; top: -25px;}
.nav-iconbox{gap: 40px;}
.navbar-nav .nav-link.active{color: #E1D0AF;}

/* Language wrapper */
.dropdown-wrapper {position: relative;}
.dropdown-btn { cursor: pointer; font-size: 14px; display: flex; align-items: center; gap: 6px;}
.enrich-dropdown { position: absolute; top: 130%; right: 0; width: 170px; display: none; z-index: 9999; background: var(--darkblue); border: 0.5px solid var(--lightyellow);}
.enrich-dropdown a {font-family: "Montserrat", sans-serif; display: block; padding: 5px 20px; color: var(--white); font-size: 18px; font-weight: 500; text-decoration: none;}
.dropdown-wrapper .arrow {transition: transform 0.3s ease; color: var(--lightparrot);}
.dropdown-wrapper .arrow.rotate {transform: rotate(180deg);}
.dropdown-btn.active, .dropdown-btn.active .arrow{color: var(--lightyellow);}
.lang-dropdown{background: var(--black); border: 0.5px solid var(--lightyellow);}

.offcanvas .enrich-dropdown {left: 0 !important; border: 1px solid var(--white);}
.offcanvas .enrich-dropdown a{padding: 5px 0px; text-align: center;}
.offcanvas, .offcanvas-header {overflow: visible !important; padding: 0px 10px;}
.offcanvas {display: none !important;}
.offcanvas {background: linear-gradient(250deg, #0A385A 0%, #000000 100%); border-left: 1px solid var(--offwhite) !important;}
.offcanvas.offcanvas-end {width: 267px;}
.offcanvas .nav-link { font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 500; color: var(--white); text-shadow: 1px 4px 8px #000000B2; padding: 20px 0px;}

.mobile-iconbox{background: rgba(255, 255, 255, 0.0588235);
border: 0.5px solid var(--white); padding: 8px 14px; color: var(--white); font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 500;}
.mobile-iconbox img{width: 23px; height: 23px;}

/*================ custom ===================*/

.mobile-navbtn, .btn-design{color: var(--white); border-radius: 50px; background: var(--orange); font-size: 18px; font-family: "Montserrat", sans-serif; font-weight: 600; padding: 10px 25px; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.6);}
.mobile-navbtn{padding: 5px 25px; font-size: 12px;}

.chat-header{box-shadow: 0px 3px 8px #000000B3; border-radius: 35px 0px 0px 0px; background: var(--white); padding: 10px 25px; position: fixed; bottom: 0; right: 0; z-index: 9999; cursor: pointer; transition: opacity 0.3s ease;}
.chat-header p, .chat-content p{ color: var(--lightblue); text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 18px;}
.chat-header.hide{ opacity: 0; pointer-events: none;}
.chat-support{box-shadow: 0px 3px 8px #000000B3; border-radius: 35px 0px 0px 0px; background: var(--white); position: fixed; bottom: 0; right: 0; z-index: 9999; cursor: pointer; width: 352px; height: 0; overflow: hidden; transition: height 0.4s ease;}
.chat-support.active{height: 610px; padding: 15px 20px;}
.chat-adminname {font: normal normal normal 12px/15px Montserrat; color: var(--darkblue);}
.chat-message {background: var(--darkwhite); box-shadow: 0px 3px 6px #00000029; border-radius: 5px; padding: 12px; margin: 10px 0; font: normal normal medium 14px/18px Montserrat; color: var(--darkblue);}
.chat-footer { display: flex; gap: 10px;}
.chat-footer input {background: var(--white); border: 1px solid var(--dimgray); flex: 1; padding: 8px 12px; outline: none; font: normal normal 300 14px/18px Montserrat; color: var(--gray);}
.chat-footer input::placeholder{font: normal normal 300 14px/18px Montserrat; color: var(--gray);} 

.wrapper{padding: 0px 190px;}
.margin-top{margin-top:220px;}

/*================ login and register modal ===================*/

.modal-content{background: var(--white); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.160784); border-radius: 30px;}
.login-input{border: 1px solid  var(--orange); background: var(--whitesmoke); border-radius: 5px; padding: 13px 15px; width: 100%;}
.modal-body{padding: 30px;}
#loginModal p, #registerModal p, .login-input::placeholder, .login-input{font-size: 16px; font-family: "Montserrat", sans-serif; color: var(--black); font-weight: 500;}
#loginModal a, #registerModal a{font-size: 16px; font-family: "Montserrat", sans-serif; color:  var(--orange); text-decoration: underline;}
.loginmodal-footer{ background: linear-gradient(89.93deg, #E1D0AF 3.78%, #BC9953 96.29%); border-radius: 0 0 30px 30px; padding: 33px 0px;}
.loginmodal-footer h1{color: var(--lightbrown); font-size: 30px; font-family: "Montserrat", sans-serif; font-weight: 800;}
.loginmodal-footer h6{color: var(--lightbrown); font-size: 22px; font-family: "Montserrat", sans-serif; font-weight: 700;}

.otp-btn, .editimg{position: absolute; right: 10px; top: 18px; border-radius: 5px; padding: 5px 10px; font-size: 14px !important;}

.payment-method label { display: flex; align-items: center; text-align: start; gap: 10px; cursor: pointer; font: normal normal 400 16px/24px Montserrat; color: var(--black);}
.payment-method p { margin: 0;}
.payment-method input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; border: 1.5px solid var(--silver); background: transparent; cursor: pointer; position: relative; flex-shrink: 0;  transform: rotate(45deg);}
.payment-method input[type="checkbox"]:checked::after { content: ""; width: 10px; height: 10px; background:  var(--orange); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

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

.banner-container1{ background-image: url('../images/banner.png'); background-size: cover; background-position: center; background-repeat: no-repeat; height: 88vh; margin-top: 120px;}
.banner-container2{display: none !important;}
.banner-toptext{margin-left: 150px;}
.banner-toptext h6{color: var(--lightyellow); font-size: 34px; font-family: "Montserrat", sans-serif; font-weight: 600;}
.banner-toptext p{color: var(--white); font-size: 26px; font-family: "Montserrat", sans-serif; font-weight: 400;}
.search-box {position: relative;}
.search-box input { width: 100%; padding: 17px 30px; outline: none; background: rgba(255, 255, 255, 0.0901961); border: 1.8px solid var(--lightyellow); border-radius: 30px;}
.search-box input, .search-box input::placeholder{font-size: 22px; font-weight: 400; font-family: "Montserrat", sans-serif; color: var(--white);}
.search-icon, .homeserch-icon{ position: absolute; right: 30px; top: 50%; transform: translateY(-50%); pointer-events: none;}
.shopping-btn{background: linear-gradient(90deg, #FFFEF8 0%, #CDB364 48.42%, #9B6910 100%);
border-radius: 30px; padding: 13px 60px; font-size: 22px; font-family: "Montserrat", sans-serif; font-weight: 600; color: var(--darkolivegreen); text-transform: uppercase;}

.banner-discountbox{background: linear-gradient(89.96deg, #FFFEF8 2.08%, #CDB364 46.82%, #9B6910 94.48%); padding: 25px 0px;}
.banner-discountbox h1{color: var(--lightbrown); font-size: 60px; font-family: "Montserrat", sans-serif; font-weight: 800;}
.banner-discountbox p, .banner-discountbox p label{color: var(--lightbrown); font-size: 24px; font-family: "Montserrat", sans-serif; font-weight: 500;}
.banner-discountbox p label{font-style: italic;}
.redeem-btn{background:  var(--orange); border: 1.8px solid var(--lightyellow); border-radius: 30px; padding: 10px 30px; font-size: 22px; font-family: "Montserrat", sans-serif; font-weight: 600; color: var(--white);}

.popular-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(225, 208, 175, 0.5); padding-bottom: 20px; margin-bottom: 40px;}
.popular-header h2{ color: var(--lightyellow); font-size: 24px; text-decoration: none; font-family: "Montserrat", sans-serif; font-weight: 700;}
.popular-header a { color: var(--lightyellow); font-size: 20px; text-decoration: none; font-family: "Montserrat", sans-serif; font-weight: 600;}
.popular-header h2 span{color:  var(--orange);}
.product-scroll { display: flex; gap: 15px; overflow-x: auto; scrollbar-width: none;}
.product-scroll::-webkit-scrollbar {display: none;}
.product-card { width: 290px; border: 1px solid var(--lightyellow); padding: 15px; background: var(--black); flex-shrink: 0;}
.product-card img { width: 100%; height: 300px; /* object-fit: contain; */}
.product-card h3 , .shopcart-box h3{font-family: "Montserrat", sans-serif; font-weight: 600; color: var(--white); font-size: 20px;}
.product-card p, .footer-copy, .shopcart-box p{font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 400; color: var(--white);}
.product-tags { display: flex; gap: 7px; margin: 10px 0; flex-wrap: wrap;}
.product-tags span { border: 1px solid  var(--orange); color:var(--white); padding: 4px 25px; border-radius: 20px; font-size: 12px; font-weight: 600; font-family: "Montserrat", sans-serif;}
.product-card h4, .shopcart-box h4 { color: var(--white); font-size: 27px; font-weight: 700; font-family: "Montserrat", sans-serif;}

.announcement-box{padding: 20px; background: var(--darkblack); border: 1px solid var(--lightyellow); box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.160784); border-radius: 20px;}
.announcement-box h6{font-family: "Montserrat", sans-serif; font-weight: 700; color: var(--white); font-size: 22px;}
.announcement-box p{font-family: "Montserrat", sans-serif; font-weight: 500; color: var(--white); font-size: 14px;}
.announcement-box .btn-design{font-family: "Montserrat", sans-serif; font-weight: 500; color: var(--white); font-size: 12px;}
.announcement-box span{font-family: "Montserrat", sans-serif; font-weight: 500; color: var(--white); font-size: 10px;}
.annoucement-mainbox{padding-bottom: 150px;}

footer{background: #0D0D0D;}
.footer-logo{width: 153px; height: 153px;}
.footer-links p{font-family: "Montserrat", sans-serif; font-weight: 400; color: var(--white); font-size: 20px;}

/*================ shopping ===================*/

.shopping-container { background-image: url('../images/logo_bg.png'); background-repeat: no-repeat; background-position: top; background-size: 625px;  width: 100%;}
.shopping-container .search-box input { width: 582px; padding: 10px 30px;}

.popularSelect{ width: 400px; padding: 10px 80px; color: var(--yellow); appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid var(--lightyellow); background: #191919; }
.popularSelect option, .popularSelect{font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 22px; color: var(--white);}
.dropdown-icon{ position: absolute; left: 18px; top: 50%; transform: translateY(-50%); pointer-events: none;  cursor: pointer;}
.dropdown-arrow { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); pointer-events: none;}
.dropdown-arrow.rotate { transform: rotate(180deg); transition: 0.3s ease;}
.product-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px;}
.pagination-box { display: flex; align-items: center; justify-content: center; gap: 20px;}

.pagination-box img {cursor: pointer;}
.page-count {background: var(--whitesmoke); color: var(--black); font-size: 20px; font-weight: 600; font-family: "Montserrat", sans-serif; width: 126px; border-radius: 3px; padding: 3px 0px; display: flex; justify-content: center;}

/*================ product-detail ===================*/

.backbox-text a{font-size: 20px; font-weight: 600; font-family: "Montserrat", sans-serif; color: var(--white);}
.product-detail-box {margin: 0px 130px; color: var(--white); padding: 40px; align-items: flex-start;}
.prodetail-scroll{ display: flex; gap: 150px;}
.product-slider { position: relative; width: 400px;}
.product-slider img { width: 100%; display: block;}
.slider-btn { position: absolute; top: 50%; transform: translateY(-50%); border: none; background: transparent; cursor: pointer; padding: 0;}
.left {left: 8px;}
.right {right: 8px;}
.product-infobox {flex: 1;}
.top-row { display: flex; justify-content: space-between; align-items: start;}
.product-infobox h1 {font-size: 42px; font-weight: 600; font-family: "Montserrat", sans-serif;}
.product-infobox small {font-size: 20px; font-weight: 400; font-family: "Montserrat", sans-serif;}
.product-infobox span{font-size: 14px;}
.heart-icon img {cursor: pointer; transition: 0.3s;}
.product-infobox h6{font-size: 22px; font-weight: 500; font-family: "Montserrat", sans-serif; padding-top: 40px;}
.product-infobox p{font-size: 16px; font-weight: 400; font-family: "Montserrat", sans-serif; color: var(--white);}
.prodetail-btnbox h1{font-size: 48px; font-weight: 700; font-family: "Montserrat", sans-serif; color: var(--white);}
.prodetail-btnbox .btn-design{font-size: 20px; padding: 20px 80px;}

/*================ cart ===================*/

.shopcart-box{background: linear-gradient(0deg, #000000 0%, #0A385A 100%); border: 1px solid var(--lightyellow); border-radius: 15px; padding: 15px;}
.cartremove-text{font-size: 16px; font-weight: 600; font-family: "Montserrat", sans-serif; color: var(--white);}
.cart-footer{background: var(--lightblue); margin-top: 70px}
.cart-footer h6{font-size: 32px; font-weight: 600; font-family: "Montserrat", sans-serif; color: var(--white);}
.cart-footer h1{font-size: 42px; font-weight: 600; font-family: "Montserrat", sans-serif; color: var(--white);}
.cart-footer .btn-design{font-size: 20px; padding: 15px 90px;}

/*================ purchase-shipping  ===================*/

.address-card { border: 1px solid var(--lightyellow); background: var(--darkblack); color: var(--white); padding: 18px; margin-bottom: 15px; cursor: pointer; transition: 0.3s;}
.address-card.selected { background: var(--lightblue); border-color: var(--lightyellow);}
.purchase-toprow { display: flex; justify-content: space-between;}
.purchase-toprow h6 {font-size: 20px; font-weight: 600; font-family: "Montserrat", sans-serif; color: var(--white);}
.purchase-toprow h6 span {font-size: 20px; font-weight: 400; font-family: "Montserrat", sans-serif; color: var(--white);}
.purchase-toprow p {font-size: 14px; font-weight: 400; font-family: "Montserrat", sans-serif; color: var(--white);}
.default-text { color: var(--orange) !important; font-size: 18px; font-weight: 400; font-family: "Montserrat", sans-serif; color: var(--white);}
.purchase-bottomrow { display: flex; justify-content: space-between; align-items: center;}

.purchase-bottomrow .purchase-editbtn { background: var(--orange); border-radius: 5px; border: none; padding: 4px 40px 4px 15px; color: var(--whitesmoke); cursor: pointer; font-size: 16px; font-weight: 500; font-family: "Montserrat", sans-serif;}
.purchase-deletebtn{background: var(--white); border-radius: 5px; color: #1D1D1D; font-size: 16px; font-weight: 500; font-family: "Montserrat", sans-serif; padding: 4px 40px 4px 15px;}
.purchase-selectbox { width: 20px; height: 20px; border: 1px solid var(--silver); transform: rotate(45deg); position: relative; transition: 0.3s;}
.address-card.selected .purchase-selectbox {border-color: var(--orange);}
.address-card.selected .purchase-selectbox::after { content: ""; position: absolute; width: 9px; height: 9px; background: var(--orange); top: 50%; left: 50%; transform: translate(-50%, -50%);}
.checkout-wrapper {display: flex; justify-content: space-between;}
.purchase-leftsection { width: 49%; padding: 220px 0px 0px 200px;}
.addbtn-address { width: 100%; background: var(--orange); border: 1px solid var(--lightyellow); padding: 17px 20px; color: var(--white); font-size: 20px; font-weight: 600; font-family: "Montserrat", sans-serif;}
.addbtn-address img{margin-right: 10px;}

.purchase-rightsection { width: 40%; background: var(--lightblue); padding: 130px 180px 100px 50px; margin-top: 120px; color: var(--white);}
.purchase-rightsection h2{font-size: 32px; font-weight: 600; font-family: "Montserrat", sans-serif;}
.summary-box, .summary-total { display: flex; justify-content: space-between; margin: 20px 0;}
.summary-box h6{font-size: 24px; font-weight: 700; font-family: "Montserrat", sans-serif;}
.summary-box span{font-size: 24px; font-weight: 400; font-family: "Montserrat", sans-serif;}
.summary-total p, .address-cancelbtn{font-size: 20px; font-weight: 600; font-family: "Montserrat", sans-serif;}
.summary-total h1{font-size: 38px; font-weight: 700; font-family: "Montserrat", sans-serif;}
.purchase-input {background: var(--white); border: 1px solid var(--dimgray); width: 100%; padding: 18px 25px; box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.560784); border-radius: 10px;}
.purchase-input, .purchase-input::placeholder, .address-input, .address-input::placeholder, .addaddress-form select{font-size: 20px; font-weight: 400; font-family: "Montserrat", sans-serif; color: var(--gray);}

/*================ add address  ===================*/

.addaddress-form{ background: var(--darkblack); border: 1px solid var(--lightyellow); box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.160784); border-radius: 10px; padding: 20px 15px;  width: 620px;}
.address-input{ background: var(--whitesmoke); border: 1px solid var(--dimgray); border-radius: 5px; padding: 12px 20px;}
.address-input, .address-input::placeholder, .addaddress-form select{color: var(--black);}

.addaddress-form select {outline: none; appearance: none; background-image: url("../images/select-arrow.png"); background-repeat: no-repeat; background-position-x: 95%; background-position-y:
center; cursor: pointer;}

/*================ purchase payment  ===================*/

.payment-header{font-size: 18px; font-weight: 500; font-family: "Montserrat", sans-serif; text-transform: uppercase;}
.purchase-payment{background: #F2F2F2; padding: 15px 40px;}
.purchase-payment p{font-size: 22px; font-weight: 600; font-family: "Montserrat", sans-serif; color: #2E2E2E;}
.payment-input{border: 1px solid #AFAFAF; padding: 12px 20px; background: var(--white);}
.payment-input, .payment-input::placeholder, .input-date{font-size: 16px; font-weight: 400; font-family: "Montserrat", sans-serif; color: var(--dimgray);}
.input-date { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); pointer-events: none;}
.payment-content { max-height: 0; overflow: hidden; transition: 0.3s ease;}
.payment-item.active .payment-content { max-height: 300px; padding-top: 10px;}
.payment-item.active .purchase-payment{ background: #E1D0AF;}

/*================ order-complete  ===================*/

.send-recivebtn{background: transparent; border: 0.8px solid #158AE4; font-size: 12px; font-weight: 500; font-family: "Montserrat", sans-serif; color: var(--white); padding: 7px 15px; text-transform: uppercase;}
.orderfinish-wrapper .purchase-leftsection { width: 39%;}
.orderfinish-wrapper .purchase-rightsection{width: 50%; padding: 100px 180px 100px 50px;}

.ordercomplete-box{ background: var(--white); box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.160784); border-radius: 10px; color: var(--black); padding: 20px;}
.ordercomplete-box h6{font-size: 15px; font-weight: 600; font-family: "Montserrat", sans-serif;}
.ordercomplete-box p{font-size: 12px; font-weight: 400; font-family: "Montserrat", sans-serif;}
.ordercomplete-box h1{font-size: 22px; font-weight: 700; font-family: "Montserrat", sans-serif;}
.order-trackingbox{background: #158AE4; border-radius: 5px; padding: 5px 10px; font-size: 10px; font-weight: 600; font-family: "Montserrat", sans-serif; color: var(--white);}
.order-trackingbox img{height: 14px; width: 14px;}
.order-complete{font-size: 42px; font-weight: 700; font-family: "Montserrat", sans-serif;}

/*================ order-complete  ===================*/

.tracking-container .order-trackingbox{padding: 6px 10px; font-size: 15px; font-family: "Montserrat", sans-serif; color: var(--white);}
.tracking-container .order-trackingbox img{height: 22px; width: 22px;}

/*================ tracking  ===================*/

.tracking-container .shopcart-box h6{font-size: 24px; font-weight: 700; font-family: "Montserrat", sans-serif;}
.tracking-container .shopcart-box h6 sub{font-size: 16px; font-family: "Montserrat", sans-serif;}

/*================ tracking-status ===================*/

.trackingstate-wrapper .purchase-leftsection { width: 37%;}
.trackingstate-wrapper .purchase-rightsection{width: 42%; padding: 70px 180px 100px 50px;}

.tracking-statusbox .top-info { display: flex; align-items: center; gap: 20px; margin-bottom: 40px;}
.tracking-statusbox .top-info p{font-size: 24px; font-weight: 400; font-family: "Montserrat", sans-serif;}
.tracking-statusbox .top-info h2 { font-size: 28px; font-weight: 700; font-family: "Montserrat", sans-serif;}
.tracking-statusbox .divider { width: 1px; height: 60px; background: var(--white);}

.tracking-statusbox .timeline {position: relative;}
.tracking-statusbox .timeline::before { content: ""; position: absolute; left: 15px; top: 13px; height: 97%; width: 2px; border-left: 2px dotted #158AE4;}
.status-step { position: relative; margin-bottom: 60px; display: flex; align-items: flex-start;}
.status-icon { width: 28px; height: 28px; border: 2px solid var(--white); transform: rotate(45deg); position: absolute; left: 15px; transform: translateX(-50%) rotate(45deg); background: #0A2941; display: flex; align-items: center; justify-content: center; top: 13px;}
.status-icon::after { content: ""; width: 16px; height: 16px; background: #158AE4;}
.status-icon.empty { border: 2px solid var(--white);}
.status-icon.empty::after {background: transparent;}

.status-content {margin-left: 70px;}
.status-content span {font-size: 14px; font-weight: 400; font-family: "Montserrat", sans-serif;}
.status-content h4 {font-size: 20px; font-weight: 700; font-family: "Montserrat", sans-serif;}

/*================ about us ===================*/

.about-logoimg{position: absolute; bottom: 0;}
.aboutus-container {position: relative; display: inline-block;}
.about-logoimg { position: absolute; bottom: -90px;  left: 50%; transform: translateX(-50%); z-index: 2;}
.aboutus-content{padding-top: 130px; padding-bottom: 100px;}
.aboutus-content h1{font-size: 52px; font-weight: 700; font-family: "Montserrat", sans-serif; color: #E1D0AF;}
.aboutus-content h6{font-size: 30px; font-weight: 500; font-family: "Montserrat", sans-serif; color: var(--white);}
.aboutus-content p{font-size: 20px; font-weight: 400; font-family: "Montserrat", sans-serif; color: var(--white); width: 1184px; margin: 0 auto;}

/*================ contact ===================*/

.contact-emailbox, .contact-input{ background: rgba(255, 255, 255, 0.0705882); border: 1.5px solid var(--white); padding: 30px; font-size: 28px; font-weight: 500; font-family: "Montserrat", sans-serif;}
.stay-connected{color: #ECECEC; font-size: 30px; font-weight: 700; font-family: "Montserrat", sans-serif;}
.getthe-news{color: #ECECEC; font-size: 24px; font-weight: 400; font-family: "Montserrat", sans-serif;}
.contact-input, .contact-input::placeholder{color: #ECECEC; padding: 15px; font-size: 22px;}
.contact-sendbtn{background: linear-gradient( 90deg, #FFFEF8 0%, #CDB364 48.42%, #9B6910 100%); font-size: 22px; font-weight: 600; font-family: "Montserrat", sans-serif; color: #ECECEC; padding: 20px 0px;}
.favorite-headtext{font-size: 30px; font-weight: 600; font-family: "Montserrat", sans-serif; color: #ECECEC;}

/*===================== user =======================*/

.sidebar {width: 584px;}
.profile-photo img{width: 200px; height: 200px; border-radius: 50%;}
.sidebar .profile-section{ padding: 50px;}
.sidebar .profile-section img {border-radius: 50%;border: 10px solid #FFFFFF;}
.sidebar .link-inner{ padding: 0px 50px;}
.sidebar label, .sidebar_header h2{font-size: 19px; font-family: "Montserrat", sans-serif; color:#158AE4; font-weight: 600;}
.sidebar span, .sidebar_header span{font-size: 22px; font-family: "Montserrat", sans-serif; color:var(--white); font-weight: 500;}
.sidebar h1, .sidebar_header h1{font-size: 30px; font-family: "Montserrat", sans-serif; color: var(--white); font-weight: 800;}
.sidebar .nav-link { font-size: 16px; font-family: "Montserrat", sans-serif; color: var(--white); font-weight: 600;  line-height: 65px;}
.sidebar .nav-link.active {background: linear-gradient(90.04deg, #BC9953 0.03%, rgba(11, 29, 42, 0) 99.4%);
 color: white;}
.sidebar .nav-link img {margin-right: 20px;}

.sidebar_header {display: none;}
.sidebar_header { border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; border: 1px solid #E1D0AF; box-shadow: 0px 3px 3px 0px #00000029; background: #131313; padding: 70px 30px 0px 30px;}
.sidebar_header  .profile-pic { border-radius: 50%; object-fit: cover; border: 5px solid #fff; margin-bottom: 10px; width: 70px; height: 70px;}
.sidebar_header h2 {font-size: 9px;}
.sidebar_header h1 {font-size: 22px;}
.sidebar_header label {font-size: 12px;}
.sidebar_header .menu-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; padding:18px 20px;}
.sidebar_header  .menu-item { border: 1px solid #E1D0AF; background: #131313; border-radius: 8px; text-align: center; padding: 10px 5px; box-shadow: 0px 3px 3px 0px #00000029; font-family: "Montserrat", sans-serif; color: var(--white); font-size: 6px; font-weight: 500;}
.sidebar_header .hidden { display: none;}
.sidebar_header .menu-item.active{ background: linear-gradient(90deg,#BC9953 0%,rgba(11, 29, 42, 0) 100%); color: white;}

.profile-borderdesign{box-shadow: 0px 3px 3px 0px #00000029; border: 1px solid #E1D0AF; background: #131313; border-radius: 20px; }
.userbox-header{font-size: 34px; font-family: "Montserrat", sans-serif; color: var(--white); font-weight: 700; color: #BC9953;}
.profile-input{background: #E8E8E8; box-shadow: 0px 3px 3px 0px #00000024 inset; border: none; padding: 18px; border-radius: 15px;}
.profile-input, .profile-input::placeholder{font-size: 26px; font-family: "Montserrat", sans-serif; color: #B7B7B7; font-weight: 400;}
.profile-borderdesign .btn-design{font-size: 26px; font-weight: 500;}

/*===================== user-mypurchase =======================*/

.user-purchasebox .shopcart-box{background: rgba(255, 255, 255, 0.0588235);}
.user-purchasebox .shopcart-box h3{font-size: 17px;}
.user-purchasebox .shopcart-box h6{font-size: 22px; font-weight: 700; font-family: "Montserrat", sans-serif;}
.user-purchasebox .order-trackingbox { padding: 5px 10px; font-size: 13px;}
.user-purchasebox .order-trackingbox img { height: auto; width: auto;}

/*===================== user-myfavorite =======================*/

.user-favoritebox { flex: 1; overflow-y: auto; padding-right: 5px; scrollbar-width: none; -ms-overflow-style: none;}
.user-favoritebox::-webkit-scrollbar { width: 5px;}
.user-favoritebox::-webkit-scrollbar {display: none;}
.user-favoritebox .btn-design{font-size: 16px;}

/*===================== user-trackorder =======================*/

.usertrack-img{width: 20px !important; height: 20px !important;}

/*===================== user-paymentsetting =======================*/

.userpayment-methodbox{background: #FFFFFF; border: 2px solid #BC9953; padding: 20px; font-size: 20px; font-weight: 500; font-family: "Montserrat", sans-serif; color: #0A0A0A;}
.user-paymentbox .btn-design{margin-top: 300px;}

/*===================== user-mypurchase2 =======================*/

.date-filter-box { display: flex; justify-content: space-between; align-items: center; padding: 14px 20px; border-radius: 12px; background: rgba(255, 255, 255, 0.101961); border: 1.5px solid #BC9953; color: var(--white); font-family: "Montserrat", sans-serif;}
.date-left { display: flex; align-items: center; gap: 10px;}
.date-left span { font-size: 22px; font-weight: 700; font-family: "Montserrat", sans-serif;}
.to-text {color: #BC9953;}
.filter-btn { background: transparent; border: none; color: #BC9953; font-size: 22px; font-weight: 700; font-family: "Montserrat", sans-serif; cursor: pointer; transition: 0.3s;}

/*===================== announcement =======================*/

.announcement-readmore h1{font-size: 58px; font-weight: 700; font-family: "Montserrat", sans-serif; color: var(--white);}
.announcement-readmore span{font-size: 18px; font-weight: 500; font-family: "Montserrat", sans-serif; color: var(--white);}
.announcement-readmore p{font-size: 16px; font-weight: 500; font-family: "Montserrat", sans-serif; color: var(--white);}


@media (max-width: 768px) {
    
}


@media (min-width: 992px) {
    .product-scroll {
        overflow-x: visible;
    }

    /* .product-card {
        min-width: calc(20% - 16px);
    } */
}

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

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

.navbar-toggler {display: block !important;}
  .offcanvas {display: block !important;}
  .nav-mobile {display: flex !important;}
  .nav-web{ display: none !important;}

}

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

    .modal-body {padding: 20px;}
    .modal-content{margin: 10px;}
    #registerModal p,  #registerModal a{font-size: 13px; line-height: 15px;}
    #loginModal p, #registerModal p, .login-input::placeholder, .login-input {font-size: 12px;}
    .login-input {padding: 10px 15px;}
    #registerModal .mt-4, #loginModal .mt-4{margin-top: 10px !important;}
    .otp-btn{ right: 7px; top: 15px; padding: 5px 10px; font-size: 10px !important;}
   
    .wrapper{padding: 0px 25px;}
    .navbar-toggler {display: block !important;}
    .offcanvas {display: block !important;}
    .nav-mobile {display: flex !important;}
    .nav-web{ display: none !important;}
    .navbar {padding: 23px 20px; gap: 0px;}
    .nav-mobile .logo-mobile{position: absolute; width: 90px; height: 90px; top: 13px;}
    .nav-mobile{position: fixed; }
    .navbar-nav .nav-link{font-size: 16px;}
    .dropdown-btn{font-size: 16px !important; padding: 20px 0px;}
    .enrich-dropdown {top: 90%;}

    .chat-header{border-radius: 15px 0px 0px 15px; padding: 10px 15px; bottom: 80px;}
    .chat-header p{display: none;}
    .chat-support {width: 290px;}
    .chat-support.active{height: 400px;}
    .chat-content p {font-size: 15px;}

    .banner-container1{display: none !important;}
    .banner-container2{display: block !important;}
    .banner-toptext2 { position: absolute; left: 0; right: 0; bottom: 9%; width: 100%; height: 300px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 60%, #000000 100%); z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding-bottom: 20px; color: white;}
    .banner-toptext h6 {font-size: 17px;}
    .banner-toptext p {font-size: 14px; line-height: 17px;}
    .search-box input { width: 88%; margin: 0 25px; padding: 10px 25px; font-size: 12px;}
    .search-box input, .search-box input::placeholder, .banner-discountbox p, .banner-discountbox p label  {font-size: 12px;}
    .shopping-btn { padding: 9px 20px; font-size: 13px;}
    .banner-discountbox h1{font-size: 24px}
    .banner-discountbox p, .banner-discountbox p label {font-size: 12px;}
    .redeem-btn {font-size: 14px;}
    .home-container .popular-section{padding-top: 20px !important; padding-bottom: 0px !important;}
    .product-card {width: 175px; padding: 10px;}
    .product-card img {height: 172px;}
    .product-card h3, .shopcart-box h3 {font-size: 13px;}
    .product-card p, .footer-copy, .shopcart-box p {font-size: 9px;}
    .product-tags span {padding: 2px 10px; border-radius: 13px; font-size: 8px;}
    .product-card h4, .shopcart-box h4 {font-size: 14px;}
    .btn-design {font-size: 10px;}
    .popular-header { padding-bottom: 15px; margin-bottom: 20px;}
    .popular-header h2 {font-size: 16px;}
    .popular-header a {font-size: 12px;}
    .announcement-box {border-radius: 10px; margin-top: 10px;}
    .announcement-box h6 {font-size: 16px; margin: 20px 0px 5px 0px !important;}
    .announcement-box p{font-size: 10px;}
    .announcement-box .btn-design { font-size: 10px;}
    footer{padding: 0px !important;}
    .footer-links{flex-direction: row !important; justify-content: center;}
    .footer-links p {font-size: 12px;}
    .footer-social img{width: 25px; height: 25px; margin-top: 20px;}
    .footer-main { display: block !important; text-align: center;}
    .footer-social {justify-content: center;}
    .footer-copy { text-align: center; margin-top: 20px;}

    /*---------- shopping page ---------------*/
    .margin-top {margin-top: 110px;}
    .shopping-container .search-box input{margin: 0px !important;}
    .shopping-container .search-box input {width: 271px;padding: 9px 20px;}
    .search-icon{width: 17px; height: 17px;}
    .dropdown-icon {left: 0px;}
    .popularSelect { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 3; cursor: pointer; padding: 0px;}
    .dropdown-arrow {display: none;}
    .dropdown-icon { position: relative; z-index: 2; cursor: pointer;}
    .custom-dropdown { width: 37px; height: 33px;}
    .popularSelect option{font-weight: 500; font-size: 19px; left: 100px;}
    .product-grid { grid-template-columns: repeat(2, 1fr); gap: 10px;}
    .pagination-box img{width: 37px; height: 37px;}
    .page-count { font-size: 15px; width: 92px; padding: 3px 0px;}

    /*---------- product-detail ---------------*/
    .product-detail-box { margin: 0px 0px; padding: 0px;}
    .product-detail-box .product-slider #productImage{width: 330px; margin: 30px 20px;}
    .prodetail-scroll {display: block;}
    .prodetail-btnbox .d-flex{display: block !important;}
    .left {left: 28px;}
    .right {right: 50px;}
    .product-infobox h1 {font-size: 24px; margin-bottom: 0px !important;}
    .product-infobox small {font-size: 16px;}
    .heart-icon img{width: 40px; height: 33px;}
    .product-infobox .product-tags{margin-top: 5px !important; margin-bottom: 15px !important;}
    .product-infobox .product-tags span{font-size: 12px; padding: 3px 20px;}
    .product-infobox h6 {font-size: 14px; padding-top: 20px !important; border-top: 0.5px solid #E1D0AF;}
    .product-infobox p {font-size: 10px;}
    .prodetail-btnbox{padding-top: 20px !important;}
    .prodetail-btnbox .btn-design { font-size: 15px; width: 160px; padding: 10px 20px; margin-bottom: 10px;}
    .prodetail-btnbox h1 { order: 2; font-size: 30px; text-align: end;}
    .prodetail-btnbox > div {order: 1;}

    /*---------- cart ---------------*/
    .shopcart-box { border-radius: 10px; padding: 15px !important;}
    .shopping-container .shopcart-box img{width: 75px; height: 87px;}
    .cartremove-text img{width: 14px !important; height: 14px !important;}
    .cartimg-2imgbox {height: 87px !important;}
    .cartremove-text {font-size: 10px;}
    .backbox-text img{width: 27px; height: 20px;}
    .backbox-text a {font-size: 12px;}
    .cart-footer .d-flex{display: block !important;}
    .cart-footer h6 {font-size: 16px;}
    .cart-footer h1 {font-size: 32px;}
    .cart-footer .btn-design { font-size: 12px; padding: 15px 80px; margin-top: 30px;}

    /*---------- purchase-shipping ---------------*/
    .checkout-wrapper { display: block;}
    .purchase-leftsection, .orderfinish-wrapper .purchase-rightsection { width: 100% !important; padding: 110px 25px 0px 25px;}
    .purchase-toprow h6 {font-size: 14px;}
    .purchase-toprow h6 span {font-size: 14px;}
    .default-text {font-size: 12px;}
    .purchase-toprow p {font-size:9px; padding: 15px 0px !important;}
    .purchase-bottomrow .purchase-editbtn img, .purchase-deletebtn img{width: 13px; height: 13px; margin-right: 8px;}
    .purchase-bottomrow .purchase-editbtn, .purchase-deletebtn{font-size: 10px; padding: 4px 20px 4px 15px;}
    .purchase-selectbox { width: 16px; height: 16px;}
    .addbtn-address {padding: 10px 20px;font-size: 12px;}
    .addbtn-address a img{width: 19px; height: 19px;}
    .purchase-rightsection { width: 100% !important; padding: 25px !important; margin-top: 50px ;}
    .purchase-rightsection h2 {font-size: 16px;}
    .summary-box, .summary-total {margin: 0px 0; padding: 10px 0px !important;}
    .summary-box h6, .summary-box span{font-size: 12px;}
    .summary-total h1 {font-size: 32px;}
    .purchase-input {padding: 14px 20px; border-radius: 5px;}
    .purchase-input, .purchase-input::placeholder, .address-input, .address-input::placeholder, .addaddress-form select {font-size: 10px;}

    /*---------- purchase-payment ---------------*/
    .payment-header {font-size: 14px; padding: 10px 0px !important;}
    .purchase-payment {padding: 15px 20px;}
    .purchase-payment p {font-size: 12px;}
    .purchase-payment img{width: 28px; height: 20px;}
    .payment-input {padding: 10px 10px;}
    .payment-input, .payment-input::placeholder, .input-date {font-size: 10px;}

    /*---------- add-address ---------------*/

    .addaddress-form{width: 100%;}
    .address-cancelbtn { font-size: 10px; padding: 12px !important;}
    .orderfinish-wrapper .purchase-leftsection {width: 100%;}
    .ordercomplete-box h6 {font-size: 9px; margin-bottom: 0px !important;}
    .ordercomplete-box p {font-size: 9px;}
    .ordercomplete-box .my-3{margin: 10px 0px !important;}
    .ordercomplete-box h1 { font-size: 14px;}
    .order-complete {font-size: 22px;}
    .order-complete img{width: 30px; height: 30px; margin-left: 10px;}
    .orderfinish-wrapper .mt-5{margin-top: 20px !important;}

    /*---------- aboutus ---------------*/
    .about-logoimg {width: 270px; height: 270px; bottom: -30px;}
    .aboutus-content p {font-size: 12px; width: 358px;}
    .about-mainimg{display: none !important;}
    .about-mainimg2{display: block !important;}
    .about-logowrapper{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40%; background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 60%, #000000 100%);}
    .aboutus-content h1 { font-size: 32px; margin-top: 80px;}
    .aboutus-content h6 {
    font-size: 16px; padding: 20px 0px !important;}

    /*---------- aboutus ---------------*/
    .contact-container .banner-container1{ background-image: url('../images/mobile-banner.png'); height:150vh; margin-top: 0px; display: block !important; background-position:top;}
    .contact-container .banner-toptext{margin-left: 25px; padding-top: 340px;}
    .contact-container .banner-toptext .col-lg-2 img{width: 280px; margin-left: 50px;}
    .contact-container .banner-toptext .col-lg-8{text-align: center;}
    .contact-container .banner-toptext h6 {font-size: 32px; padding: 20px 0px !important;}
    .contact-container .banner-toptext p {font-size: 16px; padding: 10px !important;}
    .contact-emailbox, .contact-input {width: 370px !important; padding: 20px; font-size: 12px;}
    .contact-emailbox img{width: 25px; height: 19px;}
    .stay-connected { font-size: 20px; text-align: center;}
    .getthe-news {font-size: 14px; text-align: center;}
    .contact-input, .contact-input::placeholder{font-size: 12px;}
    .contact-sendbtn {font-size: 12px; padding: 10px; width: 370px !important; margin-top: 20px;}
    .contact-container footer{margin-top: 500px;}

    /*---------- favorite ---------------*/
    .favorite-headtext { font-size: 0; }
    .favorite-headtext img {font-size: initial; width: 41px; height: 37px; margin: 0;}

    /*---------- tracking ---------------*/
    .tracking-container .shopcart-box{background: rgba(255, 255, 255, 0.0588235);}
    .tracking-container .shopcart-box h6 {font-size: 14px;}
    .tracking-container .shopcart-box img {width: 15px; height: 15px;}
    .tracking-container .order-trackingbox { padding: 4px 8px; font-size: 12px;}
    .tracking-container .shopcart-box .row.mt-4{margin-top: 0px !important;}

    /*---------- tracking-status ---------------*/
    .tracking-statusbox .top-info p {font-size: 12px;}
    .tracking-statusbox .top-info h2 {font-size: 16px;}
    .tracking-statusbox .divider { width: 1px; height: 41px;}
    .status-step {margin-bottom: 40px;}
    .tracking-statusbox .top-info img{width: 38px; height: 38px;}

    /* .trackingstate-wrapper { display: flex; flex-direction: column;}
    .trackingstate-wrapper .purchase-leftsection {order: 2;}
    .trackingstate-wrapper .purchase-rightsection {order: 1;} */

     /*---------- user ---------------*/
    .sidebar {display: none;}
    .sidebar_header{display: block;}
    .user-container.margin-top {margin-top: 60px;}
    .user-container .wrapper{padding: 0px;}
    .user-generalsetting, .user-purchasebox, .user-paymentbox{padding: 20px !important; margin: 25px; border-radius: 10px;}
    .userbox-header {font-size: 16px;}
    .profile-input, .profile-input::placeholder {font-size: 12px;}
    .profile-input { padding: 15px; border-radius: 8px;}
    .user-generalsetting .otp-wrapper.mt-4{margin-top: 10px !important;}
    .editimg {width: 17px; height: 17px; right: 10px; top: 7px; padding: 5px 0px;}
    .user-generalsetting .btn-design, .user-purchasebox .btn-design{font-size: 14px;}

     /*---------- user my purchase---------------*/
     .user-purchasebox .shopcart-box h3 {font-size: 9px;}
    .user-purchasebox .shopcart-box h6 {font-size: 14px;}
    .user-purchasebox .order-trackingbox { padding: 3px 5px; font-size: 10px;}
    .user-purchasebox .order-trackingbox img{margin-right: 5px !important;}
    .user-purchasebox .shopcart-box .row.mt-4{margin-top: 0px !important;}
    .user-purchasebox .product-grid{grid-template-columns: repeat(5, 1fr);}
    .user-purchasebox .pe-5{padding-right: 0px !important;}

    .payment-method label {gap: 10px !important;}
    .userpayment-methodbox{font-size: 12px; padding: 10px;}
    .userpayment-methodbox img{width: 17px; height: 17px;}
    .user-paymentbox .btn-design{font-size: 14px; margin-top: 200px;}

    /*----------- announcement-reade more -----------------*/
    .announcement-readmore h1 {font-size: 24px; margin-top: 20px !important;}
    .announcement-readmore span {font-size: 8px;}
    .announce-readmorebox .profile-borderdesign{border: none; padding: 0px !important; margin-top: 20px;}
    .announcement-readmore p {font-size: 13px; text-align: center;}


}

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

    .wrapper{padding: 0px 25px;}
    .navbar-toggler {display: block !important;}
    .offcanvas {display: block !important;}
    .nav-mobile {display: flex !important;}
    .nav-web{ display: none !important;}
    .navbar {padding: 23px 20px; gap: 0px;}
    .nav-mobile .logo-mobile{position: absolute; width: 90px; height: 90px; top: 13px;}
    .nav-mobile{position: fixed; }
    .navbar-nav .nav-link{font-size: 16px;}
    .dropdown-btn{font-size: 16px !important; padding: 20px 0px;}
    .enrich-dropdown {top: 90%;}

    .chat-header{border-radius: 15px 0px 0px 15px; padding: 10px 15px; bottom: 80px;}
    .chat-header p{display: none;}
    .chat-support {width: 290px;}
    .chat-support.active{height: 400px;}

    .banner-container1{display: none !important;}
    .banner-container2{display: block !important;}
    .banner-toptext2 { position: absolute; left: 0; right: 0; bottom: 9%; width: 100%; height: 300px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 60%, #000000 100%); z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding-bottom: 20px; color: white;}
    .banner-toptext h6 {font-size: 17px;}
    .banner-toptext p {font-size: 14px; line-height: 17px;}
    .search-box input { width: 88%; margin: 0 25px; padding: 10px 25px; font-size: 12px;}
    .search-box input, .search-box input::placeholder, .banner-discountbox p, .banner-discountbox p label  {font-size: 12px;}
    .shopping-btn { padding: 9px 20px; font-size: 13px;}
    .banner-discountbox h1{font-size: 24px}
    .banner-discountbox p, .banner-discountbox p label {font-size: 12px;}
    .redeem-btn {font-size: 14px;}
    .home-container .popular-section{padding-top: 20px !important; padding-bottom: 0px !important;}
    .product-card {width: 175px; padding: 10px;}
    .product-card img {height: 172px;}
    .product-card h3, .shopcart-box h3 {font-size: 13px;}
    .product-card p, .footer-copy, .shopcart-box p {font-size: 9px;}
    .product-tags span {padding: 2px 10px; border-radius: 13px; font-size: 8px;}
    .product-card h4, .shopcart-box h4 {font-size: 14px;}
    .btn-design {font-size: 10px;}
    .popular-header { padding-bottom: 15px; margin-bottom: 20px;}
    .popular-header h2 {font-size: 16px;}
    .popular-header a {font-size: 12px;}
    .announcement-box {border-radius: 10px; margin-top: 10px;}
    .announcement-box h6 {font-size: 16px; margin: 20px 0px 5px 0px !important;}
    .announcement-box p{font-size: 10px;}
    .announcement-box .btn-design { font-size: 10px;}
    footer{padding: 0px !important;}
    .footer-links{flex-direction: row !important; justify-content: center;}
    .footer-links p {font-size: 12px;}
    .footer-social img{width: 25px; height: 25px; margin-top: 20px;}
    .footer-main { display: block !important; text-align: center;}
    .footer-social {justify-content: center;}
    .footer-copy { text-align: center; margin-top: 20px;}

    /*---------- shopping page ---------------*/
    .margin-top {margin-top: 110px;}
    .shopping-container .search-box input{margin: 0px !important;}
    .shopping-container .search-box input {width: 271px;padding: 9px 20px;}
    .search-icon{width: 17px; height: 17px;}
    .dropdown-icon {left: 0px;}
    .popularSelect { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 3; cursor: pointer; padding: 0px;}
    .dropdown-arrow {display: none;}
    .dropdown-icon { position: relative; z-index: 2; cursor: pointer;}
    .custom-dropdown { width: 37px; height: 33px;}
    .popularSelect option{font-weight: 500; font-size: 19px; left: 100px;}
    .product-grid { grid-template-columns: repeat(2, 1fr); gap: 10px;}
    .pagination-box img{width: 37px; height: 37px;}
    .page-count { font-size: 15px; width: 92px; padding: 3px 0px;}

    /*---------- product-detail ---------------*/
    .product-detail-box { margin: 0px 0px; padding: 0px;}
    .product-detail-box .product-slider #productImage{width: 330px; margin: 30px 20px;}
    .prodetail-scroll {display: block;}
    .prodetail-btnbox .d-flex{display: block !important;}
    .left {left: 28px;}
    .right {right: 50px;}
    .product-infobox h1 {font-size: 24px; margin-bottom: 0px !important;}
    .product-infobox small {font-size: 16px;}
    .heart-icon img{width: 40px; height: 33px;}
    .product-infobox .product-tags{margin-top: 5px !important; margin-bottom: 15px !important;}
    .product-infobox .product-tags span{font-size: 12px; padding: 3px 20px;}
    .product-infobox h6 {font-size: 14px; padding-top: 20px !important; border-top: 0.5px solid #E1D0AF;}
    .product-infobox p {font-size: 10px;}
    .prodetail-btnbox{padding-top: 20px !important;}
    .prodetail-btnbox .btn-design { font-size: 15px; width: 160px; padding: 10px 20px; margin-bottom: 10px;}
    .prodetail-btnbox h1 { order: 2; font-size: 30px; text-align: end;}
    .prodetail-btnbox > div {order: 1;}

    /*---------- cart ---------------*/
    .shopcart-box { border-radius: 10px; padding: 15px !important;}
    .shopping-container .shopcart-box img{width: 75px; height: 87px;}
    .cartremove-text img{width: 14px !important; height: 14px !important;}
    .cartimg-2imgbox {height: 87px !important;}
    .cartremove-text {font-size: 10px;}
    .backbox-text img{width: 27px; height: 20px;}
    .backbox-text a {font-size: 12px;}
    .cart-footer .d-flex{display: block !important;}
    .cart-footer h6 {font-size: 16px;}
    .cart-footer h1 {font-size: 32px;}
    .cart-footer .btn-design { font-size: 12px; padding: 15px 80px; margin-top: 30px;}

    /*---------- purchase-shipping ---------------*/
    .checkout-wrapper { display: block;}
    .purchase-leftsection, .orderfinish-wrapper .purchase-rightsection { width: 100% !important; padding: 110px 25px 0px 25px;}
    .purchase-toprow h6 {font-size: 14px;}
    .purchase-toprow h6 span {font-size: 14px;}
    .default-text {font-size: 12px;}
    .purchase-toprow p {font-size:9px; padding: 15px 0px !important;}
    .purchase-bottomrow .purchase-editbtn img, .purchase-deletebtn img{width: 13px; height: 13px; margin-right: 8px;}
    .purchase-bottomrow .purchase-editbtn, .purchase-deletebtn{font-size: 10px; padding: 4px 20px 4px 15px;}
    .purchase-selectbox { width: 16px; height: 16px;}
    .addbtn-address {padding: 10px 20px;font-size: 12px;}
    .addbtn-address a img{width: 19px; height: 19px;}
    .purchase-rightsection { width: 100% !important; padding: 25px !important; margin-top: 50px ;}
    .purchase-rightsection h2 {font-size: 16px;}
    .summary-box, .summary-total {margin: 0px 0; padding: 10px 0px !important;}
    .summary-box h6, .summary-box span{font-size: 12px;}
    .summary-total h1 {font-size: 32px;}
    .purchase-input {padding: 14px 20px; border-radius: 5px;}
    .purchase-input, .purchase-input::placeholder, .address-input, .address-input::placeholder, .addaddress-form select {font-size: 10px;}

    /*---------- purchase-payment ---------------*/
    .payment-header {font-size: 14px; padding: 10px 0px !important;}
    .purchase-payment {padding: 15px 20px;}
    .purchase-payment p {font-size: 12px;}
    .purchase-payment img{width: 28px; height: 20px;}
    .payment-input {padding: 10px 10px;}
    .payment-input, .payment-input::placeholder, .input-date {font-size: 10px;}

    /*---------- add-address ---------------*/

    .addaddress-form{width: 100%;}
    .address-cancelbtn { font-size: 10px; padding: 12px !important;}
    .orderfinish-wrapper .purchase-leftsection {width: 100%;}
    .ordercomplete-box h6 {font-size: 9px; margin-bottom: 0px !important;}
    .ordercomplete-box p {font-size: 9px;}
    .ordercomplete-box .my-3{margin: 10px 0px !important;}
    .ordercomplete-box h1 { font-size: 14px;}
    .order-complete {font-size: 22px;}
    .order-complete img{width: 30px; height: 30px; margin-left: 10px;}
    .orderfinish-wrapper .mt-5{margin-top: 20px !important;}

    /*---------- aboutus ---------------*/
    .about-logoimg {width: 270px; height: 270px; bottom: -30px;}
    .aboutus-content p {font-size: 12px; width: 358px;}
    .about-mainimg{display: none !important;}
    .about-mainimg2{display: block !important;}
    .about-logowrapper{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40%; background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 60%, #000000 100%);}
    .aboutus-content h1 { font-size: 32px; margin-top: 80px;}
    .aboutus-content h6 {
    font-size: 16px; padding: 20px 0px !important;}

    /*---------- aboutus ---------------*/
    .contact-container .banner-container1{ background-image: url('../images/mobile-banner.png'); height:150vh; margin-top: 0px; display: block !important; background-position:top;}
    .contact-container .banner-toptext{margin-left: 25px; padding-top: 340px;}
    .contact-container .banner-toptext .col-lg-2 img{width: 280px; margin-left: 50px;}
    .contact-container .banner-toptext .col-lg-8{text-align: center;}
    .contact-container .banner-toptext h6 {font-size: 32px; padding: 20px 0px !important;}
    .contact-container .banner-toptext p {font-size: 16px; padding: 10px !important;}
    .contact-emailbox, .contact-input {width: 370px !important; padding: 20px; font-size: 12px;}
    .contact-emailbox img{width: 25px; height: 19px;}
    .stay-connected { font-size: 20px; text-align: center;}
    .getthe-news {font-size: 14px; text-align: center;}
    .contact-input, .contact-input::placeholder{font-size: 12px;}
    .contact-sendbtn {font-size: 12px; padding: 10px; width: 370px !important; margin-top: 20px;}
    .contact-container footer{margin-top: 500px;}

    /*---------- favorite ---------------*/
    .favorite-headtext { font-size: 0; }
    .favorite-headtext img {font-size: initial; width: 41px; height: 37px; margin: 0;}

    /*---------- tracking ---------------*/
    .tracking-container .shopcart-box{background: rgba(255, 255, 255, 0.0588235);}
    .tracking-container .shopcart-box h6 {font-size: 14px;}
    .tracking-container .shopcart-box img {width: 15px; height: 15px;}
    .tracking-container .order-trackingbox { padding: 4px 8px; font-size: 12px;}
    .tracking-container .shopcart-box .row.mt-4{margin-top: 0px !important;}

    /*---------- tracking-status ---------------*/
    .tracking-statusbox .top-info p {font-size: 12px;}
    .tracking-statusbox .top-info h2 {font-size: 16px;}
    .tracking-statusbox .divider { width: 1px; height: 41px;}
    .status-step {margin-bottom: 40px;}
    .tracking-statusbox .top-info img{width: 38px; height: 38px;}

    /* .trackingstate-wrapper { display: flex; flex-direction: column;}
    .trackingstate-wrapper .purchase-leftsection {order: 2;}
    .trackingstate-wrapper .purchase-rightsection {order: 1;} */

     /*---------- user ---------------*/
    .sidebar {display: none;}
    .sidebar_header{display: block;}
    .user-container.margin-top {margin-top: 60px;}
    .user-container .wrapper{padding: 0px;}
    .user-generalsetting, .user-purchasebox, .user-paymentbox{padding: 20px !important; margin: 25px; border-radius: 10px;}
    .userbox-header {font-size: 16px;}
    .profile-input, .profile-input::placeholder {font-size: 12px;}
    .profile-input { padding: 15px; border-radius: 8px;}
    .user-generalsetting .otp-wrapper.mt-4{margin-top: 10px !important;}
    .editimg {width: 17px; height: 17px; right: 10px; top: 7px; padding: 5px 0px;}
    .user-generalsetting .btn-design, .user-purchasebox .btn-design{font-size: 14px;}

     /*---------- user my purchase---------------*/
     .user-purchasebox .shopcart-box h3 {font-size: 9px;}
    .user-purchasebox .shopcart-box h6 {font-size: 14px;}
    .user-purchasebox .order-trackingbox { padding: 3px 5px; font-size: 10px;}
    .user-purchasebox .order-trackingbox img{margin-right: 5px !important;}
    .user-purchasebox .shopcart-box .row.mt-4{margin-top: 0px !important;}
    .user-purchasebox .product-grid{grid-template-columns: repeat(5, 1fr);}
    .user-purchasebox .pe-5{padding-right: 0px !important;}

    .payment-method label {gap: 10px !important;}
    .userpayment-methodbox{font-size: 12px; padding: 10px;}
    .userpayment-methodbox img{width: 17px; height: 17px;}
    .user-paymentbox .btn-design{font-size: 14px; margin-top: 200px;}

    /*----------- announcement-reade more -----------------*/
    .announcement-readmore h1 {font-size: 24px; margin-top: 20px !important;}
    .announcement-readmore span {font-size: 8px;}
    .announce-readmorebox .profile-borderdesign{border: none; padding: 0px !important; margin-top: 20px;}
    .announcement-readmore p {font-size: 13px; text-align: center;}

 
}

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

.chat-header { padding: 8px 15px;}
.chat-header img, .chat-support img{width: 25px; height: 25px;}
.chat-header p, .chat-content p {font-size: 13px;}
.chat-header { border-radius: 25px 0px 0px 0px;}
.chat-support.active {padding: 15px 15px;}
.chat-support {width: 250px;}
.chat-message {font-size: 11px;}
.chat-support.active { height: 390px; width: 240px;}
.chat-footer input{width: 180px; padding: 5px 12px;}

    .enrich-dropdown { width: 110px;}
    .enrich-dropdown a {font-size: 10px; padding: 5px 10px;}
    .wrapper {padding: 0px 40px;}
    .navbar { padding: 15px 70px; gap: 30px;}
    .navbar-web .navbar-nav, .nav-iconbox{gap: 15px;}
    .navbar-nav .nav-link, .nav-item .dropdown-btn {font-size: 13px;}
    .nav-iconbox img{width: 20px; height: 19px;}
    .navbar-web .logo {width: 100px; height: 100px; left: -180px; top: -5px;}
    .footer-links{gap: 30px !important;}
    .footer-links p{ font-size: 15px;}
    .footer-copy{font-size: 12px;}
    .footer-social img{width: 35px; height: 35px;}
    .footer-social{gap: 10px !important;}

    .banner-container1 {margin-top: 60px;}
    .banner-toptext {margin-left: 50px;}
    .search-box input {padding: 7px 30px;}
    .banner-toptext h6 {font-size: 25px; padding-top: 10px !important;}
    .banner-toptext p {padding-top: 10px !important; font-size: 18px;}
    .product-card { width: 168px;}
    .product-card img {height: 150px;}
    .product-card h3, .shopcart-box h3 {font-size: 11px !important;}
    .product-card h4, .shopcart-box h4 {font-size: 14px;}
    .product-tags span {padding: 3px 8px; font-size: 9px;}
    .btn-design , .address-cancelbtn{font-size: 13px; padding: 8px 20px;}
    .shopping-btn {padding: 8px 40px;font-size: 18px;}
    .search-box input, .search-box input::placeholder {font-size: 18px;}
    .search-icon {width: 20px; height: 20px;}
    .popular-header h2, .popular-header a{font-size: 15px;}
    .popular-header { padding-bottom: 10px; margin-bottom: 20px;}
    .popular-section{padding: 10px 40px !important;}
    .announcement-box p{font-size: 13px;}
    .annoucement-mainbox {padding-bottom: 90px;}

    /*----- aboutus ------*/
    .about-logoimg {width: 180px; height: 180px; bottom: -70px;}
    .aboutus-content { padding-top: 80px; padding-bottom: 100px;}
    .aboutus-content h1 {font-size: 35px;}
    .aboutus-content h6 {font-size: 23px; padding: 20px !important;}
    .aboutus-content p {font-size: 13px; width: 884px;}

    /*----- addaddress ------*/
    .backbox-text img{width: 38px; height: 20px;}
    .purchase-leftsection { width: 40%; padding: 120px 0px 70px 40px;}
    .addaddress-form { padding: 20px 15px; width: 400px;}
    .purchase-rightsection { width: 46%; padding: 70px 60px 10px 40px !important; margin-top: 50px;}
    .purchase-input, .purchase-input::placeholder, .address-input, .address-input::placeholder, .addaddress-form select { font-size: 12px;}
    .address-input{padding: 8px 10px;}
    .address-cancelbtn{padding: 8px !important;}
    .backbox-text a {font-size: 13px;}
    .purchase-rightsection h2 {font-size: 19px;}
    .summary-box h6, .summary-box span { font-size: 15px;}
    .summary-box, .summary-total {margin: 8px 0;}
    .summary-total h1 { font-size: 20px;}
    .addbtn-address {font-size: 13px; padding: 13px 20px; margin: 20px 0px !important;}
    .purchase-input{padding: 10px 20px; border-radius: 5px;}

    /*----- announce-redmore ------*/
    .margin-top {margin-top: 120px;}
    .profile-borderdesign {border-radius: 10px;}
    .announcement-readmore h1 {font-size: 30px;}
    .announcement-readmore p {font-size: 9px; margin-top: 10px !important;}

    /*----- cart ------*/
    .cart-footer{padding: 30px 0px!important; margin-top: 50px;}
    .cart-footer h6, .cart-footer h1{ font-size: 25px;}
    .cart-footer .btn-design { padding: 12px 50px;}
    .shopcart-box img{width: 100px !important; height: 100px !important;}
    .cartremove-text img{width: 18px !important; height: 18px !important;}

    /*----- contact ------*/
    .contact-emailbox{ padding: 13px; font-size: 18px;}
    .contact-emailbox img{width: 35px; height: 26px;}
    .contact-input, .contact-input::placeholder{padding: 7px; font-size: 15px;}
    .contact-sendbtn {padding: 6px 0px;}
    .stay-connected {font-size: 23px;}
    .getthe-news{font-size: 18px;}
    .contact-sendbtn{font-size: 18px;}

    /*----- event ------*/
    .announcement-box p{font-size: 9px;}
    .announcement-box { padding: 10px; border-radius: 10px;}

    /*----- favorite ------*/
    .favorite-headtext img{width: 30px; height:25px;}
    .favorite-headtext { font-size: 18px;}
    .shopping-container .search-box input { width: 400px; padding: 7px 20px;}
    .search-icon{width: 20px; height: 20px;}
    .search-box input, .search-box input::placeholder {font-size: 15px;}
    .product-card p{font-size: 12px;}
    .cartremove-text {font-size: 13px;}

    /*----- order-complete ------*/
    .order-complete {font-size: 20px;}
    .order-complete img{width: 20px; height: 20px;}
    .orderfinish-wrapper .shopcart-box{margin-top: 15px !important;}
    .orderfinish-wrapper .shopcart-box img{width: 100px !important; height: 100px !important;}
    .send-recivebtn { font-size: 10px; padding: 6px 10px;}
    .send-recivebtn img{width: 28px; height: 18px;}
    .ordercomplete-box h6 {font-size: 13px; margin-bottom: 0px !important;}
    .ordercomplete-box p {font-size: 10px;}
    .ordercomplete-box .mt-2{margin-top: 5px !important;}
    .ordercomplete-box .my-3{margin: 5px 0px !important;}
    .ordercomplete-box h1 {font-size: 18px;}

    /*----- product-detail ------*/
    .product-detail-box {margin: 0px 0px; padding: 20px 0px;}
    .prodetail-scroll {gap: 0px;}
    .product-slider #productImage{width: 300px; height: 400px;}
    .slider-btn {top: 50%;}
    .right {right: 100px;}
    .product-infobox h1 {font-size: 30px; margin-bottom: 0px !important;}
    #heartBtn img{width: 39px; height: 33px;}
    .product-infobox small {font-size: 17px;}
    .product-infobox h6 {font-size: 19px; padding-top: 10px !important;}
    .prodetail-btnbox h1 {font-size: 30px;}
    .prodetail-btnbox .btn-design { font-size: 15px; padding: 12px 40px;}
    .product-infobox p { font-size: 13px;}

    /*----- purchase-payment ------*/
    .purchase-payment p {font-size: 13px;}
    .purchase-payment {padding: 10px 25px;}
    .purchase-payment img{height: 22px; width: 30px;}
    .purchase-payment label{gap: 10px !important;}
    .payment-input, .payment-input::placeholder, .input-date {font-size: 10px;}
    .payment-input {padding: 10px 5px;}
    .payment-header {font-size: 15px; padding: 0px !important; padding-top: 10px !important;}

    /*----- purchase-shipping ------*/
    .purchase-toprow p {font-size: 8px; padding: 13px 0px !important;}
    .purchase-toprow h6, .purchase-toprow h6 span{font-size: 13px;}
    .default-text{font-size: 13px;}
    .purchase-bottomrow .purchase-editbtn, .purchase-deletebtn {font-size: 13px;}
    .purchase-editbtn img{width: 15px; height: 15px;}
    .purchase-deletebtn{padding: 4px 30px 4px 15px;}
    .purchase-selectbox { width: 15px; height: 15px;}
    .address-card.selected .purchase-selectbox::after {width: 6px; height: 6px;}

    /*----- shopping ------*/
    .popularSelect { width: 330px; padding: 7px 80px;}
    .dropdown-icon{width: 28px; height: 23px;}
    .popularSelect option, .popularSelect {font-size: 15px;}
    .product-grid {gap: 10px;}

    /*----- tracking-complete  ------*/
    .tracking-statusbox .top-info img{width: 25px; height: 25px;}
    .tracking-statusbox .top-info h2 {font-size: 20px;}
    .tracking-statusbox .top-info p {font-size: 15px;}
    .tracking-statusbox .divider { width: 1px; height: 45px;}
    .status-step {margin-bottom: 40px;}
    .status-content h4 {font-size: 18px;}

     /*----- tracking-status ------*/
    .tracking-statusbox .top-info h2 {font-size: 15px;}

    /*----- tracking ------*/
    .tracking-container .order-trackingbox a{display: flex;}
    .tracking-container .order-trackingbox img{margin-right: 3px !important;}
    .tracking-container .order-trackingbox {padding: 3px 6px; font-size: 10px;}
    .tracking-container .shopcart-box img{width: 12px !important; height: 14px !important;}
    .shopcart-box p {font-size: 12px;}
    .tracking-container .shopcart-box .mt-4{margin-top: 0px !important;}
    .shopcart-box{border-radius: 10px;}

    /*----- user ------*/
    .sidebar {width: 390px; padding-bottom: 20px !important;}
    .user-generalsetting{padding: 20px !important; width: 410px; margin-left: 50px;}
    .sidebar .profile-section {padding: 15px 30px;}
    .sidebar span{font-size: 14px;}
    .profile-input, .profile-input::placeholder {font-size: 15px;}
    .profile-input{padding: 9px 12px; border-radius: 5px;}
    .otp-wrapper{margin-top: 10px !important;}
    .editimg {width: 38px; height: 38px;}
    .editimg {top: 1px;}
    .profile-photo img { width: 100px; height: 100px;}
    .profile-borderdesign .btn-design {font-size: 15px; padding: 11px !important;}
    .sidebar .nav-link { font-size: 14px; line-height: 48px;}
    .sidebar h1, .sidebar_header h1 {font-size: 20px;}
    .sidebar .profile-section img {border: 5px solid rgb(255, 255, 255);}
    .sidebar label, .sidebar_header h2 {font-size: 14px;}
    .sidebar .link-inner { padding: 0px 30px;}
    .sidebar .nav-link img {width: 25px; height: 25px;}
    .userbox-header { font-size: 25px;}

         /*----- user mypurchase------*/
    .user-purchasebox{padding: 25px !important; margin-left: 30px;}
    .user-purchasebox .order-trackingbox a{display: flex;}
    .user-purchasebox .row.mt-4{margin-top: 0px !important;}
    .profile-borderdesign .btn-design {font-size: 15px; padding: 10px !important;}
    .user-purchasebox .shopcart-box{padding: 15px !important; margin-top: 10px !important;}
    .user-purchasebox .order-trackingbox { padding: 3px 5px; font-size: 9px;}
    .user-purchasebox .order-trackingbox img{margin-right: 4px !important; width: 15px; height: 15px;}
    .userbox-header {font-size: 22px;}
    .user-purchasebox .shopcart-box p {font-size: 10px;}
    .user-purchasebox .shopcart-box h6 { font-size: 16px;}
    .user-purchasebox .order-trackingbox img { height: 13px !important; width: 11px !important;}

    .user-favoritebox .product-card img {height: 180px;}
    .user-favoritebox .btn-design{font-size: 11px; padding: 6px !important;}

    .user-paymentbox{margin-left: 30px; padding: 23px !important;}
    .user-paymentbox .purchase-payment p {font-size: 15 px;}
    .user-paymentbox .purchase-payment { padding: 13px 22px;}
    .user-paymentbox .btn-design {margin-top: 100px;}
    .userpayment-methodbox {padding: 10px; font-size: 15px;}
    .userpayment-methodbox img{width: 25px; height: 25px;}

    .tracking-container .order-trackingbox img{margin-right: 3px !important;}
    .tracking-container .order-trackingbox{font-size: 9px;}
    .date-filter-box{padding: 7px 20px; border-radius: 5px;}
    .date-left span, .filter-btn {font-size: 15px;}
    .date-filter-box .date-left img{width: 25px; height: 25px;}
    .tracking-container .shopcart-box h6 {font-size: 22px;}

    .announce-readmorebox .profile-borderdesign{padding: 25px !important; border-radius: 10px;}


}

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

    .chat-header { padding: 8px 15px;}
    .chat-header img, .chat-support img{width: 35px; height: 35px;}
    .chat-header p, .chat-content p {font-size: 13px;}
    .chat-header { border-radius: 25px 0px 0px 0px;}
    .chat-support.active {padding: 15px 15px;}
    .chat-support {width: 250px;}
    .chat-message {font-size: 11px;}
    .chat-support.active { height: 430px; width: 260px;}

    .enrich-dropdown { width: 130px;}
    .enrich-dropdown a {font-size: 15px; padding: 5px 10px;}
    .wrapper {padding: 0px 60px;}
    .navbar { padding: 20px 90px; gap: 30px;}
    .navbar-web .navbar-nav, .nav-iconbox{gap: 20px;}
    .navbar-nav .nav-link, .nav-item .dropdown-btn {font-size: 15px;}
    .nav-iconbox img{width: 25px; height: 23px;}
    .navbar-web .logo {width: 130px; height: 130px; left: -220px; top: -20px;}
    .footer-links{gap: 35px !important;}
    .footer-copy{font-size: 13px;}
    .footer-social img{width: 40px; height: 40px;}
    .footer-social{gap: 10px !important;}

    .banner-container1 {margin-top: 70px;}
    .banner-toptext {margin-left: 60px;}
    .search-box input {padding: 7px 30px;}
    .banner-toptext h6 {font-size: 25px; padding-top: 10px !important;}
    .banner-toptext p {padding-top: 10px !important; font-size: 18px;}
    .product-card { width: 200px;}
    .product-card img {height: 200px;}
    .product-card h3, .shopcart-box h3 {font-size: 15px !important;}
    .product-card h4, .shopcart-box h4 {font-size: 19px;}
    .product-tags span {padding: 3px 10px; font-size: 10px;}
    .btn-design, .address-cancelbtn {font-size: 15px;}
    .shopping-btn {padding: 10px 40px;font-size: 20px;}

    /*----- aboutus ------*/
    .about-logoimg {width: 230px; height: 230px; bottom: -100px;}
    .aboutus-content { padding-top: 100px; padding-bottom: 100px;}
    .aboutus-content h1 {font-size: 43px;}
    .aboutus-content h6 {font-size: 27px; padding: 20px !important;}
    .aboutus-content p {font-size: 16px; width: 1084px;}

    /*----- addaddress ------*/
    .purchase-leftsection { width: 43%; padding: 140px 0px 70px 80px;}
    .addaddress-form { padding: 20px 15px; width: 450px;}
    .purchase-rightsection { width: 46%; padding: 70px 80px 100px 50px !important; margin-top: 50px;}
    .purchase-input, .purchase-input::placeholder, .address-input, .address-input::placeholder, .addaddress-form select { font-size: 13px;}
    .address-input{padding: 10px 10px;}
    .address-cancelbtn{padding: 10px !important;}
    .backbox-text a {font-size: 15px;}
    .purchase-rightsection h2 {font-size: 23px;}
    .summary-box h6, .summary-box span { font-size: 18px;}
    .summary-box, .summary-total {margin: 10px 0;}
    .summary-total h1 { font-size: 24px;}
    .addbtn-address {font-size: 16px; padding: 13px 20px;}

    /*----- announce-redmore ------*/
    .margin-top {margin-top: 140px;}
    .profile-borderdesign {border-radius: 10px;}
    .announcement-readmore h1 {font-size: 35px;}
    .announcement-readmore p {font-size: 11px; margin-top: 10px !important;}

    /*----- cart ------*/
    .cart-footer{padding: 30px 0px!important;}
    .cart-footer h6, .cart-footer h1{ font-size: 30px;}
    .cart-footer .btn-design { padding: 15px 60px;}

    /*----- contact ------*/
    .contact-emailbox{ padding: 15px; font-size: 20px;}
    .contact-emailbox img{width: 40px; height: 30px;}
    .contact-input, .contact-input::placeholder{padding: 10px; font-size: 18px;}
    .contact-sendbtn {padding: 9px 0px;}
    .stay-connected {font-size: 25px;}
    .getthe-news{font-size: 20px;}

    /*----- event ------*/
    .announcement-box p{font-size: 11px;}

    /*----- favorite ------*/
    .favorite-headtext img{width: 40px; height: 35px; font-size: 22px;}
    .shopping-container .search-box input { width: 482px; padding: 9px 30px;}
    .search-icon{width: 25px; height: 25px;}
    .search-box input, .search-box input::placeholder {font-size: 18px;}

    /*----- order-complete ------*/
    .order-complete {font-size: 30px;}
    .order-complete img{width: 30px; height: 30px;}
    .orderfinish-wrapper .shopcart-box{margin-top: 20px !important;}
    .orderfinish-wrapper .shopcart-box img{width: 100px !important; height: 100px !important;}
    .ordercomplete-box .mt-2{margin-top: 5px !important;}
    .ordercomplete-box .my-3{margin: 5px 0px !important;}
    .ordercomplete-box h1 {font-size: 18px;}

     /*----- product-detail ------*/
    .product-detail-box {margin: 0px 0px; padding: 20px 0px;}
    .prodetail-scroll {gap: 40px;}
    .product-slider #productImage{width: 320px; height: 400px;}
    .slider-btn {top: 44%;}
    .right {right: 80px;}
    .product-infobox h1 {font-size: 38px; margin-bottom: 0px !important;}
    #heartBtn img{width: 47px; height: 40px;}
    .product-infobox small {font-size: 17px;}
    .product-infobox h6 {font-size: 19px; padding-top: 10px !important;}
    .prodetail-btnbox h1 {font-size: 40px;}
    .prodetail-btnbox .btn-design { font-size: 18px; padding: 15px 60px;}

    /*----- purchase-payment ------*/
    .purchase-payment p {font-size: 13px;}
    .purchase-payment {padding: 10px 25px;}
    .purchase-payment img{height: 32px;}
    .payment-input, .payment-input::placeholder, .input-date {font-size: 13px;}
    .payment-input {padding: 12px 10px;}

    /*----- purchase-shipping ------*/
    .purchase-toprow p {font-size: 10px; padding: 13px 0px !important;}
    .purchase-toprow h6, .purchase-toprow h6 span{font-size: 15px;}
    .default-text{font-size: 15px;}

    /*----- shopping ------*/
    .popularSelect { width: 330px; padding: 7px 80px;}
    .dropdown-icon{width: 28px; height: 23px;}
    .popularSelect option, .popularSelect {font-size: 15px;}
    .product-grid {gap: 10px;}

    /*----- tracking-complete  ------*/
    .tracking-statusbox .top-info img{width: 30px; height: 30px;}
    .tracking-statusbox .top-info h2 {font-size: 23px;}
    .tracking-statusbox .top-info p {font-size: 17px;}
    .status-step {margin-bottom: 47px;}

     /*----- tracking-status ------*/
    .tracking-statusbox .top-info h2 {font-size: 18px;}

    /*----- tracking ------*/
    .tracking-container .order-trackingbox a{display: flex;}
    .tracking-container .order-trackingbox img{margin-right: 3px !important;}
    .tracking-container .order-trackingbox {padding: 3px 6px;}

     /*----- user ------*/
    .sidebar {width: 480px; padding-bottom: 20px !important;}
    .user-generalsetting{padding: 30px !important; width: 530px; margin-left: 70px;}
    .sidebar .profile-section {padding: 30px;}
    .sidebar span{font-size: 19px;}
    .profile-input, .profile-input::placeholder {font-size: 20px;}
    .profile-input{padding: 12px; border-radius: 10px;}
    .editimg {width: 45px; height: 45px;}
    .editimg {top: 10px;}
    .profile-photo img { width: 150px; height: 150px;}
    .profile-borderdesign .btn-design {
    font-size: 20px; padding: 13px !important;}
    .sidebar .nav-link { font-size: 14px; line-height: 58px;}
    .sidebar h1, .sidebar_header h1 {font-size: 25px;}

         /*----- user mypurchase------*/
    .user-purchasebox{padding: 25px !important; margin-left: 40px;}
    .user-purchasebox .order-trackingbox a{display: flex;}
    .user-purchasebox .row.mt-4{margin-top: 0px !important;}
    .profile-borderdesign .btn-design {font-size: 20px; padding: 12px !important;}
    .user-purchasebox .shopcart-box{padding: 15px !important; margin-top: 10px !important;}
    .user-purchasebox .order-trackingbox { padding: 3px 10px; font-size: 10px;}
    .user-purchasebox .order-trackingbox img{margin-right: 4px !important; width: 15px; height: 15px;}
    .userbox-header {font-size: 28px;}
    .user-purchasebox .shopcart-box p {font-size: 12px;}
    .user-purchasebox .shopcart-box h6 { font-size: 16px;}

    .user-favoritebox .product-card img {height: 180px;}
    .user-favoritebox .btn-design{font-size: 15px; padding: 10px !important;}

    .user-paymentbox{margin-left: 30px; padding: 23px !important;}
    .user-paymentbox .purchase-payment p {font-size: 15 px;}
    .user-paymentbox .purchase-payment { padding: 13px 22px;}
    .user-paymentbox .btn-design {margin-top: 200px;}
    .userpayment-methodbox {padding: 10px; font-size: 17px;}
    .userpayment-methodbox img{width: 25px; height: 25px;}

    .tracking-container .order-trackingbox img{margin-right: 3px !important;}
    .tracking-container .order-trackingbox{font-size: 11px;}
    .date-filter-box{padding: 10px 20px;}
    .date-left span, .filter-btn {font-size: 18px;}
    .date-filter-box .date-left img{width: 30px; height: 30px;}
    .tracking-container .order-trackingbox img { height: 19px; width: 17px;}

    .announce-readmorebox .profile-borderdesign{padding: 20px !important; border-radius: 10px;}


}

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

    .enrich-dropdown { width: 170px;}
    .chat-header { padding: 8px 20px;}
    .chat-header img{width: 40px; height: 40px;}
    .chat-header p, .chat-content p {font-size: 13px;}
    .wrapper {padding: 0px 80px;}
    .chat-support.active { height: 510px; width: 330px;}

    .navbar { padding: 25px 120px; gap: 30px;}
    .navbar-web .navbar-nav, .nav-iconbox{gap: 25px;}
    .navbar-nav .nav-link, .nav-item .dropdown-btn {font-size: 17px;}
    .nav-iconbox img{width: 30px; height: 27px;}
    .navbar-web .logo {width: 150px; height: 150px; left: -220px;}

    .banner-container1 {margin-top: 80px;}
    .banner-toptext {margin-left: 60px;}
    .search-box input {padding: 10px 30px;}
    .banner-toptext h6 {font-size: 30px;}
    .banner-toptext p {padding-top: 10px !important; font-size: 20px;}
    .product-card { width: 225px;}
    .product-card img {height: 250px;}
    .product-card h4, .shopcart-box h4 {font-size: 23px;}
    .product-tags span {padding: 3px 15px;}

    /*----- aboutus ------*/
    .about-logoimg {width: 250px; height: 250px; bottom: -100px;}
    .aboutus-content { padding-top: 100px; padding-bottom: 100px;}
    .aboutus-content h1 {font-size: 48px;}
    .aboutus-content h6 {font-size: 27px;}
    .aboutus-content p {font-size: 18px;}
    .aboutus-content h6 {padding: 20px !important;}

    /*----- addaddress ------*/
    .purchase-leftsection { width: 45%; padding: 160px 0px 70px 100px;}
    .addaddress-form { padding: 20px 15px; width: 500px;}
    .purchase-rightsection { width: 45%; padding: 70px 100px 100px 50px !important; margin-top: 90px;}
    .purchase-input, .purchase-input::placeholder, .address-input, .address-input::placeholder, .addaddress-form select { font-size: 15px;}
    .address-cancelbtn{padding: 13px !important;}
    .backbox-text a {font-size: 18px;}
    .purchase-rightsection h2 {font-size: 28px;}
    .summary-box h6, .summary-box span { font-size: 20px;}
    .summary-box, .summary-total {margin: 10px 0;}
    .summary-total h1 { font-size: 28px;}

    /*----- announce-redmore ------*/
    .margin-top {margin-top: 160px;}
    .profile-borderdesign {border-radius: 10px;}
    .announcement-readmore h1 {font-size: 40px;}
    .announcement-readmore p {font-size: 12px;}

    /*----- cart ------*/
    .cart-footer{padding: 30px 0px!important;}
    .cart-footer h6, .cart-footer h1{ font-size: 35px;}
    .cart-footer .btn-design { padding: 15px 60px;}

    /*----- contact ------*/
    .contact-emailbox{ padding: 20px; font-size: 23px;}
    .contact-emailbox img{width: 50px; height: 40px;}
    .contact-input, .contact-input::placeholder{padding: 15px; font-size: 20px;}
    .contact-sendbtn {padding: 15px 0px;}

    /*----- favorite ------*/
    .favorite-headtext img{width: 45px; height: 38px; font-size: 25px;}

    /*----- order-complete ------*/
    .order-complete {font-size: 33px;}
    .order-complete img{width: 35px; height: 35px;}
    .orderfinish-wrapper .shopcart-box{margin-top: 25px !important;}

    /*----- product-detail ------*/
    .product-detail-box {margin: 0px 0px;}
    .prodetail-scroll {gap: 100px;}
    .product-slider #productImage{width: 320px; height: 400px;}
    .slider-btn {top: 44%;}
    .right {right: 80px;}
    .product-infobox h1 {font-size: 38px; margin-bottom: 0px !important;}
    #heartBtn img{width: 47px; height: 40px;}
    .product-infobox small {font-size: 17px;}
    .product-infobox h6 {font-size: 19px; padding-top: 10px !important;}
    .prodetail-btnbox h1 {font-size: 40px;}
    .prodetail-btnbox .btn-design { font-size: 18px; padding: 15px 60px;}

    /*----- purchase-payment ------*/
    .purchase-payment p {font-size: 15px;}
    .purchase-payment {padding: 10px 40px;}

    /*----- purchase-shipping ------*/
    .purchase-toprow p {font-size: 12px; padding: 13px 0px !important;}

    /*----- tracking-complete  ------*/
    .tracking-statusbox .top-info img{width: 40px; height: 40px;}
    .tracking-statusbox .top-info h2 {font-size: 25px;}
    .tracking-statusbox .top-info p {font-size: 20px;}
    .status-step {margin-bottom: 45px;}

     /*----- tracking-status ------*/
    .tracking-statusbox .top-info h2 {font-size: 20px;}

    /*----- tracking ------*/
    .tracking-container .order-trackingbox a{display: flex;}

     /*----- user ------*/
    .sidebar {width: 530px; padding-bottom: 20px !important;}
    .user-generalsetting{padding: 30px !important; width: 550px; margin-left: 100px;}
    .sidebar .profile-section {padding: 30px;}
    .sidebar span{font-size: 19px;}
    .profile-input, .profile-input::placeholder {font-size: 20px;}
    .profile-input{padding: 12px; border-radius: 10px;}
    .editimg {width: 45px; height: 45px;}
    .editimg {top: 10px;}
    .profile-photo img { width: 150px; height: 150px;}
    .profile-borderdesign .btn-design {
    font-size: 20px; padding: 13px !important;}
    .sidebar .nav-link { font-size: 14px; line-height: 58px;}

    /*----- user mypurchase------*/
    .user-purchasebox{padding: 25px !important; margin-left: 40px;}
    .user-purchasebox .order-trackingbox a{display: flex;}
    .user-purchasebox .row.mt-4{margin-top: 0px !important;}
    .profile-borderdesign .btn-design {font-size: 20px; padding: 12px !important;}
    .user-purchasebox .shopcart-box{padding: 15px !important;}
    .user-purchasebox .order-trackingbox { padding: 5px 10px; font-size: 12px;}
.user-purchasebox .order-trackingbox img{margin-right: 8px !important;}
.userbox-header {font-size: 30px;}

.user-favoritebox .product-card img {height: 220px;}
    .user-favoritebox .btn-design{font-size: 15px;}

    .user-paymentbox{margin-left: 30px;}
    .user-paymentbox .purchase-payment p {font-size: 18px;}
    .user-paymentbox .purchase-payment { padding: 13px 22px;}
    .user-paymentbox .btn-design {margin-top: 200px;}
    .userpayment-methodbox {padding: 15px;}

        .tracking-container .order-trackingbox img{margin-right: 3px !important;}
    .tracking-container .order-trackingbox{font-size: 12px;}

    .announce-readmorebox .profile-borderdesign{padding: 25px !important; border-radius: 10px;}

}

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

    .chat-support.active { height: 550px; width: 352px;}
    .wrapper {padding: 0px 100px;}
    .navbar { padding: 25px 110px; gap: 30px;}
    .navbar-web .navbar-nav, .nav-iconbox{gap: 30px;}
    .navbar-web .logo {width: 150px; height: 150px; left: -230px;}

    .product-card { width: 250px;}
    .product-tags span {padding: 3px 15px;}
    .banner-toptext {margin-left: 80px;}
    .search-box input {padding: 10px 30px;}
    .banner-container1 {margin-top: 90px;}
    .banner-toptext p {padding-top: 13px !important ;}

    /*----- aboutus ------*/
    .about-logoimg {width: 280px; height: 280px; bottom: -100px;}
    .aboutus-content { padding-top: 100px; padding-bottom: 100px;}
    .aboutus-content h6 {padding: 20px !important;}

    /*----- addaddress ------*/
    .purchase-leftsection { width: 48%; padding: 180px 0px 70px 100px;}
    .addaddress-form { padding: 20px 15px; width: 540px;}
    .purchase-rightsection { width: 45%; padding: 80px 100px 100px 50px !important; margin-top: 90px;}

    /*----- announce-redmore ------*/
    .margin-top {margin-top: 170px;}
    .announcement-readmore h1 {font-size: 50px;}
    .announcement-readmore p {font-size: 13px;}

    /*----- cart ------*/
    .cart-footer h6, .cart-footer h1{ font-size: 38px;}

    /*----- contact ------*/
    .contact-emailbox{ padding: 20px; font-size: 23px;}
    .contact-emailbox img{width: 50px; height: 40px;}
    .contact-input, .contact-input::placeholder{padding: 15px; font-size: 20px;}
    .contact-sendbtn {padding: 15px 0px;}

    /*----- favorite ------*/
    .favorite-headtext img{width: 50px; height: 46px; font-size: 25px;}

    /*----- order-complete ------*/
    .order-complete {font-size: 36px;}
    .order-complete img{width: 40px; height: 40px;}
    .orderfinish-wrapper .shopcart-box{margin-top: 15px !important;}

    /*----- product-detail ------*/
    .product-detail-box {margin: 0px 0px;}

    /*----- purchase-payment ------*/
    .purchase-payment p {font-size: 20px;}
    .status-step {margin-bottom: 50px;}

    /*----- tracking-status ------*/
    .tracking-statusbox .top-info h2 {font-size: 23px;}

    /*----- user ------*/
    .sidebar {width: 550px;}
    .user-generalsetting{padding: 30px !important; width: 570px; margin-left: 100px;}
    .sidebar .profile-section {padding: 30px;}
    .sidebar span{font-size: 19px;}
    .profile-input, .profile-input::placeholder {font-size: 23px;}
    .profile-input{padding: 14px; border-radius: 10px;}
    .editimg {width: 45px; height: 45px;}
    .editimg {top: 10px;}
    .profile-photo img { width: 150px; height: 150px;}

    /*----- user mypurchase------*/
    .user-purchasebox{padding: 25px !important; margin-left: 40px;}
    .user-purchasebox .order-trackingbox a{display: flex;}
    .user-purchasebox .row.mt-4{margin-top: 0px !important;}
    .profile-borderdesign .btn-design {font-size: 25px; padding: 12px !important;}

    .user-favoritebox .product-card img {height: 250px;}
    .user-favoritebox .btn-design{font-size: 15px;}

    .user-paymentbox{margin-left: 30px;}
    .user-paymentbox .purchase-payment p {font-size: 18px;}
    .user-paymentbox .purchase-payment { padding: 13px 22px;}
    .user-paymentbox .btn-design {margin-top: 200px;}
    .tracking-container .order-trackingbox img{margin-right: 2px !important;}
    .tracking-container .order-trackingbox{font-size: 13px;}

    .announce-readmorebox .profile-borderdesign{padding: 25px !important; border-radius: 10px;}

}

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

    .wrapper {padding: 0px 130px;}
    .navbar { padding: 25px 100px; gap: 30px;}
    .product-card { width: 270px;}
    .banner-container1 {margin-top: 100px;}
    .banner-toptext p {padding-top: 13px !important ;}

    .purchase-rightsection { padding: 80px 100px 100px 50px; margin-top: 90px;}
    .purchase-leftsection { width: 49%; padding: 220px 0px 70px 200px;}

    .margin-top {margin-top: 200px;}

    .aboutus-content { padding-top: 130px; padding-bottom: 100px;}

    .tracking-statusbox .top-info h2 {font-size: 25px;}
    
    .user-paymentbox{margin-left: 30px;}

    .tracking-container .order-trackingbox{font-size: 14px;}

    .announce-readmorebox .profile-borderdesign{padding: 25px !important; border-radius: 10px;}


}

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