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

Table of Content
================
0. Base Styles
1. Header
2. Navigation Menu
3. Home Page Slider
4. Home Search Panel
5. Order Steps Panel
6. All Caregories Panel
7. All Running Offers
8. Homepage Category -1
9. Homepage Category -2
10. Homepage Category -3
11. Homepage Category -4
12. Testimonial Slider
13. Popular Brand Slider
14. Customer Care
15. Footer
16. Cart
17. User Login Modal form
18. Category/es Page
19. Single Product Modal/Page
20. Delivery Options
21. Order Success Page
22. Order History Page
33. Media Queries


/* ==============================================
   =================  0.Base Styles =================
   ============================================== */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  width: 100% !important;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

table {
  overflow-x: scroll;
  overflow-y: scroll;
}


.secondInnerFirst {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.secondFooterDiv ul li {
  list-style-type: none;
  display: inline-block;
}

.secondFooterDiv ul li a {
  border: 1px solid black;
  border-radius: 50%;
  text-align: center;
  padding: 15px;
}

.header__top {
  padding: 10px 0;
  /*background-color: #fff;*/
  background: #041e42;
  border-bottom: none;
}

.header__top .container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.header__top .header__left {
  max-width: 50%;
}

.header__top .header__left p {
  margin-bottom: 0;
  /*color: #666666;*/
  color: #fff;
  line-height: 30px;
}

.header__top .header__left p strong {
  /*color: #000;*/
  color: #fff;
}

.header__top .header__right {
  text-align: right;
  max-width: 50%;
}

.header__content-left {
  max-width: 270px;
  padding-right: 30px;
  display: flex;
  align-items: center;
}






body {
  font-family: segoe ui, Helvetica, droid sans, Arial, lucida grande, tahoma, verdana, arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #555555;
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: segoe ui, Helvetica, droid sans, Arial, lucida grande, tahoma, verdana, arial, sans-serif;
  font-weight: bold;
  color: #333;
}

a {
  color: #037bb8;
  font-family: segoe ui, Helvetica, droid sans, Arial, lucida grande, tahoma, verdana, arial, sans-serif;
}

h1 a,
h1 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #333 !important;
}

