/* CSS Document */


/*********************************
2. Body and some general stuff
*********************************/

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

body {
  font-family: "Sansation", sans-serif;
  font-size: 14px;
  line-height: 23px;
  font-weight: 400;
  background: #ffffff;
  color: #1e1e27;
  overflow-x: hidden;
}

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

p {
  font-size: 14px;
  line-height: 1.4;
  color: #574e4e;
  margin: 0;
}

a {
  text-decoration: none;
}

a:focus-visible {
  outline: 0 none;
}

.trans_300 {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

form .form-control,
form .form-select {
  font-size: 14px;
  padding: 6px 10px;
  border-radius: 0;
  height: 38px;
}

form textarea {
  resize: none;
}

.form-control:focus,
.form-select:focus,
.btn-close:focus,
.accordion-button:focus,
.btn:focus {
  box-shadow: none !important;
  border-color: #dee2e6 !important;
}

.form-label {
  margin-bottom: 5px;
}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */

input[type="number"] {
  -moz-appearance: textfield;
}

/* Scrollbar Styling */

::-webkit-scrollbar {
  width: 5px;
  margin-right: 15px;
}

::-webkit-scrollbar-track {
  margin: 10px 10px 10px 0;
  padding-right: 10px;
  background-color: #ddd;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #77aeb9;
}

html .container {
  width: 100%;
  max-width: 1380px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  position: relative;
  float: none;
}

/*********************************
1. Header
*********************************/

.cont-cw {
  padding: 0 40px;
}

.header {
  background: #fff;
  position: relative;
  border-bottom: 2px solid #077996;
  transition: all 0.3s ease;
}
.main_nav_container {
	clear: both;
	position: relative;
	padding: 6px 0;
	border-bottom: 1px solid #dbdbdb;
}
.logo_container .logo {
	width: 100%;
	transition: all 0.3s ease;
	max-width: 160px;
}

/* Search box CSS */

.search-container {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
.search-box {
	width: 100%;
	padding: 10px 40px 10px 10px;
	font-size: 14px;
	border: 1px solid #20629d;
	border-radius: 5px;
	height: 40px;
}
.search-box:focus-visible {
  outline: 0 none;
}

input::placeholder {
  font-size: 14px;
}

.search-icon {
	position: absolute;
	bottom: auto;
	right: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: #01abec;
	background: #fff;
	padding: 4px 11px;
	cursor: pointer;
	transition: all 0.3s ease;
	border: 1px solid #01abec;
	border-radius: 3px;
	top: 3px;
	font-weight: 600;
	letter-spacing: 0.3px;
}
.search-icon:hover {
	background: #01abec;
	color: #fff;
}
.search-results {
  display: none;
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
  animation: slideDown 0.3s ease;
  z-index: 110;
}

.results-grid {
  display: flex;
  max-height: 250px;
  overflow-y: auto;
  margin-right: 8px;
  flex-wrap: wrap;
}

.results-column {
  flex: 1;
  padding: 15px;
  border-right: 1px solid #eee;
}

.results-column:last-child {
  border-right: none;
}

.results-column .result-header {
  color: #077996;
  font-size: 16px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e7e6e6;
  display: block;
  padding-bottom: 3px;
}

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

.results-column ul li a {
  margin-bottom: 2px;
  cursor: pointer;
  padding: 3px 0px;
  border-radius: 4px;
  line-height: 16px;
  font-size: 13.5px;
}

.results-column ul li a:hover {
  color: #e9732f;
}

ul li a.pou {
  color: #011214;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/***/

/* Get Quote Button CSS animation */
.get-quote-btn {
	color: #fff;
	padding: 5px 15px;
	font-size: 15px;
	overflow: hidden;
	position: relative;
	background: #1e619c;
	border: none;
	border-radius: 5px;
	font-weight: 500;
}
.get-quote-btn:before {
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 2px;
  content: '';
  width: 50%;
  background: rgba(255, 255, 255, 0.05);
}

.get-quote-btn span:nth-child(1) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, #fff, #fff);
	animation: animate1 2s linear infinite;
}

@keyframes animate1 {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.get-quote-btn span:nth-child(2) {
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	height: 100%;
	background: linear-gradient(to bottom, #fff, #1e619c);
	animation: animate2 2s linear infinite;
	animation-delay: 1s;
}
@keyframes animate2 {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(100%);
  }
}

.get-quote-btn span:nth-child(3) {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(to left, #fff, #fff);
	animation: animate3 2s linear infinite;
}

@keyframes animate3 {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}
.get-quote-btn span:nth-child(4) {
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 100%;
	background: linear-gradient(to top, #fff, #1e619c);
	animation: animate4 2s linear infinite;
	animation-delay: 1s;
}

@keyframes animate4 {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(-100%);
  }
}


/* modal-dialog */
.modal-dialog .modal-header {
	background-color: #1e619c;
	padding: 8px 14px;
	color: #fff;
	position: relative;
}
.modal-header .modal-title {
	font-size: 16px;
	font-weight: 600;
}
.modal-dialog .btn-close {
  position: absolute;
  top: -6px;
  right: -12px;
  font-size: 10px;
  border: 0;
  border-radius: 50%;
  padding: 8px;
  background-color: #ffffff;
  margin-right: 0;
  opacity: 1;
}
.modal-dialog .download-catlog {
	display: block;
	width: 100%;
	padding: 5px 12px;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 14px;
	margin-bottom: 8px;
	position: relative;
	color: #333;
	border-radius: 3px;
}
.modal-dialog .download-catlog .download-icon {
  padding-left: 4px;
  font-size: 13px;
  color: #686767;
}
.lbz-btn {
	display: inline-block;
	padding: 4px 15px;
	border: 1px solid;
	border-radius: 3px;
	text-align: center;
	font-size: 14px;
	border-color: #1e619c;
	color: #1e619c;
	transition: all 0.35s;
	background: transparent;
	font-weight: 600;
}

.lbz-btn:hover {
  box-shadow: inset 0 0 0.55em 0em #1e619c;
  border-color: #1e619c;
  color: #1e619c;
}

/*****/

/* all catgories button css */

.vertical-menubar {
  width: 100%;
}

.navbar-vertical {
  position: relative;
  padding: 10px;
  background: #fff;
  border-radius: 5px;
}

.category-list {
  display: none;
  /* Hide by default */
  position: absolute;
  right: 0;
  background-color: white;
  z-index: 98;
  width: 100%;
}

.category-list.show {
  display: block;
  /* Show when class 'show' is added */
}

.home .category-list {
  display: block;
  /* Show on home page */
}

/* main-menu dropdown css */


.menu-heading {
  padding: 6px;
  background: #f3f3f3;
  border-radius: 10px 10px 0 0;
  position: relative;
  cursor: pointer;
}
.menu-vertical {
	padding: 6px 15px;
	color: #fff;
	background: #1e619c;
	font-size: 15px;
	border-radius: 6px;
}

.menu-vertical i {
  font-size: 15px;
  margin-right: 7px;
}


/***/


/* Menu Naviagation css */

.menu-navigation .menu-btn {
  display: none;
}
.header .menu ul {
	display: inline-flex;
	justify-content: center;
	width: 100%;
	align-items: center;
}
.header .menu li {
  padding: 0 18px;
}
.header .menu a {
	font-size: 15px;
	display: block;
	text-decoration: none;
	color: #333;
	font-weight: 600;
	position: relative;
	transition: color 0.5s;
}
.header .menu a:hover {
	color: #2bb0ee;
}
@media (max-width: 991px) {
  .header .menu-btn {
    height: 36px;
    width: 44px;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 101;
  }

  .header .menu-btn .line {
    position: absolute;
    height: 2px;
    width: 30px;
    background-color: hsl(0deg 0.58% 12.24%);
    transition: transform 0.5s;
  }

  .header .menu-btn.active .line {
    background-color: #fff;
  }

  .header .menu-btn .line-1 {
    transform: translateY(-8px);
  }

  .header .menu-btn .line-3 {
    transform: translateY(8px);
  }

  .header .menu-btn.active .line-2 {
    transform: rotate(-45deg);
  }

  .header .menu-btn.active .line-1,
  .header .menu-btn.active .line-3 {
    transform: translateY(0) rotate(-135deg);
  }

.header .menu {
	position: fixed;
	left: 100%;
	top: 0;
	height: 100%;
	background-color: #1e609b;
	border-left: 2px solid #008b7e;
	width: 385px;
	padding: 50px 10px 30px;
	z-index: 100;
	box-shadow: 0 4px 10px #8e8e8e24;
	transition: transform 0.5s;
}

  .menu-btn.active {
    position: fixed;
    top: 15px;
    right: 15px;
  }

  .header .menu.open {
    transform: translateX(-100%);
  }

  .header .menu::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 62px;
    box-sizing: border-box;
  }

  .header .menu>ul {
    max-height: 100%;
    overflow-y: auto;
  }

  .header .menu li {
    display: block;
    padding: 0;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 8px;
  }

  .header .menu li+li {
    margin: 0;
  }

  .header .menu a::after {
    content: none;
  }

  .header .menu ul {
    display: inline-block;
  }

  .header .menu a {
    padding: 8px 12px;
    color: #fff;
    font-weight: 500;
    transition: all 0.3s;
  }

  .header .menu a:hover {
    color: #e9732f;
  }
}

@media (max-width: 576px) {
  .menu-btn.active {
    position: fixed;
    top: 15px;
    right: 25px;
  }
}

.header-email {
  display: inline-flex;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
}

.header-email a {
	font-size: 15px;
	color: #333;
	font-weight: 600;
	display: flex;
	align-items: center;
}
.header-email a i {
	font-size: 19px;
	margin-right: 6px;
	color: #1e619c;
}

/* Start vertical-menulist CSS */

.vertical-menulist,
.home-menulist {
  background: #fff;
  box-shadow: 0px 4px 15px 0px #E9DCD7;
  border-radius: 0 0 10px 10px;
  width: 100%;
}
.dropdown-menu-list, .menu-list {
	overflow: hidden;
	padding-right: 10px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 305px;
	margin-right: 10px;
	scrollbar-width: thin;
}

.dropdown-menu-list a,
.menu-list a {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  color: #161616;
  border-bottom: 1px solid #f1f1f1;
  font-size: 14px;
  line-height: 17px;
  transition: color 0.5s;
}

.dropdown-menu-list a:hover,
.menu-list a:hover {
  color: #077996;
}

/* This code will only apply to non-home pages */

.vertical-menulist {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  position: absolute;
  left: 0;
  z-index: 999;
  background: #fff;
  width: 100%;
}

/* When active, expand smoothly */

.vertical-menulist.active {
  max-height: 1000px;
  /* large enough to show all content */
}

.home-banner {
  margin-top: 20px;
}


/*********************************
1.2 breadcrumb (Page Title)
*********************************/

.breadcrumbs {
  width: 100%;
  padding: 10px 0;
  border-bottom: solid 1px #ebebeb;
  margin-bottom: 5px;
}

.breadcrumbs ul li {
  display: inline-block;
  position: relative;
  padding-left: 18px;
}

.breadcrumbs ul li:first-child {
  padding-left: 0;
}

.breadcrumbs ul li::after {
  position: absolute;
  left: 2px;
  top: 0px;
  transform: translateY(-1px);
  display: inline-block;
  vertical-align: middle;
  content: ">";
  font-size: 16px;
  color: #51545f;
}

.breadcrumbs ul li:first-child::after {
  display: none;
  padding-left: 0;
}
.breadcrumbs ul li.active a {
	color: #1e619c;
	font-weight: 600;
}
.breadcrumbs ul li a {
  color: #515151;
}

.breadcrumbs ul li a i {
  padding-right: 6px;
  font-size: 13px;
}

/*****/


/* Start Home page */

.content1 {
  padding-top: 22px;
}

.content1 p {
  text-align: justify;
}

section {
  padding: 18px 0 35px;
  margin-bottom: 30px;
}

.section-title {
  text-align: center;
  margin-bottom: 4px;
  padding: 9px 0;
}
.section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6, body .faqtt {
	font-size: 28px;
	color: #1e619c;
	text-align: center;
	font-weight: 700;
	margin-bottom: 5px;
	position: relative;
	display: inline-block;
}
.section-title p {
	text-align: center;
	margin-bottom: 5px;
}
.pg-tp {
  margin-top: 12px;
}


/* Start Laboratory Equipment section */
.category-item {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	text-align: center;
	border: 1px solid #d7d7d7;
	height: inherit;
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 10px;
}
.category-image {
	width: 150px;
	height: 150px;
	object-fit: contain;
}
.category-content {
  padding-top: 8px;
  background-color: #fff;
}

.category-title h2, .category-title h3, .category-title h4, .category-title h5, .category-title h6, .category-title p {
	font-size: 16px;
	color: #333;
	margin-bottom: 2px;
	font-weight: 600;
	line-height: 120%;
}
.category-desc {
  font-size: 13px;
  color: #666;
}


/* Start hybridizer-secition CSS */


.card {
  display: flex;
  background-color: #f5f6f7;
  border-radius: 8px;
  box-shadow: 0 6px 20px rgb(153 150 150 / 10%);
  overflow: hidden;
  height: 100%;
  position: relative;
  padding: 12px;
}

.card-image {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
}

.card-image img {
  width: 170px;
  height: 170px;
  object-fit: contain;
}

.card-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card-title h2,
.card-title h3,
.card-title h4,
.card-title h5,
.card-title h6,
.card-title p {
  font-size: 16px;
  font-weight: 600;
  color: #066782;
  margin-bottom: 0px;
  line-height: 18px;
}

.specs ul {
  overflow: hidden;
  padding-right: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 75px;
}

.specs li {
  font-size: 14px;
  color: #282323;
  line-height: 18px;
  margin-bottom: 5px;
}

.specs li span {
  font-weight: 500;
  color: #000;
}

.buttons {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  border-top: 1px solid #ddd;
  padding-top: 8px;
}

/* .buttons a {
  text-decoration: none;
  text-align: center;
  padding: 4px 18px;
  border-radius: 5px;
  font-weight: 500;
  transition: background 0.3s ease;
} */

.quote-btn {
  background-color: #077996;
  color: white;
  font-size: 14px;
  outline: 0 none;
  padding: 2px 10px;
  border-radius: 5px;
  border: 1px solid #077996;
}

.quote-btn i {
  font-size: 12px;
  margin-right: 8px;
}

.quote-btn:hover {
  background-color: #1190b1;
}

.catalog-btn {
  background-color: #fff;
  color: #077996;
  font-size: 14px;
  outline: 0 none;
  padding: 2px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align: center;
}

.catalog-btn:hover {
  background-color: #e2e6ea;
  color: #333;
}

/* Start Microtome-section CSS */
.bg-gray {
	background: #f5f5f5;
	padding-top: 17px;
	padding-bottom: 26px;
}
.module-item {
	padding: 15px 15px;
	height: 100%;
	border-radius: 8px;
	border: 1px solid #1e619c63;
	background-image: linear-gradient(180deg, #d9dfe37a 0%, #fcfdff 100%);
}
.module-title {
  margin-top: 14px;
}
.module-title h2, .module-title h3, .module-title h4, .module-title h5, .module-title h6 {
	display: block;
	font-size: 22px;
	color: #1e71b8;
	padding-bottom: 2px;
	font-weight: 700;
	text-align: center;
}
.module-img {
  text-align: center;
}
.module-img img {
	width: 145px;
	height: 145px;
	object-fit: contain;
	background: transparent;
	border-radius: 4px;
	border: 1px solid #1e619c;
}

.module-lists {
  margin-top: 10px;
}
.module-lists li {
	margin-bottom: 5px;
	line-height: 18px;
	padding: 4px 10px;
	border-radius: 4px;
	border: 1px solid #057db1;
}
.module-lists li a {
	color: #057db1;
	font-size: 14px;
	font-weight: 600;
	transition: all 0.3s ease;
	display: block;
	text-align: center;
}
.module-lists li a:hover {
	color: #057db1;
}

.microscope-item {
  border: 1px solid #e3e3e3;
  padding: 10px;
  background: #fff;
  height: 100%;
  border-radius: 8px;
}

.microscope-image {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.microscope-image img {
  width: 180px;
  height: 180px;
  object-fit: contain;
}

.micro-title h2,
.micro-title h3,
.micro-title h4,
.micro-title h5,
.micro-title h6,
.micro-title p {
  font-size: 16px;
  font-weight: 600;
  color: #066782;
  margin-bottom: 14px;
}
.micro-title h2, .micro-title h3, .micro-title h4, .micro-title h5, .micro-title h6, .micro-title p {
	font-size: 17px;
	font-weight: 600;
	color: #1e619c;
	margin-bottom: 10px;
}
.micro-specs li {
	font-size: 14px;
	color: #171717;
	line-height: 18px;
	margin-bottom: 4px;
	border: 1px solid #ddd;
	padding: 4px 10px;
	background-color: #fff;
}
.micro-specs li:nth-of-type(2n+1) {
	background-color: #cccccc2b;
}
.micro-specs li span {
	font-weight: 600;
	color: #262626;
}

.button-group {
  border-top: 1px solid #d3d3d3;
  padding-top: 8px;
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 10px;
}
.get-btn {
	background-color: #fff;
	color: #27a5ee;
	border: 0;
	outline: 0 none;
	padding: 2px 8px 3px;
	border-radius: 3px;
	font-weight: 500;
	font-size: 14px;
	border: 1px solid #27a5ee;
	display: flex;
	align-items: center;
}
.price span {
	color: #e27c7c;
	font-size: 15px;
	font-weight: 600;
}
.eqhe {
	display: flex;
	flex-direction: column;
	height: inherit;
}
.eqhe .microscope-item,
 .eqhe .microscope-item .micro-content ,
 .eqhe .microscope-item .micro-title {
	display: flex;
	flex-direction: column;
	height: inherit;
	flex: 1;
}
.get-btn i {
	font-size: 14px;
	margin-right: 7px;
  line-height: 100%;
}
.microtome-section .cat-btn {
	padding: 3px 7px;
	background: #fff;
	color: #1e619c;
	border: 1px solid #1e619c;
	border-radius: 3px;
	transition: all 0.3s ease;
	font-size: 15px;
}
.microtome-section .cat-btn:hover {
  color: #e9732f;
}
.subproduct-section .cat-btn {
	font-size: 14px;
	padding: 2px 6px;
	background: #fff;
	color: #1e619c;
	border-radius: 3px;
	transition: all 0.3s ease;
	border: 1px solid #1e619c;
}
.subproduct-section .cat-btn:hover {
  color: #fff;
  background: #107996;
}
.subproduct-section .cat-btn i {
	font-size: 15px;
	margin-right: 0;
}
/* Start Sspectrophotometer section */
.spectro-section .micro-specs ul {
	overflow: hidden;
	padding-right: 0;
	overflow-y: auto;
	overflow-x: hidden;
	height: 102px;
	scrollbar-width: thin;
}
.spectro-section .micro-specs li {
	font-size: 14px;
	color: #171717;
	line-height: 120%;
	margin-bottom: 4px;
	border: 1px solid #ddd;
	padding: 5px 10px;
	background-color: #fff;
}
.spectro-section .micro-specs ul hr {
	margin: 3px;
	padding: 0px;
}
.spectro-section .micro-specs li:nth-of-type(odd) {
  background-color: #f3f0f0;
}
.spectro-section .micro-specs li span {
	font-weight: 600;
	color: #262626;
}
/* Start Footer section */

.footer {
  position: relative;
  background-color: #ffffff;
  border-top: 2px solid #077996;
}

.footer-items {
  padding: 20px 0 20px 0;
}

.ftr-item {
  border-right: 1px solid #e3e3e3;
}

.ftr-item:last-child {
  border-right: 0;
}

.ftr-logo img {
  width: 240px;
}

.ftr-item .logo-content {
  color: #4e4e4e;
  text-align: justify;
}
.footer-items .ftr-header {
	font-size: 19px;
	color: #1d5f9b;
	font-weight: 600;
	margin-bottom: 0px;
	position: relative;
	padding-bottom: 20px;
}
.footer-items .ftr-header::after {
	position: absolute;
	content: "";
	height: 3px;
	width: 40px;
	background-color: #27a5ee;
	bottom: 12px;
	left: 0;
}

.ftr-item li {
  margin-bottom: 8px;
  line-height: 18px;
  position: relative;
}

.ftr-item li a {
  color: #444444;
  font-size: 14px;
  transition: all 0.3s ease;
}

.ftr-item li a:hover {
  color: #077996;
}

.ftr-contact-info li {
  padding-left: 65px;
  margin-bottom: 5px;
}
.ftr-contact-info li span {
	position: absolute;
	left: 0;
	top: 0;
	color: #27a5ee;
	font-size: 14px;
	font-weight: 600;
}
.home-banner {
	margin-top: 0;
}
.home-banner img {
	height: 305px;
	border-radius: 0 0 10px 10px;
}
.lab-ctg .labctgwr {
	height: inherit;
	display: flex;
	flex-direction: column;
}
.ftr-contact-info li p,
.ftr-contact-info li a {
  color: #4e4e4e;
  line-height: 20px;
  margin-bottom: 0;
  transition: all 0.3s ease;
}

.ftr-contact-info li a:hover {
  color: #005490;
}
.copyright-footer {
	font-size: 14px;
	padding: 12px 16px;
	color: #fff;
	text-align: center;
	background: #1d65a5;
	line-height: 16px;
	font-weight: 500;
}

/***/


.section-content {
  text-align: center;
  padding: 8px 0;
}
.section-content h1, .section-content h2 {
	font-size: 27px;
	margin-bottom: 5px;
	position: relative;
	display: inline-block;
	color: #1e619c;
	font-weight: 700;
}


/* Start Lab equipment page CSS */

.frezer-row {
  display: flex;
  flex-wrap: wrap;
}

.frezer-wr {
  width: 20%;
  padding: 0 5px;
  margin-bottom: 10px;
  display: flex;
  height: inherit;
  flex-direction: column;
}

.frezer-item {
  padding: 10px;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  height: 100%;
  overflow: hidden;
  transition: transform 0.2s;
}

.frezer-name {
  margin-bottom: 5px;
  text-align: center;
}
.frezer-name h2, .frezer-name h3, .frezer-name h4, .frezer-name h5, .frezer-name h6, .frezer-name p {
	font-size: 16px;
	margin-bottom: 0;
	color: #1e619c;
	font-weight: 600;
	line-height: 20px;
}
.frezer-img {
  text-align: center;
}

.frezer-img img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  transition: all .3s 0s ease-out;
}

.frezer-item:hover .frezer-img img {
  transform: scale(1.1);
}

/* Responsive CSS Lab equipment page */

@media only screen and (min-width: 991px) and (max-width: 1170px) {
  .frezer-wr {
    width: 25%;
  }
}

@media only screen and (min-width: 670px) and (max-width: 991px) {
  .frezer-wr {
    width: 33.33%;
  }

  .categories-item .categories-img {
    padding: 10px 0;
  }
}

@media only screen and (min-width: 420px) and (max-width: 670px) {
  .frezer-wr {
    width: 50%;
  }

  .frezer-img img {
    width: 135px;
    height: 135px;
    object-fit: cover;
  }

}

@media only screen and (max-width: 420px) {
  .frezer-wr {
    width: 100%;
  }
}


/* Start Sub Product Categories */

.lab-content {
  text-align: center;
}

.btn-tabs-row .btn-tabs {
	color: #1e619c;
	display: inline-block;
	border: 1px solid #dddddd;
	padding: 3px 10px;
	margin-bottom: 6px;
	border-radius: 3px;
	transition: all 0.3s ease;
	box-shadow: 0 5px 8px 0 rgb(0 0 0 / 5%);
}
.btn-tabs-row .btn-tabs:hover {
  background: #1e619c;
  color: #fff;
}

.btn-tabs-row .btn-tabs h2 {
  font-size: 14px;
  color: #4886c0;
  margin-bottom: 0;
}

.subproduct-section .microscope-image {
  display: flex;
  justify-content: left;
  align-items: center;
  text-align: center;
}



/**===============================- Compare -=================================-**/

.compare_bttn {
  background-color: #235a66;
}

.action--compare-add {
  color: #077996;
}

.action--compare-add:hover .action__text--invisible,
.action--download:hover .action__text--invisible {
  color: #ddd;
  font-size: 16px;
  letter-spacing: 0;
  background: #2f3035;
  border-radius: 2px;
  padding: 3px 5px;
}

.action--compare-add .fa-check,
.action--compare-add input[type="checkbox"]:checked~.fa-plus {
  display: none;
}

.action--compare-add input[type="checkbox"]:checked~.fa-check {
  display: inherit;
  color: #e9732f;
  cursor: pointer;
}

.check-hidden {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.cpp i {
  font-size: 15px;
}

.action {
  display: inline-block;
  font-size: 16px;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  background: transparent;
  text-align: center;
  text-transform: capitalize;
}

.action:focus {
  outline: none;
}

.action__text {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 0.813em;
  vertical-align: middle;
  display: inline-block;
}

.action__text--invisible {
  position: absolute;
  top: 100%;
  opacity: 0;
  pointer-events: none;
}

.compare-top {
  position: fixed;
  top: 265px;
  right: 30px;
  z-index: 99;
}
.btn-compare, .btn-compare:hover {
	background-color: #e27c7c;
	color: #fff !important;
	font-size: 14px;
	border-radius: 0;
	border: 1px solid #e27c7c;
	font-weight: 600;
}
.col-md-2-5.col-lg-2-5 {
  width: 20%;
}

.leftfl::before,
.rightfl::before {
  font-size: 25px;
}

.cpp {
  color: #666;
  border: 1px solid #ddd;
  cursor: pointer;
  height: 34px;
  width: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.cpp:focus {
  outline: 0 none;
}

/******/


/* Start faq-section */

.faq-section .accordion {
  display: flex;
  flex-wrap: wrap;
}

.faq-section .accordion-item {
  width: 48%;
  margin: 0 0.4%;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 0;
  margin-bottom: 10px;
  padding: 10px 15px;
}

.faq-section .accordion .accordion-item button[aria-expanded='true'] {
  border-bottom: 1px solid #1082ce;
}

.faq-section .accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  color: #e9732f;
  font-size: 15px;
  font-weight: 500;
  border: none;
  background: none;
  outline: none;
}

.faq-section .accordion button:hover,
.faq-section .accordion button:focus {
  cursor: pointer;
  color: #077996;
}

.faq-section .accordion button:hover::after,
.faq-section .accordion button:focus::after {
  cursor: pointer;
  color: #077996;
  border: 1px solid #077996;
}

.faq-section .accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
  color: #767676;
}

.faq-section .accordion button .icon::before {
  display: block;
  position: absolute;
  content: '';
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}

.faq-section .accordion button .icon::after {
  display: block;
  position: absolute;
  content: '';
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}

.faq-section .accordion button[aria-expanded='true'] {
  color: #1082ce;
}

.faq-section .accordion button[aria-expanded='true'] .icon::after {
  width: 0;
}

.faq-section .accordion button[aria-expanded='true']+.accordion-content {
  opacity: 1;
  max-height: 12em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
  position: absolute;
  bottom: auto;
  top: auto;
  left: 0;
  right: 0;
}

.accordion .accordion-content {
  background: #fff;
  padding-top: 5px;
}

.accordion .accordion-content p {
  font-size: 14px;
  margin: 12px 0 16px;
  text-align: justify;
  color: #484848;
  line-height: 18px;
  margin: 0;
}


/* Start Product by categories page */


.side-area .side-title {
  position: relative;
  padding: 5px 12px;
  margin-bottom: 8px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.side-title p {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 0;
	color: #1e619c;
	line-height: 26px;
	padding: 0;
}
.product-side .side-header {
	font-size: 16px;
	font-weight: 600;
	color: #e27c7c;
	margin-bottom: 12px;
}
.product-side .content-item {
  margin-bottom: 8px;
  border: 1px solid #ddd;
  padding: 10px 12px;
  border-top: 1px solid #077996;
  border-radius: 0;
  background-color: #fff;
}

.product-side .list {
  overflow: hidden;
  padding-right: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  height: auto;
  margin: 10px 10px 10px 0;
}
.product-side .list li {
	display: flex;
	margin-bottom: 8px;
	cursor: pointer;
	line-height: 100%;
	transition: 0.5s;
	align-items: flex-start;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  cursor: pointer;
}
.product-side .list li span {
	font-size: 13px;
	font-weight: normal;
	color: #0f0f0f;
	position: relative;
	margin-left: 6px;
	line-height: 120%;
}
.product-side .list li .slect {
	margin-top: 1px;
}

/* Compare-section */

.compare-section .table-responsive {
  overflow-x: auto;
  overflow-y: visible;
  /* Important! */
  max-height: 600px;
  padding-right: 6px;
}

table {
  border-collapse: collapse;
  width: 100%;
}

.sticky th,
.sticky td {
  position: sticky;
  top: 0;
  background: #ffffff;
  z-index: 10;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  /* Optional small shadow effect */
}

.compare-section .table th {
  vertical-align: middle;
  line-height: 20px;
  padding: 15px 15px;
  width: 150px;
  font-weight: 500;
  color: #000;
}

.compare-section .table tr td {
  padding: 15px 15px;
  vertical-align: middle;
}

.compare-section .table .compare-img {
  text-align: center;
  padding-top: 20px;
}

.compare-section .table .compare-img img {
  width: 170px;
  padding: 10px;
}
.compare-img h2, .compare-img h3, .compare-img h4, .compare-img h5, .compare-img h6 {
	font-size: 16px;
	color: #018e81;
	margin: 28px 0 0;
	text-align: left;
	font-weight: 600;
}

.compare-section .table .compare-img .remove {
  position: absolute;
  top: 8px;
  right: 16px;
}

.remove a {
  color: #f70e0e;
}

/***/


/* Start Product description page */

.main-image-xl {
  position: sticky !important;
  top: 12px;
  margin: 0px !important;
  text-align: left;
}

.main-image-box {
  background: #fff;
  text-align: center;
  position: relative;
}

/* .main-image-wrapper {
  display: inline-block;
  background: #fff;
  margin: 15px 0;
  width: 70%;
} */

.main-carousel-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  font-size: 16px;
  height: 40px;
  width: 40px;
  color: #222;
  padding: 0;
  cursor: pointer;
  z-index: 2;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.main-carousel-nav.left {
  left: 20px;
}

.main-carousel-nav.right {
  right: 20px;
}

.main-image {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  border: 1px solid #7bcee3;
  height: 300px;
}
.main-image img {
	width: 230px;
	height: 230px;
	object-fit: contain;
	padding: 5px;
	transition: all 0.3s ease;
}
.more-images-slider {
  margin-top: 22px;
}

.more-images-slider .more-imge-item {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #fefefe;
  border: 1px solid #e8e8e8;
  height: 100px;
  transition: all 0.3s;
}

.more-images-slider .more-imge-item:hover {
  border: 1px solid #077996;
}

.more-images-slider .more-imge-item.active {
  border-color: #e8782f;
}


.more-imge-item img {
  width: 90px !important;
  height: 90px;
  object-fit: contain;
  padding: 10px;
}

/* Start owl slider css */

.owl-carousel .owl-dots {
  display: none;
}

.more-images-slider .owl-carousel .owl-nav button {
  color: #44464a !important;
  transform: translateY(-25px);
  background: #e59e79;
  height: 34px;
  width: 18px;
  text-align: center;
  border-radius: 5px;
}

.more-images-slider .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  left: -17px;
}

.more-images-slider .owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  right: -17px;
}

.more-images-slider .owl-nav button span {
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: middle;
  content: "\f095";
  font-size: 12px;
  color: #fff;
  padding: 0;
}

/****/

.product-about {
  margin-bottom: 30px;
}

.product-about .about {
  text-align: justify;
}
.product-title h1 {
	font-size: 20px;
	color: #1e619c;
	font-weight: 600;
	margin-bottom: 7px;
}
.product-actions {
	display: inline-flex;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 40px;
	align-items: center;
	margin-top: 7px;
}
.product-about .product-actions {
	display: flex;
	margin-top: 10px;
}
.ask-btn {
	display: flex;
	align-items: center;
}
.wr {
	display: flex;
	align-items: center;
	padding: 0 0 0 0;
}
.getQuote.prdgtqt {
	margin: 0 10px 0 0;
}
.prdadct {
	margin: 0 10px 0 0;
	border: 1px solid #01abec;
	color: #01abec;
}
.prdadct i {
	padding-right: 5px;
}
.product-actions .price {
	margin-right: 10px;
}
.expert-btn.prdbyn {
	border: 1px solid #333;
	color: #333;
	margin-right: 10px;
}
.wr .s-catlog-btn {
	margin: 0;
}
.s-catlog-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4px 10px;
	margin: 0.5rem;
	border: 1px solid #1e619c;
	border-radius: 3px;
	text-align: center;
	font-size: 14px;
	color: #1e619c;
	text-decoration: none;
	transition: all 0.35s;
	font-weight: 600;
}
.s-catlog-btn:hover {
  box-shadow: inset 0 0 0 2em #077996;
  border-color: #077996;
  color: #fff;
}

.s-catlog-btn i {
  font-size: 14px;
  margin-right: 6px;
}


.product-details .table tbody th {
  font-size: 14px;
  font-weight: 500;
}

.product-details .accordion-button {
  background-color: #e5e5e5;
  font-weight: 500;
}

.product-details .features-item li {
  font-size: 14px;
  line-height: 30px;
  position: relative;
  padding-left: 25px;
}

.product-details .features-item li::before {
  position: absolute;
  left: 3px;
  top: 0px;
  font-family: "bootstrap-icons";
  display: inline-block;
  vertical-align: middle;
  content: "\F633";
  font-size: 14px;
  color: #545050;
}

.product-details .download-catalog a {
  border: 1px solid #c3c3c3;
  padding: 5px 12px;
  color: #066782;
  display: inline-block;
  line-height: 20px;
}

.spec-item {
  margin-bottom: 10px;
  border: 1px solid #dee2e6;
}
.spec-content {
	padding: 5px 10px 10px;
}
.spec-header {
	display: block;
	color: #1e619c;
	padding: 5px 13px;
	font-size: 18px;
	font-weight: 600;
} 
/* Start Terms and conditions page */
.policy-head {
  color: #222;
  font-weight: 600;
}
/* Start Catalog page CSS */
.catalog-item {
	overflow: hidden;
	border: 1px solid #d7d7d7;
	box-shadow: 0 0 4px 2px #0000000d;
	padding: 10px 14px;
	height: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	border-radius: 5px;
	border-left: 2px solid #1e619c;
	display: flex;
	align-items: center;
}
.catalog-img {
	width: 40%;
	text-align: center;
}
.catalog-img img {
	width: 140px;
	height: 140px;
	object-fit: contain;
}
.catalog-content {
	width: 60%;
	padding-left: 10px;
}
.catalog-title h2, .catalog-title h3, .catalog-title h4, .catalog-title h5, .catalog-title h6, .catalog-title p {
	font-size: 16px;
	font-weight: 600;
	color: #01abec;
	line-height: 120%;
	margin-bottom: 8px;
}
.catalog-lists ul {
	overflow: hidden;
	padding-right: 0;
	overflow-y: auto;
	overflow-x: hidden;
	height: 99px;
	margin-right: 0;
	scrollbar-width: thin;
}
.catalog-lists li {
	position: relative;
	line-height: 120%;
	margin-bottom: 3px;
	border-bottom: 1px solid #dddbdb;
	padding-bottom: 3px;
}
.catalog-lists li:last-child {
	border-bottom: 0;
	padding: 0;
	margin: 0;
}
.catalog-lists li a {
  font-size: 14px;
  color: #585858;
  font-weight: 400;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
}

@media only screen and (min-width: 767px) and (max-width: 838px) {
  .catalog-lists ul {
    height: 115px !important;
  }

}

/* Start single catalog page */
.download-text h1 {
	font-size: 22px;
	margin-bottom: 30px;
	color: #1e619c;
	font-weight: 600;
}
.s-catalog-item {
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
}

.s-catalog-item .catalog-cover {
  background-image: url(../../assets/images/catalog-bg.png);
  background-size: 100% 100%;
  background-position: center;
  height: auto;
  box-shadow: rgba(145, 139, 139, 0.2) 0px 12px 28px 0px, rgb(255, 255, 255) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
  position: relative;
  background-repeat: no-repeat;
}

.cat-logo {
  display: inline-flex;
  justify-content: flex-end;
  width: 100%;
  padding-top: 15px;
  padding-right: 18px;
}

.cat-logo img {
  width: 280px;
}

.main-wrapper {
  text-align: center;
  padding: 15% 20px 22%;
}

.main-wrapper img {
  max-width: 100%;
}

.main-wrapper .cat-name {
  margin: 30px 0 18px;

}

.cat-name h2 {
  font-size: 20px;
  color: #077cad;
  font-weight: 600;
}

.catalog-body {
  background-color: #fff;
  box-shadow: rgba(145, 139, 139, 0.2) 0px 12px 28px 0px, rgb(255, 255, 255) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
  padding: 30px 30px;
}

.body-item {
  margin-bottom: 28px;
}

.catalog-head {
	margin-bottom: 8px;
}
.catalog-head h3, .catalog-head h4, .catalog-head h5, .catalog-head h6 {
	font-size: 16px;
	color: #1e619c;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 600;
}
.body-item p,
.body-item li {
  font-size: 14px;
  text-align: justify;
  line-height: 18px;
  color: #323232;
}

.body-item li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}

.catalog-body .table tbody th,
.catalog-body .table tbody td {
  padding: 10px 14px;
  font-size: 13px;
  line-height: 18px;
}

.catalog-body .table tbody th {
  vertical-align: middle;
  font-weight: 500;
}

.catalog-footer {
  text-align: center;
  padding-top: 10px;
}

.catalog-footer img {
  width: 240px;
}

.catalog-footer ul {
  padding-top: 2px;
}

.catalog-footer li {
  text-align: center;
  line-height: 22px;
  font-size: 14px;
}

.catalog-footer li a {
  color: #077996;
  transition: all 0.3s ease;
}

.catalog-footer li a:hover {
  text-decoration: underline;
}

.catalog_contact {
	margin-bottom: 8px;
	color: #01abec;
	font-size: 15px;
}
.catalog_contact a {
  color: #2c2c2c;
  font-size: 14px;
}



/* Start Contact us page */

.contact-section {
  padding-top: 60px;
}

.contact-content {
  margin-bottom: 8px
}

.contact-header {
  margin-bottom: 10px;
}
.contact-header h1 {
	font-size: 26px;
	color: #1e619c;
	font-weight: 600;
}
.quote-form .modal-footer {
	padding: 0;
	border: 0;
	padding-top: 10px;
	justify-content: center;
	margin-top: 10px;
	border-top: 1px solid #ccc;
}
.quote-form .modal-footer .lbz-btn {
	margin: 0;
}
p.contact-decs {
  text-align: justify;
  margin-bottom: 0;
}

.contact-info {
  padding-top: 12px;
}

.contact-info-item {
  margin-bottom: 12px;
}

.contact-info-item .contact-icon {
  padding-right: 14px;
  font-size: 16px;
  color: #066782;
}

.contact-info-item .cont-text {
  color: #415161;
  font-size: 14px;
}

.contact-form {
  padding: 24px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
}
.contact-title h2 {
	font-size: 20px;
	margin-bottom: 16px;
	color: #01abec;
	font-weight: 600;
}
/* Start Sitemap section */

.sitemap-section .sitemap-header {
  padding: 10px 0 20px;
  color: #222;
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 0;
}

.sitemap-header .med-title {
  color: #32cd32;
}

.sitemap-header .sico-title {
  color: #36454f;
}

.sitemap ul > li > a.l0bg {
	color: #ffffff;
	background: #01abec;
	border: 2px solid #01abec;
}
.sitemap ul > li > a {
	display: inline-block;
	max-width: 500px;
	padding: 8px 10px;
	border: 1px solid #1e619c;
	color: #1e619c;
	font-size: 14px;
	border-radius: 5px;
	text-overflow: ellipsis;
	margin: 5px 0;
	-webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
	position: relative;
	line-height: 16px;
}
.sitemap ul > li {
	border-left: 2px solid #ccc;
	padding-left: 30px;
}

.sitemap ul > li > a::before {
	content: "";
	position: absolute;
	left: -32px;
	top: 50%;
	margin-top: -1px;
	height: 1px;
	width: 30px;
	background: #ccc;
}

.sitemap ul>li>.l1bg h2,
.l1bg h3,
.l1bg h4,
.l1bg h5,
.l1bg h6 {
  color: #ffffff;
  background: #0a7ca7;
  border: 1px solid #0a7ca7;
  font-size: 17px;
}
.sitemap ul > li > .l1bg h2, .sitemap ul > li > .l1bg h3, .sitemap ul > li > .l1bg h4, .sitemap ul > li > .l1bg h5, .sitemap ul > li > .l1bg h6 {
	background: transparent;
	color: #1e619c;
	border: 0;
	line-height: 120%;
	margin: 0;
	padding: 0;
}

/* Start owl slider css */

.owl-carousel .owl-dots {
  display: none;
}

.baths-section .owl-carousel .owl-nav button {
  color: #44464a !important;
  transform: translateY(-50px);
  background: #b9aca5;
  height: 25px;
  width: 25px;
  text-align: center;
  border-radius: 50%;
}

.baths-section .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  left: -17px;
}

