@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap');

:root {
  --theme-color: 0, 87, 145;
  --theme-solid-color: rgba(var(--theme-color));
  --theme-bg-light: rgba(var(--theme-color), 0.06);
}

html {
  scroll-behavior: smooth;
}

::selection {
  background-color: var(--theme-solid-color);
  color: #fff;
}

#root .svg-shape .s-blue {
  fill: var(--theme-solid-color);
}
#body #root .bg-white{
    background: #fff;
}
body {
  margin: 0;
  padding: 0;
  font-family: 'Poppins', sans-serif;
  background-color: #f8f8f8;
  font-size: 14px;


  /*New design CSS*/
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.1px;
  background-color: #fafafa;
}

* {
  margin: 0;
  padding: 0;
}

*:focus {
  outline: none;
}

textarea:focus,
input:focus {
  outline: none;
}

.form-control:focus {
  box-shadow: none !important;
}

img {
  max-width: 100%;
}

a,
a:hover {
  text-decoration: none;
  color: var(--theme-solid-color);
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

button:focus,
.react-tabs__tab:focus {
  outline: none;
  box-shadow: none !important;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

.sbr img {
  margin: 0px 5px;
}

.sbr button {
  padding: 0px;
}

.google-log {
  background: none;
  border: none
}

/* .otpControl input {
  width: 30px !important;
  font-size: 22px;
  height: 30px;
  display: flex;
  border: 1px solid #ccc;
  justify-content: center;
  align-items: center;
  text-align: center !important;
  padding: 0;
  -webkit-appearance: none !important; } */
.otpControl input[type=number]::-webkit-inner-spin-button,
.otpControl input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

/* .otpControl div:first-child {
  justify-content: space-between; } */

.closeButton {
  display: flex;
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 1.4rem;
  justify-content: center;
  align-items: center;
  background: transparent;
  border-radius: 100%;
  opacity: 1;
  cursor: pointer;
  border: none;
  padding: 0 !important;
  z-index: 9;
  height: 100%;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: block;
  overflow: hidden;
  outline: 0;
}


.plp-product__offer {
  background-color: #51aa1b;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  right: 0;
  margin-top: 1px;
  padding: 2px 5px;
  position: absolute;
  top: 0;
  z-index: 1;
}

@font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.eot?91467425');
    src: url('../fonts/fontello.eot?91467425#iefix') format('embedded-opentype'),
         url('../fonts/fontello.woff2?91467425') format('woff2'),
         url('../fonts/fontello.woff?91467425') format('woff'),
         url('../fonts/fontello.ttf?91467425') format('truetype'),
         url('../fonts/fontello.svg?91467425#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
  }

.webicons {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  /* margin-left: .2em;
  margin-right: .2em; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}




/*Pradip CSS for top scroll*/


#loadingImg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  display: none;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
  text-align: center;
  align-items: center;
  justify-content: center;
}


.topArrow div {
  background: #fff;
  height: 50px;
  width: 50px;
  border-radius: 5px;
  text-align: center;
  vertical-align: middle;
  line-height: 50px;
  font-size: 22px;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
}

.topArrow div:hover {
  background-color: #eee;
}

/* banner slider loading */
.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: var(--theme-solid-color);
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}

.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}

.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}

@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }

  50%,
  100% {
    top: 24px;
    height: 32px;
  }
}

.banner-skelton {
  min-height: 350px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*Pradip CSS for top scroll*/

.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
  display: none;
}

.spinner>div {
  width: 18px;
  height: 18px;
  background-color: var(--theme-solid-color);

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0)
  }

  40% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}


/*:disabled { cursor: not-allowed !important; opacity: 0.5 !important; }*/
.no-scroll {
  overflow: hidden;
  position: relative;
}

.form-control,
.btn {
  font-size: 14px;
}

header {
  /* box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.10); -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.10);-moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.10); */
  position: relative;
  z-index: 9;
}

.top-bar-popup .btn-danger {
  background: var(--theme-solid-color);
  color: #fff;
  border-color: var(--theme-solid-color);
}

.top-bar-popup .col-md-auto,
.top-bar-popup .col-lg-5 {
  width: 100%;
  text-align: center !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

.top-bar-popup h5 {
  font-weight: 600;
  margin-bottom: 15px;
}


.top-bar-popup .newletter-msg .error {
  color: #ff0000;
}

.top-bar-popup .newletter-msg .sucess {
  color: green;
}

/* .view-btn {
  height: 50px;
  background: var(--theme-solid-color);
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  max-width: 200px;
  cursor: pointer;
  font-size: 18px;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.view-btn:hover {
  color: #fff;
} */

.text-truncate-2 {
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

header .top .top-bar p u {
  cursor: pointer;
}

header .top .menu-bar {
  display: none;
}

header .top a {
  color: #636363;
  display: inline-block;
}

header .top a img {
  width: 80%;
}

header .top .top-icon {
  position: relative;
  /*padding-right: 45px;*/
}

.sticky header .top .top-icon {
  padding-right: 45px;
}

header .top .top-icon .mob-search {
  display: none;
}

header .top .mobile-search {
  display: none;
}

header .top .top-icon i {
  font-weight: normal;
  font-size: 22px;
}

header .top .top-icon .cart {
  position: relative;
  margin-left: 10px;
  z-index: 9;
}

header .top .top-icon .cart a span {
  color: #fff;
}

.sticky .top .top-icon .cart {
  /* position: fixed;
  z-index: 9999;
  top: 12px; */
}

header .top .top-icon .cart i {
  transition: all ease 0.6s;
}

.sticky .top .top-icon .cart i {
  color: #2e2f43;
}

header .top .top-icon .cart.active i {
  transform: rotate(360deg);
  transition: all ease 0.6s;
}

header .top .top-icon .cart-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 9;
  text-align: left;
  width: 100%;
  min-width: 270px;
  background-color: #fff;
  padding: 10px;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.20);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.20);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.20);
  color: #2e2f43;
}

header .top .top-icon .cart.active .cart-dropdown {
  display: block;
}

header .top .top-icon .cart-dropdown img {
  width: 100%;
  max-width: 60px;
  max-height: 80px;
  object-fit: cover;
  object-position: top;
}

header .top .top-icon .cart-dropdown p {
  margin-bottom: 0;
  font-size: 12px;
}

header .top .top-icon .cart-dropdown .product-img {
  border: 2px solid #f4f4f4;
  display: flex;
  align-items: center;
}

header .top .top-icon .cart-dropdown a {
  color: #2e2f43;
}

header .top .top-icon .cart-dropdown .delete-icon {
  position: absolute;
  right: 10px;
  bottom: 0;
}

header .top .top-icon .cart-dropdown .delete-icon i {
  font-size: 16px;
}

header .top .top-icon .cart-dropdown .delete-icon button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

header .top .top-icon .cart-dropdown .delete-icon a:hover {
  color: #005791e0;
}

.product-slider .btn-wrap {
  height: 100%;
  min-height: 40px;
  margin-top: 15px;
}

.blog-slider .slick-slide img {
  min-height: 200px !important;
}

.price-section {
  font-weight: bold;
  display: block;
  padding: 10px 0 0 0;
}

.price-section hr {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

header .top .top-icon .price-section .cart-dropdown-action a {
  display: block;
  background-color: #f46712;
  color: #fff;
  padding: 6px 15px;
  font-weight: normal;
}

header .top .top-icon .price-section .cart-dropdown-action button {
  padding: 6px 15px;
  text-transform: capitalize;
  border: none;
  font-size: 14px;
}

header .top .top-icon .cart-dropdown ul {
  height: 210px;
}

header .top .top-icon .cart-dropdown ul li {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #dadada;
}

header .top .top-icon .cart-dropdown ul li:hover {
  background-color: #f5f5f5;
}

header .top .top-icon .cart-dropdown ul li:hover .product-quantity input {
  background-color: #fff;
}

header .top .search-bar .search-close {
  display: none;
}

header .top .top-icon .cart-dropdown .product-quantity input {
  padding: 2px 0;
}

header .top .mob-bar {
  display: none;
}

/* header .top .top-icon .cart .cart-dropdown { display: none }
.sticky .top .top-icon .cart-products-count {
  top: -10px;
  right: -15px;
}*/

header .top .top-icon .cart-products-count {
  position: absolute;
  top: -11px;
  left: 10px;
  background-color: #e6433a;
  border-radius: 12px;
  min-width: 21px;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
  text-align: center;
  animation: shadow-pulse 1s infinite;
  padding: 0 6px;
}

header .top .top-icon .cart-products-count:hover {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
}

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.4);
  }

  100% {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
}

@keyframes shadow-pulse-big {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.4);
  }

  100% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0);
  }
}

.sticky .top .top-icon .cart-products-count {
  animation: shadow-pulse-sticky 1s infinite;
}

@keyframes shadow-pulse-sticky {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.4);
  }

  100% {
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
  }
}

@keyframes shadow-pulse-big-sticky {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.4);
  }

  100% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0);
  }
}

header .top .top-icon .c-number {
  color: #000;
  font-size: 24px;
  font-weight: 500;
}

header .top .top-icon .c-contact a {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  margin: 0 20px;
  text-decoration: underline;
}

header .top .top-icon .c-contact a:hover {
  color: #005791e0;
}

header .top .top-icon .user-name {
  position: relative;
  display: inline-block;
  padding-bottom: 5px;
  margin-left: 10px;
}

header .top .top-icon .user-name i {
  font-size: 19px;
  width: 30px;
}

header .top .top-icon .user-name i.icon-down-open-big {
  font-size: 16px;
  width: auto;
}

header .top .top-icon .user-name a {
  transition: all ease 0.2s;
}

header .top .top-icon .user-name a:hover {
  color: var(--theme-solid-color);
}

header .top .top-icon .user-name span {
  transition: all ease 0.2s;
}

header .top .top-icon .user-name span:hover {
  color: #005791e0;
}

.banner-text {
  color: #fff;
  max-width: 380px;
  width: 100%;
  position: absolute;
  left: 43%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 500;
}

.banner-text span {
  display: block;
  margin-bottom: 10px;
}

.banner-text h1 {
  font-weight: 800;
  font-size: 36px;
}

.banner-text ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.banner-text ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}

.banner-text ul li:after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #28a745;
  left: 0px;
  top: 4px;
}

.prod_qualify__box{
  pointer-events: none;
  position: absolute;
  top: 145px;
  left: 0;
  right: 0;
}
.prod_qualify__box .col-md-4{
  padding-left: 0;
  margin-left: auto;
}
.prod_qualify__box .qualify__box{
  margin-top: 0;
  pointer-events: auto;
}



.color-red{
  color: #ff0000;
}
#root .prod__slider .react-slider__picture.sl-youtube{
  position: relative;
  cursor: pointer;
}
#root .prod__slider.slider-video .react-slider__ul li:last-child:before,
#root .prod__slider .react-slider__picture.sl-youtube:before{
  content: '\f16a';
  font-family: "fontello";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #EE1B0D;
  opacity: 0.8;
  pointer-events: none;
  z-index: 9;
}
#root .prod__slider .react-slider__picture.sl-youtube:before{
  font-size: 50px;
}
#root .customize-sec{
  max-width: 880px;
  margin: 20px auto;
}
#root .attr-items{
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-right: -30px;
}
#root .attr-items label.popup{
  font-size: 17px;
  font-weight: 500;
}
#root .attr-items .attr-item{
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 30px;
  padding-right: 30px;
}
#root .attr-items .attr-item > div{
  position: relative;
  padding-top: 45px;
  margin-top: 40px;
}
#root .attr-items .attr-item > div:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% + 40px);
  height: 1px;
  background: #D9D9D9;
}
#root .attr-items .attr-item:nth-child(2n+2) > div:before{
  left: auto;
  right: 0;
}
#root .attr-items .attr-item:nth-child(1) > div,
#root .attr-items .attr-item:nth-child(2) > div{
  padding-top: 0;
  margin-top: 0;
}
#root .attr-items .attr-item:nth-child(1) > div:before,
#root .attr-items .attr-item:nth-child(2) > div:before{
  display: none;
}
#body #root .attr-items .form-cheknew{
  margin: 0 0 12px;
}
#root .attr-items .form-cheknew .form-check-label{
  padding: 15px 40px 15px 20px;
  border: solid 1px #E3E3E3;
  background: #fbfbfb;
  font-size: 17px;
  font-weight: 500;
  color: #2E2F43;
  width: 100%;
}
#root .attr-items .form-cheknew .form-check-label:before{
  width: 22px;
  height: 22px;
  background: #E8E8E8;
  position: absolute;
  right: 18px;
  top: 18px;
  left: auto;
  border: 0;
}
#root .attr-items .form-cheknew .form-check-label:after{
  width: 7px;
  height: 12px;
  border: solid 1px #fff;
  right: 25px;
  top: 22px;
  left: auto;
  background: none;
  border-radius: 0;
  border-width: 0 2px 2px 0;
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#root .attr-items .form-checkbox .form-cheknew .form-check-label:after{
  top: 20px;
}
#root .attr-items .form-cheknew .form-check-label .attr-value{
  font-size: 19px;
  color: var(--theme-solid-color);
  font-weight: 600;
  margin: 7px 0 0;
}
#root .attr-items .form-cheknew input:checked + .form-check-label{
  border-color: #C8DCEF;
  background: #E9EFF5;
}
#root .attr-items .form-cheknew input:checked + .form-check-label:before{
  background: var(--theme-solid-color);
}
#root .attr-items .form-cheknew input:checked + .form-check-label:after{
  background: none;
  border-color: #fff;
}
#root .customize-sec .cust__total{
  margin-top: 30px;
  padding: 28px 25px;
  border-top: solid 1px #D9D9D9;
  background: #f5f5f5;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#root .customize-sec .cust__total .total-py{
  font-size: 21px;
  font-weight: 600;
  margin-top: -7px;
}
#root .customize-sec .cust__total .cust__info{
  margin: -20px auto -10px;
  font-weight: 300;
  font-size: 16px;
  max-width: 100%;
}
#root .customize-sec .cust__total .prod__detail-qty{
  order: inherit;
  min-height: 46px;
  align-items: flex-start;
}
#root .customize-sec .drx_err{
  position: absolute;
  top: 100%;
  left: 0;
  color: red;
}
#root .customize-sec .cust__total p{
  margin: 0;
}
#root .customize-sec .attr-item select{
  background: #fafafa;
  border: solid 1px #e8e8e8;
}
#root .show-more .h2{
  margin-bottom: 15px;
}
#root .show-more .drx__btn{
  margin-top: 20px;
}

#root header.noTopLinks .top .top-bar{
  padding: 0 !important;
}

#root .bag-details-attribute{
  padding-bottom: 10px;
}

#root .blog-banner{
  display: flex;
  align-items: center;
  justify-content: center;
}
#root .blogs-wrapper .blog-img-wrapper img{
  object-fit: cover;
}
#root .blog-info{
  padding: 0 20px 10px;
}
#root .blog-desc{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: -5px;
  padding-bottom: 5px;
}

#root .blog-detail-info.pro-box{
  padding: 0;
  background: none;
}

#root .sidebar-new {
  background: #fff;
  border-radius: 8px;
  padding: 15px 20px;
  max-width: 360px;
  margin-left: auto;
}

#root .sidebar-new h1 {
  font-size: 18px;
}





@media (max-width:1400px) {
  .slick-slide img {
    min-height: 300px;
    object-position: center;
    object-fit: fill;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .btn-wrapper {
    margin: 0px 10%;
  }
}

@media (max-width:1200px) {
  .banner-text {
    margin-left: 2%;
  }
}




.sticky .top-menu {
  position: fixed;
  top: 0;
  z-index: 1;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  width: 100%;
}

header .top-menu {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}

header .top-menu ul.menu {
  display: flex;
  justify-content: space-between;
  position: relative;
}

header .top-menu ul.menu li.noData {
  min-height: 51px;
  line-height: 51px;
}

header .top-menu ul.menu li {
  margin: 0;
  padding: 0;
  display: inline-block;
  font-weight: 500;
  position: relative;

}

header .top-menu ul.menu li:hover .sub-menu-wrap {
  top: 55px;
  visibility: visible;
  opacity: 1;
  z-index: 5;
}

header .top-menu ul.menu li .sub-menu-wrap {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 40px;
  background: #fff;
  width: 250px;
  flex-flow: row;
  justify-content: space-between;
  padding: 5px;
  border: 1px solid #e1e2e3;
  border-radius: 10px;
  -webkit-box-shadow: 0 6px 10px 0 rgb(148 148 148);
  -moz-box-shadow: 0 6px 10px 0 rgba(148, 148, 148, 1);
  box-shadow: 0 6px 10px 0 rgb(148 148 148);
  transition: all .3s;
}

/* header .top-menu ul.menu li.open ul.sub-menu { display: none; } */
header .top-menu ul.menu li a {
  color: #2e2f43;
  display: block;
  font-size: 14px;
  padding: 10px 0;
  transition: all ease 0.2s;
  cursor: pointer;
}

/*
.sticky .top-menu ul.menu {
  justify-content: space-around;
}

.sticky .top-menu ul.menu li:last-child {
  margin-right: 20px;
}

.sticky .top-menu ul.menu li a {
  padding: 15px;
} */

header .top-menu ul.menu li:hover a {
  color: #005791e0;
}

header .top-menu ul.menu li i {
  transform: rotate(-90deg);
  transition: all ease 0.2s;
  font-size: 12px;
  margin-left: 5px;
}

header .top-menu ul.menu li.open i {
  transform: rotate(0deg);
  transition: all ease 0.2s;
}

header .top-menu ul.menu li.fullwidth .sub-menu {
  width: 100%;
  left: 0;
  right: 0;
}

header .top-menu ul.menu li.halfwidth .sub-menu {
  width: 50%;
  margin: 0 auto;
  left: 0;
  right: 0;
}

header .top-menu ul.menu li ul.sub-menu li a {
  color: #2e2f43;
  transition: all ease 0.2s;
}

header .top-menu ul.menu li ul.sub-menu li a:hover {
  color: #005791e0;
  margin-left: 5px;
}

header .top-menu ul.menu li a.active {
  color: #005791e0;
}

/* header .top-menu ul.menu li ul.sub-menu { position: absolute;
  display: none;
  top: 40px;
  background: #fff;
  width: 250px;
  flex-flow: row;
  justify-content: space-between;
  padding: 15px 15px;
  border: 1px solid #e1e2e3;
  border-radius: 10px;
  -webkit-box-shadow: 0 6px 10px 0 rgb(148 148 148);
  -moz-box-shadow: 0 6px 10px 0 rgba(148, 148, 148, 1);
  box-shadow: 0 6px 10px 0 rgb(148 148 148);
  transition: all .3s; } */

header .top-menu ul.menu li .trangle {
  position: absolute;
  top: -30px;
  display: block;
  left: 0;
  pointer-events: none;
}

header .top-menu ul.menu li .trangle::before {
  content: "";
  top: -13px;
  border-color: transparent transparent transparent #E1E2E3;
  border-width: 21px;
  display: block;
  position: absolute;
  left: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  transform: rotate(-90deg);
  z-index: 1;
}

header .top-menu ul.menu li .trangle::after {
  content: "";
  top: -10px;
  border-color: transparent transparent transparent #fff;
  border-width: 20px;
  display: block;
  position: absolute;
  left: 21px;
  width: 0;
  height: 0;
  border-style: solid;
  transform: rotate(-90deg);
  z-index: 2;
}

header .top-menu ul.menu li:hover .trangle {
  display: black;
}

header .top-menu ul.menu li:hover ul.sub-menu {
  top: 55px;
}

/* header .top-menu ul.menu li:last-of-type .last-sub-menu-wrap {
  right: 0;
} */

header .top-menu ul.menu li:last-of-type .trangle {
  right: 73px;
  left: auto;
}

header .top-menu ul.menu li:last-of-type .trangle::before {
  right: 20px;
}

header .top-menu ul.menu li:last-of-type .trangle::after {
  right: 20px;
}

/* .sticky header .top-menu ul.menu li:last-of-type ul.sub-menu {
  right: 0;
  left: auto;
}

.sticky header .top-menu ul.menu li:last-of-type {
  position: relative;
} */

header .top-menu ul.menu li ul.sub-menu li {
  display: block;
  width: 100%;
}

header .top-menu ul.menu li ul.sub-menu li:nth-child(2n+2) {
  display: block;
  background-color: #fff;
}

header .top-menu ul.menu li ul.sub-menu li ul.dropdown li:nth-child(2n+2) {
  background-color: transparent;
}

header .top-menu ul.menu li ul.sub-menu li ul.dropdown li {
  padding: 0;
}

header .top-menu ul.menu li ul.sub-menu li ul.dropdown li:last-child {
  border-bottom: 0;
}

header .top-menu ul.menu li ul.sub-menu li a {
  padding: 0;
  display: block;
}

header .top-menu ul.menu li ul.sub-menu li span {
  display: block;
  position: relative;
  border-bottom: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
  margin: 10px 0;
  padding: 3px 0;
  font-size: 14px;
}

header .top-menu ul.menu li ul.sub-menu li ul.dropdown li a {
  padding: 8px 15px;
  font-size: 13px;
  font-weight: normal;
}

header .top-menu .sticky-cart {
  display: none;
}

.sticky .top-menu .sticky-cart {
  position: absolute;
  right: 0;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sticky .top-menu .sticky-cart i {
  font-size: 24px;
}

.sticky .top-menu .sticky-cart a {
  color: #2e2f43;
}

.sticky .top-menu .sticky-cart .cart-products-count {
  position: absolute;
  top: 5px;
  right: -10px;
  background-color: #ffffff;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  text-align: center;
  border: 1px solid #534c3c;
}

.home-slider .slick-prev {
  left: 0px;
  z-index: 1;
  background-color: #fff;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  width: 40px;
  height: 40px;
  text-align: center;
  transition: all ease 0.2s;
  border-radius: 28px;
  margin-left: 10px;
}

.home-slider .slick-next {
  right: 0px;
  background-color: #fff;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  width: 40px;
  height: 40px;
  text-align: center;
  transition: all ease 0.2s;
  z-index: 1;
  border-radius: 28px;
  margin-right: 10px;
}

.home-slider .slick-next:hover,
.home-slider .slick-prev:hover {
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.30);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.30);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.30);
}

.slider-img-container .container {
  display: flex;
  position: absolute;
  z-index: 1;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  height: 100%;
}

.home-slider-wrap {
  width: 100%;
  position: relative;
}

.slider-img-container {
  height: 100% !important;
  width: 100% !important;
  z-index: -1;
  top: 0px;
  position: absolute !important;
}

.slider-img-container img {
  object-fit: cover;
  height: 1px !important;
  min-height: 100%;
  width: 100%;
}

/* .home-slider-wrap .btn-list{display: flex; flex-flow: column; justify-content: flex-start;align-items: flex-start;} */
.home-slider-wrap .btn-list .slide-btn {
  color: #fff;
  display: inline-block;
  cursor: pointer;
  font-weight: 600;
  width: 280px;
  font-size: 14px;
  text-align: center;
  background: rgb(0, 0, 0, 0.8);
  padding: 10px 20px;
  margin-bottom: 10px;
  border: none;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.home-slider-wrap .btn-list .slide-btn.selected {
  background: #fff;
  color: var(--theme-solid-color);
  border: 2px solid var(--theme-solid-color);
  position: relative;
}

/* .home-slider-wrap .btn-list .slide-btn.selected::before{display: block;content: ''; position: absolute;top: 6px; right:-22px;width: 41px;height: 43px;background: #FFFFFF;border-right: 2px solid var(--theme-solid-color);
  border-bottom: 2px solid var(--theme-solid-color); -moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} */
.slick-prev {
  left: 25px;
  z-index: 9;
}

.slick-slide img {
  margin: 0px auto;
}

.slick-next {
  right: 25px;
}

.slick-prev::before {
  font-family: 'fontello';
  content: "\e819";
  color: #2e2f43;
  font-size: 22px;
}

.slick-next::before {
  font-family: 'fontello';
  content: "\e820";
  color: #2e2f43;
  font-size: 22px;
}

/* .slick-slide img { display: inline-block;  width: 100%; object-position: center;object-fit: cover;-webkit-background-size: cover;background-size: cover;-webkit-background-size: cover;
  background-size: cover;} */
.slick-slide a {
  cursor: pointer !important;
}



.cat-product-name {
  /* color: #101010;
  font-weight: 600;
  font-size: 16px;
  margin: 10px 0px !important; */
}

.cat-price {
  color: #fff;
  font-weight: 600;
  width: 145px !important;
  text-align: center;
  line-height: 32px;
  transition: .5s all;
  background-color: var(--theme-solid-color);
  border: none;
  text-transform: uppercase;
  cursor: pointer;
}

.cat-price:hover {
  background-color: var(--theme-solid-color);
}

.margin-b-80 {
  margin-bottom: 80px;
}

.full-width-btn .cat-price,
.full-width-btn .btn-success {
  height: 50px;
  width: 100% !important;
  max-width: 100%;
  font-size: 18px;
}

.min-vh-100 {
  min-height: 100vh;
}

.product-name-cat {
  font-size: 36px;
  font-weight: 600;
  line-height: 46px;
  margin: 20px 0;
  text-align: left;
}

.product-name-cat a {
  color: black;
}

.list-product {
  list-style-type: none;
  padding-left: 0;
  padding-right: 10px;
  margin-top: 0;
  line-height: 30px;

}

.list-product li {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: flex-start;
}

.list-product li:before {
  content: '';
  width: 6px;
  height: 6px;
  min-width: 6px;
  background-color: #005791e0;
  border-radius: 50%;
  display: block;
  margin-right: 10px;
  margin-top: 13px;
}

.list-product-anchor li a {
  color: var(--theme-solid-color);
  font-weight: 600;
}

.font-size-product {
  font-size: 16px;
  color: #4A4A4A;
}

.model-no {
  margin-top: 10px;
  font-weight: 600;
  font-size: 18px;
}

.price-new {
  font-size: 36px;
  font-weight: 600;
  margin: 20px 0 0;
}

.price-old {
  font-size: 18px;
  text-decoration: line-through;
  margin: 20px 0 0;
}

.list-product-anchor {
  margin-top: 0px !important;
}

.list-product-anchor li {
  width: 100% !important;
}

.details-tab {
  margin: 0px 20px;
}

/* .footer-call:hover {
  color: #000;
} */

.details-tab li {
  /* width: 18%; */
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  /* order: 1; */
  display: flex;
  padding: 15px 10px;
  cursor: pointer;
  font-size: 16px;
  min-height: 38px;
  background: #CFCFCF;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  position: relative;
  /* top: -54px; */
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  letter-spacing: 0.3px;
  gap: 20px;
  margin-right: 15px;
}

.dpd-customise-content,
.dpd-total-payment {
  background-color: #e1e2e3;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 30px;
}

.dpd-total-payment .total-py {
  background-color: #fff;
  border-radius: 10px;
  padding: 30px;
  text-align: center;
  font-size: 36px;
  font-weight: 600;
}

.dpd-total-payment .total-py .total-price {
  color: #005791e0;
}

.dpd-total-payment p {
  margin-right: 0px !important;
}

.dpd-total-payment p button {
  display: block;
  line-height: 50px;
  margin-top: 20px;
  color: #fff !important;
  background-color: #005791e0;
  /* font-size: 28px; */
  margin-top: 30px;
  padding: 5px 0;
  transition: .5s all;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 600;
  width: 100% !important;
}

.title {
  font-size: 36px;
  font-weight: 500;
  margin-top: 17px;
  text-align: center;
}


.details-tab li.react-tabs__tab--selected {
  font-weight: 600;
  background: -webkit-gradient(linear, left top, left bottom, from(#e1e2e3), to(#f2f2f2));
  background: linear-gradient(180deg, #e1e2e3 0%, #f2f2f2 100%);
  z-index: 3;
}

.tabproduct {
  position: relative;
  margin-top: 12px;
}

.tabproduct .react-tabs__tab-panel {
  background: #E1E2E3;
  padding: 30px 30px;
  border-radius: 15px;
  position: relative;
}

.tabproduct .react-tabs__tab-panel div {
  background-color: #fff;
  border: 1px solid #eee;
  padding: 20px;
  height: 100%;
  border-left: 0;
  border-radius: 15px;
}

/* .tabproduct .react-tabs__tab-panel div p{    border-bottom: 1px solid #E1E2E3;
    padding-bottom: 15px;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 24px;} */
/* X-Large devices (large desktops, 1200px and up) */
.blogs-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  border-radius: 15px;
  background: #fff;
  background-clip: border-box;
  overflow: hidden;
  transition: all 0.3s;
  height: 100%;
}

.blogs-wrapper .blog-img-wrapper {
  position: relative;
  height: 150px;
  overflow: hidden;
  min-height: 150px;
}

.blogs-wrapper .blog-img-wrapper a {
  height: 100%;
}

.blogs-wrapper span {
  height: 100%;
  width: 100%;
}

.blogs-wrapper .blog-img-wrapper .date {
  position: absolute;
  z-index: 1;
  top: 16px;
  left: 16px;
  display: inline-block;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  border-radius: 4px;
  color: #fff;
  background: var(--theme-solid-color);
  pointer-events: none;
}

.blogs-wrapper:hover .blog-img-wrapper .date {
  background: #fff;
  color: var(--theme-solid-color);
  transition: all 0.3s;
}

.blogs-wrapper .blog-img-wrapper img {
  width: 100%;
}

/* object-fit: contain; */
.blogs-wrapper .blog-info .blog-title {
  font-size: 17px;
  line-height: 28px;
  font-weight: 600;
}

.blogs-wrapper .blog-info .blog-title a {
  color: #000;
}

.blogs-wrapper:hover .blog-info .blog-title a {
  text-decoration: underline;
  transition: all 0.3s;
}

.blogs-wrapper .blog-info p {
  color: #6c757d !important;
}

.blogs-wrapper:hover {
  transition: all 0.3s;
  transform: translateY(-3px);
}

.blog-details-special {
  border-left: 10px solid var(--theme-solid-color);
  background: #f8f8f8;
  padding: 25px;
  font-style: italic;
  font-size: 16px;
  line-height: 22px;
}

.blog-details-special p {
  font-size: 16px !important;
  color: #000 !important;
}

.blog-banner {
  display: block;
  max-height: 400px;
  overflow: hidden
}

.blog-banner span {
  width: 100%;
  /* height: 450px; */
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.blog-back-button{
    margin-left: 250px;
}

.blog-banner img {
  object-fit: cover;
  width: 100%;
}

.blog-detail-title h1,
.blog-detail-title h2,
.blog-detail-title h3,
.blog-detail-title h4,
.blog-detail-title h5,
.blog-detail-title h6 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  color: #000;
}

.blog-detail-date {
  color: #a9a4a4;
  font-size: 16px;
}

.blog-detail-info {
  font-size: 16px;
  line-height: 1.64;
  color: #6c757d;
}

.blog-gallery {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: center;
  align-content: center;
  grid-gap: 10px;
}

.blog-gallery div {
  border-radius: 8px;
  overflow: hidden;
}

.blog-detail-title-before h1,
.blog-detail-title-before h2,
.blog-detail-title-before a {
  background: #f2f2f2;
}

.blog-detail-title-before:before {
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: none;
}

.blog-more-btn {
  font-size: 18px;
  color: var(--theme-solid-color) !important;
  font-weight: 600;
}

.blogs-wrapper-two-img {
  width: 100px;
  height: 100px;
}






@media (min-width: 1200px) {
  .container {
    max-width: 1400px;
  }

  header .top .top-icon .c-number {
    font-size: 18px;
  }

}

@media (max-width: 1200px) {
  .first-child-auto:before {
    margin-right: 240px !important;
  }
}

/* category section */
.cate-section {
  border-radius: 15px;
  background: white;
  padding: 15px;
  margin-top: -20px !important;
}

/* New slider product page */
.carousel .control-arrow {
  margin-top: -20px !important;
}

.carousel.carousel-slider {
  min-height: 400px;
  height: 100%;
}

.carousel .control-arrow:before,
.carousel.carousel-slider .control-arrow:before {
  font-family: 'fontello';
  color: #2e2f43;
  font-size: 22px;
  background-color: #fff;
  right: 0;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.20);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.20);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.20);
}

.carousel .control-next.control-arrow:before {
  content: "\e801";
  border: 0 !important;
  margin: 0;
  padding: 0 5px;
  transform: rotate(-90deg);
}

.carousel .control-prev.control-arrow:before {
  content: "\e801";
  border: 0 !important;
  margin: 0;
  padding: 0 5px;
  transform: rotate(90deg);
}

.carousel .control-arrow,
.carousel.carousel-slider .control-arrow {
  opacity: 1 !important;
}

.carousel .thumbs-wrapper {
  margin: 10px 0 !important;
}

.carousel .thumb.selected,
.carousel .thumb:hover {
  border: 3px solid #ddd !important;
}