.gb-gradient {
  background: #051e42f7 !important;
  /* Old browsers */
  background-image: -webkit-linear-gradient(top, #041e42 0%, #051e42f7 100%) !important;
  /* Chrome10-25,Safari5.1-6 */
  background-image: -moz-linear-gradient(top, #041e42 0%, #051e42f7 100%) !important;
  /* FF3.6-15 */
  background-image: linear-gradient(to bottom, #041e42 0%, #051e42f7 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#041e42', endColorstr='#051e42f7', GradientType=0);
  /* IE6-9 */
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) !important;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.gb-gradient:hover,
.mini-cart-position:hover .gb-gradient {
  background: #051e42f7 !important;
  /* Old browsers */
  background-image: -webkit-linear-gradient(top, #041e42 0%, #051e42f7 67%) !important;
  /* Chrome10-25,Safari5.1-6 */
  background-image: -moz-linear-gradient(top, #041e42 0%, #051e42f7 67%) !important;
  /* FF3.6-15 */
  background-image: linear-gradient(to bottom, #041e42 0%, #051e42f7 67%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#041e42', endColorstr='#051e42f7', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
}

.gb-flat {
  background: #051e42f7 !important;
  /* Old browsers */
}

.gb-gradient,
.gb-flat {
  color: #ffffff !important;
  font-weight: bold !important;
}

ul {
  margin: 0;
  padding: 0;
}

section {
  padding: 48px 0;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-t-24 {
  margin-top: 24px !important;
}

.m-t-48 {
  margin-top: 48px !important;
}

.m-b-24 {
  margin-bottom: 24px !important;
}

.m-b-48 {
  margin-bottom: 48px !important;
}

.sidebar-hide .sh-m-t-10 {
  margin-top: 12px;
}

/* .sidebar-hide .sh-m-l-10{margin-left: 14px;} */
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.lh-36 {
  line-height: 36px;
}

.center {
  text-align: center;
}

.no-shadow {
  box-shadow: none;
  text-shadow: none;
}

.icon-fsize-18 {
  font-size: 18px !important;
  margin-top: -4px;
}

.badge-red-w {
  /* background: #eb3349;  */
  padding: 2px;
  border-radius: 4px;
  color: #e42730;
  font-weight: bold;
  border: 1px solid green;
}

/* Color classes */
.sidebar-blue {
  background: #f7f4f1 !important;
}

.sidebar-blue .orange-w {
  color: #041e42 !important;
}

.orange-c {
  color: #051e42f7 !important;
}

.orange-alt {
  color: #f7d7c4;
}

.red-w {
  color: #eb3349 !important;
}

.red-c {
  color: #fd5959 !important;
}

.green-w {
  color: #39b54a !important;
}

.green-c {
  color: #6fb678 !important;
}

.green-alt {
  color: #51c276 !important;
}

.blue-w {
  color: #037cb7 !important;
}

.blue-c {
  color: #5db6ee !important;
}

.pink-w {
  color: #fea0a0 !important;
}

.purole-w {
  color: #c757e3 !important;
}

.skyblue-w {
  color: #52babb !important;
}

.mintgreen-w {
  color: #7da25c !important;
}

.btn-outline-warning {
  border-color: #1b805b;
}

.btn-outline-warning:hover {
  background-color: #1b805b;
  color: #fff !important;
}

/* .bg-orange{background: #fff8ec !important;} */
.bg-orange {
  background: #b7d6be !important
}

.bg-grey {
  background: #f5f5f5 !important;
}

.bg-white {
  background: #ffffff;
  box-shadow: none !important;
  -webkit-transition: all .4s ease-in;
  -moz-transition: all .4s ease-in;
  -ms-transition: all .4s ease-in;
  -o-transition: all .4s ease-in;
  transition: all .4s ease-in;
}

.bg-white:hover {
  background: rgba(0, 0, 0, .025) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .18) !important;
}

input[type="text"]::placeholder {
  color: rgba(0, 0, 0, 0.37);
}

input[type=text]:focus {
  box-shadow: none;
}

button {
  font-size: 16px !important;
  font-family: segoe ui, Helvetica, droid sans, Arial, lucida grande, tahoma, verdana, arial, sans-serif;
}

.btn-round {
  border-radius: 200px;
  border: none;
  padding-left: 36px;
  padding-right: 36px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .175);
}

.btn-round i {
  font-size: 20px;
}

a:hover {
  text-decoration: none;
}

/* modal common boostrap override*/
.modal {
  z-index: 1000000001 !important;
}

.modal-open .modal {
  background: rgba(0, 0, 0, .75) !important;
  /*background: #fff !important;*/
}

.modal-content {
  border: none !important;
  box-shadow: 0 1px rgba(0, 0, 0, 0.37);
}

.modal-body {
  padding: 0 !important;
}

.modal-body button.ModalCloseBtn {
  position: absolute;
  top: -12px;
  right: -12px;
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  font-size: 24px;
  z-index: 99;
}

.main {
  padding-top: 60px;
}

.flex-heading{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.section-title {
  position: relative;
  /* font-size: 24px;
  line-height: 24px;
  color: #333333;
  font-weight: 300; */
  margin-bottom: 48px;
  text-align: center;
  display: block;
  font: 700 24px/30px 'Quicksand';
  color: #2D2D2D;
}

.section-title::before {
  content: '';
  position: absolute;
  bottom: -22px;
  /* top: 46px; */
  left: 50%;
  transform: translateX(-50%);
  width: 17%;
  height: 3px;
  background: #041e42;
}

.flex-heading .section-title{
  margin-bottom: 0;
  padding-bottom: 8px;
}

.flex-heading .section-title::before{
  width: 100%;
  top: 100%;
}

.flex-heading .view-all{
  color: #041E42;
  text-decoration: underline;
}

.flex-heading .view-all:hover{
  color: #ffc220;
}

.section-title-no-border {
  margin: 0 !important;
}

.section-title-no-border::before {
  display: none !important;
}

.section-subtitle {
  display: block;
  font-size: 18px;
  line-height: 48px;
  color: #555;
  font-weight: normal;
  margin-bottom: 24px;
}

.white-card {
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  border-radius: 3px;
  position: relative;
}

/* bootstrap carousel css */
.carousel-control-prev,
.carousel-control-next {
  display: none !important;
}

/* Owl Corousel Custom Css */
.owl-carousel {
  position: relative;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px !important;
  line-height: 32px;
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  background: #051e42f7 !important;
  background: -moz-linear-gradient(top, #041e42 0%, #051e42f7 100%) !important;
  background: -webkit-linear-gradient(top, #041e42 0%, #051e42f7 100%) !important;
  background: linear-gradient(to bottom, #041e42 0%, #051e42f7 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#041e42', endColorstr='#051e42f7', GradientType=0);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.owl-prev {
  left: -8px;
}

.owl-next {
  right: -8px;
}

.owl-nav .owl-prev span,
.owl-nav .owl-next span {
  font-size: 22px;
}

/* Breadcrumb Css */
.gb-breadcrumb {
  padding: 0 !important;
  background: #e2fbf1 !important;
  margin-top: 0px;
}

ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  margin-bottom: 0;
  background: transparent;
}

ul.breadcrumb li {
  display: inline-block;
  font-size: 14px;
}

ul.breadcrumb li+li:before {
  padding: 8px;
  color: #037cb7;
  content: ">";
}

ul.breadcrumb li a {
  color: #037cb7;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

ul.breadcrumb li a:hover {
  color: #041e42;
}

/* ==============================================
   =================  1.Header ==================
   ============================================== */
.header {
  position: fixed;
  width: 100%;
  background: #041e42;
  z-index: 990;
  margin-left: 0px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  transition: margin-left 300ms ease-in-out 0s;
  padding: 4px 0;
}

.logo {
  /* background: #343957; */
  /*display: inline-block;*/
  /*padding:0;*/
  /*height: 54px;*/
  /*text-align: left;*/
  /*width: 300px;*/
  /*margin-left: 0px;*/
  /* margin-left: -15px; */
  /*-webkit-transition: width 300ms ease-in-out;*/
  /*-moz-transition: width 300ms ease-in-out;*/
  /*-o-transition: width 300ms ease-in-out;*/
  /*-ms-transition: width 300ms ease-in-out;*/
  /*transition: width 300ms ease-in-out;*/
  display: inline-block;
  padding: 0;
  height: auto;
  text-align: left;
  width: 170px;
  margin-left: 0px;
  /* margin-left: -15px; */
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;

}

.logo img {
  width: 100%;
  padding: 5px;
  /*max-width: 80px;*/
  /*height: 80px;*/
}

.logo span {
  color: rgba(160, 180, 200, 0.85);
  font-size: 20px;
  font-weight: 700;
  display: none;
}

.sidebar {
  background: #fff !important;
}

.sidebar,
.sidebar-hide .sidebar {
  /*top: 54px !important; */
  top: 74.5px !important;
  position: fixed !important;
  z-index: 988;

}

.sidebar-hide .logo span {
  display: block;
  padding: 0 12px;
  margin-top: -6px;
}

.hamburger {
  top: 16px !important;
  transition: top 0ms;
  z-index: 1 !important;
}

.hamburger .line {
  background: #ffffff !important;
}

.hamburger .menu-text {
  position: absolute;
  top: 1px;
  left: 36px;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: .25pt;
  font-weight: 300;
}

.topbar-search-form {
  width: 100%;
  /*margin-left: 130px;*/
  /*margin-top: 3px;*/
  /*background: rgba(255, 255, 255, 0.67);*/
  /*border-radius: 50px;*/
}

.topbar-search-form .form-control {
  border-radius: 22px 0 0 22px !important;
  height: 36px;
  font-size: 15px;
  background: transparent;
  border: none;
  padding: 5px 5px 5px 15px !important;
  max-width: 82%;
  /* min-width: 480px; */
}

.topbar-search-form .btn-secondary {
  font-family: segoe ui, Helvetica, droid sans, Arial, lucida grande, tahoma, verdana, arial, sans-serif;
  border-radius: 0 22px 22px 0 !important;
  width: 44px;
  height: 36px;
  font-size: 18px;
  font-weight: bold;
  padding: 0;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.37);
  border: 1px solid #ffc220;
  background: #ffc220 !important;
  color: #000;
}

.topbar-phone {
  width: 270px;
  height: 36px;
  border-radius: 50px;
  margin-top: 9px;
  margin-left: 30px;
  background: rgba(255, 255, 255, 0.13);
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 1px;
}

.topbar-phone>i {
  width: 36px;
  height: 36px;
  border-radius: 36px;
  background: rgba(255, 255, 255, 0.075);
  line-height: 36px;
  text-align: center;
  margin-right: 5px;
}

.topbar-right-button-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-icon,
.header-icon>a {
  font-size: 28px;
  color: #fff;
}

.header-icon {
  width: 36px;
  height: 50px;
  border-radius: 0px !important;
  font-weight: bold;
  position: relative;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  /* background: #ffffff; */
  text-align: left;
  width: 100px;
  height: 57px;
  /* box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25); */
  margin-top: -2px;
  /* margin-left: 30px; */
  /* margin-right: 45px; */
}

.header-icon i,
.header-icon img,
.header-icon span {
  cursor: pointer;
  line-height: 55px !important;
  float: left;
  /*margin-left: 5px;*/
  margin-right: 3px;
}

.header-icon.active,
.header-icon:focus,
.header-icon:hover {
  background: rgba(255, 255, 255, 0.3);
}

.header-icon.active .drop-down {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}

.drop-down {
  background: #ffffff;
  color: #333;
  visibility: hidden;
  opacity: 0;
  width: 170px !important;
  position: absolute;
  right: 0;
  top: 56px;
  transform: translateY(50px);
  transition: all 0.4s ease-in-out;
  border-top: 0;
  border: 1px solid #e7e7e7;
  z-index: 999;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.header-left .drop-down {
  left: 0;
}

.dropdown-content-heading {
  /* padding: 10px 15px; */
  background: #fff8ec;
}

.dropdown-content-heading span {
  font-size: 13px;
  font-family: segoe ui, Helvetica, droid sans, Arial, lucida grande, tahoma, verdana, arial, sans-serif;
  color: #373757;
}

.dropdown-content-heading i {
  position: relative;
  top: 5px;
  opacity: 1 !important;
  color: #5873fe;
}

.dropdown-content-body li {
  padding: 15px;
  border-top: 1px solid #eef5f9;
}

.dropdown-content-body li.active,
.dropdown-content-body li:focus,
.dropdown-content-body li:hover {
  background: #eef5f9;
  border-top: 1px solid #eef5f9;
}

.dropdown-content-body li a.active,
.dropdown-content-body li a:focus,
.dropdown-content-body li a:hover {
  color: #868e96;
}

.dropdown-content-body li:last-child {
  padding: 5px 15px;
}

.notification-heading {
  font-size: 16px;
  font-weight: 700;
  color: #555;
}

.avatar-img {
  border-radius: 100px;
  width: 25px;
  position: relative;
  top: 0px;
}

.user-avatar {
  font-size: 12px;
  font-weight: 700;
}

.notification-text {
  font-size: 12px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 3px;
}

.notification-timestamp {
  font-size: 11px;
}

.notification-percentage {
  font-size: 12px;
  position: relative;
  top: 12px;
}

.notification-unread {
  background: #eef5f9;
}

.notification-unread .notification-heading {
  color: #555;
}

.more-link {
  font-size: 12px;
  color: #051e42f7;
  display: inline-block;
}

.dropdown-profile {
  width: 200px;
}

.dropdown-profile .my-gb-point {
  font-size: 11px;
  padding-top: 2px;
  color: #051e42f7;
  margin-bottom: 0;
}

.dropdown-profile li {
  padding: 7px 15px;
}

.dropdown-profile li a {
  display: block;
  color: #373757;
}

.dropdown-profile li a.active,
.dropdown-profile li a:focus,
.dropdown-profile li a:hover {
  color: #373757;
}

.dropdown-profile li a span {
  font-family: segoe ui, Helvetica, droid sans, Arial, lucida grande, tahoma, verdana, arial, sans-serif;
  font-size: 14px;
}

.dropdown-profile li a i {
  margin-right: 5px;
  font-size: 14px;
}

.dropdown-profile li:last-child {
  padding: 7px 15px;
}

.header-link {
  position: relative;
  top: -3px;
  font-size: 14px;
}

/* ==============================================
   =================  2. Navigation Menu ========
   ============================================== */
.full-navigation {
  background: #ffffff !important;
  color: #333;
  font-size: 14px;
}

.sidebar-user-info {
  float: left;
  display: block;
  width: 100%;
  height: 84px;
  padding: 7px;
  background: #ff5454 !important;
}

.sidebar-hide .sidebar-user-info {
  z-index: 9;
  padding: 4px;
  padding-top: 7px;
}

.sidebar-hide .sidebar-user-logged {
  font-size: 0;
  -webkit-transition: font-size .3s ease-in-out;
  -moz-transition: font-size .3s ease-in-out;
  -o-transition: font-size .3s ease-in-out;
  -ms-transition: font-size .3s ease-in-out;
  transition: font-size .3s ease-in-out;
}

.sidebar-user-avatar,
.sidebar-user-avatar img {
  width: 72px;
  height: 72px;
  border-radius: 72px;
}

.sidebar-hide .sidebar .sidebar-user-avatar {
  margin-top: 12px;
}

.sidebar-hide .sidebar .sidebar-user-avatar,
.sidebar-hide .sidebar .sidebar-user-avatar img {
  width: 48px;
  height: 48px;
  border-radius: 48px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.sidebar-hide .sidebar .sidebar-running-offer.badge-red-w {
  display: none;
}

.sidebar-hide .sidebar.sidebar-hide-to-small .nano-content>ul>li>a {
  padding-left: 16px !important;
}

.sidebar-user-avatar img {
  border: 2px solid #fff;
  margin-top: -1px;
}

.sidebar-user-info p {
  padding: 0;
  margin: 0;
  line-height: 20px;
  font-family: segoe ui, Helvetica, droid sans, Arial, lucida grande, tahoma, verdana, arial, sans-serif;
  font-weight: 400;
  color: #afdefa
}

.sidebar-user-logged {
  margin-top: 14px;
  margin-left: 7px;
}

.sidebar-username {
  font-weight: bolder !important;
  font-size: 18px;
  color: #fff !important;
}

.sidebar .label {
  color: #037bb8 !important;
}

.sidebar .nano-content>ul>li.label,
.sidebar .nano-content>ul>li.content,
.sidebar .nano-content>ul>li>a {
  padding-left: 12px;
  padding-right: 12px;
}

.sidebar .nano-content>ul li>a {
  color: #333 !important;
  line-height: 20px;
  padding: 10px;
}

.sidebar li.sidebar-blue>a.active {
  border-left: 2px solid #258AFF;
}


.sidebar .nano-content>ul li>a>img {
  margin-right: 5px;
}

.sidebar .nano-content>ul>li>ul>li.label,
.sidebar .nano-content>ul>li>ul>li.content,
.sidebar .nano-content>ul>li>ul>li>a {
  padding: 5px 15px 5px 25px;
}


.sidebar .nano-content>ul>li.active>a,
.sidebar .nano-content>ul>li.open>a,
.sidebar .nano-content>ul>li>ul,
.sidebar .nano-content>ul li>a:hover {
  /*background: rgba(003, 0123, 0184, 0.13);*/
  background: rgb(247 233 222);
}

.sidebar .nano-content>ul>li>ul>li.label,
.sidebar .nano-content>ul>li>ul>li.content,
.sidebar .nano-content>ul>li>ul>li>a {
  padding-left: 40px !important;
  padding-right: 15px !important;
  background: rgba(0, 0, 0, .025);
}

.sidebar .nano-content>ul li>ul {
  background: transparent !important;
}

.sidebar-hide .sidebar .nano-content>ul>li>ul>li>a {
  background: #fff8ec;
  padding-left: 16px !important;
  white-space: nowrap;
}

.sidebar-hide .sidebar .nano-content>ul>li>ul>li>a:hover {
  color: #037bb8 !important;
}

.sidebar-hide .sidebar .sidebar-user-logged {
  display: none;
  -webkit-transition: display .3s ease-in-out;
  -moz-transition: display .3s ease-in-out;
  -o-transition: display .3s ease-in-out;
  -ms-transition: display .3s ease-in-out;
  transition: display .3s ease-in-out;
}

.image-category {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 5px;
  padding: 10px 24px;
  border-bottom: 1px solid #D9D9D9;
  /* margin-bottom: 8px; */
}

.image-category .single-cat {
  background: #ffc220;
  border: 1px solid #ffc220;
  border-radius: 5px;
  padding: 8px 5px 0;
  text-align: center;
}

.image-category .single-cat p {
  font-family: 'Quicksand' !important;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #1E1E1E;
}

/* ==============================================
   =================  3. Home Page Slider =======
   ============================================== */
.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  border: none;
  opacity: .9;
  border: 2px solid #fff;
}

#single-product-display-modal .carousel-indicators li {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.175);
  border-radius: 3px;
}

#single-product-display-modal .carousel-indicators li.active {
  box-shadow: 0 0 4px #041e42;
}

.carousel-indicators li.active {
  background: #051e42f7 !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #041e42 0%, #051e42f7 100%) !important;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #041e42 0%, #051e42f7 100%) !important;
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #041e42 0%, #051e42f7 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#041e42', endColorstr='#051e42f7', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}

/* ==============================================
   =================  4. Home Search Panel ======
   ============================================== */
.home-main-search-panel-form {
  width: 65%;
  height: 48px;
  margin: 0 auto;
  border-radius: 50px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
}

.home-main-search-panel-form input[type="text"],
.home-main-search-panel-form button {
  border: none;
}

.home-main-search-panel-form input[type="text"] {
  height: 48px;
  border-radius: 0;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  padding-left: 24px;
}

.home-main-search-panel-form button {
  border-radius: 50px;
  margin: 3px;
  width: 42px;
  height: 42px;
  text-transform: unset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.home-main-search-panel-form button i {
  font-size: 16px;
  font-weight: bold;
}

/* ==============================================
   =================  5. Order Steps Panel ======
   ============================================== */
.order-steps-title {
  padding: 12px 36px;
  padding-top: 20px;
}

.gb-order-steps .sp-text {
  height: 64px;
  margin-top: -36px;
}

.gb-order-steps .order-steps-title p {
  display: inline-block;
  margin: 0;
  font-size: 26px;
  line-height: 32px;
}

.order-steps {
  padding: 12px;
  padding-left: 24px;
  box-sizing: border-box;
  margin-bottom: 24px;
  min-height: 96px;
  display: flex;
  align-content: center;
  align-items: center;
}

.order-steps .order-step-no {
  position: absolute;
  top: 50%;
  left: -18px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #f1f1f1;
  border: 1px solid #dddddd;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  text-align: center;
  line-height: 36px;
  color: #333;
  font-weight: bold;
}

.order-steps img {
  height: 72px;
}

.order-steps p {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 6px;
}

/* ==============================================
   =================  6. All Caregories Panel ===
   ============================================== */
.special-offer-card img {
  width: 100%;
  border-radius: 3px;
}

.homepage-category-card {
  background: #FDE8E4;
  ;
  border: 1px solid #FFCEC5;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 10px 5px;
  margin-bottom: 15px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.homepage-category-card-wpr:first-child .homepage-category-card,
.homepage-category-card-wpr:nth-child(6) .homepage-category-card {
  background: #CFFCFF;
  border-color: #88F8FF;
}

.homepage-category-card-wpr:nth-child(2) .homepage-category-card,
.homepage-category-card-wpr:nth-child(7) .homepage-category-card {
  background: #DBDCFF;
  border-color: #B5B8FF;
}

.homepage-category-card-wpr:nth-child(3) .homepage-category-card,
.homepage-category-card-wpr:nth-child(5) .homepage-category-card,
.homepage-category-card-wpr:nth-child(8) .homepage-category-card {
  background: #EEF7F1;
  border-color: #88CE9F;
}

.homepage-category-card:hover {
  background-color: #041e42 !important;
  /* box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); */
}

.homepage-category-card p.parent_cat_title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-y: hidden;
  text-overflow: ellipsis;
  font: 600 16px/20px 'Quicksand';
  margin: 0;
  margin-left: 8px;
  text-align: left;
}

.homepage-category-card:hover p.parent_cat_title {
  color: #fff;
}

.homepage-category-card a {
  display: grid;
  grid-template-columns: 1fr 80px;
  grid-gap: 16px;
  align-items: center;
  padding: 0 16px;
}

.homepage-category-card img {
  height: 80px;
}

.homepage-category-card p {
  margin-bottom: 0;
  color: #555;
  font-size: 14px;
  font-weight: 300;
  margin-top: 12px;

}


/* ==============================================
   =================  7. All Running Offers =====
   ============================================== */


/* ==============================================
   =================  8. Digital Payment Offer ==
   ============================================== */
.digital-payment-offer .white-card img {
  width: 100%;
}

.digital-payment-offer .white-card {
  margin-bottom: 24px;
}

/* ==============================================
   =================  8. Homepage Category -1 ==
   ============================================== */
.homepage-category-section .white-card a {
  display: block;
}

.homepage-category-section .white-card h2 {
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  position: absolute;
  top: 12px;
  left: 0;
}

.homepage-category-section-01 .white-card img {
  width: 100%;
}

.homepage-category-section-01 .white-card {
  margin-bottom: 24px;
}

/* ==============================================
   =================  9. Homepage Category -2 ==
   ============================================== */
.homepage-category-section-02 .white-card img {
  width: 100%;
}

.homepage-category-section-02 .white-card {
  margin-bottom: 24px;
}

/* ==============================================
   =================  10. Homepage Category -3 ==
   ============================================== */
.homepage-category-section-03 .white-card img {
  width: 100%;
}

.homepage-category-section-03 .white-card {
  margin-bottom: 24px;
}

/* ==============================================
   =================  10. Homepage Category -4 ==
   ============================================== */
.homepage-category-section-04 .white-card img {
  width: 100%;
}

.homepage-category-section-04 .white-card {
  margin-bottom: 24px;
}

/* ==============================================
   =================  11. Homepage Category -5 ==
   ============================================== */
.homepage-category-section-05 .white-card img {
  width: 100%;
}

.homepage-category-section-05 .white-card {
  margin-bottom: 24px;
}


/* ==============================================
   =================  12. Testimonial Slider ====
   ============================================== */
.homepage-client-testimonial .carousel img.client-avatar-image {
  width: 120px;
  height: 120px;
  border-radius: 120px;
  border: 2px solid #fff;
  box-shadow: 0 3px 1px rgba(0, 0, 0, 0.4), inset 0 -2px 3px rgba(0, 0, 0, 0.5);
  margin-bottom: 24px;
}

.homepage-client-testimonial .client-sayings {
  width: 70%;
  margin: 0 auto 12px;
}

.homepage-client-testimonial .client-name {
  font-size: 18px;
  font-family: segoe ui, Helvetica, droid sans, Arial, lucida grande, tahoma, verdana, arial, sans-serif;
  font-weight: bold;
  color: #333;
  margin-bottom: 6px;
}

.homepage-client-testimonial .client-address {
  margin-bottom: 36px;
}

.homepage-client-testimonial .carousel-indicators {
  margin-bottom: 0;
}

/* ==============================================
   =================  13. Popular Brand Slider ==
   ============================================== */
.brand-logo {
  margin-bottom: 4px;
}

.brand-logo img {
  border-radius: 3px;
}

.popular-brands .owl-next,
.popular-brands .owl-prev {
  top: 42%;
}

/* ==============================================
   =================  14. Customer Care =========
   ============================================== */
.customer-care-card {
  padding: 20px 0;
  /* padding: 36px 0; */
  height: 200px;
}

.customer-care-card.customer-care-contact {
  display: flex;
  justify-content: center;
  align-content: center;
}

.customer-care-card.banner img {
  width: 100%;
  margin: 0 !important;
  height: 178px;
}

.customer-care-card h1 {
  text-transform: uppercase;
}

.customer-care-card h2 {
  font-family: segoe ui, Helvetica, droid sans, Arial, lucida grande, tahoma, verdana, arial, sans-serif;
  font-size: 20px;
  margin-bottom: 24px;
}

.customer-care-card p {
  margin-bottom: 12px;
  font-size: 36px;
  font-weight: bold;
}

.customer-care-card img {
  margin-top: 12px;
}

/* ==============================================
   =================  15. Footer ================
   ============================================== */
.footer-top-section {
  background: rgba(241, 102, 37, 0.125);
  padding: 45px 50px 32px;
}

.footer-widget ul>li {
  list-style: none;
  line-height: 30px;
}

.footer-widget ul>li>a {
  color: #555;
}

.footer-widget h1 {
  font-size: 20px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.footer-widget h1::first-letter {
  text-transform: capitalize;
}

.footer-widget .footer-contact-us i {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  border: 1px solid #555;
  text-align: center;
  line-height: 24px;
  display: block;
  float: left;
  margin-top: 6px;
  margin-right: 8px;
}

.footer-widget .footer-contact-us span {
  line-height: 30px;
}

.footer-widget .footer-contact-us li:first-child span {
  display: block;
  padding-left: 32px;
  line-height: 24px;
}

.footer-bottom-section {
  background: #041E42;
  padding-bottom: 32px;
}

.footer-bottom-section ul>li {
  display: inline-block;
  list-style: none;
  line-height: 24px;
  margin-right: 12px;
}

.footer-bottom-section ul>li>a {
  color: #555;
}

.footer hr,
footer hr,
.modal-footer hr {
  background: rgba(241, 102, 37, 0.125);
  box-shadow: 0px 1px 0px 1px rgba(255, 255, 255, 0.50);
  opacity: .75;
}

.footer-social-widget li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
  width: 41px;
  height: 41px;
  border-radius: 41px;
  text-align: center;
  font-size: 24px;
  border: 1px solid #555;
}

.footer-social-widget li>a>i {
  line-height: 41px;
}

.footer-payment-widget li {
  display: inline-block;
  margin-right: 10px;
  font-size: 24px;
}

.footer-appdownload-widget img {
  display: block;
  width: 150px;
  margin-bottom: 6px !important;
}

.footer-subscription-form {
  /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    border-radius: 50px; */
}

.footer-subscription-form input[type="text"] {
  border-radius: 0;
  /* border-top-left-radius: 50px;
    border-bottom-left-radius: 50px; */
  border: 1px solid #e0dee2;
  font-size: 15px;
  height: 36px;
  /* padding-left: 24px; */
}

.footer-subscription-form input::placeholder {
  color: rgba(0, 0, 0, 0.37);
}

.footer-subscription-form button {
  border-radius: 0;
  /* border-top-right-radius: 50px;
    border-bottom-right-radius: 50px; */
  width: 90px;
  height: 36px;
  border: none;
}

/* ==============================================
   =================  16.Cart ===================
   ============================================== */

/***********************************************
    Check media Query 33. for floating cart styles
  ************************************************/
.cbp-spmenu2 {
  background: #fff;
  position: fixed;
  border-right: 1px solid #e3e3e3;
  box-shadow: -1px 0 4px rgba(0, 0, 0, 0.25);
}

/* Mini Cart body*/
.cbp-spmenu {
  background: #fff;
  position: fixed;
  border-right: 1px solid #e3e3e3;
  box-shadow: -1px 0 4px rgba(0, 0, 0, 0.25);
}

.cbp-spmenu p {
  color: #333;
  font-size: 14px;
  line-height: 42px;
  margin: 0;
  font-weight: bold;
  background: #fff;
  ;
  padding: 0 12px;
}

.cbp-spmenu a {
  display: block;
  color: #fff;
  font-size: 1.1em;
  font-weight: 300;
}

.cbp-spmenu a:hover {
  background: #258ecd;
}

.cbp-spmenu a:active {
  background: #afdefa;
  color: #47a3da;
}

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
  width: 320px;
  height: 100%;
  top: 54px;
  z-index: 1000000;
}

.cbp-spmenu-vertical-modal {
  width: 320px;
  height: 100%;
  top: 54px;
  z-index: 1000;
}


.cbp-spmenu-vertical a {
  border-bottom: 1px solid #258ecd;
  padding: 1em;
}

.cbp-spmenu-horizontal {
  width: 100%;
  height: 150px;
  left: 0;
  z-index: 1000;
  overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
  height: 100%;
  width: 20%;
  float: left;
}

.cbp-spmenu-horizontal a {
  float: left;
  width: 20%;
  padding: 0.8em;
  border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-right {
  right: -370px;
  opacity: 0;
}

.cbp-spmenu-right.cbp-spmenu-open {
  right: 0px;
  opacity: 1;
}

/* Push classes applied to the body */
.cbp-spmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}

.cbp-spmenu-push-toright {
  left: 320px;
}

/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Mini Cart body inside*/
.miniCart-body {
  height: calc(100% - 178px);
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(0, 10, 0, .025);
  position: relative;
}

.miniCart-body>ul>li {
  margin: 0;
  display: block;
}

.miniCart-item-row {
  background: #fff;
  border-radius: 2px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
  padding-top: 4px;
  padding-bottom: 0px;
}

.miniCart-item-image,
.miniCart-item-details,
.miniCart-item-name,
.miniCart-item-briefs,
.miniCart-item-quantity,
.miniCart-item-price,
.miniCart-item-remove {
  padding: 0 !important;
  display: flex;
  align-content: center;
  align-items: center;
  padding-right: 4px !important;
}

.miniCart-item-image {
  padding-left: 15px !important;
  padding-right: 8px;
}

.miniCart-item-image img {
  display: block;
  width: 100%;
  height: auto;
}

.miniCart-item-row .miniCart-item-details {
  padding-left: 2px !important;
}

.miniCart-item-details .miniCart-item-name,
.miniCart-item-details .miniCart-item-briefs {
  font-size: 12px;
  line-height: 13px;
  font-weight: bold;
}

.miniCart-item-details .miniCart-item-name {
  padding-right: 0 !important;
}

.miniCart-item-details .miniCart-item-briefs {
  font-weight: normal;
}

.miniCart-item-price .reduced-price {
  text-decoration: line-through;
  opacity: .75;
}

.miniCart-item-details .miniCart-item-name {
  margin-bottom: 8px;
}

.miniCart-item-quantity {
  display: flex;
}

.miniCart-item-quantity i,
.miniCart-item-quantity span {
  display: block;
  font-size: 13px;
  font-weight: bold;
}

.miniCart-item-price p {
  padding: 0;
  font-size: 13px;
  line-height: 16px;
  background: transparent;
  text-align: center;
  width: 100%;
}

.miniCart-item-quantity i,
.miniCart-item-remove {
  cursor: pointer;
}

.miniCart-item-remove {
  margin-left: -4px;
}

.miniCart-bottom-group {
  position: absolute;
  bottom: 54px;
  width: 100%;
}

.miniCart-promoCode-form p {
  font-size: 16px;
  color: #333;
}

.miniCart-promoCode-form {
  background: #fef4df;
}

.miniCart-promo-input-form {
  padding: 13px 6px;
  /* padding-top: 4px; */
  position: relative;
}

.miniCart-promo-input-form input[type=text] {
  height: 36px;
  border-radius: 36px !important;
  border: 1px solid rgba(251, 167, 7, .25);
}

.miniCart-promo-input-form input[type=text]:focus {
  box-shadow: none;
}

.miniCart-promoCode-form button {
  position: absolute;
  z-index: 99999999;
  top: 0;
  right: 6px;
  width: 96px;
  height: 36px;
  border-radius: 36px;
  border: none;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: .5pt;
}

.miniCart-price-data .data-title,
.miniCart-price-data .price-data {
  height: 36px;
  font-size: 12px;
  line-height: 13px;
  align-content: center;
  font-weight: bold;
}

.miniCart-price-data .data-title {
  background: rgba(251, 167, 7, .37);
}

.miniCart-price-data .col-3 {
  padding: 0 !important;
}

.miniCart-price-data .price-data {
  background: rgba(251, 167, 7, .25);
  font-size: 15px;
  color: #333;
}

.miniCart-order-submit-btn {
  padding: 24px 6px;
}

.miniCart-order-submit-btn a.btn {
  border-radius: 0px;
  height: 36px;
  font-size: 16px;
  line-height: 5px;
  width: 100%;
  border: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.175);
  font-family: segoe ui, Helvetica, droid sans, Arial, lucida grande, tahoma, verdana, arial, sans-serif !important;
  text-transform: uppercase;
  font-weight: normal !important;
  letter-spacing: .5pt;
}

/* Full body Cart */
.fullCart-body {
  display: block;
  box-shadow: 0 0 2px rgba(0, 0, 0, .1);
  border-radius: 5px;
  padding: 2px;
}

.fullCart-body ul {
  list-style: none;
  background: transparent;
}

.fullCart-body ul>li {
  background: transparent;
  display: block;
  margin-bottom: 2px;
  border: none;
}

.fullCart-body ul>li:last-child {
  margin-bottom: 0;
}

.fullCart-body .miniCart-item-image {
  max-width: 96px;
  max-height: 96px;
  margin: 0 auto;
}

.cart-table-head .miniCart-item-name,
.cart-table-head p {
  margin-bottom: 0;
  line-height: 48px;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #037bb8;
}

.fullCart-body ul>li:first-child {
  display: none;
}

.fullCart-body .btn {
  margin-bottom: 12px;
}

.fullCart-body h6 {
  padding-left: 12px;
  line-height: 24px;
}

.fullCart-body table {
  text-align: right;
}

.fullCart-body .table th,
.fullCart-body .table td {
  padding: .4rem;
}

.my-cart-table .border-left {
  border-left: 1px solid rgba(0, 0, 0, .1) !important;
}

@media (min-width: 576px) {
  .fullCart-body ul>li:first-child {
    display: block;
  }

  .fullCart-body .miniCart-item-details,
  .fullCart-body .miniCart-item-name,
  .fullCart-body .miniCart-item-briefs {
    font-size: 16px !important;
    line-height: 18px;
  }

  .fullCart-body .miniCart-item-briefs {
    margin-bottom: 0;
    opacity: .75;
    font-style: italic;
  }

  .fullCart-body .miniCart-item-price p {
    font-size: 16px;
    line-height: 48px;
    font-weight: bold;
    margin-bottom: 0;
  }

  .fullCart-body .miniCart-item-quantity i,
  .fullCart-body .miniCart-item-quantity span {
    font-size: 16px;
  }

  .fullCart-body .miniCart-item-remove i {
    font-size: 20px;
  }

  /* .fullCart-body h6{
      line-height: 36px;
    } */
}

/* ==============================================
   =================  17. User Login Modal form =
   ============================================== */

#userLoginModalCenter .modal-dialog {
  max-width: 768px !important;
}

.home-modal-image-container {
  overflow: hidden;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.userLoginModalAd {
  width: 100%;
  min-height: 480px;
}

.loginModal-title h1 {
  font-size: 24px;
  margin-top: 24px;
  margin-bottom: 36px;
}

.userLoginFrom {
  margin-bottom: 24px;
}

.userLoginFrom input {
  border-radius: 200px;
  text-align: center;
}

.userLoginFrom button {
  padding: 6px 24px;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

/* ==============================================
   =================  18. Category/es Page ======
   ============================================== */
.product-card {
  margin-bottom: 24px !important;
  padding: 0 0 12px 0;
  margin-bottom: 4px;
  position: relative;
  border-radius: 12px !important;
  cursor: pointer;
}

.product-card h1 {
  font-family: segoe ui, Helvetica, droid sans, Arial, lucida grande, tahoma, verdana, arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  display: block;
  overflow: hidden;
  text-align: center;
  height: 64px;
}

.product-card h1 a {
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -o-transition: color .3s ease;
  -ms-transition: color .3s ease;
  transition: color .3s ease;
}

.product-card h1:hover a {
  color: #051e42f7 !important;
}

.product-card .running-offer-desc {
  margin: 0;
  text-align: center;
  border-radius: 3px;
  background: transparent !important;
  opacity: .85;
}

.product-card .product-card-btn {
  font-size: 14px;
  margin: 12px auto;
  padding: 8px 16px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125);
  text-align: center;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.product-card .product-card-price {
  line-height: 24px;
  margin: 4px 0 6px;
  font-size: 18px;
  color: #ff5454;
  font-weight: bold;
  display: block;
}

.product-card .product-card-price span {
  color: #555;
  text-decoration: line-through;
  font-weight: normal;
  opacity: .75;
  padding-left: 6px;
  font-size: 16px;
  line-height: 36px;
}

.product-card figure {
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center;
  border-radius: 12px;
  margin-bottom: 8px;
}

.product-card figure figcaption {
  background: rgb(36 130 39 / 80%) !important;
  font-weight: normal;
  display: block;
  position: absolute;
  bottom: 0;
  left: 10%;
  opacity: 0;
  width: 80%;
  height: 0;
  cursor: pointer;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.product-card:hover figure figcaption {
  opacity: 1;
  height: 24px;
  box-shadow: 0 -2px 24px rgba(0, 0, 0, 0.5);
}

.product-card figure figcaption a {
  background: #041e42;
  color: #fff !important;
  font-size: 12px;
  line-height: 24px;
  display: block;
  letter-spacing: 1px;
}

.all-categories-panel .product-card h1,
.product-card h1 {
  max-height: 48px !important;
  line-height: 24px;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0;
  -webkit-transition: color .3s ease-in;
  -moz-transition: color .3s ease-in;
  -o-transition: color .3s ease-in;
  -ms-transition: color .3s ease-in;
  transition: color .3s ease-in;
}

.all-categories-panel .product-card:hover h1 {
  color: #051e42f7;
}

.product-card img {
  -webkit-transition: transform .3s ease-in;
  -moz-transition: transform .3s ease-in;
  -o-transition: transform .3s ease-in;
  -ms-transition: transform .3s ease-in;
  transition: transform .3s ease-in;
  border-radius: 10px;
  width: 100%;
}

.product-card:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  border-radius: 10px;
}

/* ==============================================
   =================  19. Single Product Modal/page ==
   ============================================== */

#single-product-display-modal .modal-footer {
  display: block;
  padding: 0 !important;
  overflow: hidden;
}

#single-product-display-modal .modal-body {
  margin-bottom: 12px !important;
}

#single-product-display-modal .modal-footer .footer-widget {
  min-height: 144px !important;
}

#single-product-display-modal .modal-footer .footer-widget:first-child {
  border-right: 1px solid rgba(0, 0, 0, .1) !important;
}

@media (min-width: 576px) {
  #single-product-display-modal .modal-dialog {
    max-width: 960px;
  }

  .product-single-pages .modal-dialog {
    max-width: 100% !important;
    margin: 0 !important;
  }
}

.single-product-title {
  font-size: 18px;
  min-height: 48px;
  margin-bottom: 12px;
  margin-right: 12px;
}

#modal_single_product_title{
  font-size: 24px;
  font-weight: 600;
}

.single-product-desc {
  border-top-left-radius: 5px;
}

.single-product-card-price {
  display: block;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  color: #037cb7;
  border-bottom-left-radius: 5px;
}

.single-product-cart-reduced-price {
  font-weight: normal;
  text-decoration: line-through;
  opacity: .5;
  color: #666;
}

.reduced-price-badge {
  position: absolute;
  top: 0;
  left: 15px;
  height: 28px;
  line-height: 28px;
  padding: 0 6px;
}

.single-product-desc,
.single-product-card-price {
  line-height: 28px;
  padding-left: 15px;
  border-radius: 5px;
}

.single-product-desc-content {
  text-align: left;
  font-size: 15px;
  line-height: 20px;
  padding-right: 12px;
  max-height: 168px;
  overflow-x: hidden;
}

.single-product-counter {
  /*height: 48px;*/
  border-radius: 5px;
  line-height: 48px;
  overflow: hidden;
  justify-content: space-between;
  margin: 0;
}

.single-product-counter span {
  font-size: 18px;
  font-weight: bold;
  margin-right: 6px;
}

.single-product-counter i {
  font-size: 24px;
  font-weight: bold;
  padding: 6px 6px 0 6px;
  cursor: pointer;
}

.single-product-counter input[type="text"] {
  border: none;
  height: 48px;
  width: 72px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  border-radius: 48px;
  /* background: rgba(0, 0, 0, .1); */
  background: #fff;
  border: 1px solid #d3d3d3;
}

.single-product-counter input[type="text"]:focus {
  border: none;
  box-shadow: none;
}

.single-product-card-btn {
  display: block;
  line-height: 48px;
  text-align: center;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

#single-product-display-modal .modal-payment ul li,
#single-product-display-modal .footer-widget ul li {
  display: inline;
  font-size: 20px;
  color: #555 !important;
}

#single-product-display-modal .modal-payment ul li a,
#single-product-display-modal .footer-widget ul li a {
  color: #555 !important;
  padding-top: 2px;
}

#single-product-display-modal .modal-payment .footer-widget-title {
  font-weight: bold;
  font-size: 16px;
  margin-right: 10px;
}

