@media (min-width: 1920px) and (max-width: 2560px) {
.homereacharge-image {width: 31%;}
.reacharge-content { padding: 160px 0px;}
.home-discount { padding: 80px 0px;}
}


@media (min-width:1801px) and (max-width:1919px){
.homereacharge-image {width: 31%;}
.reacharge-content { padding: 150px 0px;}
.home-discount { padding: 80px 0px;}
}


@media (min-width:1681px) and (max-width:1800px){
.homereacharge-image {width: 32%;}
.reacharge-content { padding: 140px 0px;}
}


@media (min-width: 1600px) and (max-width: 1680px){
.homereacharge-image {width: 32%;}
}


@media (min-width: 1441px) and (max-width: 1599px){
.homereacharge-image {width: 34%;}
}


@media (min-width: 1400px) and (max-width: 1440px){
.homereacharge-image {width: 37%;}
}


@media (min-width: 1300px) and (max-width: 1366px){
.homereacharge-image {width: 38%;}
}


@media (min-width: 1300px) {

}


@media (min-width: 992px) and (max-width: 1200px){
.copyright-pay ul li img { width: 50px;}
}



@media (min-width: 1200px) and (max-width: 1200px) {
.copyright-pay ul li img { width: 56px;}
}



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


}



@media (min-width: 600px) and (max-width: 767px) {



}



@media(max-width:599px){

.heading { font-size: 28px;}

.default-btn, .reverse-btn { padding: 8px 15px;font-size: 12px;}

.logo a img { width: 45px;}
.stick .logo a img { width: 40px;}
.stick .header-logabar { padding: 7px 0px;}

.header-account .cart-btn span{ display: none;}
.header-account .cart-btn { margin-left: 15px;}
.search-hide{ display: none;}
.mobile-search{ display: inline-flex;}
.toogle-line{display: inline-flex;}
.header-link { display: none;}

.home-topicon { margin-top: 70px;}
.home-topicon ul li { font-size: 13px; margin: 2px 7px;}
.home-topicon ul li:last-child { margin: 2px 7px;}
.home-topicon ul li img { width: 14px;}

.home-category { padding: 15px 0px 10px;}
.category-grid { flex-wrap: wrap;}
.category-grid a { font-size: 12px; width: 31.5%; margin: 10px 0px;}
.category-grid img { margin-bottom: 8px;}

.home-discount {background: url(../img/mobile-percentback.webp) no-repeat; background-size: cover; padding: 50px 0px 0px;}
.discount-wrap { padding-left: 0px; margin-bottom: 30px;}
.discount-wrap img{ width: 80%; margin: 0 auto;}
.discount-wrap .default-btn { margin-top: 25px; margin-left: 40px;}
.mobile-offperson { display: block;}

.home-recommend { margin: 50px 0px 20px;}
.product-card { margin-bottom: 40px;}
.productcard-image { padding: 20px;}

.home-science { margin: 50px 0px;}
.science-point { padding: 25px; margin-right: 0px;}
.science-point .heading { font-size: 20px;}
.science-point label { font-size: 32px; margin: 8px 0px;}
.science-bottle { position: unset; transform: none; width: 60%; margin: 10px auto 0px; display: block;}
.science-detail { padding: 25px; margin-top: 30px;}

.reacharge-content { padding: 150px 0px 30px;}
.reacharge-content .heading { max-width: 300px;}
.homereacharge-image { width: 41%;}

.home-trending { margin: 50px 0px 10px;}

.homeabout-row { height: auto; flex-wrap: wrap;}
.homeabout-left { padding: 60px 20px; width: 100%;}
.homeabout-right { padding: 25px; width: 100%;}
.homeabout-right h4 { font-size: 20px;}

.home-media { margin: 50px 0px 30px;}
.homemedia-row { margin-top: 10px; flex-wrap: wrap; justify-content: space-evenly;}
.homemedia-row div { width: 28%; height: 40px; align-items: center; justify-content: center; display: flex; margin: 8px 0px;}

.home-refer { padding: 40px 0px;}
.home-refer .heading { font-size: 40px;}

.home-whey { margin: 50px 0px 10px;}

.supportbox-row { padding: 20px 10px; margin-bottom: 50px; justify-content: center; flex-wrap: wrap;}
.supportbox-row div { border-right: 0px; width: 45%; padding: 10px 0px; margin: 0px 8px 10px; border-bottom: 1.4px dashed rgb(0 0 0 / 30%);}
.supportbox-row div img { width: 32px; margin-bottom: 6px;}
.supportbox-row div span { font-size: 13px;}
.supportbox-row div:last-child { border: 0px; margin-bottom: 0px;}

.footer { padding-top: 40px;}
.footer-links h4 { margin-bottom: 12px;}
.footer-links li { margin-bottom: 15px;}
.footer-links li img { width: 16px;}
.footer-copyright { margin-top: 40px;}
.copyright-pay p { margin-bottom: 8px;}
.copyright-pay ul li img { width: auto;  display: block; max-width: 100%; height: auto;}
.copyright-logo{ margin-top: 15px;}
.copyright-logo img { width: 40px; margin-bottom: 8px;}
.copyright-logo p {line-height: 1;}

}