.baths-section .owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  right: -17px;
}

.baths-section .owl-nav button span {
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: middle;
  content: "\f095";
  font-size: 14px;
  color: #fff;
  padding: 0;
  background-color: #737272;
  background-size: 30px 18px;
  height: 42px;
  width: 25px;
  line-height: 42px;
}

/****/


/* Get Quote Button CSS in Mobile devises */

.fixed-quote {
  position: fixed;
  right: 20px;
  bottom: 40px;
  z-index: 99;
  display: none;
}

.fixed-quote .fix-get {
  display: inline-block;
  font-size: 16px;
  border-radius: 50%;
  box-shadow: 0 8px 16px rgba(3, 4, 28, .3);
  height: 45px;
  width: 45px;
  text-align: center;
  padding: 10px;
  border: 0;
  background: #087996;
  color: #fff;
  animation: bounce 1s infinite;
}

@keyframes bounce {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

@media only screen and (max-width: 430px) {
  /* .fixed-quote {
    display: block;
  } */
}

/* Capctha */

.capbox .fake-input {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  margin-top: 0;
}

.capbox .fake-input input {
  height: 38px;
  padding: 10px;
  background: transparent;
  border: 1px solid #CCCCCC;
  font-size: 14px;
  width: 150px;
}

.capbox .fake-input .captcha_image {
  height: 37px;
  margin-right: 10px;
  border-radius: 6px;
  margin-left: 0;
}

.refresh a.text-dark {
  pointer-events: all;
  cursor: pointer;
}

.refresh {
  margin-left: 12px
}






/******************************Myaccount PAGE Start*******************************/
/********************Header CSS start ********************/
.account-ul::before {
	position: absolute;
	top: -11px;
	bottom: auto;
	left: auto;
	right: 40px;
	color: #f49149;
	line-height: 100%;
	font-family: bootstrap-icons;
	content: "\f235";
}
.account-head {
	display: flex;
	position: relative;
	justify-content: flex-end;
}
.mobile-account-head{
	display: none;
}
.account-show-wrap{
    width: auto;
}
.account-ul {
	border: 1px solid #1e619c;
	position: relative;
}
body .account-show-wrap .account-ul li.aft-lgn {
	display: none;
}
body .account-show-wrap .account-ul {
	min-width: 130px;
	z-index: 1;
	position: absolute;
	left: auto;
	right: 0;
	bottom: -74px;
	top: auto;
	opacity: 0;
	visibility: hidden;
	height: 0px;
	transition: ease-in-out;
	border-radius: 5px;
	background: #fff;
	display: none;
	min-height: 64px;
}
body  .account-show-wrap:hover .account-ul,
body  .account-show-wrap.show-acont .account-ul  {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	z-index: 1;
	display: block;
}
.account-ul::before {
	position: absolute;
	top: -11px;
	bottom: auto;
	left: auto;
	right: 40px;
	color: #1e619c;
	line-height: 100%;
	font-family: bootstrap-icons;
	content: "\f235";
}
.account-ul a {
	font-size: 14px;
	line-height: 150%;
	display: block;
	color: #5f6788;
	padding: 5px 10px;
	font-weight: 500;
	text-transform: capitalize;
}
.header .menu .account-ul a:hover {
	background: #1e619c;
	color: #fff;
}
.account-show {
	margin: 0;
	line-height: 100%;
	padding-left: 0;
	font-size: 15px;
	display: block;
	text-decoration: none;
	color: #333;
	font-weight: 600;
	position: relative;
	transition: color 0.5s;
}
body .account-show-wrap .account-ul li {
	padding: 0;
}
.account-ul::after{
    width: 76%;
    height: 10px;
    position: absolute;
    background: transparent;
    content: "";
    top: -10px;
    left: auto;
    right: 0;
    cursor: pointer;
    pointer-events: all;
}
.account-show-wrap {
	line-height: 100%;
}
.main-header-wrapper {
	padding: 10px 0;
	box-shadow: 0 5px 10px 1px #4db7b31f;
}
.account-show::before {
	font-size: 30px;
	position: absolute;
	left: 0;
	right: auto;
	bottom: auto;
	top: -2px;
	font-family: bootstrap-icons;
	content: "\f4e1";
	color: #fff;
	display: none;
}

/********************Header CSS End*******************/
/* Myaccount-orders Start */
/* Tracking Section CSS Start*/
.Myaccount-sec .card{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.10rem
}
.Myaccount-sec .card-header:first-child{
    border-radius: calc(0.37rem - 1px) calc(0.37rem - 1px) 0 0
}
.Myaccount-sec .card-header{
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
.Myaccount-sec .track {
	position: relative;
	background-color: #ddd;
	height: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 50px;
	margin-top: 35px;
}
.Myaccount-sec .track .step{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 25%;
    margin-top: -18px;
    text-align: center;
    position: relative
}
.Myaccount-sec .track .step.active::before {
	background: #2f3990;
}
.Myaccount-sec .track .step::before {
        height: 5px;
        position: absolute;
        content: "";
        width: 100%;
        left: 0;
        top: 18px;
		animation: none99;
    }
.Myaccount-sec .track .step.active .icon {
	background: #2f3990;
	color: #2f3990;
}
.Myaccount-sec .track .icon {
        display: inline-block;
        width: 35px;
        height: 35px;
        line-height: 35px;
        position: relative;
        border-radius: 100%;
        background: #ddd;
    }
	.Myaccount-sec .track .step.active .text {
		font-weight: 500;
		color: #5f6788;
	}
.Myaccount-sec .track .text {
	display: block;
	margin-top: 7px;
	font-size: 14px;
}
.Myaccount-sec .itemside{
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
.Myaccount-sec .itemside .aside{
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
.Myaccount-sec .img-sm{
        width: 80px;
        height: 80px;
        padding: 7px
    }
.Myaccount-sec  ul.row, ul.row-sm{
        list-style: none;
        padding: 0
    }
.Myaccount-sec .itemside .info{
        padding-left: 15px;
        padding-right: 7px
    }
.Myaccount-sec .itemside .title{
        display: block;
        margin-bottom: 5px;
        color: #212529
    }
.Myaccount-sec p{
        margin-top: 0;
    }
.Myaccount-sec  .order-card .track-div {
        display: none;
    }
.Myaccount-sec .order-card.tracking-show .track-div {
	display: block;
	padding: 0 30px;
}
.Myaccount-sec .Tracking-section .track-order .track:first-child {
	margin-top: 50px;
}
.Myaccount-sec .order-table {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.Myaccount-sec .order-card, .order-title {
	border-bottom: 1px solid #dee2e6;
}
.Myaccount-sec .order-card.tracking-show {
	background: #ffff;
}
.Myaccount-sec .order-card.tracking-show > .order-table {
	background: #faf8f5;
}
.Myaccount-sec .align-items-start {
	flex-wrap: wrap;
}
html .Myaccount-sec .container {
	max-width: 1200px;
}
.Myac-1-btns .myaccount-main-btn::after {
	font-family: bootstrap-icons;
	font-weight: 500;
	font-style: normal;
	font-size: 26px;
	color: #01abec;
	line-height: 50px;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 9px;
	top: auto;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #fff;
	margin: 0 auto;
	content: "\f4db";
	box-shadow: 0 20px 10px -20px rgba(0, 0, 0, 0.51) inset, 20px 0 10px -20px rgba(0, 0, 0, 0.28) inset;
}
.Addres-frm form .submit {
	display: block;
	width: 100%;
	text-align: center;
}
.Myac-1-btns .myaccount-main-btn.myaddress-tab::after{
	content: "\f64c";
}
.Myac-1-btns .myaccount-main-btn.account-details-tab::after{
	content: "\f676";
}
.Myac-1-btns .myaccount-main-btn.change-password-tab::after {
	content: "\f538";
}
/* My Account tracking Bootstrap icon set CSS Start */
.track .icon > i {
	display: none;
}
.Myaccount-sec  .track .step .icon::before {
	font-family: bootstrap-icons;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	color: #5f6788;
	line-height: 100%;
	position: absolute;
	right: 8px;
	left: auto;
	bottom: auto;
	top: 8px;
	content: "\f272";
}
.Myaccount-sec  .track .step.active .icon::before{
	color: #fff;
}
.Myaccount-sec  .track .step .icon.pickup::before {
	content: "\f4e1";
}
.Myaccount-sec  .track .step .icon.way::before {
	content: "\f5ea";
}
.Myaccount-sec  .track .step .icon.ready::before {
	content: "\f70d";
}
/* My Account tracking Bootstrap icon set CSS End*/

/* Tracking Section CSS End*/
.Myaccount-sec {
	padding: 90px 0;
}
.Myac-1-btns {
	margin: 20px 0 70px 0 !important;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 40px;
	border: 1px solid #6aadce;
	padding: 20px;
	border-radius: 5px;
	background: #f0f4fa;
}
.myac-1-content {
	width: 100%;
}
.Myac-1-btns .myaccount-main-btn {
	font-size: 16px;
	padding: 10px 10px 70px 10px;
	font-weight: 600;
	position: relative;
	letter-spacing: 0.4px;
	text-transform: capitalize;
	color: #4f5255;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #9ba0cb;
	box-shadow: 0 0 2px 1px #f491491a;
	background: #fff;
}
.Myac-1-btns .myaccount-main-btn::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: auto;
	height: 4px;
	width: 100%;
	background: transparent;
}
.Myac-1-btns .myaccount-main-btn.active {
	color: #000;
	border-color: #01abec;
	background: linear-gradient(0deg, rgb(255, 255, 255) 0%, #fec27414 100%);
	box-shadow: 0 0 8px 1px #2679a624;
}
.Myac-1-btns .myaccount-main-btn.active::before {
	background-color: #01abec;
}
.Myac-1-btns .myaccount-main-btn.active::after {
	color: #2e3997;
}
.my-ac-heading h2, .my-ac-heading h3, .my-ac-heading h4, .my-ac-heading h5, .my-ac-heading h6, .my-ac-heading h1, .my-ac-heading p {
	background-color: #fff;
	border-bottom: 1px solid #efefef;
	text-align: center;
	padding: 10px;
	letter-spacing: 0.5px;
	border-radius: 7px 7px 0 0;
	color: #2f3990;
	font-size: 21px;
	line-height: 120%;
	font-weight: 600;
}
.myac-content {
	border: 1px solid #cccccc;
	border-radius: 7px;
	background: transparent;
}
.order-wrap {
	padding: 25px 15px;
}
.order-card p, .order-title p {
	font-weight: 400;
	font-size: 14px;
	color: #333;
	padding: 10px 0;
}
.order-title p {
	color: #1e619c;
	font-weight: 600;
	font-size: 15px;
}
.track .step .icon i {
	line-height: 35px;
}
.my-accnt .step::before {
	animation: none;
}
.Myaccount-sec .order-table button {
	background: #2679a60a;
	border: 1px solid #01abec;
	font-size: 14px;
	font-weight: 600;
	padding: 0 16px;
	line-height: 30px;
	color: #01abec;
	border-radius: 5px;
}
.Myaccount-sec .order-table button:hover {
	background-color: #1e5192;
	border-color: #01abec;
	color: #ffff;
}
/* Myaccount-orders End */
/* Myaccount-Address Start*/
.addres-bx-wrap {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 20px;
	padding: 40px 15px 30px;
	max-width: 750px;
	margin: 0 auto;
}
.addres-bx-wrap .addres-wrap {
	border: 1px solid #ccc;
	padding: 20px;
	border-radius: 4px;
}
.myacnt-subheading p {
	color: #333333;
	font-size: 20px;
	line-height: 120%;
	padding: 0 15px 12px;
	font-weight: 600;
	margin: 0;
	display: block;
	text-align: center;
	letter-spacing: 0.4px;
}
 .Addres-frm form {
	display: flex;
	flex-wrap: wrap;
}
.Addres-frm form p {
	width: 50%;
	padding: 0 10px 8px;
	position: relative;
}
.Addres-frm {
	padding: 0 15px 25px;
}
.submit .addres-btn {
	background: #1e5192;
	border: 1px solid #01abec;
	color: #fff;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 28px;
	letter-spacing: 0.2px;
	transition: 0.5s all;
	margin: 10px 0 0 0;
	padding: 0px 13px;
	border-radius: 4px;
	font-size: 14px;
}
.Addres-frm form p.submit {
	text-align: center;
}
.Addres-frm form p label {
	font-size: 13px;
	text-transform: capitalize;
	line-height: 100%;
}
.Addres-frm form p input {
	height: 38px;
	width: 100%;
	background: transparent;
	border: 1px solid #CCCCCC;
	padding: 0 10px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
	color: #5f6788;
	margin: 0;
}
.addres-bx-wrap .addres-wrap address {
	margin: 0;
	padding-bottom: 9px;
	font-size: 14px;
}
.Edit-btn {
	background: #2f3990;
	border: 1px solid #01abec;
	color: #fff;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 28px;
	letter-spacing: 0.2px;
	transition: 0.5s all;
	margin: 10px 0 0 0;
	padding: 0px 13px;
	border-radius: 4px;
	font-size: 14px;
}
.Address-form p.submit {
	text-align: center;
}
/* Myaccount-Address End*/

/* Myaccount-details Start*/
.orders-myacdeta form {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.orders-myacdeta form > .form-group {
	width: 50%;
	padding: 0 10px 6px;
}
.myac-content .card-body p.note-txt {
	font-size: 20px;
	line-height: 120%;
	padding: 20px 0 5px;
	font-weight: 500;
	margin: 0;
	display: block;
	text-align: left;
	letter-spacing: 0.4px;
}
.deta-pwd li {
	font-size: 14px;
	color: #333;
	font-size: 14px;
	line-height: 120%;
	padding: 0 0 6px 15px;
	font-weight: 400;
	position: relative;
}
.deta-pwd li::before {
	position: absolute;
	top: 5px;
	right: auto;
	bottom: auto;
	width: 6px;
	height: 6px;
	background: #01abec;
	content: "";
	left: 0;
	border-radius: 50px;
}
.change-password.orders-myacdeta form .Submit {
	text-align: left;
	padding-left: 10px;
}
.orders-myacdeta form > .form-group input {
	height: 38px;
	width: 100%;
	background: transparent;
	border: 1px solid #CCCCCC;
	padding: 0 10px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
	color: #5f6788;
	margin: 0;
}
.orders-myacdeta form > .form-group label {
	font-size: 13px;
	text-transform: capitalize;
	line-height: 100%;
	color: #333;
}
.myac-content .card-body p {
	color: #333;
	font-size: 14px;
	line-height: 120%;
	padding: 0;
	font-weight: 400;
	margin: 0;
}
.myac-content .card-body p a {
	color: #01abec;
}
.orders-myacdeta form .Submit {
	width: 100%;
	text-align: center;
}
.orders-myacdeta .Submit .btn {
	background: #2f398f;
	border: 1px solid #01abec;
	color: #fff;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 28px;
	transition: 0.5s all;
	margin: 10px 0 0 0;
	padding: 0px 13px;
	border-radius: 4px;
	font-size: 15px;
	letter-spacing: 0.3px;
}
.orders-myacdeta .Submit .btn:hover{
	border-color: #5f6788;
	background-color: transparent;
	color: #5f6788;
}
/* Myaccount-details End*/
.main-title h1 {
	font-size: 27px;
	margin-bottom: 0;
	position: relative;
	display: inline-block;
	color: #1e619c;
	font-weight: 700;
}
.main-title {
	text-align: center;
}
/******************************My account PAGE End*******************************/
/*******************************Edit Address Popup CSS Start*******************************/
.Address-form input[type="number"] {
	-moz-appearance: textfield;
}
.checkout-pop-up .modal-title {
	text-transform: capitalize;
	font-weight: 700;
	line-height: 100%;
	display: block;
	position: relative;
	margin-bottom: 0px;
	color: #fff;
	font-size: 19px;
	text-align: center;
	letter-spacing: 0.3px;
}
.checkout-pop-up .modal-header {
	border: 1px solid #fff;
}
.checkout-pop-up .modal-dialog {
	max-width: 650px;
}
.Address-form p {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.Address-form label {
	position: relative;
	padding-bottom: 2px;
	margin-bottom: 0px;
	text-transform: capitalize;
	text-align: left;
	font-weight: 400;
	font-size: 13px;
	color: #5f6788;
	display: block;
	line-height: 100%;
}
.Address-form input {
	height: 38px;
	width: 100%;
	background: transparent;
	border: 1px solid #CCCCCC;
	font-weight: 400;
	margin: 0;
	border-left: 2px solid #03867a;
	border-right: 2px solid #03867a;
	border-radius: 5px;
	font-size: 14px;
	padding: 6px;
	color: #333;
}
.Address-form .submit input {
	font-style: normal;
	margin: 0px;
	/* display: block; */
	text-align: center;
	height: 32px;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 32px;
	letter-spacing: 0;
	padding: 0 7px;
	background: #1e5192;
	font-size: 15px;
	position: relative;
	border-radius: 2px;
	border: 1px solid #158f84;
	transition: 0.5s all;
	color: #fff;
	display: inline-block;
	width: 120px;
	font-weight: 600;
}
.Address-form .submit input:hover{
	background-color: transparent;
	border-color: #5f6788;
	color: #5f6788;
}
/*******************************Edit Address Popup CSS End*******************************/
/******************************Addtocart popup Start*******************************/
.popu-wrap .pop-sub-title {
	display: flex;
	justify-content: space-between;
}
.popu-wrap .pop-sub-title h3, .popu-wrap .pop-sub-title h2, .popu-wrap .pop-sub-title h4, .popu-wrap .pop-sub-title h5, .popu-wrap .pop-sub-title h6, .popu-wrap .pop-sub-title p {
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 0px;
	text-transform: capitalize;
	color: #1e5192;
	letter-spacing: 0.6px;
}
.contnet-pop-des li {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #cccccc;
	align-items: center;
	padding: 7px 10px;
}
.popup-new-des li .pro-inp {
	display: flex;
	align-items: center;
}
.popup-new-des li .pro-inp input {
	width: 15px;
	height: 15px;
	margin-right: 10px;
	cursor: pointer;
}
.popup-new-des li .pro-inp img {
	height: 70px;
	border: 1px solid #2d8a99;
	border-radius: 3px;
	background: #f3f9fb;
	padding: 4px;
	width: 70px;
	object-fit: contain;
}
.contnet-pop-des li .pro-inp span, .contnet-pop-des .po-price {
	padding-left: 8px;
	text-transform: capitalize;
	text-align: left;
	font-weight: 400;
	display: inline-block;
	line-height: 150%;
	font-size: 14px;
	color: #333;
}
.popu-wrap .modal-header {
	justify-content: center;
}
.pop-btn {
	text-align: center;
}
.pop-btn .btn {
	border: 2px solid #f49149;
	color: #5f6788;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 35px;
	letter-spacing: 0.2px;
	padding: 0 15px;
	background: #f49149;
	transition: 0.9s all;
	font-size: 15px;
	margin-top: 10px;
}
.pop-btn .btn:hover{
	border: 2px solid #5f6788;
	font-weight: 500;
	border-radius: 35px;
	background: transparent;
}
.quantity {
	display: inline-flex;
	border-radius: 2px;
	overflow: hidden;
	border: 1px solid #e5e5e5;
}
.quantity button {
	background-color: transparent;
	color: #2d2d2d;
	font-size: 20px;
	width: 30px;
	height: auto;
	transition: background-color .2s;
	box-shadow: none;
	border: 0;
	pointer-events: all;
	cursor: pointer;
}
.quantity .input-box {
	width: 40px;
	padding: 2px 5px;
	font-size: 16px;
	text-align: center;
	height: auto;
	border: 1px solid #e5e5e5;
	border-top: 0;
	border-bottom: 0;
}
.quantity button:hover {
	background-color: #e4e4e4;
}
.input-box[type="number"] {
	-moz-appearance: textfield;
}
/******************************Addtocart popup End*******************************/

/*******************************Addtocart page CSS Start*******************************/
.addtocart-sec {
	padding: 80px 0;
}
.addtocart-sec .continue-shopping {
	display: block;
}
.addtocart-sec .continue-shopping .empty-cart-img {
	height: 300px;
}
.add-to-cart-form {
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
	margin: 0 150px;
}
.add-to-cart-form .shipping-cart {
	width: 65%;
}
.add-to-cart-form .price-pr-box {
	width: 35%;
	padding: 0 0 0 50px;
}
.add-to-cart-form .price-box {
	background: #fff;
	padding: 20px;
	box-shadow: 0 0 9px 0 #4db7b340;
	border-radius: 10px;
}
.price-box > h2, .price-box > h3, .price-box > h4, .price-box > h5, .price-box > h6, .price-box > p.prvtt {
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	display: block;
	position: relative;
	text-transform: capitalize;
	color: #1e5192;
	text-align: left;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #dddddd;
	letter-spacing: 0.4px;
}
.price-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 17px;
}
.price-item p {
	text-align: left;
	font-size: 15px;
	line-height: 100%;
	text-transform: capitalize;
	margin: 0;
	font-weight: 500;
}
.price-item span {
	text-align: left;
	font-size: 16px;
	line-height: 100%;
	text-transform: capitalize;
	font-weight: 500;
}
.add-to-cart-form .Buy {
	line-height: 30px;
	padding: 0 20px;
	position: relative;
	font-weight: 600;
	display: block;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.9px;
	font-size: 13px;
	background: #1e5192;
	border: 1px solid #008d80;
	border-radius: 5px;
	color: #fff;
}
.sub-total p, .sub-total span {
	font-weight: 600;
}
.add-to-cart-form .Buy:hover {
	border-color: #5f6788;
	background: transparent;
	color: #5f6788;
}
.addtocart-sec .product-des:not(:last-child) {
	margin-bottom: 20px;
}
.addtocart-sec .product-des {
	padding: 10px;
	box-shadow: none;
	border-radius: 5px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #90a9c9;
}
.addtocart-sec .remove {
	position: absolute;
	top: -10px;
	right: -13px;
	left: auto;
	bottom: auto;
	height: auto;
	line-height: 100%;
}
.addtocart-sec .remove button {
	font-size: 0;
	background: transparent;
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #a7a7a7;
	padding: 0;
	background-color: #fff;
}
.addtocart-sec .remove button::before {
	font-family: bootstrap-icons;
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	padding: 0;
	content: "\f62a";
	position: absolute;
	left: 3px;
	top: 6px;
}
.addtocart-sec .remove button:hover {
	background-color: red;
	border-color: red;
	color: #fff;
}
.addtocart-sec .product-des img {
	height: 130px;
}
.addtocart-sec .pr-title h2, .addtocart-sec .pr-title h3, .addtocart-sec .pr-title h4, .addtocart-sec .pr-title h5, .addtocart-sec .pr-title h6 {
	color: #1e5192;
	display: inline-block;
	font-weight: 600;
	font-size: 17px;
	line-height: 130%;
	position: relative;
	padding-bottom: 7px;
	text-transform: capitalize;
	transition: 0.5s all;
}
.addtocart-sec .product-title-des {
	width: 75%;
}
.addtocart-sec .pr-des li {
	color: #333;
	font-size: 14px;
	line-height: 100%;
	text-align: left;
	font-weight: 400;
	padding-bottom: 7px;
}
.addtocart-sec .pr-des li span {
	font-weight: 600;
	color: #333;
}
.addtocart-sec .price-other {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 10px;
}
.addtocart-sec .product-title-des .subul {
	height: 41px;
	overflow-y: auto;
	scrollbar-width: none;
}
.addtocart-sec .quantity-wrap {
	display: flex;
	align-items: center;
}
.addtocart-sec .quantity-wrap p {
	line-height: 100%;
	padding-right: 10px;
	font-size: 15px;
	color: #6c3428;
	font-weight: 500;
}
.addtocart-sec  p.stock {
	font-weight: 500;
	font-size: 15px;
	line-height: 100%;
	text-transform: capitalize;
	color: #007600;
	display: inline-block;
}
.addtocart-sec  .price span.dp {
	font-size: 14px;
}
.addtocart-sec .price span {
	font-size: 16px;
	color: #1e619c;
	font-weight: 600;
}
.addtocart-sec .pr-title h2:hover, .addtocart-sec .pr-title h3:hover, .addtocart-sec .pr-title h4:hover, .addtocart-sec .pr-title h5:hover, .addtocart-sec .pr-title h6:hover {
	color: #2a9a90;
}
.medical-Equi.All-products-lis, .medical-Equi.search-page {
	padding: 60px 0 80px;
}
.cartpopup .modal-header .modal-title {
	color: #fff;
	font-size: 21px;
	text-transform: capitalize;
}
.cartpopup .modal-header {
	padding: 4px 15px;
	border: 1px solid #fff;
}
.cartpopup .common-btn .btn {
	display: inline-block;
	padding: 4px 13px;
	border: 1px solid;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-radius: 3px;
	text-align: center;
	font-size: 14px;
	border-color: #008e81;
	color: #008e81;
	transition: all 0.35s;
	background: transparent;
	font-weight: 600;
}
.cartpopup .common-btn {
	text-align: center;
	margin-top: 20px;
}
.accories-edit {
	padding: 7px 0 0 0;
	margin-top: 8px;
	border-top: 1px solid #ccc;
}
.scc-ti {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
}
body .acc-s {
	color: #1e5192;
	display: inline-block;
	font-weight: 600;
	font-size: 15px;
	line-height: 120%;
	position: relative;
	padding-bottom: 0;
	text-transform: capitalize;
	transition: 0.5s all;
}
.accories-edit .accedtbt button {
	display: inline-block;
	text-align: left;
	font-size: 16px;
	font-weight: 500;
	color: #1385b6;
	line-height: 100%;
	background: transparent;
	border: 0;
	padding: 0;
}
.accories-edit .accessory-details {
	display: flex;
	justify-content: space-between;
	padding-bottom: 6px;
}
.accories-edit .accessory-details span {
	font-weight: 500;
	font-size: 14px;
}
.accories-edit .accessory-details span.accessory-name {
	padding-right: 10px;
}
/*******************************Addtocart page CSS End*******************************/

/*******************************Checkout page CSS Start*******************************/
.Checkout-page {
	padding: 90px 0;
}
.checkout-ad {
	display: flex;
	margin: 0 auto;
	width: 100%;
	max-width: 900px;
	padding-top: 20px;
}
.checkout-address {
	width: 70%;
	padding-right: 20px;
	border-right: 1px solid #cecede;
	padding-top: 20px;
}
.checkout-price {
	width: 30%;
	padding-left: 20px;
	padding-top: 20px;
}
.checkout-address .adresses {
	border: 1px solid #1e5192;
	background-color: rgb(255, 255, 255);
	padding: 20px 30px 20px 50px;
	border-radius: 8px;
	box-shadow: 0 0 8px 0 #1e519273;
}
.check-title {
	display: flex;
	justify-content: space-between;
}
.check-title h2, .check-title .chk-tip {
	color: #1e5192;
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 100%;
	margin: 0;
	padding: 0 0 0 0;
}
.check-title a {
	font-weight: 500;
	font-size: 15px;
	display: inline-block;
	color: #1e5192;
}
p.adress-des {
	text-align: left;
	color: #333;
	font-size: 14px;
	line-height: 160%;
	margin: 0 0;
	padding: 7px 0 7px;
	font-weight: 500;
}
.adress-des.number {
	padding: 0;
}
.check-sub {
	font-weight: 500;
	font-size: 15px;
	line-height: 100%;
	display: block;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 0px;
	text-transform: capitalize;
	color: #353543;
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.checkout-price .total-pro {
	display: flex;
	justify-content: space-between;
}
.checkout-price .total-pro p {
	margin: 0 0;
	padding: 0 0 8px 0;
	font-weight: 600;
	font-size: 15px;
	color: #333;
	line-height: 150%;
	text-align: left;
	display: flex;
	justify-content: flex-end;
}
.reviewcart {
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	display: block;
	position: relative;
	text-transform: capitalize;
	color: #1e5192;
	text-align: left;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #dddddd;
	letter-spacing: 0.4px;
}
.checkout-price .total-pro p input {
	-moz-appearance: textfield;
	background: transparent;
	padding: 0;
	font-size: 14px;
	color: #333;
	display: inline-block;
	border: 0;
	height: auto;
	width: 55px;
	font-weight: 500;
	box-shadow: none;
}
.checkout-price .total-pro.total-dis p input {
	color: #038d63;
}
.checkout-price .total-dis {
	border-bottom: 1px solid #b0b0b5;
}
.checkout-price .total-dis p {
	color: #038d63;
}
.checkout-price .order-total p {
	padding-top: 10px;
	font-weight: 600;
	color: #333;
	font-size: 16px;
}
.congr-to::before {
	font-family: bootstrap-icons;
	font-weight: 700;
	font-style: normal;
	line-height: 100%;
	position: absolute;
	right: auto;
	left: 12px;
	bottom: auto;
	top: 12px;
	width: 16px;
	height: 16px;
	background: #0c986e;
	border-radius: 50%;
	color: #fff;
	font-size: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	content: "\f4d1";
}
.congr-to {
	margin: 0;
	font-weight: 400;
	font-size: 13px;
	color: #019367;
	line-height: 40px;
	background: #d3f4ea;
	border-radius: 5px;
	padding: 0 0 0 40px;
	position: relative;
}
.checkout-price .Buy {
	font-size: 12px;
	line-height: 30px;
	padding: 0 20px;
	position: relative;
	font-weight: 600;
	display: block;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.9px;
	background: #1e5192;
	border: 1px solid #008d80;
	color: #fff;
	margin-top: 20px;
	border-radius: 3px;
}
.checkout-price .Buy:hover {
	background: transparent;
	border-color: #5f6788;
	color: #5f6788;
}
body .btn:focus{
	box-shadow: none;
}
/*******************************Checkout page CSS End*******************************/
/****************************** Order Page CSS Start*******************************/
.details-order-page {
	padding: 50px 0;
}
.detor-bx {
	margin: 30px 0 0 0;
	border: 1px solid #ccc;
}
.detbsor {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #1e5192;
	padding: 10px;
}
.detbsor .detracking-id {
	margin: 0px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-family: "Poppins", sans-serif;
	position: relative;
	text-align: left;
	line-height: 120%;
	font-weight: 600;
	text-transform: uppercase;
}
.detbsor .detracking-id span {
	text-transform: inherit;
	padding-left: 4px;
	font-weight: 500;
}
.detor-bx .pr-ct-im img{
	padding: 10px;
	height: 160px;
}
.trackgopag {
	color: #1e5192;
	text-decoration: none;
	border: 1px solid #fff;
	padding: 6px 8px 6px;
	font-size: 15px;
	line-height: 100%;
	background: #fff;
	font-weight: 500;
	border-radius: 3px;
}
.trackgopag:hover{
	color: #fff;
	background: transparent;
}
.ofrd-det {
	display: flex;
	justify-content: space-between;
	padding: 10px;
}
.ofrd-det > div {
	color: #333;
	font-size: 15px;
	font-family: "Poppins", sans-serif;
	text-align: left;
	line-height: 120%;
	font-weight: 500;
}
.ofrd-det > div span {
	color: #333;
	font-weight: 600;
}
.detor-bx .Pr-cart-wr.row {
	border: 0;
	padding: 10px 0 20px;
}
.accories-txt {
	color: #333;
	font-size: 14px;
	line-height: 100%;
	text-align: left;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	padding: 0 0 9px 0;
	margin: 0;
}
.ct-pr-des li span.pdt-take {
	color: #4a4a4a;
	font-size: 13px;
	padding-left: 10px;
	font-weight: 400;
}
.detor-bx .ct-pr-des li {
	font-size: 14px;
	line-height: 110%;
	padding: 0 0 5px 0;
}
.trackgopagmob {
	display: none;
}
.single-pr-tit p {
	font-size: 16px;
	line-height: 120%;
	letter-spacing: 0;
	font-weight: 700;
	color: #1e5192;
	padding: 0 0 7px;
}
.ct-pr-des {
	margin: 0;
	padding: 0;
	max-height: 80px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #1e5192 #dfdfdfb2;
	margin-right: 10px;
}
/****************************** Order Page CSS End*******************************/
/******************************Login PAGE Start*******************************/
.login-section {
	padding: 80px 0 80px;
}
.login-section .bg-white {
	width: 100%;
	margin: 0 auto;
	padding: 38px;
	margin-top: 0;
	max-width: 500px;
	border: 1px solid #e6e9e9;
	background: #fafafb;
	border-radius: 10px;
	box-shadow: 0 0 26px 0px #3333330d;
}
.login-section h3, .login-section h1, .login-section h2, .login-section h4, .login-section h5, .login-section h6 {
	font-size: 25px;
	display: block;
	text-align: center;
	padding-bottom: 20px;
	color: #1e5192;
	font-weight: 700;
}
.login-section .login_footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.login-section .heatingmt-btn {
	font-size: 14px;
	line-height: 30px;
	padding: 0 20px;
	position: relative;
	font-weight: 600;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.9px;
	background: #2e3896;
	color: #fff;
	width: auto !important;
	border-radius: 3px;
	border: 1px solid #008b7e;
}
.login-section .heatingmt-btn:hover{
	background-color: transparent;
	border-color: #5f6788;
	color: #5f6788;
}
.login-section .sign-in-btn {
	text-align: center;
}
.different_login span {
	font-size: 16px;
	text-align: center;
	display: block;
	text-transform: uppercase;
	color: #0d4fa0;
	font-weight: 500;
}
.different_login {
	padding-bottom: 10px;
}
.login-section .form-note a {
	color: #2e3896;
	font-weight: 600;
}
.login-section .form-note a:hover {
	color: #008e81;
}
/******************************Login PAGE End*******************************/
/******************************Register PAGE Start*******************************/
.register .input-wrap > div {
	padding-bottom: 9px;
}
.sign-up-btn {
	text-align: center;
	margin: 20px 0 10px 0;
}
.login-section input.form-control {
	height: 38px;
	width: 100%;
	background: transparent;
	border: 1px solid #CCCCCC;
	padding: 0 10px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
	color: #333;
	margin: 0;
	box-shadow: none;
}
.login-section .login_footer a {
	color: #333;
	font-weight: 500;
}
/******************************Register PAGE End*******************************/
/*********Right Side Button CSS Start**********/
.rght-btn-sh button, .rght-btn-sh a {
	border: 1px solid #1e619c;
	color: #fff;
	width: 42px;
	height: 42px;
	position: relative;
	border-radius: 3px;
	font-size: 0;
	background: #1e619c;
	border-right: 0;
}
.rght-btn-sh button:hover {
	border-color: #2d378f;
	box-shadow: 0px 0px 15px 2px #2d378f;
	background: #2d378f;
}
.Whatsapp-btn.rght-btn-sh a {
	border: 1px solid #333;
	background: linear-gradient(122deg, rgb(37, 211, 102) 0%, rgb(96, 148, 71) 100%);
}
.Whatsapp-btn.rght-btn-sh a:hover {
	border-color: #36c15d;
	box-shadow: 0px 0px 15px 2px #36c15d;
}
.rght-btn-sh a::before, .rght-btn-sh button::before {
	font-size: 25px;
	font-family: bootstrap-icons;
	position: absolute;
	top: 7px;
	bottom: 0;
	left: 8px;
	right: auto;
	content: "\f618";
	color: #fff;
	line-height: 100%;
}
.rght-btn-sh button::before {
	content: "\f84c";
}
.rght-btn-sh {
	position: fixed;
	right: 0;
	left: auto;
	bottom: 70px;
	top: auto;
	z-index: 9;
}
/* What's app chat css Start*/
.rght-btn-sh a {
	position: relative;
	background: #569e4c;
	border: 1px solid #569e4c;
	color: #fff;
	width: 42px;
	height: 42px;
	border-radius: 3px;
	font-size: 0;
	border-right: 0;
	display: inline-block;
}
.rght-btn-sh a::before {
	font-size: 27px;
	font-family: bootstrap-icons;
	position: absolute;
	top: 4px;
	bottom: 0;
	left: 10px;
	right: auto;
	content: "\f618";
	color: #fff;
}
.side-add-ct-btn.rght-btn-sh {
	bottom: 117px;
}
.side-add-ct-btn.rght-btn-sh a .product_numbers {
	font-size: 8px;
	width: 11px;
	height: 11px;
	background: #e7194f;
	transition: 0.5s all;
	border-radius: 50%;
	color: #fff;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 100%;
	position: absolute;
	top: 4px;
	left: auto;
	right: 3px;
	bottom: auto;
}
.rght-btn-sh a.headcart::before {
	top: 4px;
	left: 6px;
	content: "\f245";
	font-size: 27px;
}

/* What's app chat css End */
.ftr-contact-info {
	margin-top: 15px;
}
.ftr-item.ftlhg {
	padding-right: 40px;
}
.product-actions .quantity-wrap {
	display: flex;
	align-items: center;
	margin-right: 10px;
}
.product-actions .quantity-wrap p {
	font-weight: 600;
	padding-right: 5px;
}
/************************************* RESPONSIVE CSS START ***********************************************/
@media only screen and (max-width: 1200px) {
/******************************My account PAGE Start*******************************/
	/* Myaccount-details Start*/
	.Myaccount-sec {
		padding: 60px 0;
	}
	.Myac-1-btns {
		margin: 15px 0 50px 0 !important;
		grid-gap: 30px;
	}
	/* Myaccount-details End*/
/******************************My account PAGE End*******************************/
/*******************************Addtocart page CSS Start*******************************/
.add-to-cart-form {
	margin: 0;
}
.add-to-cart-form .price-pr-box {
	padding: 0 0 0 20px;
}
.addtocart-sec {
	padding: 60px 0;
}
/*******************************Addtocart page CSS End*******************************/
/*******************************Checkout page CSS Start*******************************/
.Checkout-page {
	padding: 70px 0;
}
/*******************************Checkout page CSS End*******************************/
/******************************Login PAGE Start*******************************/
.login-section {
	padding: 60px 0px;
}
/******************************Login PAGE End*******************************/
/********************Header CSS Start*******************/
.header .menu a, .account-show  {
	font-size: 14px;
}
body .header .menu li {
	padding: 0px 8px;
}
/********************Header CSS End*******************/
.ftr-item.ftlhg {
	padding-right: 30px;
}

}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 991px) {

/******************************My account PAGE Start*******************************/
.main-title h1 {
	font-size: 25px;
}
.order-card p, .order-title p {
	font-size: 14px;
	color: #545454;
	padding: 7px 0;
}
.my-ac-heading h2, .my-ac-heading h3, .my-ac-heading h4, .my-ac-heading h5, .my-ac-heading h6, .my-ac-heading h1,  .my-ac-heading p{
	padding: 7px;
	font-size: 20px;
}
.Myaccount-sec .track .icon {
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.track .step .icon i {
	line-height: 30px;
}
.Myaccount-sec .track .step::before {
	top: 14px;
}
.Myaccount-sec .track .step {
	margin-top: -14px;
}
.Myaccount-sec .track .text {
	font-size: 11px;
}
.Myaccount-sec .order-card .track-div.tracking-show {
	padding: 0 10px;
}
.Myaccount-sec .order-table button {
	font-size: 12px;
	padding: 0 12px;
	line-height: 25px;
}
.Myac-1-btns .myaccount-main-btn {
	font-size: 15px;
	padding: 90px 10px 15px 14px;
}
.Myac-1-btns {
	margin: 0 0 40px 0 !important;
	grid-gap: 15px;
}
.Myac-1-btns .myaccount-main-btn::after {
	font-size: 30px;
	line-height: 60px;
	top: 18px;
	width: 60px;
	height: 60px;
}
.address-wrap .card-body {
	padding: 10px 5px;
}
.address-wrap {
	grid-gap: 10px;
}
.address-wrap .myadd p {
	margin: 5px 0;
	font-size: 14px;
}
.address-wrap .myadd .btn {
	font-size: 13px;
	padding: 0 15px;
	line-height: 25px;
}
.orders-myacdeta .card-body {
	padding: 10px 10px;
}
.orders-myacdeta .card-body p {
	font-size: 14px;
}
.orders-myacdeta form > .form-group {
	padding: 0 5px 7px;
}
.orders-myacdeta .Submit .btn {
	height: 35px;
	line-height: 35px;
	margin: 10px 0 0 0;
	padding: 0 30px;
	font-size: 14px;
}
.orders-myacdeta form {
	display: block;
	margin-top: 20px;
}
.orders-myacdeta form > .form-group {
	width: 100%;
}
.Myaccount-sec {
	padding: 50px 0;
}
/* My Account tracking Bootstrap icon set CSS Start */
.Myaccount-sec .track .step .icon::before {
	font-size: 15px;
	right: 7px;
	top: 7px;
}
/* My Account tracking Bootstrap icon set CSS Start */
/******************************My account PAGE End*******************************/
/*******************************Addtocart page CSS Start*******************************/
.addtocart-sec .product-des:not(:last-child) {
	margin-bottom: 15px;
}
.addtocart-sec .product-des {
	padding: 10px;
	border-radius: 4px;
}
.add-to-cart-form .price-box {
	padding: 10px 15px;
	border-radius: 7px;
}
.addtocart-sec .product-title-des .subul {
	height: 37px;
}
.addtocart-sec .pr-title h2,
 .addtocart-sec .pr-title h3,
  .addtocart-sec .pr-title h4,
   .addtocart-sec .pr-title h5,
    .addtocart-sec .pr-title h6 {
	font-size: 15px;
	padding-bottom: 8px;
}
.addtocart-sec .pr-des li {
	font-size: 13px;
	padding-bottom: 5px;
}
.addtocart-sec .product-des img {
	height: 100px;
}
.addtocart-sec .price-other {
	padding-top: 10px;
}
.addtocart-sec .quantity-wrap p {
	padding-right: 7px;
	font-size: 14px;
}
.addtocart-sec p.stock {
	font-size: 13px;
}
.addtocart-sec .quantity button {
	width: 25px;
}
.addtocart-sec .quantity .input-box {
	width: 35px;
	padding: 0 5px;
	font-size: 14px;
}
.addtocart-sec {
	padding: 50px 0;
}
.addtocart-sec .remove button {
	width: 25px;
	height: 25px;
}
.addtocart-sec .remove button::before {
	font-weight: 500;
	font-size: 19px;
	left: 2px;
	top: 4px;
}
.add-to-cart-form {
	padding-top: 15px;
}

/*******************************Addtocart page CSS End*******************************/
/*******************************Checkout page CSS Start*******************************/
.Checkout-page {
	padding: 50px 0;
}
.checkout-address {
	padding-right: 10px;
	padding-top: 10px;
	width: 60%;
}
.checkout-address .adresses {
	padding: 20px;
}
p.adress-des {
	font-size: 14px;
	padding: 10px 0 5px;
}
.checkout-price .total-pro p {
	padding: 0px 0 5px 0;
	font-size: 13px;
}
.checkout-price {
	padding-left: 10px;
	padding-top: 10px;
	width: 40%;
}
.check-sub {
	font-size: 14px;
	padding-bottom: 10px;
}
.congr-to::before {
	left: 4px;
	top: 13px;
	width: 14px;
	height: 14px;
	font-size: 9px;
}
.congr-to{
	font-size: 11px;
	line-height: 40px;
	padding: 0px 0 0 22px;
}
.category-5 .main-title {
	text-align: center;
}
/*******************************Checkout page CSS End*******************************/
/******************************Login PAGE Start*******************************/
.login-section {
	padding: 40px 0px;
}
.login-section .bg-white {
	padding: 15px;
}
/******************************Login PAGE End*******************************/
/********************Header CSS Start*******************/
 .account-show {
	display: none;
}
body .account-show-wrap .account-ul {
	min-width: 100%;
	position: static;
	opacity: 1;
	visibility: visible;
	height: auto;
	border-radius: 0;
	background: transparent;
	display: block;
	min-height: 100%;
}
body .header .menu li.account-head {
	padding: 0;
	border: 0;
}
body .account-show-wrap .account-ul li {
	padding: 0;
	margin: 0;
}
/********************Header CSS End*******************/
.ftr-item.ftlhg {
	padding-right: 50px;
}
}
@media only screen and (max-width: 850px) {
/****************************** Order Page CSS Start*******************************/
.ofrd-det > div {
	font-size: 14px;
}
.ct-pr-des {
	max-height: 100%;
}

/****************************** Order Page CSS End*******************************/
}
@media only screen and (min-width: 586px) and (max-width:768px) {
/****************************** Order Page CSS Start*******************************/
.ofrd-det > div {
	font-size: 14px;
}
.ct-pr-des {
	max-height: 100%;
}
.detor-bx .pr-ct-im {
	display: none;
}
.ofrd-det {
	flex-wrap: wrap;
}
.ofrd-det div {
	width: 50%;
	padding-bottom: 10px;
	text-align: center;
}
.detor-bx .single-pr-tit {
	margin-top: 0;
	display: block;
	padding: 0 15px;
}
.detor-bx .ct-pr-des {
	max-height: 100%;
	margin: 0;
	padding: 0 15px;
}
.detor-bx .ct-pr-des li::marker {
	font-size: 0;
}
.accories-txt {
	font-size: 15px;
}
.detor-bx .ct-pr-des li {
	padding: 0 0 3px 0;
}
.detor-bx .Pr-cart-wr.row {
	border: 0;
	padding: 10px 0 0;
}

/****************************** Order Page CSS End*******************************/
}
@media only screen and (max-width: 767px) {
/*******************************My account PAGE Start*******************************/ */
.myac-1-content {
	width: 100%;
	padding-left: 0;
	margin-top: 0;
}
.Myac-1-btns {
	width: 100%;
	padding: 10px;
}
.Myaccount-sec .d-flex {
	flex-wrap: wrap;
}
.Myac-1-btns .myaccount-main-btn {
	font-size: 14px;
	padding: 65px 7px 15px 7px;
}
.Myac-1-btns .myaccount-main-btn::after {
	font-size: 23px;
	line-height: 48px;
	top: 13px;
	width: 48px;
	height: 48px;
}
.Myac-1-btns {
	margin: 15px 0 30px 0 !important;
	grid-gap: 10px;
}
.addres-bx-wrap .addres-wrap {
	padding: 10px;
}
/******************************My account PAGE End*******************************/
/*******************************Addtocart page CSS Start*******************************/
.addtocart-sec .add-to-cart-form {
	flex-direction: column-reverse;
	margin: 0 50px;
}
.add-to-cart-form .price-pr-box {
	padding: 0 0 20px 0;
	width: 100%;
}
.add-to-cart-form .price-box {
	padding: 20px;
}
.add-to-cart-form .shipping-cart {
	width: 100%;
}
.addres-bx-wrap {
	grid-gap: 10px;
	padding: 20px 10px 20px;
	max-width: 100%;
}
.Addres-frm form p {
	margin: 0 auto;
	width: 100%;
	padding: 0 0 4px;
}
.orders-myacdeta .Submit .btn {
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	font-size: 13px;
}

/*******************************Addtocart page CSS End*******************************/
.ftr-item.ftlhg {
	padding-right: 15px;
}

}
@media only screen and (max-width: 585px) {
/******************************My account PAGE End*******************************/
	.address-wrap {
		grid-template-columns: repeat(1,1fr);
		grid-gap: 10px;
	}
	.order-wrap {
		overflow-x: auto;
	}
	.Myaccount-sec .order-card, .order-title {
		width: 585px;
	}
	.Myac-1-btns {
		grid-template-columns: repeat(2,1fr);
	}
  .main-title h1 {
    font-size: 23px;
  }
/******************************My account PAGE End*******************************/


/******************************Addtocart popup Start*******************************/
.pop-btn .btn {
	line-height: 30px;
	padding: 0 10px;
	font-size: 13px;
}
.popu-wrap .modal-dialog {
	max-width: 100%;
	margin: 20px 15px 0;
}
.popu-wrap .modal-title {
	font-size: 19px;
}
/******************************Addtocart popup End*******************************/
/*******************************Addtocart page CSS Start*******************************/
.addtocart-sec .add-to-cart-form {
	margin: 0;
}
.addtocart-sec .remove {
	top: -7px;
	right: -8px;
}
.addtocart-sec .product-des {
	flex-wrap: wrap;
}
.addtocart-sec .product-title-des {
	width: 100%;
	padding: 10px 0 0 0;
}
.addtocart-sec .product-des img {
	height: 130px;
}
/*******************************Addtocart page CSS End*******************************/
/*******************************Checkout page CSS Start*******************************/
.checkout-ad {
	flex-wrap: wrap;
	flex-direction: column-reverse;
}
.checkout-address {
	padding: 0;
	width: 100%;
	border: 0;
}
.checkout-price {
	padding: 15px 15px;
	width: 100%;
	border: 1px solid #5f6788;
	border-radius: 8px;
	margin-bottom: 20px;
}
/*******************************Checkout page CSS End*******************************/
/****************************** Order Page CSS Start*******************************/
.ofrd-det > div {
	font-size: 14px;
}
.ct-pr-des {
	max-height: 100%;
}
.detor-bx .pr-ct-im {
	display: none;
}
.ofrd-det {
	flex-wrap: wrap;
}
.ofrd-det div {
	width: 100%;
	padding-bottom: 10px;
	text-align: left;
}

.detor-bx .single-pr-tit {
	margin-top: 0;
	display: block;
	padding: 0;
}
.detor-bx .ct-pr-des {
	max-height: 100%;
	margin: 0;
	padding: 0 ;
}
.detor-bx .ct-pr-des li::marker {
	font-size: 0;
}
.accories-txt {
	font-size: 15px;
}
.detor-bx .ct-pr-des li {
	padding: 0 0 3px 0;
}
.detor-bx .Pr-cart-wr.row {
	border: 0;
	padding: 10px 0 0;
	margin: 0 0 10px 0;
}
.trackgopag {
	display:none;
}
.trackgopagmob, .trackgopagmob:hover {
	display: inline-block;
	border: 1px solid #1e5192;
	margin: 10px 0;
	font-size: 14px;
	color: #1e5192;
}
/****************************** Order Page CSS End*******************************/




}