#single-product-display-modal .modal-footer-gb-logo {
  max-width: 146px;
  max-height: 146px;
  padding: 0;
}

#single-product-display-modal .footer-widget .extra-links {
  text-align: right;
  padding-right: 10px;
}

#single-product-display-modal .footer-widget .extra-links a {
  display: block;
  font-weight: bold;
  color: #333 !important;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

#single-product-display-modal .footer-widget .extra-links a:hover {
  color: #051e42f7 !important;
}

#single-product-display-modal .footer-widget .extra-links li>a {
  display: inline-block;
  margin-right: 5px;
}

/* Product image carousel style */
#single-product-display-modal .carousel-control-prev,
#single-product-display-modal .carousel-control-next {
  display: block !important;
  height: 72px;
  top: 50%;
  margin-top: -36px;
}

#single-product-display-modal .carousel-indicators {
  bottom: 0px;
  margin: 0;
}

#single-product-display-modal .carousel-indicators li {
  width: 48px;
  height: 48px;
  border-radius: 0;
  background: transparent;
  position: relative;
  overflow: hidden;
}

#single-product-display-modal .carousel-indicators li img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* Image Zoom Style */
.img-magnifier-container {
  position: relative;
  /*cursor: none;*/
}

.img-magnifier-glass {
  position: absolute;
  border: 1px solid #041e42;
  /*Set the size of the magnifier glass:*/
  width: 200px;
  height: 200px;
  margin-top: -50px;
  margin-left: -50px;
  cursor: none;
  border-radius: 500px;
  opacity: 0;
  -webkit-transition: opacity .375s ease;
  -moz-transition: opacity .375s ease;
  -ms-transition: opacity .375s ease;
  -o-transition: opacity .375s ease;
  transition: opacity .375s ease;
}

