/* ---------  Mayuresh Custom Scrollbar ---------  */
/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  /*border-radius: 10px;*/
}

/* width */
::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #019bd2;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #76d6f8;
}
/* ---------  Mayuresh Custom Scrollbar End ---------  */
.pt0{
  padding-top: 0!important;
}
.pt1{
  padding-top: 1rem!important;
}
.pt2{
  padding-top: 2rem!important;
}
.pt3{
  padding-top: 3rem!important;
}
.pt4{
  padding-top: 4rem!important;
}
.pt5{
  padding-top: 5rem!important;
}
.pb0{
  padding-bottom: 0!important;
}
.pb1{
  padding-bottom: 1rem!important;
}
.pb2{
  padding-bottom: 2rem!important;
}
.pb3{
  padding-bottom: 3rem!important;
}
.pb4{
  padding-bottom: 4rem!important;
}
.pb5{
  padding-bottom: 5rem!important;
}
.mb0{
  margin-bottom: 0rem !important;
}
.mb1 {
  margin-bottom: 1rem !important;
}
.mb2 {
  margin-bottom: 2rem !important;
}
.mb3 {
  margin-bottom: 3rem !important;
}
.mb4 {
  margin-bottom: 4rem !important;
}
.mb5 {
  margin-bottom: 5rem !important;
}
.mt0{
  margin-top: 0rem !important;
}
.mt1 {
  margin-top: 1rem !important;
}
.mt2 {
  margin-top: 2rem !important;
}
.mt3 {
  margin-top: 3rem !important;
}
.mt4 {
  margin-top: 4rem !important;
}
.mt5 {
  margin-top: 5rem !important;
}
/*------------------------------------not responsive start---------------------*/ 
.footerlogo img {
   width: 60%; 
}
a {
   color: #019bd2;
}
a:hover {
    color: #76d6f8;
} 