.carousel .thumb img {
  height: 100%;
  max-height: 50px;
  object-fit: contain;
}

.carousel .slide img {
  max-height: 450px;
  object-fit: contain;
}

.carousel .slide {
  background: transparent !important;
}

.desc_vslide .react-slider .react-slider__picture img {
  border: 0;
}

.desc_vslide .react-slider__picture:after {
  content: '';
}

.desc_vslide .react-slider .react-slider__description {
  display: none;
}

.desc_vslide .react-slider .react-slider__ul li {
  height: 60px;
  min-height: 60px;
}

.desc_vslide .react-slider .react-slider__container {
  flex-grow: 1 !important;
}

.hide-arrow .react-slider__btnPrev, .hide-arrow .react-slider__btnNext { display: none; }

/* .react-slider {
  display: flex;
  gap: 15px;
  flex-direction: row-reverse;
  justify-content: start;
}

.react-slider__ul {
  display: inline-block !important;
  margin: 0px !important;
}

.react-slider__ul li {
  margin-bottom: 10px !important;
} */

.react-slider__ul li img {
  object-fit: contain;
}

.slider__container {
  max-width: 90%;
  width: 100%;
}

.date-clr {
  color: #777;
}

.react-slider__picture {
  height: 600px;
}

.react-slider__picture img {
  object-fit: contain;
}



.cat-price-home {
  /* color: #fff;
  font-weight: 600;
  max-width: 145px !important;
  text-align: center;
  line-height: 32px;
  transition: .5s all;
  background-color: #005791e0;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0px 10px; */
}

@media (max-width: 992px) {
  .react-slider {
    display: block;
  }

  .blog-back-button{
        margin-left: 20px;
    }

  .react-slider__ul {
    display: flex !important;
  }

  /* .advantage {
    gap: 5px !important;
    grid-template-columns: auto auto auto !important;
  }

  .advantage .option p {
    font-size: 11px;
  } */
}

@media (max-width: 767px) {
  .first-child-auto:before {
    right: auto !important;
    margin-right: auto !important;
  }

  .blog-back-button{
    margin-left: 15px;
}

  .checkout-wrap .edit-profile,
  .my-account .edit-profile,
  .checkout-wrap .cart-btn {
    min-width: 100px !important;
  }

  header .top .top-icon .c-number {
    display: none;
  }

  .text-truncate-2 {
    -webkit-line-clamp: unset;
  }

  .dpd-total-payment .total-py {
    padding: 10px;
  }

  .new-input-group {
    flex-wrap: nowrap;
  }

  .cate-section {
    padding: 0px;
    padding-top: 15px;
  }

  /* .pro-box-home .img-min-height{min-height: 100px;} */
  .cat-product-name {
    margin: 5px 0px !important;
  }

  .cat-price-home {
    line-height: 20px;
    font-size: 12px;
    padding: 5px 5px;
  }

  .pro-box-home {
    padding: 10px 5px 10px 5px;
  }

  .text-section h3 {
    font-weight: 500;
    font-size: 26px !important;
  }

  .react-slider__picture {
    height: 100%;
  }

  /* .new-pro-box-new {
    padding: 10px !important;
  }

  .RRT__panel {
    padding: 0px !important;
  }

  .RRT__panel div:nth-child(1) {
    border-radius: 0px !important;
    padding: 15px !important;
    border: transparent !important;
  }*/

  /* .advantage {
    text-align: center;
    flex-flow: wrap !important;
    gap: 10px !important;
    grid-template-columns: auto auto auto !important;
  } */

  .adv-col {
    width: 29% !;
  }

  .right-section .product-detail .sold-by {
    font-size: 20px;
  }

  .help-info {
    padding: 20px 5px;
  }

  .diff-inclu-list {
    margin-top: 10px !important;
  }

  .diff-inclu-list li {
    width: 100% !important;
  }

  .option-img {
    width: 50px;
    /* height: 50px; */
    border-radius: 100%;
    background: #f1f0f0;
    line-height: 50px;
  }

  /* .footer-call {
    font-size: 22px;
  } */

  .option p {
    font-size: 12px;
    color: var(--theme-solid-color);
  }
}

@media (max-width: 350px) {
  /* .advantage {
    text-align: center;
    flex-flow: wrap !important;
    gap: 5px !important;
    grid-template-columns: auto auto !important;
  }*/
}

/* .title-blue-color {
  color: #005791e0;
}

.text-format ol {
  padding: 0px 14px;
}

.text-format ol li,
.text-format ul li {
  margin: 10px 0px;
}

.text-format h5 {
  text-align: left;
  font-size: 14px;
  font-weight: 600;
}

.text-format h3 {
  text-align: left;
  font-size: 18px;
  font-weight: 800;
  margin: 10px 0px;
} */

.deals-section {
  margin-top: -30px;
}

.common-slider {
  background-color: #fff;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  position: relative;
  padding: 20px 0;
  color: #2e2f43;
  height: 100%;
  min-height: 306px;
}

.common-slider .content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  text-align: center;
  padding: 0 10px;
}

.common-slider p {
  margin: 0;
  padding: 0;
}

.common-slider .slick-slide img {
  height: 100%;
  max-height: 150px !important;
  object-fit: cover;
  object-position: center;
  min-height: auto;
}

.img-min-height {
  min-height: 150px;
}

.common-slider .content .pro-name {
  color: #2e2f43;
  font-weight: bold;
  padding-top: 10px;
}

.common-slider .content .price {
  color: #b7b7b7;
}

.common-slider .content .price span:not(:first-child) {
  color: #0c0c0c;
  font-weight: 600;
}

.common-slider .content .price span {
  padding: 0 5px;
  color: #000 !important;
  font-weight: 500;
}

.common-slider .content .description {
  color: #989898;
}

.common-slider .slick-prev {
  left: 0;
  z-index: 1;
  background-color: #fff;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  width: 40px;
  height: 40px;
  text-align: center;
  transition: all ease 0.2s;
}

.common-slider .slick-next {
  right: 0;
  background-color: #fff;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  width: 40px;
  height: 40px;
  text-align: center;
  transition: all ease 0.2s;
}

.common-slider .slick-next:hover,
.common-slider .slick-prev:hover {
  background-color: #2e2f43;
}

.common-slider .slick-next:hover:before,
.common-slider .slick-prev:hover:before {
  color: #fff;
}

.common-slider a.link-btn {
  background-color: var(--theme-solid-color);
  color: #fff;
  display: inline-block;
  padding: 6px 20px;
  border-radius: 5px;
  border: 1px solid var(--theme-solid-color);
  transition: all ease 0.2s;
}

.common-slider a.link-btn:hover {
  background-color: transparent;
  border: 1px solid #2e2f43;
  color: #2e2f43;
}

.product-slider .content:hover .hover-content {
  display: flex;
}

.product-slider .btn-wrap button {
  display: inline-block;
  width: 120px;
  cursor: pointer;
}

.product-slider .btn-wrap button:not(:last-child) {
  margin-left: 5px;
  margin-right: 5px;
}

/* .product-slider .btn-wrap button i { margin-right: 5px; } */
button.cart-btn {
  background-color: var(--theme-solid-color);
  padding: 6px 0;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid var(--theme-solid-color);
  display: block;
  transition: all ease 0.2s;
  cursor: pointer;
  width: 145px;
}

button.cart-btn[disabled] {
  cursor: not-allowed;
  opacity: .65;
  filter: alpha(opacity=65);
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* .product-slider .add-btn button {
  width: 145px !important;
} */

button.cart-btn.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

button.cart-btn.btn-success i {
  margin-right: 2px;
}

/* .react-confirm-alert-body h1 {
  font-weight: 600;
  color: #000;
  font-size: 22px !important;
} */

/* .react-confirm-alert-button-group {
  width: 100%;
} */

/* .react-confirm-alert-button-group>button {
  width: 100%;
  color: #fff !important;
  padding: 9px !important;
  font-size: 16px !important;
}

.react-confirm-alert-button-group button:nth-child(2) {
  background-color: rgb(221, 75, 57);
  border-left-color: rgb(221, 75, 57);
  border-right-color: rgb(221, 75, 57);
} */

.pro-box .price-cart-wrap p.add-btn button.cart-btn.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}


button.wish-btn {
  border: 1px solid #e1e1e1;
  padding: 6px 0;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  color: #6a6a6a;
  display: block;
  transition: all ease 0.2s;
}

/* button.cart-btn:hover { background-color: transparent; border-color: #e1e1e1; color: #6a6a6a;} */
button.wish-btn:hover {
  background-color: #f46712;
  border-color: #e1e1e1;
  color: #fff;
}


.search-result br {
  display: none;
}

/*.breadcrumb-nav { border-bottom: 1px solid #ddd; padding: 9px 15px; }
.bread-crum-bar {
  border-radius: 15px;
  padding: 10px 20px;
  width: max-content;
  border: 1px solid #eee;
}

.breadcrumb-nav ol {
  margin: 0;
}

.breadcrumb-nav ol li {
  position: relative;
  padding: 0 15px;
  display: inline-block;
}

.breadcrumb-nav ol.breadcrumb {
  background-color: transparent;
  margin-bottom: 0;
  padding: 0;
}

.breadcrumb-nav ol li:first-child {
  padding-left: 0;
}

.breadcrumb-nav ol li:left-child {
  padding-right: 0;
}

.breadcrumb-nav ol li:not(:first-child):before {
  font-family: 'fontello';
  content: "\e801";
  transform: rotate(-90deg);
  position: absolute;
  left: -3px;
  padding-right: 0;
  height: 100%;
  font-size: 12px;
  color: #007bff;
}

.breadcrumb-nav ol li {
  font-size: 12px;
  font-weight: bold;
}

.breadcrumb-nav ol li a {
  color: #000;
  font-weight: normal;
  text-transform: capitalize;
  font-size: 12px;
  letter-spacing: 0.3px;
}

.breadcrumb-nav ol li a:hover {
  color: #2196F3;
}

.breadcrumb-nav ol li.active {
  color: rgba(128, 128, 128, 0.77);
}

.breadcrumb-nav .breadcrumb-item+.breadcrumb-item {
  padding-left: 15px;
}*/

.left-section {
  background: #fff;
  min-height: 100%;
  height: 100%;
  border: 1px solid #eee;
}

.left-section .left-cat {
  position: sticky;
  position: -webkit-sticky;
}

.sticky .left-section .left-cat {
  top: 60px;
}

.left-section ul {
  overflow-x: hidden;
  overflow-y: auto;
}

.left-section ul ul {
  height: 100%;
}

.left-section h6,
.right-section h6 {
  border-bottom: 1px solid #ddd;
  padding: 10px 15px;
  font-weight: bold;
}

.left-section h6 {
  margin-bottom: 0;
}

.left-section ul li a {
  color: #2e2f43;
  display: block;
  padding: 12px 0 12px 30px;
  transition: all ease 0.2s;
  font-size: 13px;
  position: relative;
  z-index: 2;
}

.left-section ul li.icon-none a {
  padding: 12px 0 12px 15px;
}

.left-section ul li a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  background-color: #f6f7f6;
  transform: scaleX(0);
  transition-duration: .3s;
  transform-origin: 0 50%;
  border-left: 5px solid #005791e0;
}

.left-section ul ul li a:before {
  border-left: transparent;
}

.left-section ul li a:hover:before {
  transform: scaleX(1);
}

.left-section ul li a:after {
  font-family: 'fontello';
  content: "\e804";
  left: 12px;
  position: absolute;
  font-size: 18px;
  line-height: normal;
}

.left-section ul li.icon-none a:after {
  display: none;
}

.left-section ul li.open ul li a:after {
  content: "";
}

.left-section ul li ul li a {
  padding-left: 15px;
}

.left-section ul li.open a:after {
  content: "\e803";
}

.left-section ul li.open a i {
  transform: rotate(90deg);
}

.left-section ul ul li a i {
  position: static;
}

.left-section ul ul li {
  padding-left: 20px;
}

.product-details-info h2 {
  margin: 10px 0px;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 40px;
  color: #4A4A4A;
}

.product-details-info .rating-star {}

/* .slick-slider{position: absolute;height: 100%;top: 0px;width:100%;} */
.btn-wrapper {
  position: absolute;
  left: 22%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* .slick-slide{height: 280px;}
.slick-list{margin-top: 40px;} */
.home-banner .slick-slide {
  height: 100%;
}

.pro-box.new-pro-box {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  max-width: 100%;
  height: 100%;
}

.pro-box .img-min-height {
  /* max-height: 150px !important;
  height: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; */
}

.pro-box .img-min-height img {
  height: auto;
}

.new-pro-box .cat-product-name a {
  color: #2e2f43;
}

.left-section ul li:not(:last-child) {
  border-bottom: 1px solid #eee;
}

.left-section ul li a:hover {
  color: #005791e0;
}

.left-section ul li a.active_cat {
  color: #005791e0;
}

@media (max-width:1600px) {
  .btn-wrapper {
    left: 15%;
  }
}

@media (max-width:1400px) {
  .btn-wrapper {
    left: 10%;
  }

  .banner-text {
    left: 52%;
  }
}

/* @media (max-width:992px) {
  .btn-wrapper {
    left: 5%;
  }

  .banner-text {
    left: 50%;
  }

  .home-slider-wrap .btn-list .slide-btn {
    width: 100%;
  }

  .price span {
    font-size: 40px;
  }
} */

@media (max-width:768px) {
  .home-banner .slick-slide:after {
    content: '';
    position: absolute;
    /* top: 0; */
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent 0%, black 100%);
    height: 50%;
  }

  .btn-wrapper {
    left: 0%;
    top: 0;
    transform: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
  }

  .home-slider-wrap .btn-list .slide-btn {
    width: 100%;
    margin-bottom: 0px;
    margin-top: 10px;
    border-radius: 50px;
    padding: 5px 15px;
    display: none;
  }

  .btn-wrapper>div {
    display: flex;
    margin: 0px auto;
    gap: 10px;
  }

  .home-slider-wrap .btn-list .slide-btn.selected {
    background: var(--theme-solid-color);
    color: #fff;
  }

  .banner-text {
    margin-left: 0;
    text-align: center;
    max-width: 350px;
    left: 50%;
    transform: translate(-50%, 0%);
    top: inherit;
    bottom: 0px;
  }

  .pro-box.new-pro-box-new.shadow-lg,
  .pro-box.pro-box-home.Small.shadow,
  .pro-box.Small.shadow {
    box-shadow: none !important;
  }

  .row.text-center.product-list.m-0.cate-section .col-6 {
    padding: 0px 5px 0px 5px;
  }

  .row.text-center.product-list.m-0.cate-section {
    padding: 10px 5px;
  }

  .banner-text span {
    margin-bottom: 0px;
  }

  header .top-menu ul.menu li .trangle {
    display: none;
  }

  /* header .top-menu ul.menu li .sub-menu-wrap{
    position: relative;
    top: 0px !important;
    background: #000;
    box-shadow: none;
    border: none;
    width: 100%;
    visibility: inherit;
    opacity: inherit;
    display: none;
  }
  header .top-menu ul.menu li:hover .sub-menu-wrap{
    display: block;
    visibility: inherit;
    opacity: inherit;
  }*/
  header .top-menu ul.menu li ul.sub-menu li a {
    color: #fff;
  }

  header .top-menu ul.menu li:hover ul.sub-menu {
    top: 0px !important;
  }

  .bread-crum-bar {
    padding: 4px 10px;
  }

  /* .product-name-cat{
    font-size: 22px !important;
    margin: 10px 0;
  } */
  .font-size-product {
    font-size: 14px;
  }

  .price-new {
    margin: 10px 0px;
  }
}

@media (max-width: 552px) {
  /* .home-slider-wrap .btn-list .slide-btn{
    font-size: 10px;
  }

  .font-size-product {
    font-size: 12px;
  }

  .text-section h3 {
    font-size: 20px !important;
  }

  .footer-call {
    font-size: 18px;
  }

  footer .footer-links a {
    font-size: 12px;
  }

  .follow-us {
    margin-top: 0px !important;
  }

  .cat-product-name {
    font-size: 13px;
  }

  .cat-price-home {
    width: 100%;
    font-size: 10px;
  }

  .product-name-cat {
    font-size: 20px !important;
    margin: 10px 0;
  }

  .model-no {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .price-new span {
    font-size: 25px !important;
  }

  .view-btn {
    max-width: 100%;
  } */
}

.new-pro-box-new {
  /* position: relative;
  background-color: #fff;
  padding: 50px;
  width: 100%;
  border-radius: 15px; */
}

.check-box {
  height: 18px;
  width: 18px;
  border: 2px solid #979797;
  border-radius: 3px;
}

.check-img {
  filter: brightness(0) saturate(100%) invert(17%) sepia(81%) saturate(2712%) hue-rotate(187deg) brightness(98%) contrast(105%);
}

.compare-checkbox {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 8px;
}

.rating-star {
  display: flex;
  gap: 4px;
  justify-content: end;
}

.review-text p {
  font-size: 14px;
  padding-right: 10px;
}

.review-text a {
  font-weight: 600;
  color: var(--theme-solid-color);
  text-decoration: underline;
}

.rating-star li img {
  width: 35px;
}

.compare-checkbox p {
  text-transform: uppercase;
  margin-bottom: 0px;
  line-height: 22px;
  font-weight: 600;
}

.more-content {
  display: flex;
  width: 90%;
  flex-flow: row;
  border: 1px solid #E1E2E3;
  margin: 0 3%;
  min-width: 94%;
  background-color: #FFF;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.more-content h5 {
  width: 100%;
  background-color: #000;
  color: #fff;
  padding: 15px 15px;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.RRT__tab {
  display: flex;
  padding: 15px 10px;
  cursor: pointer;
  font-size: 16px;
  min-height: 38px;
  background: -webkit-gradient(linear, left top, left bottom, from(#e1e2e3), to(#f2f2f2)) !important;
  background: linear-gradient(180deg, #e1e2e3 0%, #f2f2f2 100%) !important;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  letter-spacing: 0.3px;
  gap: 20px;
}

.RRT__panel {
  background: #fff;
  padding: 30px 30px;
  border-top: transparent;
  position: relative;
}

.RRT__panel {
  background: #E1E2E3;
  padding: 25px;
  border-radius: 15px;
  position: relative;
}

.RRT__panel div:nth-child(1) {
  /* background-color: #fff;
  border: 1px solid #eee;
  padding: 20px;
  height: 100%;
  border-left: 0;
  border-radius: 15px; */
}

.RRT__panel.panel-body div:nth-child(1) {
  /* background-color: #fff;
  border: 1px solid #eee;
  padding: 20px;
  height: auto;
  border-left: 0;
  border-radius: 15px; */
}

.RRT__tab--selected {
  font-weight: 600;
  background: #CFCFCF !important;
  z-index: 0 !important;
}

.RRT__tabs {
  margin: 0px 20px;
  gap: 15px;
  border-bottom: transparent !important;
}

@media (max-width: 860px) {
  .RRT__tabs {
    gap: 20px;
  }
}

@media (max-width: 992px) {
  .diff-inclu-list li {
    width: 100% !important;
  }

  .RRT__tabs {
    gap: 0px;
    margin: 0px;
  }

  .help-info {
    padding: 30px 10px
  }

  .RRT__panel {
    border-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }

  .new-pro-box-new {
    padding: 25px;
  }

  .slick-slide .price span {
    font-size: 14px !important;
  }

  .product-name-cat {
    font-size: 26px;
    line-height: 30px;
  }

  .price-new,
  .product-details-info h2 {
    font-size: 26px;
  }

  .right-section .product-detail .sold-by {
    font-size: 26px !important;
  }

  .help-info p {
    line-height: 20px;
    margin: 5px 0px;
  }

  .details-tab li {
    border-radius: 0px;
    margin: 5px;
    min-height: 20px;
    padding: 5px;
    font-size: 14px;
  }

  .nav-tabs {
    border-bottom: transparent;
    margin-bottom: 0px;
  }



  .new-pro-box-new {
    padding: 25px;
  }

  .help-info span {
    font-size: 18px;
  }

  .help-info a {
    font-size: 20px;
  }

  .more-content {
    display: block;
  }

  .more-content .col {
    display: flex;
    width: 100%;
    text-align: center;
  }

  .more-content h5 {
    width: auto;
    background-color: transparent;
    color: #000;
    width: 50%;
  }

  .more-content .col:nth-child(even) {
    background-color: #E1E2E3;
  }

  .more-content p {
    margin-bottom: 0px;
    padding: 15px !important;
    width: 50%;
  }
}

/* .white-svg{
  filter: brightness(0) invert(1);
} */
.more-content p {
  font-size: 18px;
  text-align: center;
  padding: 10px 0px;
}

.more-content .col {
  border-right: 1px solid #E1E2E3;
}

.more-content .col:last-child {
  border-right: 0;
}

.right-section {
  background-color: #fff;
  border: 1px solid #eee;
  padding: 0 15px 20px 15px;
  height: 100%;
  border-left: 0;
  border-radius: 15px;
}

.right-section .pro-box {
  background-color: #fff;
  box-sizing: border-box;
  padding: 5px 10px 10px 10px;
  position: relative;
  height: 100%;
  border-radius: 10px;
  border: 1px solid #ccc;
}

/* .right-section .pro-box:hover { box-shadow: 0 0 0 1px #c1c1c1; transition: all ease 0.2s; } */
.right-section .product-list .bd-rl {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 0;
}

.right-section .btn-dark {
  background-color: var(--theme-solid-color);
  border-color: var(--theme-solid-color);
}

.text-section {
  margin: 30px 10px;
}

.text-section h3 {
  font-weight: 500;
  font-size: 36px;
}

.all-category-btn {
  background-color: var(--theme-solid-color);
  line-height: 40px;
  color: #fff;
  font-weight: 500;
  border-radius: 30px;
  padding: 0 20px;
  display: table;
  margin: 0 auto;
  position: relative;
  top: 40px;
  transition: .5s all;
  border: none;
  cursor: pointer;
}

.border-rounded-15 {
  border-radius: 15px;
}

.border-rounded-8 {
  border-radius: 8px;
}

.right-section .pro-box p {
  margin: 0 0 5px 0;
}

.right-section .pro-box p:first-child {
  height: 100%;
  max-height: 150px;
}

.right-section .pro-box p:last-child {
  margin: 0;
}

.right-section .pro-box a {
  color: #2e2f43;
}

.right-section .pro-box img {
  width: 100%;
  height: 100%;
  max-height: 150px;
  object-fit: contain;
  object-position: center;
}

.right-section .pro-box span {
  color: var(--theme-solid-color);
  font-weight: 500;
}

.right-section .pro-box .product-quantity span {
  color: #212529;
}

.right-section .pro-box .add-btn .cart-btn span {
  color: #fff;
}

.right-section .pro-box strike {
  color: #797979;
}

.right-section .pro-box .price {
  font-size: 16px;
  line-height: 15px;
}

.right-section .pro-box .price span {
  display: block;
  font-size: 16px;
}

.right-section .pro-box .price i {
  margin: 0;
  width: auto;
}

.right-section .pro-box .price-cart-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.right-section .pro-box .product-name {
  min-height: 50px;
}

.right-section .pro-box .price strike {
  font-size: 14px;
}

.right-section .pro-box p.add-btn {
  transition: all ease 0.4s;
}

.right-section .pro-box p.add-btn button {
  padding: 7px 10px;
  font-size: 12px;
  background-color: #fff;
  border-color: #ddd;
  color: #2e2f43;
  display: inline-block;
  cursor: pointer;
}

.right-section .pro-box:hover p.add-btn button {
  background-color: var(--theme-solid-color);
  color: #fff;
  border-color: var(--theme-solid-color);
}

.btn-add-product button {
  width: 100% !important;
  height: 50px;
  font-size: 16px !important;
  font-weight: 500;
  border-radius: 15px;
}

.right-section .pro-box p.add-btn a:hover {
  background-color: #f46712;
  border-color: transparent;
  color: #fff;
}

.right-section .product-detail {
  min-height: 400px;
}

.right-section .product-detail p {
  margin: 0;
}

.right-section .product-detail p.add-btn .cart-btn {
  width: 150px;
  padding: 8px 0;
  font-size: 12px;
}

.right-section .product-detail .sold-by {
  font-size: 18px;
  font-weight: 400;
}

.right-section .product-detail h5 {
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.right-section .product-detail .price {
  color: #797979;
}

.right-section .product-detail .price span:not(:first-child) {
  color: #1fa71f;
  font-size: 18px;
  margin-left: 10px;
}

.right-section .product-detail .save-price span {
  color: #FF5722;
}

.right-section .product-detail .shipping-text {
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  margin: 10px 0;
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.right-section .product-detail ul.quantity-kg li {
  display: inline-block;
  position: relative;
  transform: translateZ(0);
}

.right-section .product-detail ul.quantity-kg li input {
  display: none;
}

.right-section .product-detail ul.quantity-kg li label {
  display: block;
  border-radius: 100%;
  width: 45px;
  height: 45px;
  border: 1px solid #dddddd;
  color: #797979;
  text-align: center;
  line-height: 45px;
  transition: all ease 0.2s;
}

.right-section .product-detail ul.quantity-kg li:not(:last-child) label {
  margin-right: 5px;
}

.right-section .product-detail ul.quantity-kg li label:hover {
  border-color: #2e2f42;
  color: #2e2f42;
}

.right-section .product-detail ul.quantity-kg li input:checked+label {
  border-color: #2e2f42;
  color: #2e2f42;
}

.card-body-style h6 {
  font-weight: 500;
  color: var(--theme-solid-color);
  font-size: 18px;
}

.card-body-table span {
  font-weight: 500;
}

.rating-div {
  border: 1px solid #eee !important;
  margin: 20px 0px;
  background: white;
  border-radius: 15px;
  padding: 15px;
}

.review-text {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 5px;
  color: #4A4A4A;
  font-weight: 500;
}

p.username-rate {
  color: var(--theme-solid-color);
  margin-bottom: 5px;
}

.right-section .product-detail ul.quantity-incr {
  border: 1px solid #ddd;
  display: inline-block;
}

.right-section .product-detail ul.quantity-incr input {
  border: none;
  background-color: transparent;
  text-align: center;
  padding: 5px;
  width: 50px;
  color: #797979;
}

.right-section .product-detail ul.quantity-incr li {
  display: inline-block;
}

.right-section .product-detail ul.quantity-incr button {
  background-color: transparent;
  border: 0;
  display: block;
  padding: 5px;
  cursor: pointer;
  outline: none;
}

.right-section .product-detail ul.quantity-incr li button:hover {
  background-color: #ececec;
}

.right-section .product-detail ul.quantity-incr li.minus {
  border-right: 1px solid #ddd;
  font-size: 16px;
}

.right-section .product-detail ul.quantity-incr li.plus {
  border-left: 1px solid #ddd;
  font-size: 16px;
}

.right-section .product-detail ul.cart-btns li:not(:last-child) {
  display: inline-block;
  margin: 0 -2px;
}

.right-section .product-detail ul.cart-btns li button {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}

.right-section .product-detail ul.cart-btns li:not(:last-child) button {
  border: none;
  width: 150px;
  background-color: #FF5722;
  padding: 8px 0;
  margin-right: 10px;
  text-align: center;
  color: #fff;
  display: block;
}

.right-section .product-detail ul.cart-btns li button.save-btn {
  background-color: #e8e8e8;
  color: #2e2f43;
  margin-right: 0;
  transition: all ease 0.2s;
}

.right-section .product-detail ul.cart-btns li:hover button.save-btn {
  background-color: #FF5722;
  color: #fff;
}

.right-section .product-detail ul.cart-btns li:last-of-type button {
  width: 310px;
  display: block;
  text-align: center;
  border: 1px solid #dddddd;
  padding: 8px 0;
  color: #2e2f43;
  margin-top: 10px;
  transition: all ease 0.2s;
  background-color: transparent;
}

.right-section .product-detail ul.cart-btns li:last-of-type button:hover {
  border-color: #FF5722;
  background-color: #FF5722;
  color: #fff;
}

.right-section .slider-title h3 {
  margin: 10px 6px;
}

.right-section .react-tabs__tab {
  background-color: #fff;
  border-color: #e3e3e3;
  font-weight: bold;
}

.right-section .react-tabs__tab.react-tabs__tab--selected {
  background-color: #f5f5f5;
}

.right-section .react-tabs__tab:focus:after {
  display: none;
}

.right-section .react-tabs__tab {
  background-color: #fff;
  border-radius: 0;
  border: 1px solid #e3e3e3;
  color: #797979;
  flex: 0 auto;
}

.right-section .react-tabs__tab:not(:first-child) {
  margin-left: 5px;
}

.right-section .react-tabs__tab-panel--selected {
  background-color: #fff;
  padding: 15px;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.05);
}

.right-section .slick-prev {
  background-color: #fff;
  left: 0;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.20);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.20);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.20);
}

.right-section .slick-next {
  background-color: #fff;
  right: 0;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.20);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.20);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.20);
}

.right-section .slick-prev::before,
.right-section .slick-next::before {
  font-size: 16px;
}

.right-section .slider-nav .slick-slide img {
  border: 1px solid #ddd;
}

.right-section .slider-nav .slick-current img {
  border: 1px solid #FF5722;
}

.right-section .slider-product .slick-current {
  border: 0;
}

.advertisement .ads1 {
  flex: 1.3344;
  padding: 0 15px;
}

.advertisement .ads2 {
  flex: 0.7700;
  padding-right: 15px;
}

.diff-section h3 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  text-align: left;
}

.diff-inclu-list {
  margin-top: 20px;
  text-align: left;
}

.diff-inclu-list li {
  position: relative;
  vertical-align: top;
  display: inline-block;
  width: 48%;
  padding: 5px 0;
  font-size: 14px;
  color: #101010;
  padding-left: 25px
}

.diff-inclu-list li img {
  width: 20px;
  display: none;
}

.diff-inclu-list li:before {
  content: '';
  background: url(../images/check.svg) no-repeat center;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0px;
  top: 6px;
  /* background-position: unset; */
  /* background-repeat: no-repeat; */
  background-size: 100%;
}

/* .diff-inclu-list li::before {
  position: absolute;
  left: 0;
  top: 50%;
  height: 50%;
  width: 3px;
  background-color: #336699;
  content: "";
  transform: translateX(10px) rotate(-45deg);
  transform-origin: left bottom;
}

.diff-inclu-list li::after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #336699;
  content: "";
  transform: translateX(10px) rotate(-45deg);
  transform-origin: left bottom;
} */
.new-diff-inclu-list {
  position: relative;
  vertical-align: top;
  padding-left: 25px;
  text-transform: uppercase;
}

.new-diff-inclu-list img {
  width: 20px;
  display: none;
}

.new-diff-inclu-list a {
  color: var(--theme-solid-color);
  font-weight: 600;
  font-size: 14px;
}

.new-diff-inclu-list:before {
  content: '';
  background: url(../images/check.svg) no-repeat center;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0px;
  top: 2px;
  /* background-position: unset; */
  /* background-repeat: no-repeat; */
  background-size: 100%;
}


.help-info {
  line-height: 16px;
}

.help-info a {
  padding-top: 5px;
  display: block;
}

/*.advantage {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 25px;
  margin-bottom: 40px;
  margin-top: 25px;
  justify-content: center;
}

 .advantage a {
  text-decoration: none;
  color: unset;
  font-weight: unset;
}

.advantage .option {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 100px;
  margin: 0px 10px;
}

.advantage .option p {
  line-height: 18px;
  text-transform: uppercase;
} */

.text-decoration {
  font-weight: 600;
  color: #005791e0;
  font-size: 16px;
  text-decoration: underline;
}

.bag-wrap {
  min-height: calc(100vh - 337px - 52px);
  height: 100%;
}

.bag-wrap i {
  margin: 0;
}

.bag-wrap .heading {
  font-size: 16px;
  background-color: #fff;
  padding: 10px 0;
}

.bag-wrap .heading .save-price {
  color: #ef4e28;
}

.bag-wrap .cart-detail .col-auto.pr-0 {
  min-height: 120px;
}

.product-name-cat-new {
  font-size: 20px;
  text-align: left;
  line-height: 30px;
  color: #000;
  font-weight: 600;
}



.bag-wrap .cart-detail .product-name {
  font-size: 16px;
}

.bag-wrap .cart-detail .product-name .order-on {
  font-size: 12px;
}

.bag-wrap .cart-detail .price {
  font-size: 22px;
}


.bag-wrap .cart-detail .price strike {
  font-size: 16px;
  color: #666666;
}