.img-magnifier-container:hover .img-magnifier-glass {
  opacity: 1;
}

.img-magnifier-container img {
  width: 100%;
  height: auto;
  max-width: 600px;
  max-height: 600px;
}


/* ==============================================
   =================  20. Delivery Options  =====
   ============================================== */
.delivery-options-panel {
  padding-top: 36px;
}

/* .delivery-options-panel ul > li:first-child{
     display: none;
   } */
.delivery-options-panel .miniCart-item-row .miniCart-item-name,
.delivery-options-panel .miniCart-item-row .miniCart-item-briefs,
.delivery-options-panel .miniCart-item-row .miniCart-item-price p,
.delivery-options-panel .miniCart-item-row .miniCart-item-quantity {
  font-size: 13px !important;
}

.delivery-option-form {
  padding-right: 12px;
}

.delivery-option-form .form-control {
  border-radius: 24px !important;
  border: 1px solid rgba(251, 167, 7, .25);
}

.deliveryOptionFrom #comments,
.deliveryOptionFrom #DeliveryAddress {
  min-height: 168px;
}

.delivery-options-panel .fullCart-body.fix-height {
  max-height: 850px;
  overflow-x: hidden;
}

.delivery-options-panel .fullCart-body .miniCart-item-quantity .la {
  display: none;
}