.btn-primary {
   --bs-btn-color: #fff;
   --bs-btn-bg: #019bd2;
   --bs-btn-border-color: #019bd2;
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: #76d6f8;
   --bs-btn-hover-border-color: #76d6f8;
   --bs-btn-focus-shadow-rgb: 47, 185, 47;
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: #019bd2;
   --bs-btn-active-border-color: #019bd2;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
   --bs-btn-disabled-color: #fff;
   --bs-btn-disabled-bg: #019bd2;
   --bs-btn-disabled-border-color: #019bd2;
}
.btn-outline-primary {
    --bs-btn-color: #019bd2;
    --bs-btn-border-color: #019bd2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #019bd2;
    --bs-btn-hover-border-color: #019bd2;
    --bs-btn-focus-shadow-rgb: 10, 173, 10;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #019bd2;
    --bs-btn-active-border-color: #019bd2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #019bd2;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #019bd2;
    --bs-gradient: none;
}
.bg-primary { 
   background-color: #019BD0 !important;
}
.nav-category .nav-item .nav-link:hover {
    color: #76d6f8;
}
.navbar .navbar-nav .nav-item .nav-link:hover {
   color: #76d6f8;
}
.form-select:focus, .form-control:focus {
   border-color: #d6a085;
   box-shadow: 0 0 0 0.25rem rgb(173 83 10 / 25%); 
}
.btn-check:focus+.btn, .btn:focus {
   box-shadow: 0 0 0 0.25rem rgb(173 83 10 / 25%); 
}
.btn-check:active+.btn:focus, .btn-check:checked+.btn:focus, .btn.active:focus, .btn.show:focus, .btn:active:focus {
   box-shadow: 0 0 0 0.25rem rgb(173 83 10 / 25%);
}
.card-product:hover {
   border: 1px solid #019bd2; 
}
.card-product .btn-action:hover {
   background-color: #019bd2; 
}
.thumbnails .tns-nav-active .thumbnails-img { 
   border: 2px solid #019bd2; 
}
.footer .nav .nav-item .nav-link:hover {
   color: #019bd2;
}
.footer .social-links:hover {
   border: 1px solid #019bd2;
   color: #019bd2;
}
.nav-lb-tab .nav-item .nav-link.active, .nav-lb-tab .nav-item .nav-link:hover { 
   border-bottom: 2px solid #019bd2;
   color: #019bd2;
}
a.navbar-brand img {
   width: 70%;
}
.navbar .navbar-nav .nav-item .nav-link { 
   font-size: 1rem; 
}
.headAboveText {
   font-size: 0.875rem;
}
.slick-slider .slick-prev:focus, .slick-slider .slick-prev:hover {
   background: #019bd2; 
}
.btn-close:focus {
   box-shadow: 0 0 0 0.25rem rgb(173 83 10 / 25%); 
}
.catImg img {
  /* width: 120px;
   height: 120px;*/
}
.img_wrap_side {
   height: 550px;
}
.thumbnails-img {
/*   width: 147px;*/
/*   height: 110px;*/
}
.thumbnails-img img {
   width: 100%;
   height: 100%;
   object-fit: contain;
} 
.active>.page-link, .page-link.active a { 
   color: var(--bs-pagination-active-color)!important; 
}
.page-link:hover a {
   color: var(--bs-pagination-active-color)!important; 
}
.page-link a:hover { 
   color: var(--bs-pagination-active-color)!important; 
}
.page-link a { 
   display: block; 
   position: relative;
   text-decoration: none; 
}
figure.product-thumb {
   width: 100%;
   height: 200px; 
}
figure.product-thumb img {
   width: auto;
   height: 200px; 
   object-fit: contain;
}
.card.card-product.h-100.mb-2 { 
   box-shadow: rgb(169 169 169 / 30%) 3px 2px 6px;
   border: 1px solid rgb(239, 239, 239);
   border-radius: 8px;
}
.singleLineShow {
   /*display: inline-block;
   width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: 1;
   height: 19px;
   margin-bottom: 0;
   text-align: center;*/
}
.singleLineShow {
   display: -webkit-box;
   max-width: 100%;
   height: 34px;
   margin: 0 auto;
   font-size: 14px;
   line-height: 1.2;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   text-align: center;
}
.slick-slider .slick-next:focus, .slick-slider .slick-next:hover {
   background: #019bd2; 
}
.showPro5 figure.product-thumb {
   width: 100%;
   height: 180px;
}
.showPro5 figure.product-thumb img {
   width: auto;
   height: 180px;
   object-fit: contain;
}
ul.navbar-nav .dropdown-item.catBig { 
   font-size: 11px;
   font-weight: 500;
   line-height: 1.5;
   padding: 0.125rem 0.75rem;
}
.card-header {
   padding: 0.5rem 1rem;
   margin-bottom: 0;
   background-color: rgba(0, 0, 0, .03);
   border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.search_home {
   position: relative;
}

.search_home input:focus {
   outline: none;
   border-color: #66b1ee;
   -webkit-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
   -moz-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
   -ms-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
   -o-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
   box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
}

.search_home input:focus+.results_home_sugg {
   /*display: block;*/ 
}

.search_home .results_home_sugg {
   /*display: none;*/ 
   position: absolute;
   top: 45px;
   left: 0;
   right: 0;
   z-index: 10;
   padding: 0;
   margin: 0;
   border-width: 1px;
   border-style: solid;
   border-color: #cbcfe2 #c8cee7 #c4c7d7;
   border-radius: 3px;
   background-color: #fdfdfd;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #eceef4));
   background-image: -webkit-linear-gradient(top, #fdfdfd, #eceef4);
   background-image: -moz-linear-gradient(top, #fdfdfd, #eceef4);
   background-image: -ms-linear-gradient(top, #fdfdfd, #eceef4);
   background-image: -o-linear-gradient(top, #fdfdfd, #eceef4);
   background-image: linear-gradient(top, #fdfdfd, #eceef4);
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
   -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
   -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.search_home .results_home_sugg li {
   display: block;
   font-size: 14px;
}

.search_home .results_home_sugg li:first-child {
   margin-top: -1px;
}

.search_home .results_home_sugg li:first-child:before,
.search_home .results_home_sugg li:first-child:after {
   display: block;
   content: '';
   width: 0;
   height: 0;
   position: absolute;
   left: 50%;
   margin-left: -5px;
   border: 5px outset transparent;
}

.search_home .results_home_sugg li:first-child:before {
   border-bottom: 5px solid #c4c7d7;
   top: -11px;
}

.search_home .results_home_sugg li:first-child:after {
   border-bottom: 5px solid #fdfdfd;
   top: -10px;
}

.search_home .results_home_sugg li:first-child:hover:before,
.search_home .results_home_sugg li:first-child:hover:after {
   /*display: none;*/
}

.search_home .results_home_sugg li:last-child {
   margin-bottom: -1px;
}

.search_home .results_home_sugg a {
   display: block;
   position: relative;
   margin: 0 -1px;
   padding: 6px 40px 6px 10px;
   color: #808394;
   font-weight: 500;
   text-shadow: 0 1px #fff;
   border: 1px solid transparent;
   border-radius: 3px;
   text-align: left;
}

.search_home img.img-fluid.serachImg {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.search_home .results_home_sugg a span {
   font-weight: 200;
}

.search_home .results_home_sugg a:before {
   content: '';
   width: 18px;
   height: 18px;
   position: absolute;
   top: 50%;
   right: 10px;
   margin-top: -9px;
   background: url("https://cssdeck.com/uploads/media/items/7/7BNkBjd.png") 0 0 no-repeat;
}

.search_home .results_home_sugg a:hover {
   text-decoration: none;
   color: #fff;
   text-shadow: 0 -1px rgb(0 0 0 / 30%);
   border-color: #586be0 #2f47db #019bd2;
   background-color: #019bd2; 
   background-image: -webkit-linear-gradient(top, #019bd2, #019bd2); 
   background-image: -moz-linear-gradient(top, #019bd2, #019bd2);
   background-image: -ms-linear-gradient(top, #019bd2, #019bd2);
   background-image: -o-linear-gradient(top, #019bd2, #019bd2);
   background-image: linear-gradient(top, #019bd2, #019bd2);  
   -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
   -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
   -ms-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
   -o-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);  
}
ul#homeSuggListScroll {
   height: 250px;
   overflow: hidden;
   overflow-y: auto;
} 
ul#homeSuggListScroll::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   background-color: #F5F5F5;
   /*border-radius: 10px;*/
} 
ul#homeSuggListScroll::-webkit-scrollbar {
   width: 5px;
   background-color: #F5F5F5;
} 
ul#homeSuggListScroll::-webkit-scrollbar-thumb {
   background: #019bd2;
} 
ul#homeSuggListScroll::-webkit-scrollbar-thumb:hover {
   background: #ef6237;
} 
div.zoom img { 
   height: 450px;
   object-fit: contain;
   background: white;
}
/*.navbar .navbar-nav .nav-item .nav-link {
   color: #fff;
   background: #019bd2;
   border-color: #019bd2;
   padding: 0.55rem 1rem;
   margin-right: 0.5rem;
   border-radius: 0.375rem;
}
.navbar .dropdown .dropdown-toggle:after { 
   color: #ffffff; 
}*/
.navbar .navbar-nav .nav-item .nav-link { 
    padding: 0.3125rem 1rem;
}
.dropdown-item:hover {
   background-color: #76d6f8;
   border-radius: 0;
   color: #ffffff!important;
   text-decoration: none;
}
ul#categoryShopCollapseMenu {
   background: #f9f9f9;
   padding: 0 10px;
}
a.navLogo img {
   width: 90%;
}
img.img-fluid.card-img-top.w-100 {
   height: 250px;
   object-fit: cover;
}
p.short_description {
   font-size: 0.9rem; 
}
.productDescription p img {
/*   width: 100%;*/
/*   height: auto !important;*/
} 
.rtgsDiv h4 {
   height: 50px;
}
.rtgsDiv .card-body {
   min-height: 50px;
}
.rtgsDiv p {
   min-height: 168px;
}
figure.category-thumb {
   width: 100%;
   height: 200px;
}
figure.category-thumb img {
   width: auto;
   height: 200px;
   object-fit: contain;   
}
.catDiv p {
   display: -webkit-box;
   max-width: 100%;
   height: 42px;
   margin: 1px auto;
   font-size: 17px;
   line-height: 20px;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}
.proDimgDiv {
   padding: 5px;
   text-align: center;
   border-radius: 5px;
   border: 1px solid #eaeaea;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.proDimgDiv img {
   width: 100%;
   height: auto;
}
.navbar .dropdown-menu.firstLvl, .navbar .dropdown-menu.secondLvl, .navbar .dropdown-menu.thirdLvl {
/*   width: 300px;*/
}
.navbar .dropdown-menu.secondLvl{
   left: 30px;
}
.navbar .dropdown-menu.thirdLvl {
   left: 60px;
}

/*------------------------------------ eOf not responsive---------------------*/

/*------------------------------------responsive start-----------------------*/

   /* mayuresh media queries for all devices*/

   /*mayuresh css responsive main for all pages */

   @media (min-width: 992px) {
      .emailHead {
         display: none;
      }
      i.feather-icon.icon-mail.me-2 {
         margin-right: 0!important;
      }
   }

   /* 
   ##Device = Desktops
   ##Screen = 1281px to higher resolution desktops
   */

@media (min-width: 1281px) {
  
  /*//CSS*/
   .emailHead {
      display: none;
   }
  
}/*//eOF min-width: 1281px*/

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  /*//CSS*/

   .navbar .navbar-nav .nav-item .nav-link {
      padding: 0.3125rem 0.5rem;
      font-size: 0.85rem;
   }
     
  
}/*//eOF min-width: 1025px*/

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  /*//CSS*/

  .navbar .navbar-nav .nav-item .nav-link {
      padding: 0.3125rem 0.5rem;
      font-size: 0.85rem;
   }

  
}/*//eOF min-width: 768px*/

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
  
  /*//CSS*/
}/*//eOF min-width: 768px*/

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  /*//CSS*/

}/*//eOF min-width: 481px*/

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
 /* //CSS*/
   a.navbar-brand img {
      width: 85%;
   }
   a.navLogo img {
      width: 80%;
   }
   ul.navbar-nav .dropdown-item {
      font-size: 14px;
      font-weight: 500;
      line-height: 1.5;
      padding: 0.125rem 0.75rem;   
   }
   .mobileMenuShow {
      height: 80vh;
      overflow: hidden;
      overflow-y: auto; 
   }
   .mobileMenuShow::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #F5F5F5;
      /*border-radius: 10px;*/
   } 
   .mobileMenuShow::-webkit-scrollbar {
      width: 5px;
      background-color: #F5F5F5;
   } 
   .mobileMenuShow::-webkit-scrollbar-thumb {
      background: #019bd2;
   } 
   .mobileMenuShow::-webkit-scrollbar-thumb:hover {
      background: #ef6237;
   }
   .img_wrap_side {
      height: 135px;
   }
}/*//eOF min-width: 320px*/

/*------------------------------------ eOf responsive start-----------------------*/