.bag-wrap .cart-detail .bdr-b {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.bag-wrap .cart-detail a {
  color: #212529;
}



.h-75px {
  height: 75px;
}

.my-account {
  height: 100%;
  min-height: calc(100vh - 337px - 44px);
}

.my-account .nav-tabs {
  border-color: #eee;
}

.my-account .react-tabs__tab-panel {
  background-color: #fff;
  padding: 10px 20px;
  height: 100%;
  min-height: 350px;
  border: 1px solid #eee;
  border-top: 0;
}

.my-account .react-tabs__tab {
  padding: 10px 20px;
  cursor: pointer;
}

.my-account .react-tabs__tab:focus {
  border-color: #eee;
}

.my-account .react-tabs__tab:focus:after {
  background-color: transparent;
}

.my-account .react-tabs__tab--selected {
  border-radius: 0;
  border-color: #eee;
}

.my-account input {
  border: 1px solid #eee;
  padding: 10px;
}

/* border:0; padding: .375rem 0; */
.my-account span.bdr-b {
  display: block;
}

.my-account span.bdr-b div {
  z-index: 100 !important
}

.my-account .form-control:focus {
  box-shadow: none;
  border: 1px solid #eee;
}

.my-account .form-control {
  height: calc(3.0rem + 2px);
}

.my-account span.bdr-b.gender {
  height: calc(3.0rem + 2px);
  padding: .375rem 0;
  display: flex;
  align-items: center;
}

.my-account span.bdr-b.gender span {
  margin-left: 10px;
}

.my-account span.bdr-b.gender label {
  margin-bottom: 0;
}

.my-account .cart-btn,
.checkout-wrap .cart-btn {
  width: 100%;
  max-width: 200px;
  min-width: 200px;
  max-height: 40px;
  cursor: pointer;
  font-size: 14px;
}

.my-account .edit-profile,
.checkout-wrap .edit-profile {
  text-align: left;
  height: 35px;
  background-color: transparent;
  color: #fff;
  border: none;
  text-transform: capitalize;
  font-weight: 600;
  cursor: pointer;
  background: #28a745;
  min-width: 200px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}

.checkout-wrap .edit-profile {
  background: #808080;
}

.checkout-wrap .btn-group .col {
  width: auto;
  max-width: initial !important;
}

.my-account .user-pic-upload img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  object-position: center;
}

.checkout-wrap .first-child-auto {
  background-color: transparent;
}

.checkout-wrap .first-child-auto::before {
  display: none;
}


.my-account .form-control:disabled,
.my-account .form-control[readonly] {
  background-color: transparent;
  color: #b7b7b7;
  border: 1px solid #eee;
}

.h-30px {
  height: 29px;
}

.first-child-auto div:nth-child(1) {
  background-color: transparent;
  height: auto;
  padding: 0px 15px !important;
  border-radius: 0;
  border: none;
}

.first-child-auto {
  background-color: #f2f2f2 !important;
  position: relative;
}

/* .first-child-auto:before {
  content: "";position: absolute;left: 0;right: 0;margin: 0 auto;width: 0;
  height: 0;border-top: 15px solid #000;transform: rotate();
  border-left: 15px solid transparent;border-right: 15px solid transparent;
} */
.first-child-auto:before {
  content: "";
  display: block;
  position: absolute;
  right: 50%;
  top: -14px;
  border-bottom: 15px solid #f2f2f2;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  margin-right: -168px;
}


.form-select-new {
  background-color: #fff;
  border-radius: 10px;
  cursor: pointer;
  box-sizing: unset;
  border: none;
  font-size: 16px;
  position: relative;
  width: 86.5%;
  padding: 10px 35px 10px 15px;
  line-height: 27px;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.radio-check {
  display: block;
  position: relative;
  border: 5px solid #AAAAAA;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
}

.radio-check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 5px;
  left: 5px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

.form-cheknew {
  margin-bottom: 10px;
  display: flex;
  align-items: start;
  padding: 0;
}

.form-cheknew .form-check-input {
  margin-right: 15px;
  width: 14px;
  height: 14px;
  margin-top: 0.2rem;
}

.form-cheknew .form-check-label {
  margin-left: 2px;
}

.gap-4-space {
  gap: 10px;
}

.gap-8-space {
  gap: 20px;
}

input[type=radio]:checked~.radio-check {
  border: 5px solid #005791e0;
}

input[type=radio]:checked~.radio-check::before {
  background: #005791e0;
}



span.bdr-b.gender [type="radio"]:checked,
span.bdr-b.gender [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

span.bdr-b.gender [type="radio"]:checked+label,
span.bdr-b.gender [type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  line-height: normal;
  display: inline-block;
  color: #949494;
  font-size: 12px;
}

.view-btn-new {
  max-width: 100%;
}

span.bdr-b.gender [type="radio"]:checked+label,
span.bdr-b.gender [type="radio"]:not(:checked)+label {
  color: var(--theme-solid-color);
  font-size: 14px;
  line-height: 15px;
}

span.bdr-b.gender [type="radio"]:checked+label:before,
span.bdr-b.gender [type="radio"]:not(:checked)+label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  border: 1px solid var(--theme-solid-color);
  border-radius: 100%;
  background: #fff;
}

span.bdr-b.gender [type="radio"]:checked+label:after,
span.bdr-b.gender [type="radio"]:not(:checked)+label:after {
  content: '';
  width: 7px;
  height: 7px;
  background: var(--theme-solid-color);
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

span.bdr-b.gender [type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

span.bdr-b.gender [type="radio"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.my-account .address-box button.delete-icon {
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: red;
  font-size: 16px;
}

.my-account .address-box span.bdr-b.gender {
  border: 0;
  height: auto;
  padding: 0;
  margin-bottom: 0;
}

.my-account .form-control:disabled,
.my-account .form-control[readonly] {
  background-color: transparent;
  color: #b7b7b7;
}

.my-account .add-address-click {
  display: block;
  height: 100%;
  cursor: pointer;
}

.my-account .add-address-click .address-box:hover {
  border-color: #f46712;
  transition: all ease 0.3s;
}


.address-limit {
  position: absolute;
  right: 15px;
}

.my-account button.cart-btn[disabled] {
  cursor: not-allowed;
  opacity: .65;
  filter: alpha(opacity=65);
  box-shadow: none;
  -webkit-box-shadow: none;
}

.blog-wrap {
  background-color: #fff;
  border: 1px solid #eee;
}

.blog-wrap .blog-title {
  border-bottom: 1px solid #ebebeb;
  padding: 15px 25px;
}

.blog-wrap .blog-title h5 {
  margin-bottom: 0;
}

.blog-wrap .social-media {
  display: flex;
  align-items: center;
}

.blog-wrap .social-media ul {
  display: flex;
  align-items: center;
}

.blog-wrap .social-media ul li {
  display: inline-block;
}

.blog-wrap .social-media ul li a {
  display: block;
  background-color: red;
  margin-left: 7px;
  color: #fff;
  width: 20px;
  height: 20px;
  transition: all ease 0.2s;
}

.blog-wrap .social-media ul li a.fb {
  background-color: #3b5998;
}

.blog-wrap .social-media ul li a.tw {
  background-color: #55acee;
}

.blog-wrap .social-media ul li a.ins {
  background-color: #0077b5;
}

.blog-wrap .social-media ul li a:hover {
  color: #fff;
  background-color: #FF5722;
}

.blog-wrap .blog-content {
  padding: 15px 25px;
}

.blog-wrap .blog-content img {
  width: 100%;
  height: 100%;
  max-width: 239px;
  max-height: 180px;
  object-fit: cover;
  object-position: center;
}

.blog-wrap .blog-content a.readmore {
  color: #ef4e28;
}

.blog-wrap .blog-content strong {
  font-size: 16px;
}

.alert {
  border-radius: 0;
}

.mobile-verify .modal-dialog,
.add-address .modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  margin: 0;
  width: 100%;
}

.mobile-verify .modal-body {
  padding: 3rem 1rem;
}

.mobile-verify.modal,
.login-form.modal,
.add-address.modal {
  background-color: rgba(0, 0, 0, 0.5);
}

.mobile-verify .btn.btn-success {
  padding: 10px 0;
  width: 100%;
}

.mobile-verify p {
  margin-bottom: 0;
}

.mobile-verify .modal-content {
  border: 0;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
}

.mobile-verify .user-name {
  color: #2575de;
  text-transform: capitalize;
}

.mobile-verify .clear-btn {
  background-color: transparent;
  color: #2575de;
}

.mobile-verify .phone-code {
  font-size: 20px;
  font-weight: 300;
  position: absolute;
  left: 35px;
  top: 4px;
}

.add-address .modal-dialog [class*="col-"] {
  margin-bottom: 15px;
}

.add-address .cart-btn {
  padding: 10px 30px;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 5px;
}

.my-account-info {
  background-color: #fff;
  padding: 15px;
}

.checkout-wrap {
  height: 100%;
  min-height: calc(100vh - 337px - 52px);
}

.checkout-wrap.quote-modal {
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}

.checkout-wrap h6 {
  border-bottom: 1px solid #ebebeb;
  padding: 15px 20px;
  margin: 0;
}

/* .checkout-wrap .checkout { padding: 20px; } */
.checkout-wrap .checkout .cart-btn {
  width: 100%;
  font-size: 14px;
}

.checkout-wrap .checkout span.bdr-b.gender [type="radio"]:checked+label,
.checkout-wrap .checkout span.bdr-b.gender [type="radio"]:not(:checked)+label {
  color: #666;
}

.checkout-wrap .checkout .checkbox-wrap {
  display: flex;
  align-self: center;
}

.checkout-wrap .checkout input,
.checkout-wrap .checkout textarea {
  border-color: #ececec;
  border-radius: 0;
  resize: none;
}

.checkout-wrap .accordion__panel {
  padding: 20px 40px;
  background-color: #fff;
}

.checkout-wrap .accordion__item {
  margin-bottom: 10px;
}

.checkout-wrap .accordion__item+.accordion__item {
  border-top: 0;
}

.checkout-wrap .accordion__button:before {
  display: none;
}

.checkout-wrap .accordion__button {
  font-size: 1rem;
  background-color: #fff;
  /* border-bottom: 1px solid #eee; */
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
}

.checkout-wrap .accordion {
  border-color: transparent;
}

.checkout-wrap .accordion__button span {
  margin-right: 10px;
}

.checkout-wrap .accordion__button.active span {
  padding: 0 8px;
  display: inline-block;
  background-color: #51aa1b;
  color: #fff;
}

.checkout-wrap .accordion__button i {
  margin-left: 10px;
  font-size: 1rem;
}

.checkout-wrap input {
  border-color: #ddd;
  border-radius: 0;
  padding: 1.4rem 1rem;
}

/* .checkout-wrap .accordion .opt-input button,  */
.checkout-wrap .mobile-number button {
  border-color: #c8c8c8;
  background-color: #c8c8c8;
  color: #fff;
}

.checkout-wrap .opt-input .otpControl button,
.login-form .modal-content .otpControl span button {
  padding: 15px .75rem;
}

.login-form .modal-content .otpControl span {
  margin-left: 15px;
}

.login-form .modal-content .otpControl div {
  padding-left: 15px;
}

.login-form .modal-content .otpControl div:first-child {
  padding-left: 0;
}


.checkout-wrap .btn-outline-secondary:not(:disabled):not(.disabled).active,
.checkout-wrap .btn-outline-secondary:not(:disabled):not(.disabled):active,
.checkout-wrap .show>.btn-outline-secondary.dropdown-toggle {
  border-color: #51aa1c;
  background-color: #51aa1c;
}

.checkout-wrap .opt-input button.active,
.checkout-wrap .mobile-number button.active {
  border-color: #51aa1c;
  background-color: #51aa1c;
}


.checkout-wrap button {
  font-size: 14px;
  width: 100%;
}

.checkout-wrap .mobile-number input {
  padding: 1.4rem 3rem;
}

.checkout-wrap.quote-modal .mobile-number input {
  padding: 15px 3rem;
}

.checkout-wrap .country-code {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  z-index: 4;
}

.checkout-wrap button {
  border-radius: 0;
}

.checkout-wrap button:disabled {
  background-color: #6c757d;
  border-color: #6c757d;
  opacity: .30;
  cursor: not-allowed;
  color: #fff;
}

.checkout-wrap .opt-input {
  color: #666666;
}

.opt-input .btn-row .btn {
  font-size: 12px;
  background-color: transparent;
  border: 1px solid #ddd;
}

.checkout-wrap .opt-input span {
  display: inline-block;
  margin-left: 15px;
}

.checkout-wrap .opt-input input {
  display: inline-block;
  width: 60px !important;
  padding: 25px 10px;
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
  /* margin-right: 15px; */
}

.checkout-wrap .opt-input a {
  color: #666;
}

.checkout-wrap .opt-input a:hover {
  color: #f46712;
}

.checkout-wrap .opt-input .otpControl {
  display: flex;
  align-items: center;
}

.checkout-wrap .opt-input .otpControl div {
  display: inline-flex !important;
  padding-left: 15px;
}

.checkout-wrap .opt-input .otpControl div:first-child {
  padding-left: 0;
}

.login-form .modal-body .opt-input .otpControl {
  display: flex;
  /* justify-content: center; */
}

.opt-input .otpControl input {
  border-radius: 0 !important;
  width: 60px !important;
  border: none;
  border-bottom: 1px solid #ccc;
  margin: 0 10px;
}

.opt-input .otpControl input:focus {
  box-shadow: none !important;
  outline: none;
}

.otpControl button {
  color: white;
}

.checkout-wrap .checkout_address span.bdr-b {
  margin-bottom: 20px;
  display: block;
}

.checkout-wrap .accordion-tab {
  background-color: #fff;
  padding: 18px;
  font-size: 1rem;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.10);
  margin-bottom: 15px;
}

.checkout-wrap .accordion-tab span {
  margin-right: 15px;
}


/* .login-form {
  display: flex;
  align-items: center;
}

.login-form .modal-body {
  padding: 0;
}

.login-form .login-header {
  background-color: #fafafa;
  padding: 20px 0;
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
} */

.demand-pro {
  display: flex;
}

.demand-pro .form-group {
  width: 50%;
  margin-right: 15px;
}

.demand-pro .form-group:last-child {
  margin-right: 0;
}

/* .login-form .login-header h4 {
  color: #000;
  font-weight: normal;
  margin-bottom: 0;
  font-size: 1.2rem;
}

.login-form .form-section {
  background-color: #fff;
  padding: 1rem 2rem;
  width: 100%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.login-form .form-section input,
.login-form .form-section select,
.login-form .form-section textarea {
  border-color: #ddd;
  padding: 15px 20px;
  height: 100%;
  border-radius: .50rem;
}

.login-form .form-section .form-group {
  position: relative;
  margin-bottom: 1.8rem;
}

.login-form .form-section .form-group i {
  font-size: 20px;
}

.login-form .form-section .form-group .password-show {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  transform: translate(-50%, -50%);
}

.login-form .form-section .form-group .password-show a {
  color: #98a4ab;
}

.login-form .form-section label {
  background-color: #fff;
  display: inline-block;
  padding: 1px 10px;
  position: absolute;
  left: 15px;
  top: -10px;
  z-index: 9;
}

.login-form .form-section .cart-btn {
  padding: 10px 10px;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 5px;
}

.login-form .modal-content {
  background-color: transparent;
  border: none;
}


.login-form .form-section .cart-guest-btn {
  color: #252525;
  background-color: #d4d4d4;
  border-color: #d4d4d4;
}

.login-form .login-using {
  color: #666;
}

.login-form .google a {
  border: 1px solid #dc4e41;
  display: block;
  color: #dc4e41;
  transition: all ease 0.3s;
}

.login-form .google a:hover {
  background-color: #dc4e41;
  color: #fff;
}

.login-form .google i,
.login-form .facebook i {
  margin: 0;
  font-size: 16px;
}

.login-form .google span.icon {
  background-color: #dc4e41;
  display: inline-block;
  padding: 8px 0;
  color: #fff;
  width: 40px;
  text-align: center;
}

.login-form .google span.title,
.login-form .facebook span.title {
  width: 100px;
  display: inline-block;
  text-align: center;
}

.login-form .facebook {
  margin-left: 15px;
}

.login-form .facebook a {
  border: 1px solid #3b5998;
  display: block;
  color: #3b5998;
  transition: all ease 0.3s;
}

.login-form .facebook a:hover {
  background-color: #3b5998;
  color: #fff;
}

.login-form .facebook span.icon {
  background-color: #3b5998;
  display: inline-block;
  padding: 8px 0;
  color: #fff;
  width: 40px;
  text-align: center;
}

.login-form .form-section .note-msg {
  font-size: 14px;
}

.login-form .modal-dialog {
  width: 100%;
} */

.content-page-only .title h5 {
  background-color: #eee;
  padding: 8px 15px;
  margin: 0;
}

.form-section ul li img {
  width: 30px;
}


/* footer {
  margin-top: 1.5rem;
}

footer .newsletter a {
  color: white;
}

footer .newsletter {
  background-color: #005791e0;
  padding: 25px 0;
  color: #fff;
  position: relative;
}

footer .newsletter h5 {
  font-weight: normal;
  margin: 0;
}

footer .newsletter .btn-danger,
footer .newsletter btn-danger:focus {
  background-color: #28a745;
  border-color: #28a745;
}

footer .newsletter .newletter-msg {
  position: absolute;
  bottom: -21px;
}

footer .newsletter .newletter-msg .sucess {
  color: #00e400;
}

footer .newsletter .newletter-msg .error {
  color: #FF5722;
}



.border-radi-15 {
  border-radius: 15px;
}

footer .footer-links {
  background-color: var(--theme-solid-color);
  color: #fff;
  padding: 20px 0;
  text-align: center;
}

footer .footer-links a {
  color: #fff;
  transition: all ease 0.2s;
}

/* footer .footer-links a:hover{ color: #000; } */
/* footer .footer-links h5 {
  margin-bottom: 25px;
  font-weight: bold;
}

footer .footer-links ul li {
  display: inline-block;
}

footer .footer-links ul li a {
  display: block;
  padding: 3px 10px;
}

footer .footer-links ul li a:first-child {
  padding-left: 0;
}

footer .footer-links .follow-us i {
  font-size: 18px;
  line-height: 25px;
  width: 25px;
  height: 25px;
  background: #fff;
  color: #2e2f43;
}

footer .footer-links .follow-us a {
  display: inline-block;
}

footer .footer-links .follow-us a:hover i {
  background-color: #000;
  transition: all ease 0.2s;
  color: #fff;
}

footer .callBtn {
  position: fixed;
  top: 95px;
  left: 10px;
  z-index: 1;
  display: none;
}

footer .callBtn img {
  max-width: 30px;
}

footer .callBtn.supportBtn {
  top: unset;
  bottom: 10px !important;
  width: 50px;
  height: 50px;
  background: #1f202e;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 10px #00000045;
  right: 10px;
  left: auto;
  border: 2px solid #fff;
  z-index: 99;
}

footer .callBtn.supportBtn img {
  width: 25px;
  height: 25px;
}

footer .callBtn.supportBtn span {
  position: absolute;
  right: -5px;
  top: -8px;
  background: red;
  font-size: 11px;
  color: white;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
} */


/* .webpage_desc ul li {
  display: block;
}

.webpage_desc ul li a {
  color: rgb(0, 0, 0);
}

.webpage_desc ul.sub-menu li {
  display: block;
  padding: 5px 0;
  margin: 0;
}

.webpage_desc ul.sub-menu li a {
  color: rgb(0, 0, 0);
}

.webpage_desc ul.sub-menu li a:hover {
  color: #FF5722;
  transition: all ease 0.1s;
}

.webpage_desc ul.sub-menu li i {
  font-size: 1.3rem;
  margin-right: 5px;
  padding: 0;
  width: auto;
} */

.js .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile+label {
  font-size: 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0.625rem 1.25rem;
}

.no-js .inputfile+label {
  display: none;
}

.inputfile:focus+label,
.inputfile.has-focus+label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.inputfile+label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */
}

.inputfile+label svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
  margin-top: -0.25em;
  /* 4px */
  margin-right: 0.25em;
  /* 4px */
}

/* style 6 */

.inputfile-6+label {
  color: #495057;
}

.inputfile-6+label {
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 0;
  border-radius: 5px;
}

.inputfile-6:focus+label,
.inputfile-6.has-focus+label,
.inputfile-6+label:hover {
  border-color: #28a745;
}

.inputfile-6+label span,
.inputfile-6+label strong {
  padding: 0.425rem 1.25rem;
  font-size: 14px;
}

.inputfile-6+label span {
  width: 200px;
  min-height: 2em;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}

.inputfile-6+label strong {
  height: 100%;
  color: #fff;
  background-color: #28a745;
  display: inline-block;
}

.inputfile-6:focus+label strong,
.inputfile-6.has-focus+label strong,
.inputfile-6+label:hover strong {
  background-color: #28a745;
}




.ads-section {
  width: 100%;
}

.ads-section .img-loader-placeholder-category-card {
  width: 100%;
}


.img-loader-placeholder-circle {
  width: 80%;
  height: 80%;
}

.img-loader-placeholder {
  background-color: #f2f2f2;
  display: inline-block;
  width: 100%;
  height: 100%;

  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

@keyframes placeholderAnimate {
  0% {
    background-position: -650px 0;
  }

  100% {
    background-position: 650px 0;
  }
}

.img-loader-placeholder-category-card {
  height: 100%;
  min-height: 150px;
  width: 150px;
}

.img-loader-placeholder-category-card.h-250 {
  min-height: 250px;
}

.home-slider-loader .img-loader-placeholder-category-card {
  min-height: 420px;
  height: 100%;
}

.img-loader-img-shown {
  opacity: 1;
}

.img-loader-img {
  transition: opacity .4s ease-in-out;
  max-width: 100%;
}


.product-details-placeholder .img-loader-placeholder-category-card {
  height: 100%;
  min-height: 80px;
  width: 80px;
}

.product-details-placeholder .big-image .img-loader-placeholder-category-card {
  height: 100%;
  width: 100%;
  min-height: 335px;
}

.product-details-placeholder .right-side-price .img-loader-placeholder-category-card {
  height: 100%;
  width: 90%;
  min-height: 335px;
}

.product-details-placeholder .product-name .img-loader-placeholder-category-card {
  height: 100%;
  width: 100%;
  min-height: 50px;
}

.product-details-placeholder .bread-crumb-panel .img-loader-placeholder-category-card {
  height: 100%;
  width: 80px;
  min-height: 20px;
  border-radius: 15px;
  margin: 15px 15px 15px 0;
}


.show-modal-body {
  display: block;
}


.hide-modal-body {
  display: none;
}


.findGroupSearch div.react-autosuggest__container {
  flex: 1 1 auto;
}

.findGroupSearch div.react-autosuggest__container .form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.findGroupSearch .react-autosuggest__container input {
  width: 100%;
  border: 1px solid #ccc;
  padding: 5px 10px;
}

.sticky .findGroupSearch .react-autosuggest__suggestions-container {
  display: none;
}

.findGroupSearch .react-autosuggest__suggestions-container--open {
  position: absolute;
  max-width: 100%;
  z-index: 9;
  background: white;
  width: 98%;
  padding: 10px 0px;
  box-shadow: 0 4px 8px #e2e2e2;
}

.findGroupSearch .react-autosuggest__suggestion--highlighted {
  background: #eff3f9;
}

.findGroupSearch .react-autosuggest__suggestions-list li {
  padding: 6px 15px !important;
  color: #2e2f43;
  border-bottom: 1px solid #eee;
}

.findGroupSearch .react-autosuggest__suggestions-list li:last-child {
  border-bottom: 0;
}

.findGroupSearch .react-autosuggest__suggestions-list li:hover {
  background: #eff3f9;
  color: black;
}



img.img_mob_on {
  display: none;
}


@media (max-width:629px) {
  img.img_mob {
    display: none;
  }

  img.img_mob_on {
    display: block;
    max-width: 100%;
    height: auto !important;

  }
}



/*react alert change*/
.react-confirm-alert-overlay {
  background: rgba(0, 0, 0, 0.4) !important;
}

.react-confirm-alert-blur {
  filter: blur(0px) !important;
}

/* .react-confirm-alert-body h1 {
  font-size: 22px !important;
} */

/* Home Page Notice */
.bg-orange {
  color: #fff;
  background-color: #152e4e;
  border-color: #152e4e;
  line-height: 1.8;
  text-align: center;
}

/*upload grocery added by sagarG*/
.float-label .control {
  position: relative;
  width: 100%;
  min-height: 69px;
  padding-top: 13px;
  padding-bottom: 10px
}

.float-label .control.small {
  width: 30%;
  border-right: 1px solid #dadce0
}

.float-label .control.medium {
  width: 70%;
  padding-left: 10px
}

.float-label .control:last-child {
  border: 0
}

.float-label input,
.float-label textarea {
  display: block;
  width: 100%;
  border: 0;
  outline: 0;
  resize: none;
  padding: 10px 15px;
  border: 1px solid #dadce0;
  border-radius: 5px
}

.float-label input:focus,
.float-label textarea:focus {
  border-color: #1a73e8;
  border-width: 2px
}

.float-label input+label,
.float-label textarea+label {
  position: absolute;
  top: 10px;
  transition: top .7s ease, opacity .7s ease;
  opacity: 0;
  left: 15px;
  padding: 5px;
  background: #fff;
  font-size: 13px;
  font-weight: 600;
  color: #43425d;
  pointer-events: none;
}

.float-label input:valid+label,
.float-label textarea:valid+label {
  opacity: 1;
  top: -3px
}

.float-label input:focus+label,
.float-label textarea:focus+label {
  color: #1a73e8
}

.modalBodysteps {
  padding: 30px;
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.listGroceryMod .btn-orange {
  background: #f46712;
  border-color: #f46712;
  color: white;
}

.custom-file-label::after {
  background-color: #f46712;
  border-left: 1px solid #f46712;
  color: white;
}

.file-upload {
  position: relative;
  display: inline-block;
}

.file-upload__label {
  display: block;
  padding: 0.8em 2em;
  color: #fff;
  background: #222;
  border-radius: .4em;
  transition: background .3s;
}

.file-upload__label:hover {
  cursor: pointer;
  background: #000;
}

.file-upload__input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 1;
  width: 0;
  height: 100%;
  opacity: 0;
}

.file-upload__label img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.demoTextImg img {
  max-width: 100px;
}

.demoTextImg h3 {
  font-size: 17px;
  line-height: 1.85;
  margin: 0;
}

.mobileNumber button {
  position: absolute;
  right: 4px;
  bottom: 17px;
}

.mobileNumber input {
  padding-right: 72px;
}

.upImgBox {
  width: 150px;
  height: 150px;
  border-radius: 5px;
  background: white;
  box-shadow: 0 0 10px #00000026;
  overflow: hidden;
  margin: 5px;
}

.uploadButtons .btn img {
  width: 20px;
  height: 20px;
}

.uploadButtons .btn {
  font-size: 14px;
  display: flex;
  align-items: center;
  color: white;
  width: 100%;
  display: block;
  justify-content: center;
}

.uploadButtons .btn.btn-green {
  background: #4CAF50;
  border-color: #4CAF50;
}

.uploadButtons .btn.btn-yellow {
  background: #FCB415;
  border-color: #FCB415;
}

.confirmmsg label {
  float: left;
}

.confirmmsg p {
  display: inline-block;
  width: 90%;
}


.confirmmsg label {
  float: left;
}

.confirmmsg p {
  display: inline-block;
  width: 90%;
}

.zoom_images_hide .react-slider__lens {
  display: none;
}

.zoom_images_hide .react-slider__imgZoom {
  display: none;
}

p.text-center.out-of-stock {
  padding: 10px;
  background-color: #c4d9f9cc;
  border-radius: 5px;
}



.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-iframe {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  min-height: 350px;
}

/* editor global css */
.RRT__panel table {
  width: 100%;
  row-gap: 0px;
  column-gap: 0px;
  border-spacing: 0px;
  border-radius: 5px;
  border: none;
  overflow: hidden;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.RRT__panel table tbody tr td p {
  margin-bottom: 0px;
}

.RRT__panel table tbody tr td {
  padding: 5px;
  border-style: solid;
  border-color: #fff;
}

.RRT__panel table tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}

.RRT__panel ul {

  list-style-type: circle;
  line-height: 26px;
  margin: 0px;
  padding: 0px 17px;
  margin-bottom: 20px;

}

.bag-details-attribute p {
  margin-bottom: 0px !important;
}


/* User Info Calender Css */
.iQwreh {
  height: 35px !important;
}

.eQmQXs {
  height: 290px !important;
}

.iMRhIR,
.kxetKP,
.fiIVLZ {
  background-color: var(--theme-solid-color) !important;
  border-radius: 7px;
}

.dgRweL {
  bottom: 15px !important;
}

/* User Info Calender Css */

/* Editor Css */
.selectedText,
.selectedDesc {
  background-color: #ffff00;
}

.blog-detail-info textarea {
  border: 1px solid #00e400;
  padding: 5px;
  border-radius: 5px;
  background-color: #fff0f5;
  min-width: 400px;
}

.link-custom {
  text-decoration: underline;
  color: var(--theme-solid-color);
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}



/* landing page */
.landingPage {
  overflow-x: hidden;
}

.landingPage .top-header {
  width: 100%;
  height: 350px;
  background-image: url("../images/landing-page-img/inogenone.jpg");
  background-size: cover;
  background-position: center;
  /* border-bottom-right-radius: 20%; */
}

.landingPage .top-header>h1 {
  width: 100%;
  height: 350px;
  color: white;
  background-color: #005791d1;
  padding: 3em 1em;
  font-family: sans-serif;
  font-size: 70px;
  background-size: cover;
  /* border-bottom-left-radius: 20%; */
  /* border-bottom-right-radius: 20%; */
  font-family: "Poppins", sans-serif;
}

.landingPage .product_name {
  color: white;
  display: flex;
  grid-column-gap: 115px;
  font-size: 20px;
  margin: 20px;
  list-style-type: none;
}

.landingPage .main {
  background: var(--theme-solid-color);
  /* border-bottom-right-radius: 100%; */
}

.landingPage .main-par {
  margin: 150px 79px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}

.landingPage .heading_text {
  margin-top: 50px;
}

.landingPage .heading_text h1 {
  margin-top: 10px;
  color: var(--theme-solid-color);
  font-size: 50px;
  font-weight: 900;
  font-family: "Poppins", sans-serif;
  text-align: center;

}

.landingPage .oxylife {
  display: flex;
  padding: 20px;
  grid-column-gap: 20px;
  margin-top: 30px;
  align-items: center;
}

.landingPage .oxylife p {
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
  line-height: 1.64;
}

.landingPage .oxylife span {
  width: 30px;
  background: var(--theme-solid-color);
  color: white;
  border-radius: 50%;
  padding: 5px;

}

.landingPage .resources {
  display: flex;
  margin-top: 30px;
}

.landingPage .heading2 {
  background: #ebf0f3;
}

.landingPage .heading2_text {
  margin-top: 100px;
  padding: 60px;
}

.landingPage .heading2_text h1 {
  text-align: center;
  font-size: xxx-large;
  color: var(--theme-solid-color);
  font-family: "Poppins", sans-serif;
}

.landingPage .Accessories {
  display: flex;
  justify-content: center;
  grid-column-gap: 40px;
  margin-top: 50px;
}

.card {
  resize: none;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
  transition: 0.3s;
  width: 100%;
  padding: 10px;
  height: auto;
}

.landingPage .card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.landingPage .container {
  padding: 2px 16px;
}

.landingPage .service-box {
  border-radius: 10px;
  padding: 20px 15px 40px 15px;
  background-color: #fff;
  position: relative;
  transition: all 0.3s ease-out 0s;
  border: 3px solid #ffffff;
}

.landingPage .product {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

.landingPage .service-boxes:hover .service-box {
  border: 3px solid var(--theme-solid-color);
  transition: all 0.3s ease-out 0s;
}

.landingPage .service-boxes h3 {
  padding-top: 20px;
  text-decoration: none;
  font-size: 20px;
  color: black;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

.landingPage .service-boxes:hover .service-box h3 {
  color: var(--theme-solid-color);
}

.landingPage .service-link {
  padding: 13px;
  margin: auto;
  height: 45px;
  width: 45px;
  line-height: 45px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  z-index: 2;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-box-shadow: 0px 10px 32px 0px rgb(197 197 197 / 40%);
  box-shadow: 0px 10px 32px 0px rgb(197 197 197 / 40%);
}

.landingPage .service-link img {
  position: relative;
  bottom: 60%;

}


.landingPage .service-boxes:hover .service-link {
  background-color: var(--theme-solid-color);
}

.landingPage .service-boxes:hover .service-link img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.landingPage .choose {
  margin-bottom: 100px;
}

.landingPage .choose_us {
  padding-top: 50px;
}

.landingPage .theme_title2 img {
  margin-top: 130px;
}

.landingPage .theme_title2 h1 {
  margin-top: 10px;
  color: var(--theme-solid-color);
  font-size: 50px;
  font-weight: 900;
  font-family: "Poppins", sans-serif;
}

.landingPage .theme_title2 p {
  font-size: 18px;
  color: var(--body_color);
  font-weight: 500;
  margin-top: 15px;
  line-height: 1.64;
  font-family: "Poppins", sans-serif;
}

.landingPage .check i {
  font-size: 18px;
  color: var(--theme-solid-color);
  font-weight: 600;
}

.landingPage .check span {
  font-size: 18px;
  color: var(--theme-solid-color);
  font-weight: 500;
  margin-top: 15px;
  line-height: 1.7rem;
}

.landingPage .check img {
  height: auto;
  display: inline-block;
  position: relative;
  transition: all 0.4s ease;
}

.landingPage .contact_us button {
  background-color: var(--theme-solid-color);
  color: white;
  padding: 20px 40px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 30px;
  border-top-right-radius: 30px;
  font-weight: 600;
  border: none;
  margin-top: 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  /* transition: all 0.2s linear 0s; */
}

.landingPage button:hover {
  color: #ffffff;
}

.landingPage button::after {
  content: "";
  background: #53a3d8;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  display: block;
  border: black;
}

.landingPage button[class^="slide"]::after {
  transition: all 0.35s;
}

.landingPage button[class^="slide"]:hover::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.35s;
}

.landingPage button.slide_from_bottom::after {
  left: 0;
  right: 0;
  top: 100%;
  bottom: -100%;
}

.landingPage .heading_text img {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
}

.landingPage table {
  margin-top: 50px;
  border-collapse: collapse;
  width: 100%;
}

.landingPage th,
td {
  text-align: left;
  padding: 8px;
}

.landingPage tr:nth-child(even) {
  background-color: #e3eff7e0;
}

/* .card img {
    width: 70%;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem;
} */

.landingPage .card:hover {
  box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.66);
}

.landingPage .heading2 {
  width: 100%;
  height: 1000px;
  background-image: url("../images/landing-page-img/richard-horvath-cPccYbPrF-A-unsplash.jpg");
  background-size: cover;
  background-position: center;
}

.landingPage .heading2_overlay {
  width: 100%;
  height: 1000px;
  color: white;
  background-color: #005791d1;
  font-family: sans-serif;
  font-size: 70px;
  background-size: cover;

  /* border-bottom-left-radius: 20%; */
  /* border-bottom-right-radius: 20%; */
}

.landingPage .heading3_text {
  margin-top: 100px;
  padding-top: 50px;
}

.landingPage .heading3_text h1 {
  text-align: center;
  margin-top: 10px;
  color: #ffffff;
  font-size: 50px;
  font-weight: 900;
  font-family: "Poppins", sans-serif;
}

.landingPage .product_name b {
  color: black;
  text-align: center;
}

.landingPage hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #0057914d;
}