/* ==============================================
   =================  21. Order Success Page  ===
   ============================================== */
.success-page-body {
  width: 100%;
  /* height: 100vh; */
  background-size: cover !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
}

.all-center {
  margin: 0 auto;
  margin-top: 36px;
}

.success-page-body .fullCart-body {
  display: block;
}

.success-page-body p {
  margin-bottom: 0;
}

.success-page-body h6 {
  padding: 0;
}

/* ==============================================
   =================  22. Order History Page ====
   ============================================== */
/* Modal */
#orderHistoryModal .orderHistorydeliveryAddress p {
  margin-bottom: 0 !important;
}

#orderHistoryModal .miniCart-order-submit-btn {
  padding: 12px;
}

#orderHistoryModal .miniCart-order-submit-btn a.btn {
  line-height: 24px;
}

#orderHistoryModal .fullCart-body {
  border-radius: 0;
}

#orderHistoryModal .modal-body button.ModalCloseBtn {
  right: -24px;
}

#orderHistoryModal .orderHistorydeliverydatetime h6 {
  padding-top: 6px;
  background: transparent;
}

#orderHistoryModal .miniCart-item-row i {
  display: none;
}

/* order history card */
.orderHistoryCard.white-card {
  display: block;
  overflow: hidden;
  margin-bottom: 12px
}