.landingPage .view_product {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;
}

.landingPage .view_product h1 {
  font-size: 50px;
  font-family: "Poppins", sans-serif;
}

.landingPage .view_product p {
  font-size: 20px;
  line-height: 1.64;
  font-family: "Poppins", sans-serif;
}

.landingPage .white-arrow {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.landingPage .product img {
  max-height: 128px;
}

.wh-box {
  padding: 30px;
  background: #FFFFFF;
  border-radius: 0;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
}

#body .drx__btn {
  display: inline-block;
  font-size: 17px;
  min-width: 200px;
  height: 46px;
  padding: 0 20px;
  line-height: 46px;
  font-weight: 300;
  transition: .5s all;
  background-color: var(--theme-solid-color);
  text-align: center;
  color: #fff;
  border: 0;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

#body .drx__btn:after {
  content: "";
  position: absolute;
  left: -10%;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 0;
  background: #fff;
  opacity: 0.15;
  transition: all 0.3s ease-in-out;
  transform: skewX(20deg);
}

#body .drx__btn:hover:after {
  width: 125%;
}

#body .drx__btn[disabled] {
  opacity: 0.5;
  cursor: default;
}

#body .drx__btn-border {
  color: var(--theme-solid-color);
  border: solid 1px rgba(var(--theme-color), 0.5);
  background: #fff;
  font-weight: normal;
  display: flex;
  justify-content: center;
  align-items: center;
}

#body .drx__btn-border:after {
  display: none;
}

#body .drx__btn.drx__btn-medium {
  height: 40px;
  line-height: 40px;
  min-width: 150px;
  padding: 0 15px;
  font-size: 16px
}

#body .drx__btn-small {
  height: 36px;
  line-height: 36px;
  min-width: 110px;
  font-size: 14px;
  padding: 0 15px;
}

#body .drx__btn-success,
#body .btn-success {
  background-color: #28a745;
}

#body .customize-remove-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  justify-self: center;
}

#body .customize-remove-btn i {
  font-size: 17px;
  color: #f00;
}
.prod-detail .prod__stock {
  order: 5;
}

.prod-detail .prod__features {
  order: 6;
}

.prod-detail .prod__features .prod__advantage {
  margin-top: 10px;
}


.icon-tick {
  display: inline-block;
  width: 12px;
  height: 24px;
  border: solid 1px #2E2F43;
  border-width: 0 1px 1px 0;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0.6);
}

.prod-detail {
  padding: 30px 0 0 0;
}


.existing-about {
  /* width: 1400px; */
  /* height: 440px; */
  left: 100px;
  top: 162px;
  background: #E1EAF3;
  border: 2px solid rgba(0, 87, 145, 0.08);
}

.existing-about .col-lg-4 {
  display: flex;
  justify-content: center;
}

.existing-about .col-lg-8 h2 {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 123%;
  letter-spacing: 0.02em;
  color: #2E2F43;

}

.existing-about .col-lg-8 h6 {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 21px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: var(--theme-solid-color);
}

.existing-about .col-lg-8 p {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.01em;
  color: #212529;
}

.prod-detail .prod__rating .review-text a {
  font-weight: normal;
  display: inline-block;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.01em;
  color: #212529;
}




:root {
  --blue: var(--theme-solid-color);
  --red: #DC3737;
  --yellow: #FF9900;
  --skyblue: #1DA1F2;
  --green: #46C553;
  --lightblue: #D6E4F2;
  --lightred: #F2D6D6;
  --lightyellow: #F2E1D1;
  --lightskyblue: #D8EAF5;
  --lightgreen: #D8F2DB;
}





.icon-tick {
  display: inline-block;
  width: 12px;
  height: 24px;
  border: solid 1px #2E2F43;
  border-width: 0 1px 1px 0;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0.6);
}

.prod-detail {
  padding: 30px 0 0 0;
}

.img-fluid {
  /* max-width: 300px; */
  height: auto;
}

.patient .row {
  margin-bottom: -20px;
}

.patient .row>div {
  padding-bottom: 30px;
}

.category-card {
  padding: 30px 20px;
  height: 100%;
  background: var(--theme-bg-light);
  border-radius: 10px;
}

.existing-about {
  /* width: 1400px; */
  /* height: 440px; */
  left: 100px;
  top: 162px;
  background: #E1EAF3;
  border: 2px solid rgba(0, 87, 145, 0.08);
}

.existing-about .col-lg-4 {
  display: flex;
  justify-content: center;
}

.existing-about .col-lg-8 h2 {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 123%;
  letter-spacing: 0.02em;
  color: #2E2F43;

}

.existing-about .col-lg-8 h6 {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 21px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: var(--theme-solid-color);
}

.existing-about .col-lg-8 p {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.01em;
  color: #212529;
}

.prod-detail .prod__rating .review-text a {
  font-weight: normal;
  display: inline-block;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.01em;
  color: #212529;
}


.contact-card h2 {
  font-weight: 500;
  font-size: 19px;
  line-height: 123%;
  text-align: center;
}

/* CSS By Dipti */
.detail-page {
  position: relative;

}

.detail-page::before {
  content: " ";
  max-height: 600px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--theme-bg-light);
  width: 100%;
  /* height: 600px; */
}

.detail-main-text h1 {
  font-size: 32px;
  font-weight: 600;
  line-height: 51px;
  letter-spacing: 0.01em;
  text-align: left;
}

.detail-main-text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0.01em;
  text-align: left;
}

.new-features {
  margin: 70px 0px;
}

.new-features .col-sm-2 img {
  width: 341px;
  height: 451px;
  top: 202px;

}

.form-qualify {
  background-color: #FFFFFF;
  box-shadow: 0px 8px 35px 0px #0000000A;
}

.form-qualify h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: center;
  background: var(--theme-solid-color);
  color: white;
  padding: 8px;
}

.form-qualify p {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
}

.form-qualify form .data-info input {
  display: block;
  width: 100%;
  margin: 24px;
  padding: 10px;
  border: none;
  background: var(--theme-bg-light);
}

.checkbox-info {
  display: flex;
  padding: 0px 30px;
  align-items: self-start;
  gap: 14px;
}

.checkbox-info label {
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0.03em;
  color: #555662;
}

.data-info {
  width: 88%;
}

.form-qualify button {
  border: none;
  background: var(--theme-solid-color);
  color: white;
  padding: 8px 30px;
  margin: 25px 0px;

}

.btn-submit {
  width: 100%;
  display: flex;
  justify-content: center;

}

.features ul li {
  display: flex;
  gap: 10px;
  line-height: 33px;


}

.features ul li span {
  color: #2E2F43;
  font-size: 16px;
  line-height: 24.8px;
  font-weight: 400;
}

.features ul li img {
  width: 20px;
  height: 20px;
}

.img-circle {
  width: 25px;
  height: 25px;
  background: var(--theme-solid-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.features {
  background: var(--theme-bg-light);
  padding: 24px;
  margin-top: -150px;
}




/*CSS by Hemant*/
.blue-gray-bg {
  background: var(--theme-bg-light);
}

.pointer {
  cursor: pointer;
}

.h1 {
  font-weight: 600;
  font-size: 42px;
  line-height: 123%;
  margin-bottom: 20px;
}

.h2 {
  font-weight: 600;
  font-size: 32px;
  line-height: 123%;
  margin-bottom: 30px;
}

.prod-detail {
  padding: 30px 0 0 0;
}

.prod__slider .react-slider__picture {
  height: 450px;
}

#root .prod__slider .react-slider__ul {
  margin: 20px -5px 0;
}

#root .prod__slider .react-slider__ul li {
  height: 85px;
  flex: 0 0 20%;
  max-width: 20%;
  margin: 0;
  padding: 5px;
}

#root .prod__slider .react-slider__ul li img {
  border: solid 1px #E8E8E8;
  position: static;
}

#root .prod__slider .react-slider__ul li.active img {
  border-color: #979797;
  content: none !important;
}

.prod-detail>* {
  order: 9;
}

.prod-detail p {
  order: 5;
}

.prod-detail .prod__model {
  order: 0;
  font-size: 16px;
  color: #686868;
  font-weight: 300;
  margin: 0 0 7px;
}

.prod-detail .prod__title {
  order: 1;
  font-weight: 600;
  font-size: 42px;
  line-height: 123%;
  margin-bottom: 20px;
}

.prod-detail .prod__rating {
  order: 2;
  display: flex;
  align-items: center;
}

.prod-detail .prod__rating .review-text {
  margin: 0;
  padding-left: 10px;
  font-weight: 300;
  color: #686868;
}

.prod-detail .prod__rating .review-text a {
  font-weight: normal;
}

.prod-detail .prod__price {
  order: 3;
  font-size: 48px;
  font-weight: 600;
  color: var(--theme-solid-color);
  letter-spacing: 0.1px;
  align-items: center;
  margin-bottom: 10px;
}

.prod-detail .prod__price strike {
  font-size: 58%;
  padding-left: 10px;
  color: #a4a4a4;
  font-weight: 300;
}

.prod-detail .prod__soldby {
  order: 4;
  font-size: 16px;
  font-weight: 300;
  color: #686868;
  margin-top: -5px;
  margin-bottom: 15px;
}

.prod-detail .prod__soldby strong {
  font-weight: 500;
  color: #2E2F43;
}

.prod-detail .prod__stock {
  order: 5;
}

.prod-detail .prod__features {
  order: 6;
  margin-top: 10px;
}

.cat-price,
.prod-detail .cart-btn {
  font-size: 19px;
  min-width: 300px;
  height: 50px;
  padding: 0 25px;
  line-height: 50px;
  font-weight: 300;
  text-transform: capitalize;
}

#body .prod-detail .prod__features h3 {
  font-size: 16px;
  line-height: 150%;
  color: #a4a4a4;
  text-align: left;
  margin-bottom: 6px;
  font-weight: 400;
}

.prod__features .diff-inclu-list {
  margin-top: 0;
}

#root .drx__list li {
  width: 100%;
  font-size: 16px;
  font-weight: 300;
  color: #2E2F43;
  letter-spacing: 0.1px;
  padding: 0 0 6px 24px;
  position: relative;
}

.prod__features .diff-inclu-list li br {
  display: none;
}

#root .drx__list li:before {
  content: "";
  background: none;
  width: 8px;
  height: 16px;
  border: solid 1px var(--theme-solid-color);
  border-width: 0 1px 1px 0;
  position: absolute;
  left: 4px;
  top: 2px;
  transform: rotate(45deg);
}

#root .drx__list li.drx__na {
  color: #A4A4A4;
}

#root .drx__list li.drx__na:before {
  content: "";
  border: 0;
  width: 1px;
  height: 18px;
  background-color: #A4A4A4;
  left: 6px;
}

#root .drx__list li.drx__na:after {
  content: "";
  border: 0;
  width: 1px;
  height: 18px;
  background-color: #A4A4A4;
  position: absolute;
  left: 6px;
  top: 2px;
  transform: rotate(-45deg);
}


.prod__advantage {
  background-color: #f5f5f5;
  padding: 12px 0;
  margin-top: 25px;
}

.prod__advantage ul {
  text-align: center;
  margin: 0 -10px;
}

.prod__advantage ul li {
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  color: #2E2F43;
  text-align: left;
  padding: 0 10px;
}

.prod__advantage ul li a {
  display: inline-flex;
  width: 100%;
  color: inherit;
  align-items: center;
  text-transform: capitalize;
  cursor: pointer;
}

.prod__advantage ul li .option-img {
  height: auto;
  max-width: 40px;
  margin-right: 5px;
}


.prod__customize {
  max-width: 900px;
  width: 90%;
  margin: auto;
  padding: 75px 0;
}

.prod__customize .row {
  margin-left: -40px;
  margin-right: -40px;
}

.prod__customize .row>div {
  padding: 0 40px;
}

.prod__battery-option {
  border-bottom: solid 1px #D9D9D9;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

.prod__cust-content {
  margin-bottom: 15px;
  ;
}

.prod__cust-item h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 15px;
  color: #000;
}

.prod__option-field>input {
  display: none;
}

.prod__option-label {
  padding: 15px 35px 15px 20px;
  margin-bottom: 15px;
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  width: 100%;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  min-height: 155px;
  display: flex;
  flex-direction: column;
}

.prod__battery-option .prod__option-label {
  min-height: unset;
}

.prod__option-label h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 125%;
  margin-bottom: 6px;
  ;
}

.prod__option-label p {
  margin-bottom: 12px;
}

.prod__cust-price {
  font-size: 21px;
  font-weight: 600;
  line-height: 140%;
  color: var(--theme-solid-color);
  margin-top: auto;
}

.prod__option-radio {
  width: 24px;
  height: 24px;
  background-color: #e8e8e8;
  border-radius: 50%;
  padding-bottom: 2px;
  position: absolute;
  top: 12px;
  right: 12px;
  transition: all 0.3s ease-in-out;
}

.prod__option-radio .icon-tick {
  border-color: #fff;
}

.prod__option-field>input:checked+.prod__option-label {
  background: var(--theme-bg-light);
  border: 1px solid #C8DCEF;
  color: inherit;
}

.prod__option-field>input:checked+.prod__option-label .prod__option-radio {
  background-color: var(--theme-solid-color);
}

.prod__option-info {
  margin-top: -12px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.prod__option-info a {
  font-size: 13px;
  font-weight: normal;
  color: var(--theme-solid-color);
  text-decoration: underline;
}

.prod__option-info i {
  font-size: 14px;
  color: var(--theme-solid-color);
  margin: 0 0 0 5px;
}

.col-md-6>.prod__cust-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.prod__cust-option {
  margin-top: auto;
}

#body .mt-40 {
  margin-top: 40px;
}

.prod__tabs .RRT__tabs {
  margin: 0;
  gap: 12px;
}

.prod__tabs .RRT__panel {
  border-radius: 0;
  border: 0;
  background: none;
  margin-top: 17px;
  padding: 20px 0 0;
  border-top: solid 1px #eaeaea;
}

.prod__tabs .RRT__panel ol {
  padding-left: 20px;
}

.prod__tabs .RRT__panel h4 {
  font-size: 18px;
  font-weight: normal;
}

.prod__tabs .RRT__tab {
  font-size: 17px;
  font-weight: 300;
  color: #2E2F43;
  height: 43px;
  padding: 0 20px;
  background: #F5F5F5 !important;
  text-transform: none;
  border-radius: 22px;
  border: 0;
  line-height: 43px;
  transition: all 0.3s ease-in-out;
}

.prod__tabs .RRT__tab:hover,
.prod__tabs .RRT__tab.RRT__tab--selected {
  background: var(--theme-solid-color) !important;
  color: #fff;
}

.prod__tabs .RRT__panel ul {
  list-style-type: disc;
}

.prod__tabs .RRT__panel h3,
.prod__list-desc h3 {
  text-align: left;
  font-size: 16px;
  font-weight: normal;
  line-height: 140%;
  margin: 0 0 8px;
}

.prod__list-desc h3 {
  margin: 0 0 4px;
}

.RRT__panel ul {
  list-style-type: circle;
  line-height: 26px;
  margin: 0px;
  margin-bottom: 0px;
  padding: 0px 17px;
  margin-bottom: 20px;
}


.prod__tabs .RRT__panel table thead tr th {
  padding: 0 15px 5px;
  font-weight: 600;
}

.prod__tabs .RRT__panel table tbody tr:nth-child(2n) {
  background-color: #fafafa;
}

.prod__tabs .RRT__panel table tbody tr td {
  border: solid 1px #e8e8e8;
  padding: 10px 15px;
  color: #686868;
}

.prod__tabs .RRT__panel table tbody tr td:nth-child(2) {
  /* color: #2E2F43;
  font-weight: normal; */
}

#root .prod__spec ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 0;
}

#root .prod__spec ul li {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  margin-bottom: 18px;
}

#root .prod__spec ul li label,
#root .prod__spec ul li label strong {
  margin: 0;
  font-weight: 300;
  color: #939393;
  text-transform: uppercase;
}

#root .prod__spec ul li span {
  color: #2E2F43;
  font-weight: normal;
}





.prod__similar {
  background: var(--theme-bg-light);
  min-height: 540px;
  max-width: calc(100% - 100px);
  margin: auto;
}


.drx__item {
  position: relative;
  padding-top: 50px;
}

.drx__item h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 125%;
  margin-bottom: 8px;
}

.drx__icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 128px;
  height: 128px;
  display: flex;
  font-size: 72px;
  color: var(--theme-solid-color);
}

.drx__icon i {
  margin: 0;
  text-align: left;
  font-size: 100%;
  width: 100%;
  opacity: 0.1;
  transition: all 0.3s ease-in-out;
}

.drx__icon .icon-delivery {
  top: 18px;
  position: relative;
}

.drx__icon .icon-support {
  font-size: 98px;
}

.drx__icon .icon-warrenty {
  font-size: 93px;
}

.drx__item:hover .drx__icon i {
  font-size: 50%;
  opacity: 1;
}

.drx__item:hover .drx__icon .icon-delivery {
  top: 0;
}

.reliable__support {
  max-width: 1160px;
  width: 90%;
  margin: auto;
  padding: 100px 0 80px;
}

.reliable__support .drx__item {
  padding-right: 22px;
}

#root .prod__tabs .rating-div {
  padding: 18px 18px 13px;
  margin: 0 0 15px;
  background: var(--theme-bg-light);
  border: 1px solid #E3E3E3;
  border-radius: 0;
  position: relative;
  border: solid 1px rgba(var(--theme-color), 0.15) !important;
}

#root .prod__tabs .rating-div>span:first-child {
  flex-direction: column;
  align-items: flex-start !important;
}

#root .prod__tabs .rating-div>span:first-child>span>span {
  order: 1;
}

#root .prod__tabs .rating-div>span:first-child .date-clr {
  margin: 0 9px 0 0 !important;
  background: var(--theme-solid-color);
  color: #fff;
  line-height: 1;
  padding: 6px 9px;
  border-radius: 5px;
  font-size: 15px;
}

#root .prod__tabs .rating-div .username-rate {
  font-weight: normal;
  margin-top: 15px;
  order: 1;
}

#root .prod__tabs .rating-div .date-clr {
  color: #686868;
}

#root .prod__tabs .rating-div .review-text {
  margin-top: -8px;
  margin-bottom: 0;
}

#root .prod__tabs .rating-div>.date-clr {
  position: absolute;
  right: 20px;
  top: 18px;
  font-size: 15px;
  font-weight: normal;
  color: #939393;
}

.react-simple-star-rating .empty-icons {
  color: #dbdbdb !important;
}

.react-simple-star-rating .filled-icons {
  color: #FFB800 !important;
}


.prod__slider {
  margin-bottom: 40px;
}

.prod__slider .common-slider {
  padding: 30px;
}

.prod__slider .common-slider h5 {
  font-weight: 600;
  font-size: 21px;
  margin-bottom: 15px;
}

.prod__slider .common-slider .content {
  padding: 20px;
  background-color: var(--theme-bg-light);
  text-align: left;
}

.prod__slider .slick-list {
  margin: 0 -10px;
}

.prod__slider .slick-list .slick-track {
  margin-left: 0;
  margin-right: 0;
}

.prod__slider .slick-slide {
  padding: 0 10px;
}

.prod__slider .slick-slide > div > div {
  position: relative;
}

.prod__slider .img-min-height {
  background-color: #fff;
  text-align: center;
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prod__slider .cat-price,
.prod__slider .cart-btn {
  min-width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  font-size: 17px;
  font-weight: 300;
  text-transform: none;
}

#root .prod__slider .content .pro-name {
  font-weight: 500;
  font-size: 17px;
  line-height: 125%;
  margin: 5px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#root .prod__slider .content .price {
  font-weight: 600;
  font-size: 19px;
  color: var(--theme-solid-color);
  display: flex;
  align-items: center;
}

#root .prod__slider .content .price span {
  padding: 0;
  color: inherit !important;
  font-weight: inherit;
}

#root .prod__slider .content .price strike {
  color: #a4a4a4;
  font-weight: 300;
  font-size: 82%;
  padding-left: 5px;
}

#root .prod__slider .content .description {
  margin-top: 10px;
  color: #2e2f43;
}

#root .prod__slider .content .btn-wrap {
  margin-top: 10px;
}

#root .prod__slider .content .btn-wrap p {
  margin: 0;
}

#root .prod__slider .content .btn-wrap .drx__btn {
  width: 100%;
  min-width: unset;
  height: 46px;
  line-height: 46px;
  padding: 0 15px;
}

#root .prod__slider .slick-arrow {
  box-shadow: none;
  background-color: #2e2f43;
  color: #fff;
}

#root .prod__slider .slick-arrow.slick-disabled {
  background-color: #a8a8a8;
}

#root .prod__slider .slick-arrow:before {
  color: #fff;
  opacity: 1;
}

#root .prod__slider .slick-prev {
  left: -30px;
}

#root .prod__slider .slick-next {
  right: -30px;
}

.home-cats {
  margin-top: 80px;
}

.home__cats>.row {
  margin-left: -10px;
  margin-right: -10px;
}

.home__cats>.row>div {
  padding: 0 10px;
  display: flex;
}

#root .pro-box {
  padding: 20px;
  background: var(--theme-bg-light);
  width: 100%;
  overflow: hidden;
}

#root .home__cats .pro-box {
  padding-bottom: 10px;
}

#root .pro-box .img-min-height {
  background: #fff;
  position: relative;
  padding: 50%;
  margin: 0 0 10px;
  overflow: hidden;
}

#root .pro-box .img-min-height a {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#root .pro-box .img-min-height a>span {
  width: 100%;
  height: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

#root .pro-box .cat-product-name {
  text-align: left;
  margin-bottom: 3px;
}

#root .pro-box .cat-product-name a {
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  color: #2E2F43;
}

#root .pro-box .cat-price-home {
  font-size: 16px;
  color: #929292;
  text-align: left;
  padding: 0;
}

#root .pro-box .cat-price-home strong {
  color: var(--theme-solid-color);
  font-size: 17px;
  font-weight: 600;
}

.show-more {
  margin-top: -10px;
}

.show-more .drx__btn i {
  margin-left: 5px;
}

header .top {
  background-color: #fff;
  padding: 0px 0 8px;
  color: #fff;
  position: relative;
}

header .top a.drx__brand img {
  max-width: 150px;
  width: 100%;
}

header .top .top-bar {
  background-color: var(--theme-solid-color);
  /* font-family: 'Poppins', sans-serif; */
  font-weight: 300;
  letter-spacing: 0.3px;
  font-size: 13px;
}

header .top .top-bar p {
  display: flex;
  justify-content: space-between;
}

#root .top-right-links a {
  font-size: 13px;
  color: #fff;
  font-weight: 500;
  text-decoration: underline;
  text-transform: uppercase;
  margin-left: 37px;
  position: relative;
}

#root .top-right-links a+a:before {
  content: "";
  width: 1px;
  position: absolute;
  left: -18px;
  top: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0.3;
}

#root header .top-icon .c-number {
  font-size: 17px;
  height: 40px;
  font-weight: 600;
  background-color: #FF9900;
  color: #fff;
  padding: 8px 15px 7px;
}

#root header .top-icon .c-number i {
  font-size: 19px;
  margin-right: 4px;
}

#root header .top-icon .c-number a {
 color: #FFFFFF;
}
#root .drx__search {
  max-width: 250px;
  position: relative;
  margin-right: -20px;
  margin-left: -40px;
}

#root .drx__search input {
  height: 40px;
  border-radius: 0;
  border: 0;
  background: var(--theme-bg-light);
  padding: 5px 45px 5px 15px;
}

#root .drx__search .input-group-append {
  position: absolute;
  top: 0;
  right: 0;
}

#root .drx__search .input-group-append .btn {
  background-color: var(--theme-solid-color);
  color: #fff;
  width: 44px;
  height: 40px;
  border-radius: 0;
  border: 0;
  opacity: 1;
  font-size: 17px;
}

#root .drx__search .react-autosuggest__suggestions-container {
  position: absolute;
  left: 0;
  top: 40px;
  background: #fff;
  z-index: 9;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
  max-height: 75vh;
    overflow-y: auto;
    scrollbar-width: thin;
}

#root .drx__search .react-autosuggest__suggestions-container li {
  padding: 6px 15px;
  color: #2e2f43;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  line-height: 19px;
  transition: all 0.3s ease-in-out;
}

#root .drx__search .react-autosuggest__suggestions-container li:hover {
  background-color: #f2f2f2;
}

#root .drx__navigation {
  border: 0;
  margin-left: -10px;
  position: static;
  box-shadow: none;
  width: auto;
}

#root .header .top-menu ul.menu {
  justify-content: space-between;
}

#root header .top .top-icon {
  padding: 0;
}

#root .drx__navigation li a {
  padding: 10px 17px;
}

header .top-menu ul.menu li .trangle {
  display: none;
}

header .top-menu ul.menu li .sub-menu-wrap {
  box-shadow: none;
  background: var(--theme-solid-color);
  border: 0;
  border-radius: 0;
  padding: 0;
}

#root header .top-menu ul.menu li ul.sub-menu li ul.dropdown li a {
  padding: 10px 15px;
  font-size: 14px;
  color: #fff;
  margin: 0;
  border-top: solid 1px rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease-in-out;
}

#root header .top-menu ul.menu li ul.sub-menu li ul.dropdown li a:hover {
  background: rgba(0, 0, 0, 0.1);
}

header .top-menu ul.menu li .sub-menu-wrap {
  top: 50px;
}

header .top-menu ul.menu li:hover .sub-menu-wrap {
  top: 38px;
}

header .top-menu ul.menu li:hover a {
  background: var(--theme-solid-color);
  color: #fff;
}

#root header .top-menu ul.menu {
  justify-content: space-between;
}

.top-right-links {
  margin-left: auto;
}

.drx__home-slider {
  height: 470px;
  background: url('../images/banner-bg.png') no-repeat 0 0;
  position: relative;
  margin-bottom: 35px;
  padding-top: 50px;
}

.drx__home-slider:before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--theme-solid-color);
  opacity: 0.7;
  z-index: 1;
}

.drx__slider-body {
  position: relative;
  z-index: 2;
}

.drx__home-slider .slick-list {
  max-width: 950px;
  margin: auto;
}

.drx__slider-box {

  border-radius: 15px;
  display: flex;
  overflow: hidden;
  min-height: 350px;
}

.drx__slider-img {
  flex: 0 0 42%;
  max-width: 42%;
  display: flex;
  background: var(--theme-solid-color);
}

#root .slidColor-0 .drx__slider-img {
  background: var(--theme-solid-color);
}

/* .slick-slide:nth-child(2) .drx__slider-img,
#root .slidColor-1 .drx__slider-img {
  background: #008E8E;
}

.slick-slide:nth-child(3) .drx__slider-img,
#root .slidColor-2 .drx__slider-img {
  background: #007893;
}

.slick-slide:nth-child(4) .drx__slider-img,
#root .slidColor-3 .drx__slider-img {
  background: #91346d;
}

.slick-slide:nth-child(5) .drx__slider-img,
#root .slidColor-4 .drx__slider-img {
  background: #934e2d;
} */


.drx__slider-img a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.drx__slider-img a img {
  min-height: unset;
}

.drx__slider-info {
  flex: 0 0 58%;
  max-width: 58%;
  padding: 40px 60px;
  background-color: #fff;
}

.drx__slider-info a>div {
  line-height: 150%;
}

.drx__slider-info h1 {
  font-size: 42px;
  line-height: 123%;
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
}

.drx__slider-info p {
  font-size: 19px;
  line-height: 170%;
  color: #000;
  margin: 0;
}

.drx__slider-info p.drx_slider-gray-text {
  font-size: 14px;
  color: #686868;
  margin-top: 10px;
}

.drx_slider-control {
  background: #FFFFFF;
  box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.05);
  border-radius: 15px;
  max-width: 950px;
  margin: 30px auto 0;
  display: flex;
  justify-content: space-between;
  padding: 0 50px;
}

.drx_slider-control .slide-btn {
  font-size: 19px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.01em;
  color: #2E2F43;
  border: 0;
  background: none;
  cursor: pointer;
  padding: 20px;
  position: relative;
}

.drx_slider-control .btn-list .selected {
  color: var(--theme-solid-color);
}

/* .drx_slider-control .btn-list:nth-child(2) .selected {
  color: #008E8E;
}

.drx_slider-control .btn-list:nth-child(3) .selected {
  color: #007893;
}

.drx_slider-control .btn-list:nth-child(4) .selected {
  color: #91346d;
}

.drx_slider-control .btn-list:nth-child(5) .selected {
  color: #934e2d;
} */

.drx_slider-control .slide-btn.selected:before {
  content: "";
  width: 20px;
  height: 20px;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  margin: auto;
  transform: rotate(45deg);
}

.drx__home-slider .slick-arrow {
  width: 38px;
  height: 38px;
  border: solid 2px #fff;
  border-radius: 50%;
}

.drx__home-slider .slick-arrow:before {
  color: #fff;
  opacity: 1;
}

#menu-sticky .main {
  padding-top: 94px;
}

header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.10);
  z-index: 999;
}

#root .offer-text {
  white-space: nowrap;
  max-width: calc(100% - 400px);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}


#root .drx__breadcrumb {
  margin: 10px 0 15px;
}

#root .drx__breadcrumb ul li {
  display: inline-block;
}

#root .drx__breadcrumb ul li a {
  color: #212529;
  font-weight: normal;
  text-decoration: underline;
  margin-right: 15px;
  font-size: 14px;
  position: relative;
  padding-right: 12px;
  text-transform: capitalize;
}

#root .drx__breadcrumb ul li a:after {
  content: "";
  width: 7px;
  height: 7px;
  border: solid 1px #212529;
  border-width: 0 1px 1px 0;
  position: absolute;
  top: 2px;
  bottom: 0;
  right: 2px;
  margin: auto;
  transform: rotate(-45deg);
}

#root .drx__breadcrumb ul li:last-child a:after {
  display: none;
}

#root .drx__breadcrumb ul li:last-child a {
  padding-right: 0;
  margin-right: 0;
  color: #888;
  text-decoration: none;
}

#root .drx__navigation .drx__dropdown>a {
  position: relative;
  padding-right: 22px;
}

#root .drx__dropdown>a:after {
  content: "";
  width: 7px;
  height: 7px;
  border: solid 1px #000;
  border-width: 0 1px 1px 0;
  position: absolute;
  top: -2px;
  bottom: 0;
  right: 10px;
  margin: auto;
  transform: rotate(45deg);
}