ul.orderRating li {
  list-style: none;
  display: inline;
}

.orderHistoryCard .btn.orderHistoryCardBtn {
  margin: 0 auto;
  font-size: 15px;
  font-weight: normal !important;
  max-width: 168px;
  padding-left: 16px;
  padding-right: 16px;
  cursor: pointer;
}


/* ==============================================
   =================  32. Add spaces =========
   ============================================== */
.topad-row,
.topad-row img {
  min-height: 144px;
}

.topad-row .btn {
  position: absolute;
  bottom: 6px;
  right: 6px;
  font-size: 13px;
  line-height: 24px;
  cursor: pointer;
}

/* ==============================================
   =================  33. Media Queries =========
   ============================================== */

/*  Device Breakpoints, Resposive style controls*/
/* Extra small devices (phones, 600px and down) */
@media (max-width: 600px) {
  .mini-cart-position {
    /*position: fixed;*/
    /*bottom: 0 !important;*/
    /*width: 100%;*/
    /*z-index: 8;*/
    /*height: 50px;*/
    /*height: 36px;*/
    /*background: #041e42f7;*/
    /*box-shadow: 0 -2px 18px rgba(0, 0, 0, .75);*/
    display: none !important;
  }

  .mini-cart-position .miniCart-button {
    float: right;
    width: 33%;
    background: transparent !important;
    font-size: 15px;
    font-weight: normal;
  }

  .mini-cart-position .miniCart-item-number-group,
  .mini-cart-position .miniCart-float-price,
  .mini-cart-position .miniCart-button {
    line-height: 50px;
    color: #ffffff;
    border-right: 2px solid #fff;
    /*display: flex;*/
    /*align-items: center;*/
  }

  .showOnDesktop {
    display: none;
  }


}

@media(min-width: 767px) {
  .footer-content-link {
    text-align: left;
  }
}

@media(max-width: 767px) {
  .footer-content {
    justify-content: center;
    padding-right: 0 !important;
  }

  h5.footer-text {
    font-size: 25px;
  }

  .footer-content-link {
    justify-content: center;
    margin-bottom: 10px;
  }

  .footer hr,
  footer hr,
  .modal-footer hr {
    margin: 0;
  }

}

@media(min-width: 768px) {
  .footer-content {
    justify-content: flex-end;
  }
}