#root .drx__dropdown:hover>a:after {
  border-color: #fff;
}

#root .pro-body {
  padding-left: 345px;
  min-height: 350px;
  display: flex;
}

#root .pro__list-thumb {
  position: absolute;
  width: 320px;
  max-width: 320px;
  max-height: 380px;
  left: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

#root .pro__list-info {
  text-align: left;
  padding-top: 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

#root .pro__list-info .prod__model {
  font-size: 16px;
  color: #686868;
  font-weight: 300;
  margin: 0 0 7px;
}

#root .pro__list-info .product-name-cat {
  font-weight: 600;
  font-size: 34px;
  line-height: 123%;
  margin: 5px 0 20px;
}

#root .pro__list-info .prod__price {
  line-height: 1;
  margin: 0;
}

#root .pro__list-info .prod__price>span {
  font-size: 75%;
}

#root .pro__list-info .prod__price>strike {
  font-size: 50%;
}

#root .pro__list-info .prod__list-desc {
  margin-bottom: 20px;
}

#root .prod__list-bottom {
  margin-top: auto;
  border-top: solid 1px rgba(var(--theme-color), 0.15);
  padding-top: 20px;
}

#root .pro__list-info.prod-detail .prod__rating {
  position: absolute;
  right: 0;
  top: 0;
}

#root .pro__list-info.prod-detail .prod__rating .react-simple-star-rating {
  transform: scale(0.8);
  right: -10%;
}

#root .pro__list-info.prod-detail .react-simple-star-rating .empty-icons {
  color: #c6c6c6 !important;
}

#root .pro__list-thumb>a {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#root .pro__list-thumb .plp-product__offer {
  margin-top: 0;
  right: auto;
  left: -10px;
  font-size: 13px;
  padding: 0 5px;
  line-height: 26px;
  height: 26px;
  width: 94px;
  top: 10px;
}

#root .pro__list-thumb .plp-product__offer:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  bottom: -8px;
  border-left: solid 9px transparent;
  border-top: solid 8px #327708;
}

#root .pro__list-features {
  margin-top: -15px;
  margin-bottom: 25px;
}

#root .pro__basic-info {
  margin-bottom: 23px;
  margin-top: -10px;
  background-color: #d7dfe7;
  padding: 7px 0 6px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#root .pro__basic-info .col {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 3px 14px;
}

#root .pro__basic-info .col h5 {
  font-size: 14px;
  font-weight: normal;
  color: #777;
  margin: 0;
  line-height: normal;
  padding-right: 7px;
}

#root .pro__basic-info .col p {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #212529;
}

.drx__modal {
  display: flex;
}

.drx__modal .modal-body {
  padding: 0;
}

.drx__modal .modal-dialog {
  max-width: 490px;
  width: 100%;
  margin: auto;
  padding: 30px 20px;
}

.drx__modal .drx__modal-header {
  background-color: var(--theme-solid-color);
  padding: 15px 20px;
  position: relative;
}

.drx__modal .drx__modal-header h4 {
  font-size: 21px;
  text-align: left;
  color: #fff;
  margin: 0;
}

.drx__modal-header .closeButton {
  right: 15px;
}

#body .drx__modal-header .closeButton .icon-cancel {
  font-size: 0;
  width: 21px;
  height: 21px;
  position: relative;
  transform: rotate(45deg);
  opacity: 1;
}

#body .drx__modal-header .closeButton .icon-cancel:before,
#body .drx__modal-header .closeButton .icon-cancel:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0;
  margin: auto;
  background: #fff;
}

#body .drx__modal-header .closeButton .icon-cancel:after {
  height: 100%;
  width: 1px;
}

.drx__modal .modal-content {
  border-radius: 0;
  border: 0;
}

.drx__modal-content {
  padding: 30px;
}

.forgot-link {
  margin-top: -20px;
  margin-bottom: 10px;
}

.login-footer p,
.forgot-link {
  font-size: 15px;
}

.forgot-link a,
.login-footer p a {
  text-decoration: underline;
}


#body .form-group {
  margin-bottom: 20px;
  position: relative;
}

#body .form-group>label {
  color: #212529;
  font-size: 15px;
}

#body .form-group>.password-show {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
}

#body .form-group>.password-show a {
  color: #686868;
}

#body .form-group input,
#body .form-group select,
#body .form-group textarea{
  width: 100%;
  background: var(--theme-bg-light);
  height: 46px;
  padding: 12px 15px;
  font-size: 16px;
  font-weight: 300;
  border-radius: 0;
  border: 0;
  color: #212529;
}
#body .form-group textarea{
    height: 100px;
    resize: none;
}
#body .form-group select {
  cursor: pointer;
}

#body .form-group input[readonly],
#body .form-group select[readonly] {
  background: #F4F4F4;
  color: #999;
}

.error-msg {
  color: #ff0000;
  position: absolute;
  left: 0;
  top: 100%;
  font-size: 14px;
  margin-top: -2px;
}

.success-msg {
  color: #008000;
  left: 0;
  top: 100%;
  font-size: 14px;
  margin-top: -2px;
}

.eqp-success-msg {
    padding: 8px;
    background-color: #bde5bd;
    margin-bottom: 19px;
}
.eqp-error-msg{
    padding: 8px;
    background-color: #e5bdbf;
    margin-bottom: 19px;
}

.responsive-iframe {
  position: absolute;
}

#body .cart-dropdown,
#body .user-name-dropdown {
  width: 270px;
  margin-top: 17px;
  margin-right: -10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  padding: 0;
}

#body .user-name-dropdown {
  overflow: visible;
  width: 200px;
  margin-top: 11px;
  z-index: 9;
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  display: flex;
  flex-direction: column;
}

#body .cart-dropdown:before,
#body .user-name-dropdown:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: -10px;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  border-bottom: solid 10px #ddd;
}

#body .user-name-dropdown li>a,
#body .user-name-dropdown li>span {
  font-size: 15px;
  color: #212529;
  padding: 9px 15px 9px 45px;
  height: 40px;
  width: 100%;
  display: inline-flex;
  position: relative;
  height: 44px;
  border-bottom: solid 1px #e8e8e8;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

#body .user-name-dropdown li>a:hover,
#body .user-name-dropdown li>span:hover {
  background-color: #f8f8f8;
}

#body .user-name-dropdown li i {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#body .user-name-dropdown li>a.user-name-style,
#body .user-name-dropdown li>a.user-name-style:hover {
  font-weight: 500;
  background: var(--theme-solid-color);
  color: #fff;
  border: 0;
}

#body .user-name-dropdown li>span {
  border-bottom: 0;
}

#body .user-name-dropdown li>a .webicons.icon-basket-alt:after {
  content: "..";
  position: absolute;
  inset: 0;
  display: flex;
  font-size: 25px;
  padding-bottom: 14px;
  padding-left: 1px;
  letter-spacing: -1.8px;
  align-items: center;
  justify-content: center;
}

#body .user-name-dropdown li i.icon-logout {
  font-size: 15px;
}



#body .cart-dropdown ul {
  height: 193px;
}

#body .cart-dropdown ul.cart-item1 {
  height: 120px;
}

#body .cart-dropdown ul li {
  border-bottom: 1px solid #eaeaea;
  padding: 13px 15px;
}

#body .cart-dropdown ul li:hover {
  background-color: #f8f8f8;
}

#body .cart-dropdown ul li:last-child {
  border-bottom: 0;
}

#body .cart-dropdown ul li>.row>div:last-child {
  padding-left: 10px;
}

#body .cart-dropdown ul li a {
  color: #212529;
}

#body .cart-dropdown .product-img {
  border: 1px solid #eaeaea;
  background: #fff;
}

#body .cart-dropdown .cart__title {
  font-size: 14px;
  line-height: 1.25;
  margin-bottom: 3px;
  margin-top: 5px;
  padding-right: 30px;
}

#body .cart-dropdown .cart__title a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#body .cart-dropdown .cart__title strong {
  font-weight: normal;
}

#body .cart-dropdown .delete-icon {
  position: absolute;
  right: 0;
  top: 2px;
}

#body .cart-dropdown .delete-icon i {
  font-size: 17px;
  color: #f00;
}

#body .cart-dropdown .cart__price {
  color: var(--theme-solid-color);
  font-size: 14px;
  font-weight: 600;
}

#body .cart-dropdown .price-section {
  padding: 10px 15px 15px;
  border-top: solid 2px #eaeaea;
}

#body .cart-dropdown .price-section>.row>div {
  font-size: 14px;
  font-weight: 300;
}

#body .cart-dropdown .price-section>.row>div:last-child,
#body .cart-dropdown .price-section>.row>.text-success b,
#body .cart-dropdown .price-section>.row.row-total>div {
  font-weight: 600;
}

#body .cart-dropdown .price-section>.row>.text-success {
  text-transform: uppercase;
}

#body .cart-dropdown-action {
  flex-direction: column;
}

#body .cart-dropdown-action .drx__btn-small {
  min-width: 115px;
  text-transform: uppercase;
  width: 100%;
  margin-top: 10px;
}

#body .react-confirm-alert {
  width: 100%;
  max-width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
}

#body .react-confirm-alert-body {
  width: 450px;
  margin: auto;
  font-family: 'Poppins', sans-serif;
  border-radius: 0;
  line-height: 1.5;
  color: #212529;
  padding: 30px 25px;
}

#body .react-confirm-alert-body>h1 {
  margin: -30px -25px 30px;
  background-color: var(--theme-solid-color);
  padding: 15px 25px;
  font-size: 21px;
  color: #fff;
  font-weight: normal;
}

#body .react-confirm-alert-button-group {
  margin-top: 15px;
  justify-content: flex-end;
}

#body .react-confirm-alert-button-group>button {
  font-size: 17px;
  padding: 0 15px;
  font-weight: 300;
  transition: .5s all;
  background-color: var(--theme-solid-color);
  text-align: center;
  color: #fff;
  border: 0;
  cursor: pointer;
  height: 42px;
  line-height: 42px;
  min-width: 100px;
  border-radius: 0;
  margin-right: 15px;
}

#body .react-confirm-alert-button-group>button:last-child {
  color: var(--theme-solid-color);
  border: solid 1px #005791c2;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}

#body .drx__modal .drx__btn-link {
  color: var(--theme-solid-color);
  background: none;
  text-align: right;
  position: relative;
  font-size: 15px;
  text-decoration: underline;
  padding: 0;
  min-width: unset;
}

#body .alert {
  padding: 10px;
  font-size: 14px;
  text-align: center;
}

#body .alert-danger {
  color: #f00;
  background: #ffe8e8;
  border: solid 1px #f00;
}

#body .alert-success {
  color: #107527;
  background-color: #d4edda;
  border-color: #107527;
}

#body .helf-sec {
  background: var(--theme-bg-light);
  padding: 15px 10px 15px 90px;
  position: relative;
  height: 70px;
  border-radius: 40px;
  max-width: 380px;
  display: flex;
  align-items: center;
  margin-top: 40px;
}

#body .helf-sec>i {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  background: var(--theme-solid-color);
  color: #fff;
  font-size: 44px;
  border-radius: 50%;
}

#body .help-info {
  padding: 0;
  display: flex;
  flex-direction: column-reverse;
}

#body .help-info span {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  display: none;
}

#body .help-info p {
  margin: 5px 0 0;
  font-size: 14px;
  color: #212529;
}

#body .help-info a {
  font-size: 24px;
  font-weight: 600;
  text-decoration: none;
  color: var(--theme-solid-color);
  padding: 0;
  line-height: 1;
}

#body .cust__card {
  background: var(--theme-bg-light);
  box-shadow: none;
  border: solid 1px rgba(var(--theme-color), 0.5);
}

#body .cust__card .form-group select {
  background: #fff;
}

#body .drx__card {
  padding: 20px;
}

#body .wh-box h3,
#body .cart-detail h3 {
  text-align: left;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
}

#body .cust__card .total-py {
  font-size: 17px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: -5px 0 10px;
}

#body .cust__card .total-price {
  color: var(--theme-solid-color);
  font-weight: 600;
  font-size: 125%;
}

#body .cust__card .cust__total .drx__btn {
  width: 100%;
}

#body .drx__btn .icon-basket {
  font-size: 18px;
}

#body .cust__info {
  font-size: 15px;
  text-align: center;
  display: inline-flex;
  width: 100%;
  max-width: 250px;
  margin: auto auto -10px;
  font-weight: 500;
}

#body .cust__card .popup {
  font-size: 17px;
  font-weight: 500;
  text-transform: capitalize;
}

#body .form-radio .form-check {
  padding: 0;
  margin: 5px 0;
}

#body .form-radio .form-check input,
#pay_card.drx__btn,
#body .menu-overlay {
  display: none;
}

#body .form-radio .form-check label {
  margin: 0;
  display: inline-block;
  width: 100%;
  position: relative;
  padding-left: 30px;
  min-height: 30px;
  cursor: pointer;
  text-transform: capitalize;
}

#body .form-radio .form-check label:before {
  content: "";
  width: 22px;
  height: 22px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 2px;
  border-radius: 50%;
  border: solid 2px #c8c8c8;
  transition: all 0.3s ease-in-out;
}

#body .form-radio .form-check label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #fff;
  position: absolute;
  left: 5px;
  top: 7px;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}

#body .form-radio .form-check input:checked+label:before {
  border-color: var(--theme-solid-color);
}

#body .form-radio .form-check input:checked+label:after {
  background: var(--theme-solid-color);
}

#body .modal-msg .alert {
  border: 0;
  color: #fff;
  font-size: 14px;
  line-height: 135%;
  padding: 10px 15px;
  margin: -10px 0 10px;
  display: inline-block;
  width: 100%;
}

#body .modal-msg .alert-success {
  background: #25a425;
}

#body .modal-msg .alert-danger {
  background: #f33;
}

#body .drx__card-cart ul {
  margin: 15px 0;
}

#body .drx__card-cart .drx__btn {
  width: 100%;
}

#body .drx__card-cart ul li {
  display: flex;
  justify-content: space-between;
}

#body .drx__card-cart ul li strong {
  font-weight: 600;
}

#body .drx__card-cart ul li.cart_final_total {
  margin-top: 5px;
  border-top: solid 1px #00579124;
  padding-top: 5px;
  font-weight: 600;
}

#body .sidebar-fixed {
  max-width: 400px;
}

#body .cart_heading {
  margin-top: 30px;
}

#body .cart_heading h3 {
  font-size: 21px;
  font-weight: 600;
  margin: 0 0 15px;
  text-align: left;
}

#body .cart_heading h3 span {
  color: var(--theme-solid-color);
}

#body .cart__item {
  margin: -5px -10px 15px;
}

#body .cart__item:last-child {
  margin-bottom: -5px;
}

#body .checkout-box {
  background: #f7f7f7;
  padding: 15px 15px 15px 140px;
  position: relative;
  min-height: 140px;
}

#body .checkout-box .cart__item-th {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  overflow: hidden;
}

#body .checkout-box .cart__item-th img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: top;
}

#body .checkout-box .cart__item-content {
  padding-top: 7px;
}

#body .checkout-box .cart__item-content h3 {
  text-align: left;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
  padding-right: 100px;
}

#body .checkout-box .cart__item-content h3 a {
  color: inherit;
}

#body .cart__item-price {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
}

#body .cart__item-price span {
  padding-right: 10px;
}

#body .cart__item-price span b {
  font-size: 18px;
  font-weight: 600;
  color: var(--theme-solid-color);
}

#body .cart__item-price span strike {
  font-size: 16px;
  color: #a4a4a4;
}

#body .sub__total {
  font-size: 16px;
  margin-left: auto;
  display: flex;
  align-items: center;
}

#body .sub__total strong {
  font-size: 20px;
  font-weight: 600;
  color: var(--theme-solid-color);
  margin-left: 5px;
}

#body .cart__item-content .remove-btn button {
  position: absolute;
  bottom: auto;
  top: 20px;
  right: 15px;
  font-size: 15px;
  color: #f33;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

#body .cart__item-content .remove-btn button i {
  font-size: 17px;
}

#body .product-quantity {
  display: inline-flex;
  border: 0;
  align-items: center;
}

#body .product-quantity span {
  width: 44px;
  font-weight: 500;
  background-color: var(--theme-solid-color);
  font-size: 16px;
  margin: 0 10px;
  height: 36px;
  padding: 0;
  line-height: 37px;
  color: #fff;
  text-align: center;
}

#body .product-quantity button {
  margin: 0;
  padding: 0 5px;
  font-size: 16px;
  color: var(--theme-solid-color);
  width: 26px;
  height: 26px;
  display: inline-flex;
  justify-content: center;
  border-radius: 50%;
  line-height: 26px;
  align-items: center;
  border: solid 1px var(--theme-solid-color);
  background: #fff;
  cursor: pointer;
}

.prod__detail-qty {
  order: 5;
}

#body .cart-dropdown .product-quantity {
  margin-top: 5px;
}

#body .cart-dropdown .product-quantity span {
  width: 34px;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  margin: 0 8px;
}

#body .cart-dropdown .product-quantity button {
  /* width: 22px;
  height: 22px;
  line-height: 22px; */
}

#body .cart-dropdown .product-quantity button i {
  font-size: 14px;
}

#body .my-account .prod__tabs .RRT__panel {
  padding: 30px 0 0;
}

#body .my-account .form-radio-row {
  display: flex;
  flex-wrap: wrap;
  padding-top: 5px;
}

#body .my-account .form-radio-row .form-check {
  padding-right: 30px;
}

#body .my-account .prod__tabs .row,
#body .drx__checkout-sec .row {
  margin-left: -10px;
  margin-right: -10px;
}

#body .my-account .prod__tabs .row>div,
#body .drx__checkout-sec .row>div {
  padding-left: 10px;
  padding-right: 10px;
}

#body .form-radio .form-check input[disabled]+label {
  opacity: 0.5;
}

#body .form-datepicker .password-show {
  pointer-events: none;
}

#body .form-datepicker .password-show i {
  color: #686868;
  font-size: 20px;
}

#body [class^="CalendarContainer"] {
  background: #FFFFFF;
  border-radius: 0;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
  border: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #212529;
  max-width: 300px;
  min-width: 300px;
  height: auto !important;
  z-index: 9;
}

#body [class^="CalendarHeading"] {
  margin-bottom: 10px;
  height: 54px;
  max-height: 54px;
  max-width: calc(100% - 20px);
  margin: 0 auto;
  border: 0;
}

#body [class^="SingleArrow"],
#body [class^="DoubleArrow"] {
  border: 0;
  border-radius: 5px;
  background: var(--theme-bg-light);
  width: 28px;
  height: 28px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

#body [class^="SingleArrow"]:after,
#body [class^="DoubleArrow"]:before,
#body [class^="DoubleArrow"]:after {
  position: static;
  display: inline-block;
  margin: 0 0 0 -3px;
  border: solid 2px var(--theme-solid-color);
  width: 9px;
  height: 9px;
  border-width: 0 2px 2px 0;
  transform: rotate(-45deg) scale(0.78);
}

#body [class^="CalendarHeading"]>span:nth-child(1),
#body [class^="CalendarHeading"]>span:nth-child(2) {
  transform: rotateY(180deg);
  padding-bottom: 1px;
}

#body [class^="DateEditor"]>span {
  font-size: 15px;
  opacity: 1;
  color: #212529;
  font-weight: 500;
  margin: 0 2px;
}

#body [class^="DateEditor__Wrapper"] {
  max-height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#body [class^="CalendarHeading"]+[class^="Wrapper-sc"] {
  max-width: 100%;
  border-top: solid 1px #ececec;
  height: auto !important;
  padding-bottom: 15px;
}

#body [class^="DateView__Body-sc"],
#body [class^="DateView__Body-sc"]>span {
  height: 34px;
  line-height: 34px;
  transition: all 0.3s ease-in-out;
}

#body [class^="DateView__Body-sc"]>span {
  border-radius: 5px;
}

#body [class^="DateView__Body-sc"]>span:hover {
  background: #f2f2f2;
}

#body [class^="Wrapper-sc"]>[class^="Wrapper-sc"] {
  height: auto;
}


#body .address-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: solid 1px #e8e8e8;
  min-height: 150px;
  height: 100%;
  width: 100%;
}

#body .address-box p {
  margin: 0;
}

#body .added-address {
  min-height: 150px;
  padding: 15px 18px;
  background-color: #fff;
  border: solid 1px #e8e8e8;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

#body .added-address h3 {
  font-size: 16px;
  font-weight: 500;
  text-align: left;
}

#body .added-address p {
  margin: 0;
}

#body .add-address-click .address-box p {
  color: var(--theme-solid-color);
  font-weight: 500;
}

#body .add-address-click .address-box .add-address-icon i {
  color: var(--theme-solid-color);
  font-size: 40px;
}

#body .added-address .address-remove {
  border: 0;
  background: none;
  font-size: 14px;
  font-weight: 300;
  color: #f33;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: absolute;
  left: 125px;
  bottom: 23px;
}

#body .added-address .address-remove i {
  font-size: 18px;
  margin-right: 3px;
}

#body .address-default {
  position: static;
  margin: auto 0 0;
  max-width: 95px;
  padding-top: 15px;
}

#body .address-default .form-check {
  padding: 6px 10px;
  background: var(--theme-bg-light);
  border-radius: 5px;
  font-size: 14px;
  letter-spacing: 0.2px;
  margin: 0;
}

#body .address-default.form-radio .form-check label {
  padding-left: 24px;
  min-height: 22px;
}

#body .address-default.form-radio .form-check label:before {
  content: "";
  width: 18px;
  height: 18px;
}

#body .address-default.form-radio .form-check label:after {
  width: 8px;
  height: 8px;
  left: 5px;
  top: 7px;
}

#body .address-sec .form-radio .form-check label:after {
  background-color: #c8c8c8;
}

#body .address-sec input:checked+.added-address {
  border-color: var(--theme-solid-color);
  background-color: #F6FBFF;
}

#body .address-sec input:checked+.added-address .form-check {
  background: var(--theme-solid-color);
  color: #fff;
}

#body .address-sec input:checked+.added-address .form-check label:before {
  border-color: #fff;
  background: none;
}

#body .address-sec input:checked+.added-address .form-check label:after {
  background: #fff;
}

#body .important-note {
  border-radius: 4px;
  background: #F9F9C8;
  padding: 10px;
  font-size: 15px;
}

#body .important-note span {
  font-weight: 600;
  text-transform: capitalize;
}

#body .drx__checkout-sec {
  padding: 10px 0;
  margin: 0 5px 20px;
  border-bottom: solid 1px #e8e8e8;
}

#body .drx__checkout-sec h3 {
  margin-bottom: 0;
}

#body .drx__checkout-sec .important-note {
  margin-top: -10px;
}

#body .delivery-addr input:checked+.same-address,
#body .drx__checkout-sec .checkout-hide,
#body .form-checkbox input {
  display: none;
}

#body .drx__checkout-sec .form-checkbox {
  margin: 15px 0 10px;
}

#body .form-checkbox label {
  margin: 0;
  position: relative;
  padding-left: 30px;
  min-height: 30px;
  display: inline-block;
  cursor: pointer;
}

#body .form-checkbox label:before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: var(--theme-bg-light);
  position: absolute;
  left: 0;
  top: 2px;
  transition: all 0.3s ease-in-out;
}

#body .form-checkbox input:checked+label:before {
  background-color: var(--theme-solid-color);
}

#body .form-checkbox label:after {
  content: "";
  width: 7px;
  height: 13px;
  border: solid 1px #fff;
  border-width: 0 2px 2px 0;
  position: absolute;
  left: 6px;
  top: 4px;
  transition: all 0.3s ease-in-out;
  transform: rotate(45deg) scale(1.8);
  opacity: 0;
  visibility: hidden;
}

#body .form-checkbox input:checked+label:after {
  transform: rotate(45deg) scale(1);
  opacity: 1;
  visibility: visible;
}

#body .coupon-form {
  padding: 20px 20px 5px;
  background: #f2eee6;
  margin-bottom: 30px;
}

#body .coupon-form h4 {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}

#body .coupon-form .drx__btn {
  position: absolute;
  top: 0;
  right: 0;
}

#body .coupon-form .form-group input {
  padding-right: 155px;
  background: #fff;
}

#body .coupon-form .drx__btn {
  min-width: 140px;
}

#body .cust__card.pay-detail {
  margin-top: 0;
}

#body .no_result {
  width: 100%;
  min-height: 350px;
  background: #fff;
  /* box-shadow: 0 3px 8px rgba(0,0,0,0.1); */
  margin-top: 15px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-weight: 300;
  flex-direction: column;
  color: #212529;
}

#body .no_result:before {
  content: '\e81d';
  font-family: 'fontello';
  width: 60px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ddd;
  border-radius: 50%;
  color: #fff;
  font-size: 30px;
  margin-bottom: 10px;
  display: none;
}

#body .search-result {
  background-color: var(--theme-bg-light);
  color: #2e2f43;
  padding: 15px 0;
  font-size: 19px;
  margin: 0 0 20px;
  text-align: center;
}

#body .search-result.zero-result {
  margin: 30px 0 -15px;
}

#body .search-result strong {
  color: var(--theme-solid-color);
}

#body .modal-content {
  border-radius: 0;
  border: 0;
}

#body .text-red {
  color: #ff0000;
}

#body .thank-you {
  padding: 50px 30px 35px;
  margin-top: 12px;
}

#body .thank-you .check-icon i {
  color: #51aa1b;
  font-size: 64px;
  margin-bottom: 5px;
}

#body .thank-you .user-name {
  font-size: 1rem;
}

#body .thank-you h2 {
  margin-bottom: 10px;
}

#body .thank-you h4 {
  font-size: 21px;
  color: #212529;
  letter-spacing: 0.2px;
  margin: 0 0 20px;
}

#body .thank-you h4 strong {
  font-weight: 600;
}

#body .order-map {
  border: solid 1px #eee;
  margin-top: 35px;
  display: flex;
  flex-direction: column;
}

#body .order-map iframe {
  max-height: 260px;
}

#body .order-summary-addr {
  text-align: left;
  margin: 30px 0 20px;
  background: var(--theme-bg-light);
  border: solid 1px #00579191;
  padding: 20px;
}

#body .order-body {
  padding-right: 350px;
  position: relative;
}

#body .order-card p {
  margin: 0;
}

#body .order-card p strong {
  font-weight: 500;
}

#body .order-card h3 {
  margin-bottom: 5px;
}

#body .order-info {
  margin-top: 15px;
}

#body .order-price {
  display: flex;
  align-items: center;
}

#body .order-price strong {
  color: var(--theme-solid-color);
  font-size: calc(100% + 3px);
  font-weight: 600;
  padding-left: 5px;
}

#body .order-action {
  position: absolute;
  right: 0;
  bottom: 1px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

#body .view-btns {
  display: flex;
}

#body .view-btns .drx__btn {
  min-width: 140px;
  margin-left: 15px;
}

#body .order-history-list {
  position: relative;
  border: solid 1px rgba(var(--theme-color), 0.5);
  margin-top: 15px;
  background: var(--theme-bg-light);
}

#body .order-history-list:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: -10px;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  border-bottom: solid 10px rgba(var(--theme-color), 0.5);
}

#body .order-history-list .order-row {
  display: flex;
  padding: 15px;
  border-bottom: solid 1px rgba(var(--theme-color), 0.5);
}

#body .order-history-list .order-row:last-child {
  border-bottom: 0;
}

#body .order-history-list .col-th {
  min-width: 90px;
  width: 90px;
  height: 90px;
  background-color: #fff;
  border: solid 1px #e8e8e8;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#body .order-history-list .col-name {
  padding: 5px 15px 0;
}

#body .order-history-list .col-name p strong {
  font-weight: 600;
}

#body .order-history-list .col-price {
  padding-top: 5px;
  margin-left: auto;
  width: 300px;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

#body .order-history-list .col-price p {
  display: flex;
  align-items: center;
}

#body .order-history-list .col-price p b {
  font-size: calc(100% + 1px);
  font-weight: 600;
  padding-left: 5px;
}

#body .order-history-list .col-price p strike {
  color: #686868;
  padding-left: 5px;
}

#body .order-history-list .subtotal strong {
  padding-left: 5px;
  font-size: calc(100% + 3px);
  color: var(--theme-solid-color);
  font-weight: 600;
}

#body .drx__sitemap ul {
  margin-bottom: 20px;
}

#body .drx__sitemap ul li {
  padding-bottom: 8px;
}

#body .drx__sitemap ul li a {
  color: #212529;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
}

#body .drx__sitemap .sub-menu {
  padding-top: 5px;
}

#body .drx__sitemap .sub-menu li a {
  font-weight: 300;
  color: #424242;
}

#body .drx__sitemap ul li a:hover {
  color: var(--theme-solid-color);
}

#body .text-format h5 {
  font-size: 15px;
  color: #686868;
  margin-bottom: 15px;
}

#body .text-format p,
#body .text-format li {
  font-weight: normal;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 0.1px;
  word-break: break-word;
}

#body .text-format ol,
#body .text-format ul {
  padding-left: 12px;
}

#body .text-format ul {
  list-style-type: disc;
}

#body .text-format li {
  padding-bottom: 12px;
}

#body .text-format strong,
#body .text-format b,
#body .text-format u {
  font-weight: 600;
}

#body .shipping__desc-modal .closeButton {
  height: auto;
  top: 15px;
  right: 15px;
}

#body .shipping__desc {
  padding-bottom: 20px;
}

#body .shipping__desc .pop-svg {
  max-width: 100px;
  height: 100px;
}

#body .shipping__desc h3 {
  font-size: 19px;
  font-weight: 600;
  margin: 0 0 10px;
}

#body .icon-cancel {
  font-size: 0;
  width: 23px;
  height: 23px;
  display: inline-block;
  position: relative;
  transform: rotate(45deg);
  opacity: 0.6;
}

#body .icon-cancel:after,
#body .icon-cancel:before {
  content: "";
  width: 19px;
  height: 1px;
  background-color: #000;
  position: absolute;
  inset: 0;
  margin: auto;
}

#body .icon-cancel:before {
  width: 1px;
  height: 19px;
}

#body .drx__sitemap .dropdown_menu_wrap {
  column-count: 3;
  column-gap: 2px;
}

#body .cust__card .form-checkbox label:before {
  background-color: rgba(var(--theme-color), 0.09);
}

#body .shipping-info {
  margin-bottom: -20px;
}

#body .contact-page {
  margin-top: -20px;
}

#body .contact-item {
  padding: 25px;
  background: var(--theme-bg-light);
  height: 100%;
  border-radius: 10px;
  text-align: center;
}

#body .contact-item h3 {
  text-align: center;
  font-size: 17px;
}

#body .contact-item p {
  margin: 0;
}

#body .subscription-modal .modal-dialog {
  height: 100%;
  margin: 0 auto;
  padding: 0 30px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#body .subscription-modal .modal-body {
  padding: 0;
}

#body .subscription-modal .top-bar-popup h5 {
  margin: -30px -25px 30px;
  background-color: var(--theme-solid-color);
  padding: 15px 45px 15px 25px;
  font-size: 21px;
  color: #fff;
  font-weight: normal;
  text-align: left;
}

#body .subscription-modal .foo__subscription {
  padding: 30px 25px;
  margin: 0;
  max-width: 100%;
}

#body .subscription-modal .foo__subscription .input-group {
  width: 100%;
}

#body .subscription-modal .closeButton {
  width: 40px;
  height: 40px;
  top: 5px;
}

#body .subscription-modal .icon-cancel:after,
#body .subscription-modal .icon-cancel:before {
  background: #fff;
}

#body .subscription-modal .input-group .form-control {
  background: var(--theme-bg-light);
}

#body .form-group input[type="password"],
#body .form-group input[name="password"] {
  padding-right: 45px;
}

#body .transaction-error {
  position: static;
}


#body .static-pages h5 {
  font-weight: 500;
  font-size: 20px;
  line-height: 123%;
  margin: 0 0 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px #eaeaea;
}

#body .cat-icon {
  width: 86px;
  height: 86px;
  background: rgba(var(--theme-color), 0.1);
  border-radius: 100px;
  margin: 0 auto 15px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 64px;
}

#body .cat-icon i {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -1px;
  color: var(--theme-solid-color);
}

#body .cat-icon i.icon-disabled {
  font-size: calc(100% + 8px);
}

#body .category-card h3 {
  font-weight: 500;
  font-size: 17px;
  line-height: 123%;
  text-align: center;
  margin: 0;
  color: #212529;
}

#body .about-content h5 {
  font-weight: 500;
  font-size: 21px;
  line-height: 150%;
  color: var(--theme-solid-color);
  margin: -10px 0 10px;
}

#body .about-head {
  padding: 50px 100px;
  background: var(--theme-bg-light);
  border: 2px solid rgba(var(--theme-color), 0.15);
}

#body .about-head-text {
  padding: 15px 0 15px 30px;
}

#body .about-thumb {
  max-width: 300px;
  margin: auto;
  width: 300px;
  text-align: center;
}

#body .about-thumb img {
  max-width: 280px;
  filter: drop-shadow(20px -20px 0 rgba(0, 0, 0, 0.07));
}


#body .about-feature-item {
  min-height: 425px;
  position: relative;
  padding: 50px 0 50px 385px;
  border-bottom: solid 1px #BBC9D4;
  display: flex;
  align-items: center;
  max-width: 1100px;
  margin: auto;
}

#body .about-feature-th {
  position: absolute;
  left: 0;
  top: 50px;
  width: 325px;
  height: 325px;
  padding: 25px;
  border-radius: 50%;
  background: var(--theme-bg-light);
  display: flex;
  align-items: center;
  justify-content: center;
}

#body .about-feature-item.right {
  padding: 50px 385px 50px 0;
}

#body .about-feature-item.right .about-feature-th {
  left: auto;
  right: 0;
}

#body .about-feature-item h5 {
  margin: 0 0 15px;
  padding-left: 15px;
  border-left: solid 2px rgba(var(--theme-color), 0.7);
}

#body .about-contact {
  padding: 60px 120px;
}

#body .about-contact p {
  margin: 0;
}

#body .contact-card {
  margin-bottom: 40px;
}

#body .about-feature-item:nth-child(2) .about-feature-th {
  padding-top: 60px;
}


#body .our-order h3 {
  padding: 0 0 0 80px;
  font-weight: 600;
  font-size: 28px;
  line-height: 123%;
}

#body .order-process {
  position: relative;
}

#body .order-process-graph {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

.process-dot {
  position: absolute;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
}

.process-dot:before,
.process-dot:after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  background: #000;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.process-dot:before {
  width: 24px;
  height: 24px;
  opacity: 0.1;
}

#body .process-dot.dot1 {
  left: 17%;
  top: 26%;
}

#body .process-dot.dot2 {
  left: 20%;
  top: 89%;
}

#body .process-dot.dot3 {
  left: 49%;
  top: 69%;
}

#body .process-dot.dot4 {
  left: 65%;
  top: 14%;
}

#body .process-dot.dot5 {
  left: 83.5%;
  top: 58%;
}

#body .process-card {
  position: absolute;
  bottom: 48px;
  width: 310px;
  height: 100px;
  background: #000;
  border-radius: 10px;
  padding: 10px 10px 10px 105px;
  display: flex;
  align-items: center;
}

#body .process-card:after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #000;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -10px;
  transform: rotate(45deg);
}

#body .process-icon {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 10px;
  top: 10px;
  background: #fff;
  border-radius: 6px;
  font-size: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#body .process-card p {
  font-weight: 500;
  font-size: 19px;
  line-height: 120%;
  color: #fff;
  margin: 0;
}

#body .process-blue.process-dot:before,
#body .process-blue.process-dot:after,
#body .process-blue .process-card,
#body .process-blue .process-card:after {
  background-color: #005791;
}

#body .process-blue .process-icon {
  color: #005791;
}

#body .process-yellow.process-dot:before,
#body .process-yellow.process-dot:after,
#body .process-yellow .process-card,
#body .process-yellow .process-card:after {
  background-color: #FF9900;
}

#body .process-yellow .process-icon {
  color: #FF9900;
}

#body .process-skyblue.process-dot:before,
#body .process-skyblue.process-dot:after,
#body .process-skyblue .process-card,
#body .process-skyblue .process-card:after {
  background-color: #1DA1F2;
}

#body .process-skyblue .process-icon {
  color: #1DA1F2;
}

#body .process-red.process-dot:before,
#body .process-red.process-dot:after,
#body .process-red .process-card,
#body .process-red .process-card:after {
  background-color: #DC3737;
}

#body .process-red .process-icon {
  color: #DC3737;
}

#body .process-green.process-dot:before,
#body .process-green.process-dot:after,
#body .process-green .process-card,
#body .process-green .process-card:after {
  background-color: #46C553;
}

#body .process-green .process-icon {
  color: #46C553;
}



#body .process-tabs {
  position: relative;
  min-height: 620px;
  background: url('../images/banner-bg.png') no-repeat 0 0;
}

#body .process-body {
  padding: 25px 0;
  background: rgba(var(--theme-color), 0.8);
}

#body .process-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 60%;
  background-color: var(--theme-solid-color);
}

#body .process-tab {
  width: 40%;
}

#body .process-tab a {
  height: 73px;
  padding-left: 80px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  opacity: 0.5;
  display: flex;
  align-items: center;
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease-in-out;
}

#body .process-item:last-child .process-tab a {
  border-bottom: 0;
}

#body .process-tab.active a {
  font-size: 21px;
  opacity: 1;
}

#body .process-tab a i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-left: 2px;
}

#body .process-tab.active a i {
  margin-left: 8px;
}

#body .process-content {
  padding: 100px;
  display: flex;
  flex-direction: column;
  align-content: center;
}

#body .process-content h3 {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  margin: 0 0 20px;
  text-align: left;
}

#body .process-content p {
  font-weight: 400;
  font-size: 17px;
  line-height: 200%;
  color: #fff;
}

#body .our-order {
  padding: 60px 0;
}

#body .process-content {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

#body .process-content.active {
  opacity: 1;
  visibility: visible;
}


.oxygen-banner {
  height: 670px;
  background: url('../images/banner-bg.png') no-repeat 0 0;
  position: relative;
  padding: 80px 0;
}

.oxygen-banner:before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--theme-solid-color);
  opacity: 0.7;
  z-index: 1;
}

.oxygen-banner .container {
  position: relative;
  z-index: 2;
}

#body .oxygen .banner-info {
  max-width: 700px;
}

#body .oxygen .banner-info h2 {
  font-size: 34px;
  line-height: 150%;
  color: #fff;
  padding-right: 120px;
}

#body .oxygen .banner-info h2 span {
  display: inline-block;
  position: relative;
}

#body .oxygen .banner-info h2 span:after {
  content: "";
  position: absolute;
  height: 2px;
  background-color: #fff;
  bottom: 6px;
  left: 0;
  right: 0;
}

#body .oxygen .banner-info p {
  font-size: 18px;
  line-height: 170%;
  font-weight: normal;
  color: #fff;
  margin: 0;
}

#body .oxygen .banner-img {
  text-align: center;
  padding-top: 50px;
}

#body .oxygen .drx__breadcrumb {
  margin: 0 0 25px;
}

#body .oxygen .drx__breadcrumb ul li a {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

#body .oxygen .drx__breadcrumb ul li a:after {
  border-color: #fff;
  width: 8px;
  height: 8px;
  top: 3px;
  right: 1px;
}

#body .overview-sec {
  margin-bottom: -100px;
}

#body .overview-content {
  padding-bottom: 80px;
}

#body .overview-item {
  min-height: 400px;
}

#body .overview-tabs {
  margin-left: 50px;
  height: 100%;
  padding-top: 90px;
  border-left: solid 1px #C6D8EA;
}

#body .overview-tabs ul {
  position: sticky;
  top: 180px;
  margin-left: -45px;
  margin-bottom: 80px;
}

#body .overview-tabs ul li {
  padding: 8px 0;
}

#body .overview-tabs ul li a {
  font-weight: 500;
  font-size: 19px;
  line-height: 140%;
  color: #212529;
  display: flex;
  position: relative;
  padding: 7px 0 7px 70px;
  opacity: 0.4;
  transition: all 0.3s ease-in-out;
}

#body .overview-tabs ul li a:before {
  content: "";
  width: 3px;
  position: absolute;
  left: 43px;
  top: 0;
  bottom: 0;
  background-color: var(--theme-solid-color);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  display: none;
}

#body .active-dir {
  position: absolute;
  width: 3px;
  height: 40px;
  background-color: var(--theme-solid-color);
  left: 43px;
  top: 234px;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}

#body .overview-tabs ul li:first-child:not(.active)~.active-dir {
  opacity: 0;
}

#body .overview-tabs ul li:nth-child(1).active~.active-dir {
  top: 8px;
  opacity: 1;
}

#body .overview-tabs ul li:nth-child(2).active~.active-dir {
  top: 65px;
  opacity: 1;
}

#body .overview-tabs ul li:nth-child(3).active~.active-dir {
  top: 121px;
  opacity: 1;
}

#body .overview-tabs ul li:nth-child(4).active~.active-dir {
  top: 178px;
  opacity: 1;
}

#body .overview-tabs ul li:nth-child(5).active~.active-dir {
  top: 234px;
  opacity: 1;
}

#body .overview-tabs ul li:nth-child(6).active~.active-dir {
  top: 291px;
  opacity: 1;
}

#body .overview-tabs ul li:nth-child(7).active~.active-dir {
  top: 347px;
  opacity: 1;
}

#body .overview-tabs ul li:nth-child(8).active~.active-dir {
  top: 404px;
  opacity: 1;
}

#body .overview-tabs ul li:nth-child(9).active~.active-dir {
  top: 460px;
  opacity: 1;
}

#body .overview-tabs ul li.active a {
  opacity: 1;
  color: var(--theme-solid-color);
}

#body .overview-tabs ul li.active a:before {
  opacity: 1;
  visibility: visible;
}

#body .overview-tabs ul li a span {
  position: absolute;
  left: 0;
  width: 25px;
  text-align: center;
}

#body .overview-tabs ul li:first-child a span {
  letter-spacing: 2px;
}

#body .overview-sec .col-4 {
  flex: 0 0 440px;
  max-width: 440px;
}

#body .overview-sec .col-8 {
  max-width: calc(100% - 440px);
}

#body .overview-text {
  padding: 90px 0 10px;
}

#body .scroll-pos {
  transform: translateY(-90px);
}

#body .overview-item h2 {
  font-weight: 500;
  font-size: 32px;
  line-height: 150%;
  color: var(--theme-solid-color);
  margin: 0 0 25px;
  max-width: 750px;
}

#body .overview-item h4 {
  font-weight: 500;
  font-size: 19px;
  line-height: 150%;
  margin: 0 0 25px;
}

#body .overview-item p {
  margin: 0 0 30px;
  font-weight: normal;
  line-height: 160%;
}

#body .overview-item p strong {
  font-weight: 600;
}

#body .overview-item ul {
  display: inline-block;
  width: 100%;
}

#body .overview-item ul li {
  font-weight: normal;
  line-height: 160%;
  padding-bottom: 3px;
  padding-left: 35px;
  position: relative;
}

#body .overview-item ul li span {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  text-align: right;
}

#body .overview-item ul ul {
  padding: 8px 0 3px 20px;
}

#body .blue-text {
  color: var(--theme-solid-color);
}

#body .overview-item-img {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--theme-solid-color);
}

#body .overview-item-img.small {
  max-width: 420px;
  min-height: 385px;
}

#body .overview-item-img.graph {
  background: #fff;
  display: inline-flex;
}

#body .poc-slider-sec {
  position: relative;
  margin-top: -60px;
}

#body .poc-slider {
  width: calc(100% + (100vw - 1440px)/2 + 6px);
  overflow: hidden;
  padding: 65px 0;
  margin-bottom: -65px;
}

#body .poc-slider .slick-slider {
  width: calc(100% - (100vw - 1366px)/2 + 6px);
  position: static;
}

#body .poc-slider .slick-list {
  overflow: visible;
}

#body .poc-slider .slick-slider .slick-arrow {
  position: absolute;
  width: 38px;
  height: 38px;
  border: solid 2px #212529;
  border-radius: 50%;
  box-sizing: border-box;
  box-shadow: none;
  top: 0;
  left: auto;
  right: 0;
  margin: auto;
  transform: none;
}

#body .poc-slider .slick-slider .slick-arrow.slick-disabled {
  opacity: 0.2;
}

#body .poc-slider .slick-slider .slick-arrow:before {
  opacity: 1;
}

#body .poc-slider .slick-slider .slick-arrow.slick-prev {
  right: 58px;
}

#body .poc-slider .slick-slide {
  padding-right: 35px;
  opacity: 0.5;
}

#body .poc-slider .slick-slide.slick-active {
  opacity: 1;
}

#body .poc-slider .slick-slide:last-child {
  padding-right: 0;
}

#body .poc-slider .wh-box {
  min-height: 250px;
}

#body .poc-slider .wh-box h3 {
  display: inline-block;
  min-width: 36px;
  border-bottom: solid 2px var(--theme-solid-color);
  font-weight: 500;
  font-size: 24px;
  line-height: normal;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

#body .poc-slider .wh-box p {
  margin: 0;
}

.oxygen-banner {
  height: auto;
  min-height: 590px;
  display: flex;
  flex-direction: column;
}

.oxygen-banner .container {
  margin: auto;
}

.niv__products {
  display: flex;
  gap: 23px;
}

#body .niv__products .overview-item-img.small {
  min-height: 250px;
  position: relative;
  margin: 0;
}

#body .niv__products {
  margin-top: -10px;
  margin-bottom: 50px;
}

#body .niv__products .overview-item-img label {
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  font-size: 15px;
  text-align: center;
  padding: 5px;
  letter-spacing: 0.2px;
  color: #888;
}

#body .patient-refer {
  background: var(--theme-bg-light);
  padding: 30px 25px;
  border-radius: 15px;
  position: relative;
  margin-top: 50px;
}

#body .patient-refer .drx__btn {
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#body .patient-refer .helf-sec {
  margin: 0;
  background: #fff;
}

#body .patient-refer .helf-sec p {
  padding: 2px 0 0 5px;
  margin-bottom: -5px;
}






























/*Hemant new CSS*/
.prod__landing-banner {
  min-height: 600px;
  padding: 90px 0;
  background: #EAEFF5;
  position: relative;
  z-index: 0;
}

.landing__banner-img {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}

.landing__banner-img img {
  max-width: unset;
  height: 100%;
}

.prod__landing-banner .container {
  position: relative;
  z-index: 2;
}

.landing__banner-info {
  max-width: 535px;
  margin-top: -30px;
}

.landing__banner-info h1 {
  font-size: 34px;
  font-weight: 600;
  line-height: 140%;
  margin: 0 0 20px;
}

.prod__landing p {
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.2px;
}

.landing__banner-info p {
  font-size: 18px;
  line-height: 170%;
  letter-spacing: 0.1px;
}

.qualify__box-form p,
.you-may-like p {
  font-size: 14px;
}

.prod__landing-price {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.prod__landing-price .prod__price {
  color: var(--theme-solid-color);
  font-size: 48px;
  font-weight: 600;
  line-height: 123%;
  margin: 0 25px 0 0;
}

.prod__landing-detail {
  padding-top: 70px;
  margin-bottom: -50px;
}

.landing__box {
  padding: 25px 30px 15px;
  background: var(--theme-bg-light);
  min-height: 160px;
  margin-bottom: 50px;
}

.landing__box h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 170%;
  margin: 0 0 10px;
  text-align: left;
}

.qualify__box {
  background: #FFF;
  margin-top: -620px;
  margin-bottom: 50px;
  box-shadow: 0px 8px 35px 0px rgba(0, 0, 0, 0.04);
}

.qualify__box h3 {
  color: #FFF;
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  line-height: 150%;
  background: var(--theme-solid-color);
  margin: 0;
  padding: 8px 20px;
  letter-spacing: 0.2px;
}

.prod__landing-detail .col-md-4 {
  padding-left: 0;
}

.prod__landing-detail .col-md-8 {
  padding-right: 70px;
}

.qualify__box-form {
  padding: 30px 40px;
}

#body .qualify__box-form .form-group {
  margin-bottom: 25px;
}

#body .form-group.form-btn {
  margin-bottom: 0;
}

#body .qualify__box-form .form-btn {
  text-align: center;
}

#body .qualify__box-form .form-checkbox label {
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0.2px;
}

.landing__feature-img {
  max-width: 330px;
}

.feature-img {
  width: 300px;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  margin-top: 5px;
  padding: 25px;
}

.feature-img img {
  max-height: 100%;
}

.landing__feature-info {
  padding-top: 5px;
  padding-bottom: 15px;
}

.prod__model-info {
  margin-top: 20px;
  margin-bottom: -15px;
}

.prod__model-info span {
  display: inline-block;
  padding: 10px 22px;
  background: #fff;
  border-radius: 23px;
  margin-right: 20px;
  margin-bottom: 15px;
}

.prod__model-info span strong {
  color: var(--theme-solid-color);
}

.features-list li,
#root .landing__feature-info .drx__list li {
  min-height: 24px;
  padding-left: 32px;
  position: relative;
  margin-bottom: 15px;
  font-weight: normal;
}

.features-list li:last-child,
#root .landing__feature-info .drx__list li:last-child {
  margin-bottom: 0;
}

.features-list li:before,
#root .landing__feature-info .drx__list li:before {
  content: "";
  width: 24px;
  height: 24px;
  background: var(--theme-solid-color);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}

.features-list li:after,
#root .landing__feature-info .drx__list li:after {
  content: "";
  width: 8px;
  height: 14px;
  border: solid 1px #fff;
  border-width: 0 2px 2px 0;
  position: absolute;
  left: 8px;
  top: 4px;
  -webkit-transform: rotate(45deg) scale(0.85);
  -moz-transform: rotate(45deg) scale(0.85);
  -ms-transform: rotate(45deg) scale(0.85);
  -o-transform: rotate(45deg) scale(0.85);
  transform: rotate(45deg) scale(0.85);
}

.features-list li ul li:after,
#root .landing__feature-info .drx__list li ul li:after {
  display: none;
}

.features-list li ul li:before,
#root .landing__feature-info .drx__list li ul li:before {
  top: 11px;
  left: 17px;
  width: 4px;
  height: 4px;
  background: #2E2F43;
}

.features-list li ul {
  padding-top: 7px;
}

.features-list li ul li {
  min-height: auto;
  margin-bottom: 3px;
}

.feature__shipping {
  display: flex;
  flex-wrap: wrap;
  margin-top: 35px;
  padding-top: 28px;
  margin-bottom: -20px;
  border-top: solid 1px #C7D6E4;
}

.feature__shipping .feature__item {
  margin-bottom: 20px;
  max-width: 33.33%;
  flex: 0 0 33.33%;
  padding-left: 60px;
  padding-right: 15px;
  min-height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  line-height: 1.3;
}

.feature__shipping .feature__icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--theme-solid-color);
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px;
}

.landing__spec {
  background: #fff;
  padding: 10px 25px;
}

.landing__spec ul li {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: solid 1px #e8e8e8;
}

.landing__spec ul li:last-child {
  border: 0;
}

.landing__spec ul li label,
.landing__spec ul li p {
  margin: 0;
  font-size: 16px;
  text-align: right;
}

.landing__spec ul li p {
  font-weight: 600;
  color: var(--theme-solid-color);
  line-height: 155%;
}

.prod__landing h6 {
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 15px;
}

.you-may-like p {
  color: #4D4D55;
}

.you-may-like p:last-child {
  margin-bottom: 0;
}

.libre__landing .landing__banner-info {
  max-width: 100%;
  position: relative;
  padding-right: 390px;
}

.libre__landing .landing__banner-info .libre-img {
  position: absolute;
  right: 20px;
  top: 0;
  pointer-events: none;
}

.prod__landing-banner.loader-bg {
  background: #fafafa;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.prod__landing-banner.loader-bg .landing__banner-info {
  padding-top: 20px;
}

.landing__banner-info.no-landing-image {
  min-width: 100%;
}

/*Hemant new CSS*/









.footer {
  padding-top: 64px;
  margin-top: 100px;
}

.foo__logo {
  max-width: 170px;
  margin-bottom: 20px;
}
.foo__logo img{
  height: auto;
}

.foo__item h5 {
  font-size: 18px;
  margin-bottom: 15px;
}

.foo__item p,
.foo__item ul li a {
  color: #2E2F43;
}

.foo__item ul li {
  padding-bottom: 10px;
}

.foo__subscription>div {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.foo__subscription .input-group {
  width: 435px;
  max-width: 100%;
}

.foo__subscription .input-group .form-control {
  height: 50px;
  padding: 13px 18px;
  font-size: 16px;
  font-weight: 300;
  border: 0;
  border-radius: 0;
}

.foo__subscription .input-group .btn {
  background: var(--theme-solid-color);
  font-size: 16px;
  font-weight: 300;
  border: 0;
  opacity: 1;
  padding: 13px 18px;
  height: 50px;
  min-width: 160px;
  border-radius: 0;
}

.foo__subscription .input-group .btn:active {
  background: var(--theme-solid-color);
}

.foo__subscription .newletter-msg {
  position: absolute;
  left: 0;
  top: 100%;
}

.foo__subscription .newletter-msg .error {
  font-size: 14px;
  color: #ff0000;
}

.newletter-msg .sucess {
  font-size: 14px;
  color: green;
}

.foo__call a {
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.01em;
  color: #2E2F43;
  display: flex;
  align-items: center;
}

.foo__call i {
  font-size: 22px;
  margin-right: 6px;
}


.foo__copyright {
  margin-top: 40px;
  padding: 20px 0 35px;
  border-top: solid 1px rgba(var(--theme-color), 0.15);
}

.foo__copyright p {
  margin: 0;
}

.foo__copyright ul {
  margin-left: 25px;
}

.foo__copyright ul li {
  padding: 0 25px;
  position: relative;
}

.foo__copyright ul li:before {
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #2E2F43;
  opacity: 0.3;
}

.foo__copyright ul li a {
  text-decoration: underline;
}

.foo__followus ul li {
  display: inline-block;
  padding-right: 10px;
}

.foo__followus ul li a {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-self: center;
  color: #fff;
  font-size: 15px;

}

.foo__followus ul li a i {
  margin: auto;
  color: #fff;
}

.fb-link {
  background: #3B5998;
}

.tw-link {
  background: #1DA1F2;
}

.ig-link {
  background: #517FA6;
}










.skeletone-anim {
  background-color: #EDEDED;
  background: linear-gradient(100deg, #EDEDED 40%, #f8f8f8 50%, #EDEDED 60%);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s loading ease-in-out infinite;
  border-radius: 10px;
}

@keyframes loading {
  to {
    background-position-x: -20%;
  }
}

.skeletone-prod-img {
  padding: 40%;
}

.skeletone-square {
  height: 100px;
  width: calc(25% - 15px);
}

.anim-w-25 {
  max-width: 25%;
}

.anim-w-50 {
  max-width: 50%;
}

.anim-w-75 {
  max-width: 75%;
}

.skeletone-btn {
  height: 54px;
  width: 300px;
  border-radius: 0;
}

.skeletone-para {
  height: 20px;
}

#body .skeletone-listing {
  width: 100%;
  margin-top: 0;
}

#body .skeletone-listing .skeletone-anim {
  height: 350px;
  margin-bottom: 20px;
  width: 100%;
}

#body .skeletone-cat {
  height: 233px;
  border-radius: 0;
  margin-top: 0;
}

#body .skeletone-listing>.skeletone-anim {
  background: #fbfbfb;
  border: solid 1px #e8e8e8;
  border-radius: 0;
  display: flex;
}

#body .skeletone-listing>.skeletone-anim>.skeletone-anim:first-child {
  max-width: 310px;
  margin: 20px 0 0 20px;
  height: 310px;
}

#body .skeletone-listing>.skeletone-anim>div:last-child {
  padding: 20px;
  flex: 1;
  max-width: calc(100% - 310px);
  height: auto
}

#body .skeletone-listing>.skeletone-anim>div:last-child>.skeletone-anim {
  height: 15px;
  max-width: 10%;
}

#body .skeletone-listing>.skeletone-anim>div:last-child>.skeletone-anim:nth-child(2) {
  height: 30px;
  max-width: 60%;
}

#body .skeletone-listing>.skeletone-anim>div:last-child>.skeletone-anim:nth-child(3) {
  max-width: 100%;
}

#body .skeletone-listing>.skeletone-anim>div:last-child>.skeletone-anim:nth-child(4) {
  max-width: 80%;
}

#body .skeletone-listing>.skeletone-anim>div:last-child>div:last-child>.skeletone-anim {
  height: 20px;
  width: 40%;
}

#body .skeletone-listing>.skeletone-anim>div:last-child>div:last-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
}



#body .qualify__box-form .form-msg {
  text-align: center;
  padding-top: 10px;
  margin-bottom: -15px;
}

#body .landing__spec p {
  margin: 0;
}

#body .landing__spec tr td {
  border-bottom: solid 1px #e8e8e8;
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
  padding: 12px 0;
}

#body .landing__spec tr td:nth-child(2) {
  font-weight: 600;
  color: var(--theme-solid-color);
  line-height: 155%;
  text-align: right;
}

#body .landing__spec tr:last-child td {
  border-bottom: 0;
}
#root .noTopLinks .offer-text{
  text-align: center;
  width: 100%;
  max-width: 100%;
}


#body .drx_benefits .benefits_item h5,
#body .drx_hiw .drx_hiw-item h5 {
  font-size: 16px;
  margin: 0 0 7px;
  font-weight: 600;
}

#body .drx_benefits .benefits_item p,
#body .drx_hiw .drx_hiw-item p {
  font-size: 15px;
  font-weight: 300;
}

#body .drx_hiw {
  margin: 0 -30px -50px;
  display: flex;
  flex-wrap: wrap;
}

#body .drx_hiw .drx_hiw-item {
  flex: 0 0 40%;
  max-width: 40%;
  padding: 0 30px;
  margin-bottom: 30px;
}

#body .drx_hiw .drx_hiw-item:nth-child(2n+2) {
  flex: 0 0 50%;
  max-width: 50%;
}

#body .drx_hiw .drx_hiw-item .num {
  width: 30px;
  height: 30px;
  background: #005791;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 31px;
}

#body .drx_hiw .drx_hiw-item h5 {
  margin: 15px 0 5px;
}

#body .drx_hiw .drx_hiw-item p {
  max-width: 80%;
}

#body .drx__btn.drx__link {
  padding: 0;
  height: auto;
  min-width: auto;
  background: none;
  font-weight: 500;
  line-height: normal;
  text-decoration: underline;
  color: var(--theme-solid-color);
}
#body .drx__btn.drx__link:after{
  display: none;
}
#body .vivaleft{
  max-width: 350px;
}
#body .testi__box{
  padding: 0;
  position: relative;
}
#body .texti-info{
  position: absolute;
  padding: 35px 40px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  inset: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#045a94+0,045a94+100&0+0,1+100 */
  background: linear-gradient(to bottom,  rgba(4,90,148,0) 0%,rgba(4,90,148,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#body .texti-info:before{
  content: "";
  position: absolute;
  inset: 0;
  background: #045A94;
  opacity: 0.6;
  z-index: 1;
}
#body .texti-info > *{
  position: relative;
  z-index: 2;
}
#body .texti-info h2{
  letter-spacing: 0.3px;
  font-weight: 600;
  line-height: 1.5;
  font-size: 27px;
  color: #fff;
  margin: 20px 0 0;
  max-width: 580px;
}
#body .texti-info .quote{
  max-width: 66px;
}
#body .landing__bg-banner{
  position: absolute;
  inset: 0;
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
#body .landing__bg-banner img{
  max-width: inherit;
}
#body .landing__bg-banner:after{
  content: "";
  position: absolute;
  inset: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9eff5+0,e9eff5+30,e9eff5+50,e9eff5+70,e9eff5+100&1+0,1+30,0+50,1+70,1+100 */
  background: linear-gradient(to right, rgba(233,239,245,1) 33%,rgba(233,239,245,0) 50%,rgba(233,239,245,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#body .rehab__landing .landing__banner-info{
  max-width: 480px;
}

#body .followus__note{
  margin: -17px 0 10px;
}
#body .followus__note p{
  font-size: 12px;
  margin: 0;
  color: #585858;
}

#body .thankyou-popup .modal-header{
  border: 0;
  padding: 0;
}
#body .thankyou-popup .modal-body{
  text-align: center;
  padding: 30px;
}
#body .thankyou-popup .modal-body h2{
  font-size: 26px;
  margin: 0 0 10px;
}
#body .thankyou-popup .modal-dialog{
  max-width: 550px;
}
#body .drx__btn-ok{
  text-transform: uppercase;
  min-width: 80px !important;
  margin-top: 10px;
}
#body .tick-icon{
  width: 48px;
  height: 48px;
  margin: 0 auto 10px;
  border-radius: 50%;
  background: #15bb15;
  position: relative;
}
#body .tick-icon i{
  position: absolute;
  inset: 0;
  bottom: 5px;
  margin: auto;
  width: 10px;
  height: 18px;
  border: solid 1px #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(1.2);
}
#body .nav-col{
  min-height: 36px;
}



#body .help-banner{
    padding: 100px 0;
    background: var(--theme-bg-light);
}
#body .help-banner .banner-info h1{
    font-size: 42px;
    font-weight: 600;
    margin: 0 0 15px;
}
#body .help-banner .banner-info p{
    max-width: 570px;
}
#body .banner-tabs{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 35px;
}
#body .banner-tabs li a{
    font-size: 16px;
    font-weight: 400;
    background: #fff;
    padding: 14px 20px 14px 20px;
    display: inline-flex;
    color: #212529;
    position: relative;
}
#body .banner-tabs li a:before{
    content: "";
    width: 20px;
    height: 20px;
    /* border: solid 2px #D0D3D9; */
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: 16px;
}
#body .help-banner .banner-img{
    position: absolute;
    top: -75px;
    left: 0;
    right: 0;
    margin: auto;
    width: 460px;
    padding: 15px;
    border: solid 1px #CBD7E1;
    border-radius: 250px;
}
#body .equipment{
    padding: 100px 0 85px;
}
#body .equipment .h2{
    margin-bottom: 20px;
}
#root .equip-list{
    margin-top: 35px;
    margin-left: -10px;
    margin-right: -10px;
}
#root .equip-list > div{
    padding-left: 10px;
    padding-right: 10px;
}
#root .equip-list .pro-box{
    display: block;
    height: 100%;
}
#root .pro-box .cat-product-name{
    font-weight: 600;
    color: #2E2F43;
    text-align: center;
    margin-bottom: 0;
}

#root .pickup-sec{
    background: #f8f8f8;
    padding: 95px 0;
}
#root .pickup-sec .h2{
    text-align: center;
}
#root .pickup-sec .call_us{
    font-size: calc(100% - 14px);
    font-weight: 300;
}
#root .pickup-form{
    width: 780px;
    max-width: 100%;
    padding: 60px;
    margin: 20px auto 0;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}
#root .pickup-form .form-group{
    margin-bottom: 30px;
}
#root .pickup-form form .row{
    margin-left: -10px;
    margin-right: -10px;
}
#root .pickup-form form .row > div{
    padding-left: 10px;
    padding-right: 10px;
}
#root .pickup-form .form-group.form-btn{
    margin-bottom: 0;
    display: flex;
    justify-content: center;
}
#root .pickup-form .form-group.form-btn .drx__btn{
    min-width: 142px;
}
#root .status-sec,
#root .equip-content{
    padding: 90px 0 100px;
    margin-bottom: -100px;
}
#root .status-sec .h2,
#root .status-sec .h2 + p{
    text-align: center;
    margin-bottom: 20px;
}
#root .status-sec .h2 + p{
    max-width: 900px;
    margin: 0 auto;
    color: #686868;
}
#root .status{
    padding: 0 80px;
}
#root .status .category-card{
    padding: 0 40px;
    border-radius: 0;
    background: none;
    text-align: left;
    margin-top: 50px;
}
#root .status .category-card h3{
    font-size: 21px;
    font-weight: 600;
    margin: 0 0 12px;
    text-align: left;
}
#root .status .category-card p{
    line-height: 1.6;
}
#root .status .category-card .cat-icon{
    margin-left: 0;
}
#root .status .category-card .icon-delivery{
    font-size: 44px;
}
#body .help-center .banner-info{
    padding-right: 50px;
    max-width: 100%;
}
#root .help-center .banner-info h2{
    padding-right: 0;
}
#root .help-center .banner-info p{
    font-weight: 300;
}
.help-center .oxygen-banner{
    min-height: 470px;
}
#root .drx_acc{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
#root .drx_acc .szh-accordion__item-btn{
    font-size: 18px;
    font-weight: 600;
    background: none;
    color: #005791;
    width: 100%;
    display: block;
    border: 0;
    text-align: left;
    cursor: pointer;
    padding: 24px 24px 24px 64px;
    position: relative;
}
#root .drx_acc .szh-accordion__item--status-exited .szh-accordion__item-btn{
    color: #2E2F43;
}
#root .drx_acc .szh-accordion__item-btn:before{
    content: "";
    width: 13px;
    height: 13px;
    border: solid 2px #2E2F43;
    border-width: 2px 2px 0 0;
    position: absolute;
    left: 30px;
    top: 30px;
    transform: rotate(-45deg);
}
#root .drx_acc .szh-accordion__item--status-exited .szh-accordion__item-btn:before{
    transform: rotate(135deg);
    top: 25px;
}
#root .drx_acc .szh-accordion__item{
    background: #fff;
    border: solid 1px #E8E8E8;
}
#root .drx_acc .szh-accordion__item-panel{
    padding: 30px;
    border-top: solid 1px #e8e8e8;
}