@media (max-width: 600px) {

  .main {
    padding-top: 88px !important;
  }




  body {
    padding-bottom: 36px;
  }

  body.mini-cart-position-hide {
    padding-bottom: 0;
  }

  section {
    padding: 3px 0;
    width: 100%;
  }

  section.home-all-cat {
    padding-top: 16px;
  }

  ul.breadcrumb {
    padding: 2px 6px;
    font-size: 12px;
    line-height: 16px;
  }

  ul.breadcrumb li {
    font-size: 13px;
  }

  /*.mini-cart-position{*/
  /*  position: fixed;*/
  /*  bottom: 0 !important;*/
  /*  width: 100%;*/
  /*  z-index: 99999998;*/
  /*  height: 50px;*/
  /*height: 36px;*/
  /*  background: #fd5959;*/
  /*  box-shadow: 0 -2px 18px rgba(0, 0, 0, .75);*/
  /*}*/
  .mini-cart-position.active {
    display: block !important;
    line-height: 42px;
    height: 42px;
    font-size: 18px;
    width: 42px;
    top: 0;
    /*top: 54px;*/
    right: 0;
    box-shadow: none;
  }

  .mini-cart-position .miniCart-item-group {
    text-align: center;
  }

  .mini-cart-position .miniCart-item-number-group {
    float: left;
    /*width: 33%;*/
  }

  .mini-cart-position .miniCart-float-price {
    display: inline-block;
    width: 28%;
  }

  /*.mini-cart-position .miniCart-button{*/
  /*  float: right;*/
  /*  width: 33%;*/
  /*  background: transparent !important;*/
  /*  font-size: 15px;*/
  /*  font-weight: normal;*/
  /*}*/
  .mini-cart-position:hover .gb-gradient {
    background: none !important;
  }

  /*.mini-cart-position .miniCart-item-number-group,*/
  /*.mini-cart-position .miniCart-float-price,*/
  /*.mini-cart-position .miniCart-button{*/
  /*  line-height: 50px;*/
  /*  color: #ffffff;*/
  /*  border-right: 2px solid #fff;*/
  /*display: flex;*/
  /*align-items: center;*/
  /*}*/
  .mini-cart-position.active .miniCart-item-number-group,
  .mini-cart-position.active .miniCart-float-price,
  .mini-cart-position.active .miniCart-button {
    display: none;
  }

  .mini-cart-position .miniCart-close {
    display: none;
  }

  .mini-cart-position.active .miniCart-close {
    display: block;
  }

  .logo,
  .topbar-search-form {
    display: none;
  }

  .header-icon {
    margin-left: 2px;
    width: 45% !important;
    padding: 0 5px;
  }

  .topbar-right-button-group {
    margin-right: -8px;
  }

  .topbar-right-button-group .drop-down {
    width: 240px;
  }

  .hamburger {
    top: 0px !important;
    left: -8px;
  }

  #carouselExampleIndicators .carousel-indicators {
    bottom: -12px;
  }

  .sidebar-hide .sidebar.sidebar-shrink.sidebar-hide-to-small~.content-wrap,
  .sidebar.sidebar-shrink~.content-wrap {
    margin-left: 0 !important;
  }

  .sidebar-hide .sidebar {
    opacity: 0;
    /*-webkit-transition: all .4s ease;*/
    /*-moz-transition: all .4s ease;*/
    /*-o-transition: all .4s ease;*/
    /*-ms-transition: all .4s ease;*/
    /*transition: all .4s ease;*/
  }

  .sidebar {
    opacity: 1;
  }

  .hamburger .menu-text {
    display: none;
  }

  #userLoginModalCenter .home-modal-image-container {
    display: none;
  }

  .modal-body button.ModalCloseBtn {
    position: fixed;
    right: 0px;
    z-index: 9999999;
    top: 0px;
    border-radius: 0;
  }

  .home-main-search-panel {
    padding-top: 16px !important;
    padding-bottom: 24px !important;
  }

  section .section-title {
    font-size: 18px;
  }

  .home-main-search-panel .section-title {
    margin-bottom: 16px !important;
  }

  .home-main-search-panel .section-subtitle {
    font-size: 16px;
    line-height: 24px;
    margin: 24px auto;
    width: 75%;
  }

  .home-main-search-panel-form {
    width: 100%;
  }

  .order-steps-title {
    padding: 12px 0;
  }

  .order-steps {
    margin-left: 24px;
    margin-right: 24px;
  }

  .special-offer-card {
    margin-bottom: 12px;
  }

  .section-title.m-t-48 {
    margin-top: 0 !important;
  }

  section.all-running-offer {
    padding-bottom: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
  }

  .showOnPhone {
    display: block;
  }

  .mobile-logo {
    position: absolute;
    /*top: 7px;*/
    /*left: 50%; */
    /*transform: translateX(-50%);*/
    display: flex;
    justify-content: center;
    /*width: 70%;*/
  }

  #searchProduct {
    height: 36px;
  }

  #carouselExampleIndicators {
    /*margin-top: 45px;*/
    margin-top: 68px;
  }

  .mobile-logo img {
    display: block !important;
    height: 36px;
    width: auto !important;
    margin: 0 7px;
  }

  .product-card figure figcaption {
    opacity: 1;
    height: 24px;
    box-shadow: 0 -2px 24px rgba(0, 0, 0, 0.5);
  }

  #single-product-display-modal .carousel-indicators li,
  #single-product-display-modal .carousel-indicators li img {
    width: 28px;
    height: 28px;
  }

  #single-product-display-modal .carousel-indicators {
    bottom: -24px;
    margin: 0;
  }

  .single-product-card-btn {
    display: block;
    line-height: 48px;
    text-align: center;
    border-radius: 50px;
    margin: 0 auto;
    width: 90%;
  }

  .single-product-desc-content {
    padding-left: 12px;
  }

  #single-product-display-modal .modal-footer-gb-logo {
    max-width: 50%;
    padding: 0;
    margin: 12px auto 0;
  }

  #single-product-display-modal .footer-widget .extra-links {
    text-align: center;
    padding-right: 0px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 24px 0;
  }

  .single-product-title {
    font-size: 18px;
    min-height: 72px;
    margin-right: 12px;
  }

  .single-product-counter span {
    /*margin-left: -48px;*/
  }

  /* .product-single-pages{
      margin: 0 -15px;
    } */
  .mobileCenter {
    text-align: left;
    margin: auto auto;
  }

  .modal_product_description p {
    padding-left: 15px;
  }

  .my-cart-table .container {
    padding: 2px !important;
  }

  .delivery-option-form label {
    float: left !important;
    margin: 0 0 6px 6px !important;
  }

  .img-magnifier-glass {
    display: none;
  }

  .footer-appdownload-widget img {
    margin: 0 auto;
  }

  #orderHistoryModal .modal-body button.ModalCloseBtn {
    right: 0px;
  }

}

@media (min-width:360px) and (max-width:430px) {
  .mobile-logo {
    /*left: 50px;*/
    transform: translate(0);
  }
}