#root .drx_acc .szh-accordion__item-panel p,
#root .drx_acc .szh-accordion__item-panel ul{
    line-height: 1.6;
    margin-bottom: 13px;
}
#root .drx_acc .szh-accordion__item-panel ul li{
    padding-bottom: 5px;
}
#root .drx_acc .szh-accordion__item-panel ul li:last-child{
    padding-bottom: 0;
}
#root .drx_acc .szh-accordion__item-panel strong{
    font-weight: 500;
}
#root .drx_acc .list{
    padding-left: 40px;
}
#root .drx_acc .list .list{
    padding-top: 10px;
}
#root .drx_acc .list.num{
    list-style-type: decimal;
}
#root .drx_acc .list.car{
    list-style-type: lower-alpha;
}
#root .drx_acc .list.disc{
    list-style-type: disc;
}

#root .call-btn{
    background: #FF9900;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    height: 52px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0 18px 0 8px;
    border-radius: 27px;
    margin-top: 10px;
}
#root .call-btn i{
    width: 37px;
    height: 37px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    padding: 7px;
}
#root .call-btn i img{
    width: 100%;
}

#root .something-box{
    background: #fff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
    padding: 50px;
}
#root .something-box h2{
    font-size: 22px;
    font-weight: 600;
    padding: 20px 0 10px;
    margin: 0;
}
#root .something-box > h2:first-child{
    padding-top: 0;
}

.fw-b-500{
    font-weight: 500 !important;
}

.eqp-warning-text{
    font-size: 21px;
    font-weight: 600;
}

.fab {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #1ad03f;
  color: white;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease;
  z-index: 1000;
}

.fab:hover {
  background-color: #1ad03f;
}

.fab:focus {
  outline: none;
}


#body .prod__rating .drx__btn-border {
  min-width: auto;
  height: 36px;
  font-size: 14px;
  padding: 0 15px;
}
#body .blog-detail-info .blog-cat-name,
#body .blog-info .blog-cat-name{
  margin: 15px 0 -10px;
  text-transform: uppercase;
  font-weight: 500;
}
#body .blog-detail-info .blog-cat-name{
  margin: 0;
  font-size: 16px;
  color: #6c757d;
}
#body .foo__followus > ul{
  display: flex;
}
#body .blog-detail-date{
  display: flex;
  gap: 10px;
}




@media screen and (max-width: 1399px) {
  .container {
    max-width: 100%;
    padding: 0 30px;
  }

  #root .drx__navigation li a {
    padding: 10px 15px;
  }

  #root .drx__search {
    margin-right: 0;
    height: 40px;
    transform: translateX(20px);
  }

  #root .drx__search .react-autosuggest__container {
    position: absolute;
    right: 0;
    background: #fff;
  }

  #root .drx__search input {
    width: 0;
    padding-right: 0;
    transition: all 0.3s ease-in-out;
  }

  #root .drx__search:hover input,
  #root .drx__search input:focus {
    width: 300px;
  }

  #body .process-tab a {
    padding-left: 40px;
  }

  #body .overview-sec {
    margin-bottom: -70px;
  }

  #body .scroll-pos {
    transform: translateY(-50px);
  }

  #body .overview-tabs ul {
    top: 130px;
    margin-bottom: 70px;
  }

  #body .overview-content {
    padding-bottom: 70px;
  }

  #body .overview-tabs {
    padding-top: 80px;
  }


  #body .poc-slider {
    width: calc(100% + 30px);
  }

  #body .poc-slider .slick-slider {
    width: calc(100% - 30px);
  }

  #body .poc-slider .slick-slide {
    padding-right: 25px;
  }

  #body .poc-slider .wh-box {
    padding: 25px;
    min-height: 230px;
  }

  #body .overview-item p {
    letter-spacing: 0;
    font-size: 15px;
  }

  #body .poc-slider .wh-box h3 {
    font-size: 21px;
    min-width: 32px;
  }




  /*Hemant new CSS*/
  .prod__landing-banner {
    padding: 70px 0;
  }

  .landing__banner-info {
    max-width: 460px;
  }

  .landing__feature-img {
    max-width: 280px;
  }

  .feature-img {
    width: 250px;
    height: 250px;
  }

  .prod__landing-detail .col-md-8 {
    padding-right: 40px;
  }

  .qualify__box {
    margin-bottom: 40px;
  }

  .qualify__box-form {
    padding: 25px 30px 30px;
  }

  .landing__box {
    margin-bottom: 40px;
  }

  .prod__landing-detail {
    margin-bottom: -40px;
  }

  #root .pro-box .cat-price-home{
    font-size: 14px;
    letter-spacing: 0;
  }
  #root .pro-box .cat-price-home strong{
    font-size: 15px;
  }

  /*Hemant new CSS*/





  .footer {
    margin-top: 70px;
  }
  #body .nav-col{
    min-height: 41px;
  }



  #root .status{
    padding: 0;
  }
  #root .status .category-card{
    padding: 0 35px;
  }
  #root .status-sec,
  #root .equip-content{
    margin-bottom: -70px;
  }

}

@media(max-width: 1299px) {
  #body .about-head {
    padding: 50px 30px;
  }
  #body .landing__bg-banner:after{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9eff5+0,e9eff5+30,e9eff5+50,e9eff5+70,e9eff5+100&1+0,1+30,0+50,1+70,1+100 */
    background: linear-gradient(to right, rgba(233,239,245,1) 28%,rgba(233,239,245,0) 50%,rgba(233,239,245,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
}














@media screen and (max-width: 1199px) {
  .landingPage .service-boxes h3 {
    padding-top: 40px;
  }

  /* .table_alg{
        margin-left: auto;
    margin-right: auto;
    } */
  .landingPage .top-header>h1 {
    height: 450px;
    padding: 3.5em 1em;
    font-size: 60px;
  }

  .landingPage .main-par {
    font-size: 17px;
  }

  .landingPage .check img {
    margin-top: 20px;
  }


  /*CSS by Hemant*/

  .drx__slider-info h1 {
    font-size: 34px;
  }

  .drx__slider-info p {
    font-size: 16px;
  }

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

  .container {
    padding: 0 20px;
  }

  .drx__home-slider .slick-list,
  .drx_slider-control {
    max-width: 800px;
  }

  .drx__slider-info {
    padding: 40px;
  }

  .drx__slider-box {
    min-height: 328px;
  }

  .drx__home-slider {
    height: 410px;
    padding-top: 30px;
  }

  #root .drx__menu>div:nth-child(2) {
    order: 2;
    flex: 0 0 100%;
    position: relative;
    top: 8px;
  }

  .drx_slider-control .slide-btn {
    font-size: 16px;
    padding: 15px;
  }

  #root .drx__navigation {
    width: calc(100% + 40px);
    margin-left: -20px;
    background: #f5f5f5;
    padding: 0 5px;
    border-top: solid 1px #e8e8e8;
  }

  #root .drx__search input {
    width: 300px;
  }

  .drx__home-slider .slick-arrow {
    background: #212529;
    border: 0;
  }

  .home-cats {
    margin-top: 50px;
  }

  .show-more {
    max-width: 500px;
    margin: auto;
  }

  #menu-sticky .main {
    padding-top: 136px;
  }

  #root .pro__list-thumb {
    width: 280px;
    max-width: 280px;
    max-height: 320px;
  }

  #root .pro-body {
    padding-left: 300px;
    min-height: 415px;
  }

  #root .prod__list-bottom {
    margin-left: -300px;
  }

  .reliable__support .drx__item {
    padding-right: 0;
  }

  .prod__similar {
    max-width: 90%;
  }

  #root .prod__slider .react-slider__ul li {
    height: 70px;
  }

  .prod-detail .prod__title,
  .h1 {
    font-size: 34px;
  }

  .prod-detail .prod__price {
    font-size: 40px;
  }

  .prod__customize {
    padding: 50px 0;
  }

  .prod__detail-head {
    padding-bottom: 10px;
  }

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

  .iframe-container iframe {
    position: static;
  }

  #body .patient .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  #body .patient .row>div {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
  }

  #body .cat-icon {
    transform: scale(0.8);
    margin-top: -5%;
    margin-bottom: 5px;
  }

  #body .about-head {
    padding: 50px 80px;
  }

  #body .about-feature-th {
    width: 250px;
    height: 250px;
  }

  #body .about-feature-item {
    min-height: 350px;
    padding-left: 285px;
  }

  #body .about-feature-item.right {
    padding-right: 285px;
  }

  #body .about-features {
    padding-top: 0;
    padding-bottom: 0;
  }

  #body .about-contact {
    padding: 60px;
  }

  #body .our-order h3 {
    padding: 0 0 0 30px;
  }

  #body .our-order {
    padding: 30px 0;
  }

  #body .process-card {
    padding: 10px 10px 10px 90px;
    width: 250px;
    height: 90px;
  }

  #body .process-card p {
    font-size: 17px;
  }

  #body .process-icon {
    width: 70px;
    height: 70px;
    font-size: 48px;
  }

  #body .process-dot.dot3 {
    left: 48.5%;
  }

  #body .process-dot.dot5 {
    left: 83.2%;
  }


  #body .process-tab a {
    padding-left: 30px;
  }

  #body .process-content {
    padding: 70px;
  }

  #body .process-tab.active a {
    font-size: 18px;
  }

  #body .process-tab a i,
  #body .process-tab.active a i {
    margin-left: 5px;
  }

  #body .poc-slider {
    width: calc(100% + 20px);
  }

  #body .poc-slider .slick-slider {
    width: calc(100% - 20px);
  }

  #body .overview-sec .col-4 {
    max-width: 350px;
  }

  #body .overview-sec .col-8 {
    max-width: calc(100% - 350px);
  }

  #body .overview-sec {
    margin-bottom: -60px;
  }

  #body .overview-content {
    padding-bottom: 60px;
  }

  #body .overview-item h2 {
    font-size: 26px;
  }

  #body .overview-item h4 {
    font-size: 17px;
  }

  #body .overview-tabs ul li a {
    font-size: 17px;
    padding: 7px 0 7px 60px;
  }

  #body .overview-tabs {
    padding-top: 55px;
    margin-left: 40px;
  }

  #body .overview-tabs ul {
    top: 185px;
  }

  #body .overview-text {
    padding: 70px 0 10px;
  }

  #body .scroll-pos {
    transform: translateY(-120px);
  }

  #body .active-dir {
    height: 38px;
  }

  #body .overview-tabs ul li:nth-child(2).active~.active-dir {
    top: 62px;
  }

  #body .overview-tabs ul li:nth-child(3).active~.active-dir {
    top: 116px;
  }

  #body .overview-tabs ul li:nth-child(4).active~.active-dir {
    top: 169px;
  }

  #body .overview-tabs ul li:nth-child(5).active~.active-dir,
  #body .active-dir {
    top: 223px;
  }

  #body .overview-tabs ul li:nth-child(6).active~.active-dir {
    top: 277px;
  }

  #body .overview-tabs ul li:nth-child(7).active~.active-dir {
    top: 331px;
  }

  #body .overview-tabs ul li:nth-child(8).active~.active-dir {
    top: 385px;
  }

  #body .overview-tabs ul li:nth-child(9).active~.active-dir {
    top: 439px;
  }

  #body .oxygen .banner-info {
    max-width: 650px;
  }

  #body .oxygen .banner-info h2 {
    padding-right: 70px;
  }

  #body .oxygen .banner-info p {
    font-size: 16px;
  }

  #body .niv__products .overview-item-img.small {
    min-height: 150px;
  }

  #body .patient-refer .helf-sec {
    max-width: 340px;
  }






  .footer {
    margin-top: 60px;
  }

  .foo__copyright {
    padding: 20px 0;
  }





















  /*Hemant new CSS*/
  #body .feature__shipping .feature__item {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .libre__landing .landing__banner-info .libre-img {
    right: 30px;
  }

  .libre__landing .landing__banner-info .libre-img img {
    max-width: 300px;
  }

  .libre__landing .landing__banner-info {
    padding-right: 300px;
  }

  /*Hemant new CSS*/


  .prod_qualify__box{
    top: 185px;
  }


  .home__cats > .row > div{
    flex: 0 0 20%;
    max-width: 20%;
  }

  #root .attr-items .attr-item > div{
    padding-top: 30px;
    margin-top: 25px;
  }



  #body .help-banner .banner-info h1{
    font-size: 34px;
  }
  #body .help-banner .banner-img{
    width: 400px;
    top: -30px;
  }
  #body .help-banner{
    padding: 60px 0 80px;
  }
  #body .equipment{
    padding: 60px 0;
  }
  #root .pickup-sec,
  #root .status-sec,
  #root .equip-content{
    padding: 70px 0 85px;
  }
  #root .status-sec,
  #root .equip-content {
    margin-bottom: -60px;
  }
  #root .status .category-card{
    padding: 0 15px;
  }




}


@media screen and (max-width: 1099px) {
  #body .overview-item .row>div {
    flex: 0 0 100%;
    max-width: 100%;
  }

  #body .overview-item-img {
    max-width: 400px;
    margin-top: 30px;
    height: auto;
  }

  #body .poc-slider .wh-box {
    min-height: 275px;
  }














  /*Hemant new CSS*/
  .prod__landing-detail .col-md-8,
  .prod__landing-detail .col-md-4 {
    padding-right: 15px;
    padding-left: 15px;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .prod__landing-detail .col-md-4 {
    display: flex;
    justify-content: space-between;
  }

  .prod__landing-detail .col-md-4 .qualify__box {
    margin-top: 0;
    max-width: calc(50% - 15px);
  }

  .prod__landing-detail .col-md-4 .landing__box {
    max-width: calc(50% - 15px);
    width: calc(50% - 15px);
  }

  .landing__banner-img img {
    -webkit-transform: translateX(30%);
    -moz-transform: translateX(30%);
    -ms-transform: translateX(30%);
    -o-transform: translateX(30%);
    transform: translateX(30%);
  }

  .landing__banner-info {
    max-width: 100%;
  }

  .prod__landing-banner .col-md-5 {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .landing__banner-img {
    justify-content: flex-end;
  }

  .libre__landing .prod__landing-banner .col-md-8 {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .libre__landing .landing__banner-info {
    padding-right: 50%;
  }

  .libre__landing .landing__banner-info .libre-img {
    width: 50%;
    right: 0;
    display: flex;
    justify-content: center;
  }

  .libre__landing .landing__banner-info .libre-img img {
    max-width: unset;
  }

  /*Hemant new CSS*/

  .prod_qualify__box{
    position: static;
  }
  .prod_qualify__box .col-md-4{
    margin-left: 0;
    padding-left: 15px;
    display: flex;
    justify-content: space-between;
    min-width: 100%;
  }
  .prod_qualify__box .qualify__box{
    margin-top: 40px;
    max-width: calc(50% - 15px);
  }


  #body .landing__bg-banner:after{
    background: linear-gradient(to right, rgb(233, 239, 245) 28%,rgba(233,239,245,0.7) 45%,rgba(233,239,245,0) 80%);
  }
  #body .landing__bg-banner img{
    position: relative;
    left: 15%;
  }
  #body .rehab__landing .landing__banner-info{
    max-width: 450px;
    min-width: auto;
  }





}


@media screen and (max-width: 991px) {
  .landingPage .card {
    margin-bottom: 50px;
    padding: 10px;
    /* height: 400px; */
  }

  .landingPage .heading2_overlay {
    height: auto;
  }

  .landingPage .heading2 {
    height: auto;
  }



  /*CSS by Hemant*/

  body,
  .prod__rating .review-text,
  #root .drx__list li,
  #body .form-group>label,
  #body .important-note,
  #body .search-result,
  #body .no_result,
  #body .process-content p,
  .review-text {
    font-size: 14px;
  }

  .review-text {
    line-height: 23px;
  }

  #body .text-format h5 {
    font-size: 13px;
  }

  .foo__subscription .newletter-msg .error {
    font-size: 12px;
  }

  #body .drx__btn .icon-basket,
  .prod__tabs .RRT__tab,
  .prod__tabs .RRT__panel h4 {
    font-size: 15px;
  }

  #body .contact-card h2 {
    font-size: 17px;
  }

  #body .drx__btn,
  #body .cat-price,
  #body .prod-detail .cart-btn,
  #body .react-confirm-alert-button-group>button,
  #root .prod__slider .content .btn-wrap .drx__btn {
    font-size: 14px;
    min-width: 200px;
    height: 44px;
    padding: 0 15px;
    line-height: 44px;
  }

  #body .drx__btn.drx__btn-medium {
    min-width: 130px;
    font-size: 15px;
  }

  #body .react-confirm-alert-button-group>button {
    min-width: 100px;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
  }

  #body .drx__btn-medium {
    min-width: 170px;
  }

  #body .drx__btn-small {
    height: 36px;
    line-height: 36px;
    min-width: 110px;
  }

  .wh-box {
    padding: 25px;
  }

  header .top .top-bar p {
    flex-direction: column;
  }

  #root .top-right-links a:first-child {
    margin-left: 0;
  }

  #menu-sticky .main {
    padding-top: 138px;
  }

  .prod-detail .prod__rating .review-text {
    line-height: 1.3;
  }


  .drx__home-slider {
    padding-top: 20px;
    height: 340px;
    margin-bottom: 0;
  }

  .drx__home-slider .slick-list {
    max-width: calc(100% - 40px);
  }

  .drx__slider-info {
    padding: 30px;
  }

  .drx__home-slider .slick-arrow {
    left: 5px;
  }

  .drx__home-slider .slick-arrow.slick-next {
    left: auto;
    right: 5px;
  }

  .drx__slider-info h1 {
    font-size: 30px;
  }

  .drx__slider-box {
    height: 300px;
    min-height: unset;
  }

  .drx__slider-img a img {
    max-height: 100%;
  }

  #root .offer-text,
  #body .process-content h3 {
    display: none;
  }

  #root .pro__list-info .product-name-cat {
    font-size: 28px;
  }

  .prod-detail .prod__price {
    font-size: 34px;
  }

  #root .prod__list-bottom {
    padding-top: 10px;
    margin-bottom: -10px;
    margin-left: -260px;
  }

  #root .prod__list-bottom>div:first-child {
    display: flex;
    flex-direction: column;
  }

  #root .pro__list-info.prod-detail .prod__rating {
    position: static;
    margin-top: 5px;
    margin-left: -3px;
    order: 2;
  }

  #root .pro__list-info .prod__price {
    order: 1;
    margin-top: 10px;
  }

  #root .pro__list-info.prod-detail .prod__rating .react-simple-star-rating {
    right: 0;
    left: -10%;
  }

  #root .pro__list-info.prod-detail .prod__rating .review-text {
    left: -10%;
    position: relative;
  }

  #root .pro-body {
    padding-left: 260px;
    min-height: 380px;
  }

  #root .pro__list-thumb {
    width: 240px;
    max-width: 240px;
    max-height: 280px;
  }


  .prod__detail-head,
  .prod__detail-head .prod__slider>div {
    padding: 0;
  }

  .reliable__support {
    padding: 50px 0 40px;
  }

  .prod__customize,
  .reliable__support {
    width: 100%;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .prod__similar {
    max-width: calc(100% - 60px);
  }

  .prod__customize .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .prod__customize .row>div {
    padding: 0 10px;
  }

  .prod__cust-item h3 {
    font-size: 19px;
  }

  .prod__option-label {
    padding-left: 15px;
  }


  #body .RRT__accordion .RRT__panel {
    margin-top: -56px;
    padding: 60px 20px 5px;
    border: solid 1px #eaeaea;
    border-radius: 22px;
    margin-left: -1px;
    margin-right: -1px;
  }

  #root .drx__list li:before {
    width: 6px;
    height: 14px;
    left: 6px;
  }

  #root .drx__list li.drx__na:before,
  #root .drx__list li.drx__na:after {
    height: 15px;
    left: 8px;
  }


  .drx__item .drx__icon i {
    font-size: 50%;
    opacity: 1;
  }

  .drx__item .drx__icon .icon-delivery {
    top: 0;
  }

  .reliable__support .row>div:nth-child(2) .drx__item .drx__icon i,
  .reliable__support .row>div:nth-child(3) .drx__item .drx__icon i {
    font-size: 65%;
    margin-top: -10px;
  }

  .reliable__support .drx__item {
    margin-bottom: 50px;
  }

  .reliable__support .row>div:last-child .drx__item {
    margin-bottom: 0;
  }

  #body .helf-sec {
    margin-top: 20px;
    height: 60px;
    max-width: 320px;
    padding: 15px 10px 15px 80px;
  }

  #body .helf-sec>i {
    width: 70px;
    height: 70px;
    font-size: 38px;
  }

  #body .help-info p {
    margin: 2px 0 -3px;
    font-size: 12px;
  }

  #body .help-info a {
    font-size: 20px;
  }

  #body .mt-40 {
    margin-top: 25px;
  }

  #body .my-account .prod__tabs .RRT__panel {
    padding: 70px 20px 30px;
  }

  #body .form-radio .form-check label {
    padding-left: 24px;
    min-height: 23px;
  }

  #body .form-radio .form-check label:before {
    width: 18px;
    height: 18px;
  }

  #body .form-radio .form-check label:after {
    width: 10px;
    height: 10px;
    left: 4px;
    top: 6px;
  }

  #body .pay-detail.drx__card {
    margin-bottom: 40px;
  }

  #body .thank-you {
    margin-bottom: 30px;
    margin-top: 0;
  }


  #body .order-body {
    padding-right: 300px;
  }

  #body .drx__sitemap .dropdown_menu_wrap {
    column-count: 2;
  }

  #body .text-format p,
  #body .text-format li {
    font-size: 13px;
    line-height: 22px;
  }

  #body .shipping-info {
    margin-bottom: 0;
  }

  #body .subscription-modal .top-bar-popup h5 {
    font-size: 16px;
    margin: -20px -20px 30px;
  }

  #body .subscription-modal .foo__subscription {
    padding: 20px 20px 30px;
  }

  #body .about-head {
    padding: 20px 30px;
  }

  #body .about-content h5 {
    font-size: 18px;
    margin: 0 0 10px;
  }

  #body .about-feature-item {
    padding-left: 33.33%;
  }

  #body .about-feature-item.right {
    padding-right: 33.33%;
  }

  #body .about-feature-text {
    padding-left: 45px;
  }

  #body .about-feature-item.right .about-feature-text {
    padding-left: 0;
    padding-right: 45px;
  }

  #body .about-thumb img {
    max-width: 240px;
    min-width: 220px;
  }

  #body .our-order {
    text-align: center;
  }

  #body .order-process {
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    margin-top: 130px;
  }

  #body .order-process-graph {
    max-height: 730px;
    align-items: flex-start;
    margin-top: 0;
  }

  #body .order-process-graph img {
    max-width: unset;
    max-height: 1150px;
  }

  #body .process-dot.dot1 {
    left: 13%;
    top: 0;
  }

  #body .process-dot.dot2 {
    left: 77%;
    top: 10%;
  }

  #body .process-dot.dot3 {
    left: 80%;
    top: 41%;
  }

  #body .process-dot.dot4 {
    left: 30%;
    top: 61%;
  }

  #body .process-dot.dot5 {
    left: 45%;
    top: 98%;
  }

  #body .process-tabs {
    background: none;
  }

  #body .process-tab {
    width: 100%;
  }

  #body .process-body {
    padding: 0;
    background: rgb(4, 110, 181);
  }

  #body .process-content {
    position: static;
    width: 100%;
    padding: 0;
    border-bottom: solid 1px rgba(255, 255, 255, 0.3);
    opacity: 1;
    visibility: visible;
    display: none;
  }

  #body .process-content.active {
    display: block;
  }

  #body .process-content p {
    padding: 30px;
    margin: 0;
  }

  #body .process-tab a {
    position: relative;
    opacity: 1;
    height: 64px;
    padding: 0 60px 0 30px;
  }

  #body .process-tab a i {
    font-size: 0;
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    margin: auto;
    transition: all 0.3s ease-in-out;
  }

  #body .process-tab a i:before,
  #body .process-tab a i:after {
    content: "";
    width: 16px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    inset: 0;
    margin: auto;
  }

  #body .process-tab a i:after {
    width: 2px;
    height: 16px;
  }

  #body .process-tab.active a i {
    transform: rotate(45deg);
  }


  .oxygen-banner {
    padding: 50px 0;
    min-height: 400px;
  }

  #body .oxygen .banner-info {
    max-width: 100%;
    min-width: 120%;
  }

  #body .oxygen .banner-info h2 {
    font-size: 24px;
    padding-right: 0;
  }

  #body .overview-item p,
  #body .oxygen .banner-info p,
  #body .oxygen .drx__breadcrumb ul li a {
    font-size: 14px;
    font-weight: 300;
  }

  #body .oxygen .drx__breadcrumb {
    margin: 0 0 15px;
  }

  #body .oxygen .banner-img {
    padding-top: 20px;
    left: 20px;
    position: relative;
  }

  #body .oxygen .banner-img img {
    width: 400px;
  }

  #body .overview-item h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
  }

  #body .overview-item h4 {
    font-size: 16px;
  }

  #body .overview-item-img.graph {
    margin: 0;
  }

  #body .overview-tabs {
    margin-left: 30px;
  }

  #body .overview-tabs ul {
    margin-left: -35px;
  }

  #body .overview-tabs ul li a {
    font-size: 15px;
    padding: 7px 0 7px 48px;
  }

  #body .overview-tabs ul li {
    padding: 5px 0;
  }

  #body .active-dir {
    left: 33px;
    height: 35px;
  }

  #body .overview-tabs ul li:nth-child(1).active~.active-dir {
    top: 5px;
  }

  #body .overview-tabs ul li:nth-child(2).active~.active-dir {
    top: 50px;
  }

  #body .overview-tabs ul li:nth-child(3).active~.active-dir {
    top: 95px;
  }

  #body .overview-tabs ul li:nth-child(4).active~.active-dir {
    top: 140px;
  }

  #body .overview-tabs ul li:nth-child(5).active~.active-dir,
  #body .active-dir {
    top: 185px;
  }

  #body .overview-tabs ul li:nth-child(6).active~.active-dir {
    top: 230px;
  }

  #body .overview-tabs ul li:nth-child(7).active~.active-dir {
    top: 275px;
  }

  #body .overview-tabs ul li:nth-child(8).active~.active-dir {
    top: 320px;
  }

  #body .overview-tabs ul li:nth-child(9).active~.active-dir {
    top: 365px;
  }

  #body .overview-sec .col-4 {
    max-width: 290px;
  }

  #body .overview-sec .col-8 {
    max-width: calc(100% - 290px);
  }

  #body .poc-slider .wh-box {
    min-height: 200px;
  }

  #body .poc-slider .slick-slider .slick-arrow {
    width: 32px;
    height: 32px;
    border-width: 1px;
  }

  #body .poc-slider .slick-slider .slick-arrow:before {
    font-size: 14px;
  }

  #body .poc-slider .slick-slider .slick-arrow.slick-prev {
    right: 40px;
  }

  #body .poc-slider {
    padding: 45px 0;
    margin-bottom: -45px;
  }

  #body .poc-slider-sec {
    margin-top: -30px;
  }

  #body .overview-item {
    min-height: 380px;
  }

  #body .overview-sec {
    margin-bottom: -40px;
  }

  #body .overview-item ul li {
    padding-left: 30px;
  }

  #body .overview-item ul ul {
    padding: 8px 0 3px 0;
  }

  #body .skeletone-listing>.skeletone-anim>.skeletone-anim:first-child {
    max-width: 240px;
  }

  #body .skeletone-listing>.skeletone-anim>div:last-child {
    max-width: calc(100% - 240px);
  }

  #body .non-invasive .banner-img {
    padding: 20px;
  }

  #body .patient-refer {
    text-align: center;
  }

  #body .patient-refer .drx__btn {
    position: static;
    margin: 20px auto -10px;
  }

  #body .patient-refer .helf-sec {
    margin: auto;
    text-align: left;
  }





  .footer {
    margin-top: 40px;
    padding-top: 50px;
  }

  .foo__item-mob {
    display: flex;
    align-items: flex-start;
    margin-top: 40px;
  }

  .foo__item-mob .foo__followus {
    max-width: 33.33%;
    flex: 0 0 33.33%;
    margin-left: auto;
    padding-left: 20px;
  }

  .foo__logo {
    max-width: 140px;
    margin-bottom: 10px;
  }

  .foo__subscription {
    max-width: 380px;
  }

  .foo__subscription .input-group .form-control {
    height: 40px;
    padding: 10px 15px;
    font-size: 14px;
  }

  .foo__subscription .input-group .btn {
    padding: 8px 15px;
    height: 40px;
    min-width: 130px;
    font-size: 14px;
  }



  /*For top right links hide*/
  /* #root header .top .top-bar{
    display: none;
  }
  #menu-sticky .main {
    padding-top: 98px;
  } */










  /*Hemant new CSS*/
  .prod__landing-banner .col-md-5 {
    max-width: 70%;
    flex: 0 0 70%;
  }

  .landing__banner-img img {
    -webkit-transform: translateX(35%);
    -moz-transform: translateX(35%);
    -ms-transform: translateX(35%);
    -o-transform: translateX(35%);
    transform: translateX(35%);
  }

  .landing__box,
  .qualify__box-form {
    padding: 20px 25px 25px;
  }

  .prod__landing-banner {
    padding: 50px 0;
  }

  .landing__banner-info {
    margin-top: 0;
  }

  .landing__banner-info {
    min-width: 100%;
  }

  #body .noTopLinks .top .top-bar{
    display: none;
  }
  #body .noTopLinks + .drx__home-slider{
    margin-top: -40px;
  }

  /*Hemant new CSS*/

  .home__cats > .row > div{
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  #root .customize-sec{
    padding: 0 20px;
  }
  #root .attr-items{
    margin-left: -15px;
    margin-right: -15px;
  }
  #root .attr-items .attr-item{
    padding-left: 15px;
    padding-right: 15px;
  }


  #root .customize-sec .cust__total .drx__btn,
    #root .customize-sec .cust__total .add-btn,
    #root .customize-sec .cust__total .prod__detail-qty {
    position: relative;
    order: 2;
  }
  #root .customize-sec .cust__total .cust__info{
    margin: 0 0 20px;
    text-align: left;
  }
  #root .attr-items .form-cheknew .form-check-label{
    padding: 15px 40px 15px 15px;
  }

  header .top .top-bar.py-2{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }



  #root .qualify__box{
    position: fixed;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    margin: 0;
    transform: translateY(-65px);
    transition: all 0.3s ease-in;
    max-width: 100%;
    z-index: 9999999999;
    display: flex;
    flex-direction: column;
    box-shadow: -5px 0 12px rgba(0,0,0,0.15);
  }
  #root .qualify__box.open{
    transform: translateY(-100%);
  }
  #root .qualify__box h3{
    width: auto;
    display: inline-flex;
    align-self: center;
    margin: auto;
    margin-top: 10px;
    width: calc(100% - 20px);
    max-width: 480px;
    text-align: center;
    justify-content: center;
    background: #FF9900;
    color: #2E2F43;
    height: 48px;
    cursor: pointer;
  }
  #root .qualify__box.open h3{
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    background: #005791;
    color: #fff;
  }
  #root .qualify__box .form-group.form-btn{
    display: flex;
    justify-content: center;
    gap: 20px;
  }
  #root .drx__btn-gray{
    background: #c1c1c1;
    min-width: 90px;
  }
  #root .mob-ovrlay{
    display: block;
    position: fixed;
    inset: 0;
    background: #000;
    z-index: 9999999999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in;
    cursor: pointer;
  }
  #root .mob-ovrlay.open{
    opacity: 0.5;
    visibility: visible;
  }


  #root .something-box{
    padding: 30px;
  }
  #root .something-box h2,
  #root .status .category-card h3{
    font-size: 18px;
  }
  #root .drx_acc{
    gap: 20px;
  }
  #root .drx_acc .szh-accordion__item-btn{
    font-size: 16px;
    padding: 18px 18px 18px 50px;
  }
  #root .drx_acc .szh-accordion__item-btn:before{
    left: 20px;
    top: 25px;
  }
  #root .drx_acc .szh-accordion__item--status-exited .szh-accordion__item-btn:before{
    top: 20px;
  }
  #root .drx_acc .szh-accordion__item-panel{
    padding: 20px;
  }
  #body .help-banner .banner-info h1{
    font-size: 24px;
  }

  #body .banner-tabs li a{
    font-size: 14px;
    padding: 12px 15px 10px 40px;
  }
  #body .banner-tabs li a:before{
    width: 18px;
    height: 18px;
    left: 15px;
    top: 13px;
  }
  #body .help-banner .banner-img{
    width: 100%;
    top: -30px;
    padding: 10px;
    left: -10px;
  }

  #root .status .row{
    justify-content: center;
  }
  #root .status-sec,
  #root .equip-content{
    margin-bottom: -40px;
  }


}

@media screen and (max-width: 767px) {
  .landingPage .top-header>h1 {
    font-size: 50px;
  }

  .landingPage .card {
    /* height: 570px; */
  }



  /*CSS by Hemant*/
  #root .drx__navigation {
    background-color: #2e2f43;
    position: fixed;
    left: -280px;
    right: 0;
    top: 0;
    width: 240px;
    height: 100vh;
    z-index: 99;
    transition: all 0.3s ease;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    border: 0;
  }

  #root .drx__navigation.show {
    left: 0;
  }

  #root .drx__navigation li a {
    padding: 15px;
  }

  #root .drx__search .search-close {
    right: 50px;
  }

  #root .drx__search {
    transform: none;
    margin: 8px 0 0;
    width: 100%;
    max-width: 100%;
  }

  #root .drx__search .react-autosuggest__container {
    position: relative;
    width: 100%;
  }

  #root .drx__search input,
  #root .drx__search:hover input,
  #root .drx__search input:focus {
    width: 100%;
    padding-right: 75px;
  }

  #body .user-name-dropdown li>span,
  #root .pro-box .cat-product-name a,
  #body .user-name-dropdown li>a,
  #root .pro-box .cat-price-home{
    font-size: 14px;
  }

  #root .pro-box .cat-price-home strong {
    font-size: 15px;
  }

  #root header .top a.drx__brand img {
    max-width: 140px;
  }

  #root header .top .mob-bar {
    display: none;
  }

  #root header .top {
    padding: 0;
    min-height: inherit;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
  }

  #root header .top-bar .container {
    position: static;
    background: none;
    padding: 0 10px;
  }

  #root header .top>.container {
    top: 35px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08);
    padding-left: 15px;
    padding-right: 15px;
  }

  #root header {
    height: 142px;
  }

  #root header .top .top-bar p {
    flex-direction: row;
  }

  #root header .top .top-bar p u {
    white-space: nowrap;
    max-width: 120px;
    overflow: hidden;
    font-weight: 500;
  }

  #root .top-right-links {
    margin-top: 0;
  }

  #menu-sticky .main {
    padding-top: 142px;
  }

  #root .drx__dropdown>a:after {
    border-color: #fff;
  }

  #root header .top .search-bar {
    z-index: 3;
  }


  .drx__modal .drx__modal-header h4,
  #body .shipping__desc h3 {
    font-size: 16px;
  }

  .drx__modal-content {
    padding: 25px 20px;
  }


  .login-footer p,
  .forgot-link,
  #body .drx__modal .drx__btn-link,
  #root .drx__breadcrumb ul li a {
    font-size: 13px;
  }

  #root .drx__breadcrumb ul li a {
    margin-right: 10px;
  }

  #root .drx__breadcrumb ul li a:after {
    right: 4px;
  }

  #body .form-group input,
  #body .form-group select,
  #body .form-group textarea{
    font-size: 14px;
    height: 40px;
    padding: 10px 12px;
  }
  #body .form-group textarea{
    height: 80px;
  }

  .forgot-link {
    margin-top: -17px;
  }

  .mob-static-err .error-msg {
    position: static;
  }

  .error-msg {
    font-size: 12px;
  }

  .prod__cust-item h3 {
    margin-top: 30px;
  }

  .prod__battery-option {
    padding-bottom: 30px;
    margin-bottom: 10px;
    margin-top: -40px;
  }

  .prod-detail .prod__title,
  .h1 {
    font-size: 21px;
  }

  .prod-detail .prod__model,
  .prod-detail .prod__soldby,
  #body .cart__item-price span strike,
  #body .sub__total,
  #body .cart__item-content .remove-btn button,
  #body .category-card h3,
  #body .about-content h5,
  #body .contact-card h2 {
    font-size: 14px;
  }

  .prod__option-label h4,
  #body .checkout-box .cart__item-content h3,
  #body .cart__item-price span b,
  #body .sub__total strong {
    font-size: 15px;
  }

  .prod__cust-price,
  #body .cart_heading h3 {
    font-size: 17px;
  }

  #body .wh-box h3,
  #body .cart-detail h3 {
    font-size: 16px;
  }

  #body .cust__card .total-price {
    font-size: 110%;
  }

  .prod-detail .prod__price {
    font-size: 28px;
  }

  #body .checkout-box {
    padding: 15px 15px 15px 120px;
    min-height: 120px;
  }

  #body .checkout-box .cart__item-th {
    height: 90px;
    width: 90px;
  }

  #body .cart-dropdown {
    margin-top: 12px;
  }

  #body .react-confirm-alert-body {
    padding: 20px 20px 25px;
    max-width: 100%;
  }

  #body .react-confirm-alert-body>h1 {
    margin: -20px -20px 20px;
    font-size: 16px;
  }

  .prod-detail .prod__features h3 {
    font-size: 14px;
    line-height: 155%;
    margin-bottom: 10px;
  }

  #body .cust__info {
    font-size: 12px;
    max-width: 220px;
  }

  #body .cust__card .total-py {
    font-size: 15px;
  }

  #body .added-address {
    padding: 12px 13px;
  }

  #body .added-address .address-remove {
    left: 118px;
    bottom: 19px;
  }

  #body .coupon-form {
    padding: 20px 16px 1px;
  }

  #body .coupon-form .drx__btn {
    height: 40px;
    line-height: 40px;
    min-width: 90px;
  }

  #body .coupon-form .form-group input {
    padding-right: 100px;
  }

  #body [class^="Header-sc"]>span,
  #body [class^="DateView__Body-sc"]>span {
    width: 38px;
  }

  #body [class^="CalendarContainer"] {
    max-width: 280px;
    min-width: 280px;
  }

  #body .thank-you .check-icon i {
    font-size: 54px;
    margin-bottom: 10px;
    margin-top: 15px;
  }

  #body .thank-you h4 {
    font-size: 16px;
    margin: 0 0 10px;
  }

  header .top .top-icon .user-name {
    margin-right: 5px;
  }

  #body .order-history-list .order-row {
    flex-wrap: wrap;
    align-items: flex-start;
    padding-left: 105px;
    position: relative;
  }

  #body .order-history-list .col-name {
    padding: 0 15px;
  }

  #body .order-history-list .col-price {
    width: 100%;
    align-items: flex-start;
    padding: 10px 15px 0;
    min-width: 100%;
  }

  #body .order-history-list .col-th {
    position: absolute;
    left: 15px;
    top: 15px;
  }

  .prod__advantage ul {
    padding: 0 5px;
  }

  .prod__advantage ul li a {
    font-size: 14px;
    padding-left: 50px;
    position: relative;
    min-height: 40px;
    margin-bottom: 10px;
  }

  .prod__advantage ul li .option-img {
    height: auto;
    max-width: 40px;
    text-align: center;
    background: #fff;
    padding: 5px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
  }

  #body .transaction-error {
    margin-bottom: 15px;
  }

  #body .menu-overlay:after {
    display: none;
  }

  #body .menu-overlay {
    display: block;
    position: fixed;
    inset: 0;
    background: #000;
    z-index: 12;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
  }

  #body .no-scroll .menu-overlay {
    opacity: 0.5;
    visibility: visible;
  }

  .category-card {
    padding: 25px 15px 20px;
  }

  #body .static-pages h5 {
    font-size: 17px;
    padding-bottom: 7px;
  }

  #body .about-thumb {
    max-width: 250px;
    margin: 20px 0 0;
  }

  #body .about-thumb img {
    max-width: 100%;
  }

  #body .about-head-text {
    padding: 20px 0 0;
  }

  #body #root .about-feature-item {
    padding: 40px 0 30px;
    flex-wrap: wrap;
    text-align: center;
  }

  #body #root .about-feature-item .about-feature-th {
    position: static;
    margin: auto;
  }

  #body #root .about-feature-text {
    padding: 30px 0 0;
  }

  #body .about-head {
    padding: 20px;
    text-align: center;
  }

  #body .about-content h5 {
    padding: 0;
    border: 0;
  }

  #body .about-thumb {
    width: 250px;
    max-width: 100%;
    margin: 20px auto 0;
  }

  #body .about-contact {
    padding: 40px;
  }

  #body .process-card p {
    font-size: 15px;
  }

  #body .process-icon {
    width: 60px;
    height: 60px;
    font-size: 38px;
  }

  #body .process-card {
    padding: 10px 10px 10px 80px;
    width: 230px;
    height: 80px;
  }

  #body .process-dot.dot1 {
    left: 18%;
    top: 0.5%;
  }

  #body .our-order h3 {
    font-size: 19px;
    padding-left: 20px;
  }

  #body .oxygen .banner-info {
    min-width: 100%;
  }

  #body .oxygen .banner-img {
    left: 0;
  }

  .oxygen-banner {
    background-size: cover;
  }

  #body .overview-sec .col-4,
  #body .overview-sec .col-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  #body .poc-slider {
    width: calc(100% + 15px);
  }

  #body .poc-slider .slick-slider {
    width: calc(100% - 35px);
  }

  #body .poc-slider .slick-slide {
    padding-right: 15px;
  }

  #body .poc-slider .wh-box {
    min-height: 285px;
  }


  #body .overview-sec .col-4 {
    position: sticky;
    top: 142px;
    z-index: 11;
  }

  #body .scroll-pos {
    transform: translateY(-150px);
  }

  #body .overview-tabs {
    margin: 0 -20px;
    padding: 0;
    border: 0;
    overflow-x: auto;
    background: #fff;
    border-bottom: solid 1px #e6e6e6;
    scrollbar-width: none;
    padding: 5px;
  }

  #body .active-dir,
  #body .overview-tabs ul li a span,
  #body .overview-tabs::-webkit-scrollbar {
    display: none;
  }

  #body .overview-tabs ul {
    margin: 0;
    display: flex;
    white-space: nowrap;
    position: static;
    padding: 0 5px;
  }

  #body .overview-tabs ul li {
    padding: 7px 0;
  }

  #body .overview-tabs ul li a {
    font-size: 14px;
    padding: 6px 15px;
    border-radius: 20px;
  }

  #body .overview-tabs ul li.active a {
    color: #fff;
    background: var(--theme-solid-color);
  }

  #body .overview-tabs {
    margin: 0 -15px;
  }

  #body .overview-sec .col-4 {
    top: 145px;
  }

  #body .poc-slider-sec {
    margin-top: -10px;
  }

  header .top-menu ul.menu li .sub-menu-wrap {
    position: static;
    display: none;
    opacity: 1;
    visibility: visible;
  }

  header .top-menu ul.menu li:hover .sub-menu-wrap {
    display: block;
  }







  .foo__subscription {
    max-width: 340px;
    width: 100%;
  }

  .foo__copyright {
    flex-direction: column;
  }

  .foo__copyright ul {
    margin-left: 0;
    margin-top: 5px;
  }

  .foo__copyright ul li:first-child {
    padding-left: 0;
  }

  .foo__copyright ul li:first-child:before,
  #root .offer-text {
    display: none;
  }



  /*For top right links hide*/
  /* #root header .top > .container{
      top: 0;
    }
    #root header{
      height: 108px;
    }
    #menu-sticky .main{
      padding-top: 108px;
    } */














  /*Hemant new CSS*/
  .landing__feature-img {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .feature-img {
    width: 350px;
    height: 350px;
    max-width: 100%;
  }

  .landing__feature-info {
    padding-top: 15px;
  }

  .prod__landing p {
    font-size: 14px;
  }

  #root header.noTopLinks .top > .container{
    top: 0;
  }
  #body .noTopLinks + .drx__home-slider{
    margin-top: -35px;
  }
  #root header.noTopLinks{
    height: 107px;
  }

  /*Hemant new CSS*/




  .prod_qualify__box .qualify__box{
    max-width: 100%;
    flex: 0 0 100%;
    width: 100%;
  }


  #root .customize-sec .cust__total .cust__info{
    font-size: 14px;
  }
  #root .customize-sec .cust__total .total-py{
    font-size: 17px;
  }
  #root header .top-menu ul.menu li .sub-menu-wrap{
    opacity: 1;
    visibility: visible;
    display: none;
  }
  #root header .top-menu ul.menu .drx__dropdown.open .sub-menu-wrap{
    display: block;
  }
  header .top-menu ul.menu li:hover a{
    background: none;
  }
  #root header .top-menu ul.menu .drx__dropdown.open > a{
    background: var(--theme-solid-color);
  }


  #body .texti-info{
    padding: 15px 20px;
  }
  #body .texti-info h2{
    font-size: 20px;
  }
  #body .texti-info .quote{
    max-width: 44px;
  }

  #body .landing__bg-banner{
    justify-content: flex-end;
  }
  #body .landing__bg-banner img{
    left: 0;
  }

  #body .qualify__box-form p{
    font-size: 12px;
    line-height: 155%;
  }
  #body .nav-col{
    min-height: inherit;
  }


  #body .help-banner .banner-img{
    position: static;
    width: 400px;
    max-width: 100%;
    margin-top: 40px;
  }
  #root .pickup-form{
    padding: 35px;
  }
  #root .something-box{
    padding: 30px 20px;
  }
  #root .something-box h2{
    font-size: 18px;
  }
  #root .drx_acc .szh-accordion__item--status-exited .szh-accordion__item-btn:before{
    top: 18px;
  }
  #root .call-btn{
    font-size: 15px;
    height: 46px;
  }
  #root .call-btn i{
    width: 32px;
    height: 32px;
  }
  #root .drx_acc .list{
    padding-left: 25px;
  }
  #body .banner-tabs{
    gap: 10px;
  }
  #body .banner-tabs li a{
    padding: 12px 15px 10px;
  }
  #body .banner-tabs li a:before{
    display: none;
  }

}

@media screen and (max-width: 575px) {
  /* .landingPage .product {
    height: 200px;
  } */


  /*CSS by Hemant*/

  .container,
  #root header .top .container,
  #body .subscription-modal .modal-dialog {
    padding-left: 15px;
    padding-right: 15px;
  }

  .drx__home-slider .slick-list {
    max-width: calc(100% - 30px);
  }

  .wh-box {
    padding: 20px;
  }

  .h2 {
    font-size: 19px;
  }

  .drx__slider-info h1 {
    font-size: 24px;
  }

  #menu-sticky .main {
    padding-top: 130px;
  }


  #root header .top .top-bar,
  #root .top-right-links a {
    font-size: 11px;
  }

  #root .top-right-links a {
    margin-left: 20px;
  }

  #root .top-right-links a+a:before {
    left: -10px;
  }

  #root header .top .top-bar p u {
    max-width: 103px;
  }

  #root header .top a.drx__brand img {
    max-width: 110px;
  }

  #root header .top .menu-bar {
    top: -17px;
    right: 33px;
  }

  #root header .top .mobile-account {
    right: 60px;
  }

  #root header .top>.container {
    top: 32px;
  }

  #root header {
    height: 130px;
  }

  #root .pro-box {
    padding: 10px;
  }

  #root .pro-box .cat-price-home {
    margin-top: -5px;
  }

  .drx__home-slider {
    height: auto;
    padding-bottom: 20px;
  }

  .drx__slider-box {
    flex-wrap: wrap;
    height: auto;
  }

  .drx__slider-img,
  .drx__slider-info {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .drx__slider-img {
    height: 300px;
    overflow: hidden;
  }

  .drx__slider-info {
    padding: 20px;
    min-height: 220px;
  }

  .drx__slider-info p {
    font-size: 14px;
  }

  .home__cats>.row {
    margin-left: -5px;
    margin-right: -5px;
  }

  .home__cats>.row>div {
    padding: 0 5px;
  }

  .show-more {
    max-width: 280px;
    margin: 10px auto 0;
  }


  #root .prod__list .pro-box {
    padding: 15px;
  }

  #root .pro-body {
    padding-left: 0;
    margin-bottom: 0;
    flex-direction: column;
  }

  #root .pro__list-thumb {
    position: static;
    width: 100%;
    max-width: 350px;
    max-height: unset;
  }

  #root .pro__list-info .prod__model {
    font-size: 14px;
    line-height: 1.4;
  }

  #root .pro__list-info {
    padding-top: 20px;
  }

  #root .prod__list-bottom {
    margin-left: 0;
    margin-bottom: 0;
    flex-direction: column;
  }

  #root .prod__list-bottom>div {
    width: 100%;
  }

  #root .pro__list-info.prod-detail .prod__rating .review-text {
    left: 0;
    padding-left: 0;
  }

  #root .pro__list-info.prod-detail .prod__rating {
    margin-bottom: 12px;
  }

  #root .pro__list-info .drx__btn {
    max-width: unset;
    width: 100%;
  }

  .prod__slider .react-slider__picture {
    height: 300px;
  }

  #root .prod__slider .react-slider__ul li {
    height: 60px;
  }

  .prod__slider {
    margin-bottom: 0;
  }


  .reliable__support {
    padding-left: 20px;
    padding-right: 20px;
  }

  .prod__customize {
    padding: 30px 20px;
  }

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

  .prod__battery-option {
    margin-top: -20px;
  }

  #body .helf-sec {
    padding: 15px 0 15px 68px;
    margin-left: -5px;
    margin-right: -10px;
  }

  #body .helf-sec>i {
    width: 60px;
    height: 60px;
    font-size: 34px;
  }

  .shipping-info .card-body-table>div {
    flex-direction: column;
  }

  #body .sidebar-fixed {
    max-width: 100%;
    width: 100%;
  }

  #body .cart__item-price {
    flex-wrap: wrap;
    position: relative;
    padding-right: 0;
    flex-direction: column;
    margin: 0;
  }

  #body .cart__item-price span {
    padding-right: 0;
    width: 100%;
  }

  #body .cart__item-price .sub__total {
    display: flex;
    position: static;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    width: 100%;
    flex-direction: revert;
    margin-top: 10px;
  }

  #body .checkout-box .cart__item-content {
    padding-top: 2px;
  }

  #body .checkout-box .product-quantity {
    margin-top: 10px;
  }

  #body .cart__item {
    margin: 0 -5px 15px;
  }

  #body .checkout-box {
    padding: 10px 10px 10px 100px;
  }

  #body .checkout-box .cart__item-th {
    left: 10px;
    top: 10px;
    width: 80px;
    height: 80px;
  }

  #body .cart__item-content .remove-btn button {
    font-size: 0;
    top: 13px;
    right: 12px;
  }

  #body .checkout-box .cart__item-content h3 {
    padding-right: 20px;
  }

  #body .product-quantity button {
    font-size: 14px;
  }

  #body .checkout-box .product-quantity button {
    /* font-size: 12px;
    width: 22px;
    height: 22px;
    line-height: 22px; */
  }

  #body .product-quantity span {
    font-size: 14px;
    width: 34px;
    line-height: 32px;
    height: 32px;
  }

  #body .checkout-box .product-quantity span {
    font-size: 13px;
    width: 32px;
    line-height: 30px;
    height: 30px;
  }

  .prod-detail .prod__rating .react-simple-star-rating {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    left: -10%;
  }

  .prod-detail .prod__rating .review-text {
    margin-left: -10%;
  }

  .prod-detail .prod__title {
    margin-bottom: 10px;
  }

  #body .drx__card {
    padding: 15px;
  }

  #body .my-account .btn-group {
    flex-direction: column;
    width: 100%;
    padding: 0;
  }

  #body .pay-detail.drx__card {
    margin-bottom: 20px;
  }

  #body .order-summary-addr .col-sm-6:last-child {
    margin-top: 30px;
  }

  #body .thank-you {
    padding: 20px;
  }

  #body .order-action {
    position: static;
    align-items: flex-start;
    margin-top: 10px;
  }

  #body .order-history-list {
    margin-right: 0;
  }

  #body .view-btns {
    width: 100%;
    justify-content: space-between;
  }

  #body .view-btns .drx__btn {
    margin: 0;
    width: calc(50% - 5px);
  }

  #body .order-history-list .col-th {
    min-width: 70px;
    width: 70px;
    height: 70px;
  }

  #body .order-history-list .order-row {
    padding-left: 15px;
  }

  #body .order-history-list .col-th {
    position: static;
  }

  #body .order-history-list .col-name {
    max-width: calc(100% - 70px);
    padding: 0 0 0 10px;
  }

  #body .order-history-list .col-price {
    padding: 10px 0 0;
    margin-bottom: -5px;
  }

  #body .order-body {
    padding-right: 0;
  }

  .drx__home-slider .slick-arrow {
    top: 300px;
  }

  #root .prod__tabs .rating-div>.date-clr {
    right: auto;
    left: 17px;
    top: 50px;
    font-size: 13px;
  }

  #root .prod__tabs .rating-div .username-rate {
    margin-top: 35px;
  }

  #body .drx__sitemap ul+ul .dropdown_menu_wrap {
    column-count: 1;
  }

  #body .drx__sitemap .sub-menu {
    display: flex;
    flex-wrap: wrap;
  }

  #body .drx__sitemap .sub-menu li {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 10px;
    position: relative;
  }

  #body .drx__sitemap ul li .webicons {
    position: absolute;
    left: -3px;
    top: 3px;
  }

  #body .drx__sitemap ul li {
    padding-bottom: 5px;
  }

  .prod__advantage ul li {
    padding: 0 20px;
    width: 100%;
  }

  .foo__item-company {
    max-width: 310px;
  }

  #body .about-feature-th {
    width: 170px;
    height: 170px;
    padding: 15px;
  }

  #body .about-feature-item:nth-child(2) .about-feature-th {
    padding-top: 30px;
  }

  #body #root .about-feature-text {
    padding: 20px 0 0;
  }

  #body .about-contact {
    padding: 30px;
  }

  #body .about-thumb {
    width: 220px;
  }

  #body .our-order {
    padding: 20px 0 30px;
  }

  #body .order-process {
    margin-top: 65px;
  }

  #body .order-process-graph {
    max-height: 760px;
    align-items: flex-start;
    margin-top: 0;
    max-width: calc(100vw - 30px);
  }

  #body .order-process-graph img {
    max-height: 780px;
  }

  #body .process-card {
    padding: 10px 10px 10px 70px;
    width: 210px;
    height: 70px;
    bottom: 40px;
  }

  #body .process-icon {
    width: 50px;
    height: 50px;
    font-size: 32px;
  }

  #body .process-card:after {
    transform: rotate(45deg) scale(0.7);
  }


  #body .process-dot.dot1 {
    left: 34%;
    top: 3.5%;
  }

  #body .process-dot.dot2 {
    left: 61%;
    top: 23.5%;
  }

  #body .process-dot.dot3 {
    left: 31%;
    top: 47%;
  }

  #body .process-dot.dot4 {
    left: 60%;
    top: 71.7%;
  }

  #body .process-dot.dot5 {
    left: 50%;
    top: 98.4%;
  }


  #body .process-tab a {
    font-size: 15px;
    padding: 10px 40px 10px 18px;
    min-height: 54px;
    height: auto;
  }

  #body .process-tab.active a {
    font-size: 15px;
  }

  #body .process-tab a i {
    right: 8px;
  }

  #body .process-content p {
    padding: 18px;
    line-height: 170%;
    font-weight: 300;
  }

  #body .poc-slider .wh-box {
    min-height: 240px;
    padding: 20px;
  }

  #body .overview-item h2,
  #body .oxygen .banner-info h2 {
    font-size: 19px;
  }

  #body .oxygen .banner-info h2 span:after {
    bottom: 3px;
  }

  body .overview-item h4 {
    margin-bottom: 10px;
  }

  .oxygen-banner {
    padding: 30px 0;
  }

  #body .overview-item ul li {
    margin-left: -5px;
  }

  .niv__products {
    gap: 10px;
  }

  #body .niv__products .overview-item-img.small {
    min-height: 100px;
  }

  #body .niv__products .overview-item-img label {
    font-size: 12px;
    letter-spacing: 0;
    padding: 5px 0;
  }

  #body .non-invasive .overview-item:nth-child(4) p strong {
    padding-top: 8px;
    display: inline-block;
  }

  #body .overview-sec .col-4 {
    top: 130px;
  }






  .foo__item-mob {
    flex-wrap: wrap;
  }

  .foo__item-mob .foo__followus {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 30px 0 0;
  }

  .foo__item h5 {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .foo__call {
    margin-bottom: 40px;
  }

  .foo__copyright ul li {
    padding: 0 18px;
  }


  .skeletone-square {
    height: 60px;
  }

  #body .skeletone-cat {
    height: 206px;
  }

  #body .skeletone-listing>.skeletone-anim {
    flex-wrap: wrap;
    height: auto;
  }

  #body .skeletone-listing>.skeletone-anim>.skeletone-anim:first-child {
    max-width: 100%;
    margin: 20px;
    height: 200px;
  }

  #body .skeletone-listing>.skeletone-anim>div:last-child {
    width: 100%;
    max-width: 100%;
    padding: 0 20px 10px;
  }

  #body .skeletone-listing>.skeletone-anim>div:last-child>div:last-child {
    margin-top: 20px;
  }

  #body .skeletone-listing>.skeletone-anim>div:last-child>.skeletone-anim,
  #body .skeletone-listing>.skeletone-anim>div:last-child>div:last-child>.skeletone-anim {
    margin-bottom: 10px;
  }

  #body .skeletone-listing>.skeletone-anim>div:last-child>.skeletone-anim:nth-child(1) {
    max-width: 50%;
  }

  #body .skeletone-listing>.skeletone-anim>div:last-child>.skeletone-anim:nth-child(2) {
    max-width: 80%;
  }



  /*For top right links hide*/
  /* #root header .top > .container{
    top: 0;
  }
  #root header{
    height: 98px;
  }
  #menu-sticky .main{
    padding-top: 98px;
  } */














  /*Hemant new CSS*/
  .prod__landing-banner .col-md-5,
  #body .feature__shipping .feature__item {
    max-width: 100%;
    flex: 0 0 100%;
  }

  #body .feature__shipping .feature__item {
    white-space: nowrap;
  }

  .landing__banner-info h1,
  .prod__landing-price .prod__price {
    font-size: 28px;
  }

  .landing__banner-info p {
    font-size: 14px;
  }

  .prod__model-info span {
    padding: 6px 14px;
    margin-right: 10px;
  }

  .prod__model-info span:last-child {
    margin-right: 0;
  }

  .landing__box,
  .qualify__box-form {
    padding: 15px 20px 20px;
  }

  .landing__spec {
    padding: 5px 15px;
  }

  .landing__spec ul li {
    flex-direction: column;
  }

  .landing__spec ul li label {
    padding-bottom: 5px;
  }

  .landing__spec ul li label,
  .landing__spec ul li p {
    text-align: left;
    font-size: 14px;
    line-height: 150%;
  }

  .landing__spec ul li p br {
    display: none;
  }

  .prod__landing-detail .col-md-4 .qualify__box,
  .prod__landing-detail .col-md-4 .landing__box {
    max-width: 100%;
    flex: 0 0 100%;
    width: 100%;
  }

  .prod__landing-detail .col-md-4 {
    flex-wrap: wrap;
  }

  .prod__landing-detail {
    margin-bottom: -20px;
    padding-top: 40px;
  }

  .prod__landing-banner {
    padding-top: 0;
  }

  .landing__banner-img {
    position: static;
    max-height: 380px;
    margin-bottom: 30px;
    align-items: flex-start;
  }

  .feature-img {
    width: 300px;
    height: 300px;
  }

  .landing__banner-info h1 {
    margin-bottom: 10px;
  }

  .qualify__box h3 {
    font-size: 16px;
  }

  .libre__landing .landing__banner-info {
    display: flex;
    flex-direction: column;
    padding: 0;
  }

  .libre__landing .landing__banner-info>* {
    order: 1;
  }

  .libre__landing .landing__banner-info .libre-img {
    order: 0;
    position: static;
    width: 100%;
    padding: 30px 10px;
  }

  .libre__landing .landing__banner-info .libre-img img {
    max-width: 250px;
  }

  #root header.noTopLinks {
    height: 99px;
  }

  /*Hemant new CSS*/


  .prod_qualify__box .qualify__box{
    margin-top: 10px;
  }

  .home__cats > .row > div{
    flex: 0 0 50%;
    max-width: 50%;
  }
  .show-more{
    max-width: 320px;
  }
  .show-more p{
    padding: 0 20px;
  }

  #root .attr-items .attr-item{
    flex: 0 0 100%;
    max-width: 100%;
  }
  #root .attr-items label.popup,
  #root .attr-items .form-cheknew .form-check-label{
    font-size: 15px;
  }
  #root .attr-items .form-cheknew .form-check-label .attr-value{
    font-size: 16px;
  }
  #root .customize-sec{
    padding: 0 5px;
    margin-top: 10px;
  }
  #root .attr-items .attr-item > div:before{
    display: none;
  }
  #root .attr-items .attr-item > div,
  #root .attr-items .attr-item:nth-child(2) > div{
    padding-top: 0;
    margin-top: 20px;
  }
  #root .attr-items .attr-item:nth-child(1) > div{
    margin-top: 0;
  }
  #root .customize-sec .cust__total{
    margin-top: 10px;
    padding: 20px 15px;
  }

  #body .vivaleft{
    max-width: 250px;
  }


  #body .testi__box{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  #body .testi__box img{
    max-width: inherit;
    max-height: 250px;
  }
  #body .testi__box h2{
    margin-top: 10px;
  }

  #body .landing__bg-banner{
    position: static;
    margin-bottom: 30px;
  }
  #body .landing__bg-banner img{
    left: 0;
    max-width: 100%;
  }
  #body .landing__bg-banner:after{
    display: none;
  }

  #body .drx_hiw .drx_hiw-item,
  #body .drx_hiw .drx_hiw-item:nth-child(2n+2){
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  #body .drx_hiw .drx_hiw-item:last-child{
    margin-bottom: 40px;
  }
  #body .drx_hiw .drx_hiw-item p{
    max-width: 100%;
  }

  #root .qualify__box h3{
    height: 40px;
  }
  #root .qualify__box{
    transform: translateY(-58px);
  }
  #drx-banner .drx__banner-img.mob{
    min-height: 320px;
  }

  #root .pickup-form{
    padding: 35px 25px;
  }
  #root .pickup-form .form-group{
    margin-bottom: 22px;
  }
  #root .status .category-card{
    padding: 0;
  }
  #root .status .category-card .cat-icon{
    margin-left: auto;
  }
  #root .status .category-card,
  #root .status .category-card h3{
    text-align: center;
  }
  #root .pickup-sec,
  #root .status-sec,
  #root .equip-content{
    padding: 60px 0;
  }
  #body .help-banner .banner-img{
    width: 300px;
    margin-bottom: -20px;
  }


}

@media screen and (min-width: 576px) {
  .prod__landing-banner.loader-bg .landing__banner-info .skeletone-prod-img {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  #body .card__sticky {
    position: sticky;
    top: 170px;
  }
  .mob-ovrlay,
  #root .qualify__box .drx__btn.drx__btn-gray{
    display: none;
  }


  /*sub-dropdown css start*/
  header .top-menu > ul.menu > li:last-child .sub-menu-wrap{
    right: 0;
  }

  #root #header .nested-menu .sub-menu-wrap .trangle{
    display: none;
  }
  #root .drx__dropdown .nested-menu>a:after{
    content: "";
    width: 7px;
    height: 7px;
    border: solid 1px #000;
    border-width: 0 1px 1px 0;
    position: absolute;
    top: -2px;
    bottom: 0;
    right: 10px;
    margin: auto;
    transform: rotate(45deg);
  }

  #root .drx__dropdown .nested-menu>a:after{
    border-color: #fff;
    transform: rotate(-45deg);
  }
  #root #header .nested-menu .sub-menu-wrap{
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
  }
  #root #header .nested-menu:hover .sub-menu-wrap{
    opacity: 100;
    visibility: visible;
  }

  /*sub-dropdown css end*/
}

@media screen and (min-width: 1200px) {
  #body .card__sticky {
    top: 130px;
  }


  #body body.react-confirm-alert-body-element {
    padding-right: 17px;
  }

  #body body.react-confirm-alert-body-element header {
    right: -17px;
    padding-right: 17px;
  }

  #body body.react-confirm-alert-body-element header .top .top-bar {
    margin: 0 -17px;
  }

  #root .search-bar{
    padding-right: 0;
  }
  #root .drx__search{
    margin-right: 0;
  }


  .home__cats > .row > div{
    flex: 0 0 20%;
    max-width: 20%;
  }

}

@media(min-width: 1300px) {
  .oxygen-banner .container {
    padding: 0 65px;
  }
}




@media (min-width: 992px) and (max-width: 1199px) {
  #body .delivery-addr .row .col-lg-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.rating_count {
  line-height: normal;
  display: inline-block;
  color: #fff;
  padding: 2px 4px 2px 6px;
  border-radius: 3px;
  font-weight: 500;
  font-size: 12px;
  vertical-align: middle;
  background-color: #388e3c;
}

.todays_visitor{
  background-color: #eae9ea;
    padding: 10px 15px 10px 15px;
    border-radius: 10px;
    display: inline-block;
}