@media (min-width:601px) {
  .mobile-logo {
    display: none;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media (min-width: 601px) {


  /*  */
  .showOnPhone {
    display: none;
  }

  .product-card .product-card-btn {
    padding-left: 24px;
    padding-right: 24px;
  }

  /* mini cart float button */
  .mini-cart-position {
    position: fixed;
    z-index: 980;
    display: flex;
    width: 100px;
    height: 100px;
    align-items: center;
    align-content: center;
    bottom: 45%;
    right: 0;
    background: #fff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .mini-cart-position::before {
    display: block;
    content: '';
    height: 100%;
    width: 100%;
    background: url('/frontend_assets/images/bag-icon.png') no-repeat;
    /* background: url('images/miniCart-float-btn-bg.png') no-repeat; */
    background-position: center top;
    background-size: 65% 65%;
    position: absolute;
    /*top: -13px;*/
    top: 0;
    left: 0;
    z-index: 99999997;
  }

  .mini-cart-position-hide .mini-cart-position {
    display: none;
  }

  .mini-cart-position.active::before {
    background: none !important;
  }

  .miniCart-item-group {
    width: 100%;
    display: block;
    text-align: center;
    z-index: 99999998;
  }

  .mini-cart-position span {
    display: block;
    width: 100%;
  }

  .mini-cart-position.active {
    top: 75px;
    z-index: 99999999;
    width: 36px !important;
    height: 42px !important;
    border-radius: 0 !important;
    background-image: none !important;
    box-shadow: none;
  }

  .mini-cart-position .miniCart-close {
    display: none !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .mini-cart-position.active .miniCart-close {
    display: block !important;
    line-height: 42px;
    height: 42px;
    font-size: 18px;
    font-weight: bold;
  }

  .mini-cart-position.active .miniCart-items,
  .mini-cart-position.active .miniCart-item-text,
  .mini-cart-position.active .miniCart-button,
  .mini-cart-position.active .miniCart-float-price {
    display: none !important;
  }

  .miniCart-item-number-group {
    position: absolute;
    top: 2px;
    width: 100%;
  }

  .miniCart-item-number-group span {
    color: #040404;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .18);
    font-family: segoe ui, Helvetica, droid sans, Arial, lucida grande, tahoma, verdana, arial, sans-serif;
    font-weight: 900;
  }

  .miniCart-items {
    margin-top: 4px;
    font-size: 16px;
    font-weight: bold;
  }

  .bold {
    font-weight: bold;
  }

  .miniCart-item-text {
    font-size: 12px;
    font-weight: normal;
    text-transform: capitalize;
    line-height: 8px;
  }

  .miniCart-float-price {
    font-size: 16px;
    color: #bf7834;
    font-weight: 900;
    margin-top: 35px;
  }

  .mini-cart-position .miniCart-button {
    position: absolute;
    bottom: 0;
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    text-transform: capitalize;
    text-shadow: none;
    border-bottom-left-radius: 3px;
  }
}

.contact-div {
  display: flex;
  justify-content: center;
}

@media (max-width: 480px) {

}

/* Medium devices (landscape tablets, 768px and bellow) */
@media (max-width: 768px) {
  .hideOnPhone {
    display: none !important;
  }

  .sidebar-hide {
    margin-left: 0;
  }

  .sidebar {
    margin-left: -251px;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px) {
  /*  */

}

/* Large devices (laptops/desktops, 992px and up) */
@media (min-width: 992px) {

  /*  */
  .cbp-spmenu-vertical {
    width: 370px;
  }

  .cbp-spmenu-vertical .miniCart-item-image img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  /*  */
}

/*  Other Responsive Controls*/
@media (min-width: 320px) and (max-width: 1366px) {
  .sidebar-hide .sidebar.sidebar-hide-to-small .nano-content>ul>li>a {
    padding: 8px 0 !important;
  }
}

@media (min-width:1366px) and (max-width: 1450px) {
  .topbar-search-form {
    /* width: 630px!important;
      margin-left: 150px; */
    margin-left: 45px;
  }

  .topbar-search-form .form-control {
    max-width: 71%;
    min-width: 420px;
  }

  .nav-meta-data-wpr {
    grid-template-columns: 1fr 495px;
    padding-right: 18px;
  }

  .single-blog .blog-content {
    height: 60%;
    padding: 24px 35px;
  }

  .single-blog .blog-content>p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    text-overflow: ellipsis;
    padding: 0;
  }

  .footer-widget h3 {
    font-size: 23px;
  }

}

@media only screen and (max-width:1200px) {
  .nav-meta-data-wpr {
    grid-template-columns: 1fr 530px;
  }

  .topbar-search-form .form-control {
    min-width: 273px;
  }

  .hamburger {
    top: 10px !important;
  }

  .single-blog .blog-content {
    height: 60%;
    padding: 24px 35px;
  }

  .single-blog .blog-content>p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    text-overflow: ellipsis;
    padding: 0;
  }
}

@media only screen and (max-width: 991px) {
  .hamburger {
    top: 16px !important;
  }

  .footer-widget {
    margin-bottom: 32px;
  }

  .payemnt {
    margin-top: -70px;
  }
}

/* @media (min-width: 1149px) and (max-width: 1365px) {
    .topbar-search-form {
      width: 524px!important;
    }
  } */
@media (min-width: 980px) and (max-width: 1149px) {
  .topbar-search-form {
    width: 320px !important;
  }
}

@media (max-width: 1007px) {
  .topbar-search-form {
    display: none !important;
  }
}

@media (min-width: 240px) and (max-width: 1365px) {
  .topbar-phone {
    display: none;
  }
}

/* @media (min-width: 1900px)  {
    .topbar-search-form{
      width: 1140px !important;
    }
  } */

/* Mini Cart media queries */
@media screen and (max-height: 26.375em) {
  .cbp-spmenu-right {
    right: -190px;
  }
}

@media screen and (max-width: 600px) {
  .contact-div {
    justify-content: flex-end;
  }

  .phone-logo b {
    display: none !important;
  }

  .showOnPhone {
    display: none;
  }

  .phoneashowkorvanah {
    display: none;
  }

  /*.showOnDesktop{*/
  /*    display: none;*/
  /*}*/

  .showPhonePage {
    border-right: 1px solid #fff;
  }

  .showPhonePage:hover {
    background: wheat;
    /*color: read;*/
  }

  .showPhonePage a:hover {
    color: red;
  }

  .miniCart-body {
    /*height: calc(100% - 0px);   */
    height: 100vh;
  }

  .miniCart-order-submit-btn {
    /*padding : 18px 0px;*/
    /*margin-top: 10px !important;*/
    padding: 0 !important;
    margin-top: 0 !important;
    position: fixed;
    width: 100%;
    bottom: 0;
  }

  nav.cbp-spmenu.cbp-spmenu-vertical.cbp-spmenu-right.cbp-spmenu-open {
    width: 100%;
    top: 0;
    bottom: 0;
    transition: 0.5s;
  }

  /*span#miniCart-close{*/
  /*    position: absolute;*/
  /*    top: -54px;*/
  /*    width: 100%;*/
  /*}*/

  .even {
    padding-left: 3px !important;
    margin-left: -2px !important;
  }


}

.footer-text {
  font-weight: 600 !important;
  font-size: 18px !important;
}

@media screen and (max-width: 575px) {}

@media screen and (min-width: 600px) {
  .phoneashowkorvanah {
    display: block;
  }

  .phoneashowkorva {
    display: none;
  }

  .showPhonePage {
    display: none;
  }


}

@media screen and (max-width: 600px) {
  .showPhonePage {
    display: block;
  }
}

@media screen and (min-width: 360px) and (max-width: 480px) {

  #searchProduct {
    max-width: 180px;
    font-size: 14px;
    margin: 0;
    width: 100%;
  }

  .mini-cart-position .miniCart-float-price {
    width: 25%;
  }
}

@media only screen and (max-width: 480px) {

  .single-blog .blog-content {
    padding: 24px 35px;
  }

  .single-blog .blog-content>p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    text-overflow: ellipsis;
    padding: 0;
  }

  .payemnt {
    margin-top: 0px;
  }

  .nav-lang,
  .nav-login p{
    display: none !important;
  }

  .mobile-logo {
    position: static;
  }

  .mobile-logo.searchBar {
    width: 100% !important;
  }

  .hamburger {
    top: 5px !important;
  }

  .headerContainer .col-2 {
    position: static !important;
  }

  .nav-location-wpr {
    display: none;
    position: absolute !important;
    top: 100%;
    left: 0;
    background-color: #041e42;
    width: 100%;
    padding: 8px 0;
  }

  .nav-location {
    justify-content: center;
  }

  .nav-meta-data {
    top: 40px;
    right: -20%;
  }

  .nav-login .nav-meta-data{
    width: 120px;
  }

  .nav-meta-data a>span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }

  .main {
    padding-top: 95px !important;
  }

  .sidebar,
  .sidebar-hide .sidebar {
    top: 94.5px !important;
  }

  .footer-top-section {
    padding: 45px 0px 32px;
  }

  .footer-bottom-section {
    padding: 12px 0 32px;
  }

  .homepage-category-card a{
    /* grid-template-columns: 1fr 40px; */
    justify-items: center;
    grid-gap: 4px;
    padding: 0 4px;
  }
  
  /* .homepage-category-card img{
    width: 40px;
    height: 40px;
  } */

  .homepage-category-card p.parent_cat_title{
    font-size: 14px;
    margin-left: 0;
  }

  .fb_dialog_content iframe{
    bottom: 50px !important;
  }

}


@media screen and (max-width:360px) {
  .red-c {
    font-size: 24px;
  }

  .customer-care-card h2 {

    font-size: 20px;
    margin-bottom: 15px;
  }

  .customer-care-card p {
    margin-bottom: 12px;
    font-size: 25px;
    font-weight: bold;
  }

}

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

  .single-product-counter span {
    display: inline-block;
    /*display: block;*/
    text-align: center;
  }

  .single-product-counter input[type="text"] {
    width: 125px;
    display: block;
  }

}


@media screen and (min-width: 767px) {
  .evenCategory {
    padding-right: 0 !important;
  }

  .oddCategory {
    padding-right: 0 !important;
  }

}

@media screen and (max-width: 767px) {
  .evenCategory {
    padding-right: 0 !important;
  }

  .modal-open .modal {
    background: #fff !important;
  }

}

@media screen and (min-width: 992px) {
  .homeSliderImg {
    width: 100%;
    height: 400px !important;
  }
}

@media screen and (min-width: 360px) and (max-width: 991px) {
  .homeSliderImg {
    width: 100%;
    /*height: 180px;*/
  }
}

@media screen and (min-width: 360px) and (max-width: 601px) {
  .mini-cart-position span {
    display: block;
    width: 100%;
  }

  .mini-cart-position.active .miniCart-close {
    display: inline-block !important;
    line-height: 42px;
    height: 42px;
    font-size: 18px;
  }
}

figure.discountPortion {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  width: 50px;
  height: 50px;
  margin: 0;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 88;
  background: #ffc220e6;
  color: #000;
  padding: 8px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  box-shadow: 0 1px -1px rgb(0 0 0 / 90%) !important;
  /* visibility: hidden; */
  transition: 0.3s;
}

/*.product-card:hover figure.discountPortion{*/
/*    visibility: visible;*/
/*    transition: 0.3s;*/
/*}*/

.InputButtonDiv {
  display: flex;
  justify-content: center;
}

.InputButtonDiv input[type="text"] {
  height: 100% !important;
}

button.productModalButton1 {
  background: #f4f3f3;
}

button.productModalButton1 p {
  font-size: 28px;
  font-weight: 900;
  margin: 0;
}

.modal_product_description p.MsoNormal {
  font-size: 12px !important;
  margin-bottom: 5px;
}

.modal_product_description p.MsoNormal span {
  font-size: 14px !important;
}

.InputButtonDiv button{
  display: inline-block;
  width: 50px;
  font-size: 28px;
  font-weight: 900;
  border-radius: 4px 0 0 4px !important;
  text-align: center;
  line-height: 45px;
  padding: 0;
  border: 1px solid #d3d3d3;
  border-right: 0;
}

.InputButtonDiv button:last-child{
  border-radius: 0 4px 4px 0 !important;
  border-right: 1px solid #d3d3d3;
  border-left: 0;
}

.button-pv{
  background-color: #1EB08E ; 
  color: white; 
  width: 80px; 
  height: 30px; 
  border: 1px solid darkgreen; 
  border-radius: 15px;
}

.modal_product_description p.MsoNormal {
  word-break: break-all;
  max-width: 435px;
}