html {
    font-size-adjust: 100%;
    font-weight: 400;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
  #homesubscribeMsg .alert { position: relative; padding: 16px 38px 16px 18px; border: 1px solid #023047; font-size: 14px; line-height: 1.75; color: #fff; background: none; }
  .submenu > a::after { display: inline-block; position: absolute; margin-top: 2px; right: -15px; top: 63%; line-height: 0; vertical-align: middle; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 11px; color: inherit; content: "\f054"; }
  .minipopup-area { display:none;}
  .header {
      font-family: Poppins, sans-serif;
      letter-spacing: -0.025em;
      background: #fff;
      border-bottom: 1px solid #eee;
  }
  .border-no {
      border: none !important;
  }
  .header-top {
      border-bottom: 1px solid #e1e1e1;
      font-size: 1.2rem;
      letter-spacing: -0.025em;
      height: 33px;
  }
  .header-right a { color: #023047 ; }
  .header-right .social-link { margin: 2px 8px 2px 0 !important; width: auto !important; height: auto !important; line-height: 0; font-size: 15px !important; border-radius: 50%; border: none !important; transition: color 0.4s, border 0.4s, background 0.4s; text-align: center; }
  .header .container, .header .container-fluid { width: 100%; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; }
  .header-top, .header-middle, .header-bottom { display: flex; }
  .header { font-family: Poppins, sans-serif; letter-spacing: -0.025em; background: #fff; border-bottom: 1px solid #eee; }
  .header .container, .header .container-fluid, .header .inner-wrap { display: flex; align-items: center; }
  .header .container { max-width: 1480px; }
  .header-left { flex: 1; }
  .header-left, .header-right, .header-center { display: flex; align-items: center; }
  .header-top {border-bottom: 1px solid #e1e1e1;font-size: 12px;letter-spacing: -0.025em;}
  .header-right { flex: 1; justify-content: flex-end; }
  .header-right { margin-left: auto; }
  .header-left, .header-right, .header-center { display: flex; align-items: center; }
  .header-top .header-right > *:first-child { margin-left: 0; }
  .header-top .divider { margin: 0 -3px 0 20px; }
  .header-top .header-right > * { margin-left: 2.3rem; }
  .divider { display: inline-block; vertical-align: middle; margin-right: 15px; height: 25px; width: 1px; background-color: #e1e1e1; }
  .header-top .header-right > * {margin-left: 23px;}
  .header-right a { display: flex; align-items: center; }
  .call { display: flex; align-items: center; }
  .ls-m { letter-spacing: -0.025em !important; }
  .call i {margin: 0 0.2rem 0.2rem 0;font-size: 18px;cursor: pointer;}
  .header-top .contact { margin-right: 0.2rem; line-height: 1; }
  .header-right a { display: flex; align-items: center; }
  .header-top .contact i {margin-right: 7px;font-size: 17px;}
  .header-top .help { line-height: 1; }
  .header-top .help i {margin-right: 7px;font-size: 17px;}
  .social-links { display: inline-flex; flex-wrap: wrap; align-items: center; }
  .inline-links .social-link:not(:last-child) {margin-right: 20px !important;}
  .sticky-content.fix-top { top: 0; }
  .header-middle { padding-top: 27px; padding-bottom: 27px; color: #023047; background: #fff; font-size: 12px; font-weight: 700; padding: 20px 2px 26px; }
  .header-top, .header-middle, .header-bottom { display: flex; }
  .header .container, .header .container-fluid, .header .inner-wrap { display: flex; align-items: center; }
  .header-left, .header-right, .header-center {display: flex;align-items: center;}
  .header-left { flex: 1; }
  .mobile-menu-toggle { display: none; margin-right: 2rem; font-size:25px; color: #023047; }
  .header-middle .logo { margin-right: 0rem; margin-bottom: 0.1rem; }
  .logo { max-width: 180px; }
  .logo img { display: block; width:100%;margin-top: 0; }
  .main-nav { margin: 0 0 0 0.3rem; }
  .menu { display: flex; align-items: center; }
  .menu > li { margin-right: 34px; }
  .menu li { position: relative; line-height: 1.5; }
  .menu, .menu ul, .mobile-menu, .mobile-menu ul, .nav, .nav ul, .widget-body, .widget-body ul, .list, .breadcrumb, .filter-items, .select-menu > ul, .dropdown-box, .pagination, .nav-filters, .category ul, .comments ul, .product-nav, .product-tabs > div ul { list-style-type: none; margin: 0; padding: 0; }
  .menu > .submenu > a { z-index: 1001; }
  .menu .submenu > a { position: relative; display: block; }
  .menu > li > a {position: relative;padding: 11px 0 11px !important;font-size: 14px;font-weight: 600;letter-spacing: 0.007em;line-height: 1;text-transform: capitalize;}
  .menu li a {padding: 7px 0 7px 10px;color: #023047;}
  .menu a { display: inline-block; }
  .header-middle p {font-size: 14px;font-weight: 600;color: #023047;letter-spacing: 0;line-height: 1;margin-bottom: 10px;}
  .header-middle .icon-box-icon, .header-middle p, .header-middle .icon-box-title { transition: color 0.3s; }
  .header-middle .icon-box-title {margin-bottom: 5px;font-size: 11px;font-weight: 400;text-transform: capitalize;line-height: 1;letter-spacing: -0.027em;color: #023047;}
  .header-middle .icon-box-icon, .header-middle p, .header-middle .icon-box-title { transition: color 0.3s; }
  .menu > li > ul, .menu > li .megamenu { left: -1.9rem; right: -1.9rem; }
  .menu li > ul { min-width: 0rem; background: #fff; }
  .menu li > ul, .menu li .megamenu { position: absolute; top: -9999px; left: 100%; margin: 0; box-shadow: 0 2px 35px rgb(0 0 0 / 10%); z-index: 1000; visibility: hidden; opacity: 0; transition: transform 0.2s ease-out; transform: translate3d(0, -10px, 0); }
  .menu ul { padding: 0.6rem 0rem; background: #fff; font-size: 1.4rem; font-weight: 400; line-height: 1.5; letter-spacing: 0; color: #023047; }
  .menu li > ul li { padding: 0 2rem; }
  .menu li { position: relative; line-height: 1.5; }
  .menu .submenu > a { position: relative; display: block; }
  .menu a {display: block;}
  .menu li > ul, .menu li .megamenu { position: absolute; top: -9999px; left: 100%; margin: 0; box-shadow: 0 2px 35px rgb(0 0 0 / 10%); z-index: 1000; visibility: hidden; opacity: 0; transition: transform 0.2s ease-out; transform: translate3d(0, -10px, 0); }
  .menu ul { padding: 0.6rem 0rem; background: #fff; font-size: 1.4rem; font-weight: 400; line-height: 1.5; letter-spacing: 0; color: #023047; }
  .megamenu { display: flex; padding: 1rem; min-width: 800px; background: #fff; }
  .menu .menu-title {margin-bottom: 0rem;padding: 0 10px;font-size: 14px;font-weight: 600;line-height: 1;text-transform: uppercase;}

  .menu li > ul li { padding: 0 2rem; }
  .menu li { position: relative; line-height: 1.5; }
  .megamenu ul { padding: 0; }
  .menu li > ul li {padding: 0 20px;}
  .menu > li:hover > ul, .menu > li:hover .megamenu, .menu > li.show > ul, .menu > li.show .megamenu { top: 100%; }
  .menu li:hover > a:not(.menu-title), .menu .active > a:not(.menu-title) { color: #FB8500; }
  .menu li:hover > ul, .menu li:hover .megamenu, .menu .show > ul, .menu .show .megamenu { visibility: visible; opacity: 1; top: -2rem; transform: translate3d(0, 0, 0); }
  .menu li:hover > ul, .menu li:hover .megamenu, .menu .show > ul, .menu .show .megamenu { visibility: visible; opacity: 1; top: -2rem; transform: translate3d(0, 0, 0); }
  .menu li:hover > ul, .menu li:hover .megamenu, .menu .show > ul, .menu .show .megamenu {visibility: visible;opacity: 1;top: 0;transform: translate3d(0, 0, 0);}
  .menu > li > ul, .menu > li .megamenu { left: -1.9rem; right: -1.9rem; }
  .menu > li:hover > ul, .menu > li:hover .megamenu, .menu > li.show > ul, .menu > li.show .megamenu { top: 100%; }
  .menu ul { padding: 6px 0px; background: #fff; font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: 0; color: #023047; }
  .header-middle .header-search { margin-right: 21px; }
  .header-search { position: relative; }
  .header-search.hs-toggle .input-wrapper { position: absolute;  top: 100%; min-width: 310px; padding: 15px; height: auto; background-color: #fff; box-shadow: 0 2px 35px rgb(0 0 0 / 10%); visibility: hidden; opacity: 0; transform: translate3d(0, -10px, 0); z-index: 100; transition: transform 0.4s 0.2s, visibility 0.4s 0.2s, opacity 0.4s 0.2s; }
  .header-middle .login-link-custom { display: flex; align-items: center; margin-right: 20px; padding-bottom: 0; }
  .header-right .login-link-custom:hover { color: #FB8500; }
  .header-search:hover { color: #FB8500; } 
  .wishlist:hover { color: #FB8500; }
  .wishlist i { font-size: 22px; padding-top: 2px; cursor: pointer; }
  .cart-dropdown i { font-size: 24px; }
  .cart-dropdown.type2 .cart-count { top: 0px; right: -11px; width: 19px; height: 19px; font-size: 11px; }
  .cart-dropdown.type2 .cart-count { position: absolute; line-height: 1.7; text-align: center; border-radius: 50%; background-color: #FB8500; color: #fff; z-index: 1;font-style: initial; }
  .cart-dropdown .cart-count { display: inline-block; transition: color 0.4s; font-size: 1.3rem; font-weight: 600; line-height: 25px; color: #FB8500; }
  .header-middle .login-link-custom i { font-size: 21px; }
  .cart-toggle .d-icon-bag:hover {color: #FB8500;}
  .search-toggle .d-icon-search:hover {color: #FB8500;}
  .header-search.hs-toggle .btn-search i { margin-bottom: 0.4rem; font-size: 21px !important; }
  .header-search.hs-toggle .form-control { padding: 14px 20px; background-color: #f4f4f4; }
  .call:hover, .header-top .contact:hover, .header-top .help:hover { color: #FB8500; }
  .header-search.hs-toggle .btn-search {  min-width: 50px; font-size: 18px !important;}
  .megamenu ul { padding: 0; }
  .megamenu.row { max-height: 500px; overflow-y: scroll; }
  /*--Phone Menu--*/
  .mmenu-active .mobile-menu-wrapper { visibility: visible; }
  .mobile-menu-wrapper { visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; font-family: Poppins, sans-serif; transition: visibility 0.4s; }
  .mmenu-active .mobile-menu-overlay { opacity: 0.8; }
  .mmenu-active .mobile-menu-close { opacity: 1; }
  .mobile-menu-close { position: fixed; left: calc(100vw - 50px); top: 25px; z-index: 10001; transition: opacity 0.3s; opacity: 0; }
  .mobile-menu-close i { font-size: 28px; color: #e1e1e1; }
  .mmenu-active .mobile-menu-container { transform: translateX(0); }
  .mobile-menu-container { max-width: 296px; padding: 20px 15px; width: 100%; height: 100%; overflow-y: auto; background: #023047529; box-shadow: 1px 0 5px rgb(0 0 0 / 50%); transform: translateX(-296px); transition: transform 0.4s; }
  .scrollable, .sidebar-content { -webkit-overflow-scrolling: touch; }
  .mobile-menu-container .input-wrapper { display: flex; margin-bottom: 6px; height: 40px; }
  .mmenu-active .mobile-menu-wrapper { visibility: visible; }
  .mobile-menu-wrapper { visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; font-family: Poppins, sans-serif; transition: visibility 0.4s; }
  .mobile-menu-container .input-wrapper .form-control { min-height: 40px; color: #7a8088; border: 1px solid; border-color: #2e3237; border-right: 0; background-color: transparent; }
  .input-wrapper input.form-control { flex: 1; min-width: 40px; font-size: 12px; }
  .mobile-menu-container .input-wrapper .btn-search { padding: 0; width: 40px; background-color: #FB8500; border-color: #FB8500; color: #fff; font-size: 14px; border-radius: 3px; }
  .mobile-menu-container .input-wrapper .btn-search i { margin: 0 0 5px; font-size: inherit; }
  
  .mmenu-active .mmenu-anim > li, .mmenu-active .mmenu-anim { opacity: 1; transform: translateY(0); }
  .mobile-menu-container .mobile-menu { margin-bottom: 5px; background: #023047529; }
  .mmenu-anim, .mmenu-anim > li { transition: transform 0.4s, opacity 0.3s; transition-timing-function: cubic-bezier(0.5, 0, 0.3, 1); }
  .mmenu-anim { transform: translateY(30%); }
  .mobile-menu { text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 1.5; letter-spacing: -0.025em; color: #e1e1e1; text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 1.5; letter-spacing: -0.025em; }
  .mmenu-anim > li:nth-child(1) { opacity: 0; transform: translateY(50px); }
  .mobile-menu li:not(:last-child) { border-bottom: 1px solid #2e3237; }
  .mobile-menu > li:first-child { padding-top: 5px; }
  .mmenu-anim, .mmenu-anim > li { transition: transform 0.4s, opacity 0.3s; transition-timing-function: cubic-bezier(0.5, 0, 0.3, 1); }
  .mobile-menu li a { display: block; position: relative; padding: 13px 6px 13px 10px;color: #fff; }
  .toggle-btn { display: block; position: absolute; padding: 6px; right: 0; top: 50%; transform: translateY(-50%); opacity: 0.6; }
  .toggle-btn::before { content: "\f054"; display: block; font-size: 9px; font-weight: 600; font-family: "Font Awesome 5 Free"; line-height: 1; transition: transform 0.5s; }
  .mobile-menu ul { display: none; width: 100%; }
  .mobile-menu li:not(:last-child) { border-bottom: 1px solid #2e3237; }
  .mobile-menu li li a { padding-left: 24px; }
  .mobile-menu li li li a { padding-left: 36px; }
  .mobile-menu-overlay { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: #000; opacity: 0; transition: opacity 0.4s; }
  .mmenu-active .mobile-menu-overlay { opacity: 0.8; }
  .mmenu-active .page-wrapper, .mmenu-active .main-wrapper { margin-left: 296px; margin-right: -296px; }
  .mobile-menu-container .input-wrapper .btn-search { padding: 0; width: 40px; background-color: #FB8500; border-color: #FB8500; color: #fff; font-size: 14px; border-radius: 3px !important; }
  .mobile-menu-container .input-wrapper .form-control { min-height: 40px; color: #7a8088; border: 1px solid; border-color: #2e3237; border-right: 0; background-color: transparent; }
  .mobile-menu-container input::placeholder { color:#7a8088 !important; font-size:12px;}
  .mmenu-active .mmenu-anim > li, .mmenu-active .mmenu-anim { opacity: 1; transform: translateY(0); }
  .show > a .toggle-btn::before { transform: rotate(630deg);color: #FB8500; }
  .show > a { color:#FB8500 !important;}
  @keyframes fixedBottom {
  from {
    transform: translateY(100%);
    transform-origin: center top 0px;
  }
  to {
    transform: translateY(0);
  }
}
  
  
.menu .submenu ul .submenu:nth-child(5) ul .row { display: flex; }
.menu .submenu ul .submenu:nth-child(6) ul .row { display: flex; }
  .third-lavel-sub-menu { border-bottom:1px solid #efefef;}
  
  @media (max-width: 1199px){
      .header-middle .logo { margin-right: 0; }
      .logo img { width: auto;width: 100%; }
  }
  
  @media (max-width: 991px) {
      .d-lg-show { display: none !important; }
      .mobile-menu-toggle { display: block; }
      .mobile-menu-toggle i { font-size: 25px !important; margin-top: 5px; }
      
      .mobile-menu-container input::placeholder {  font-size:9px !important; }
  }
  
  .header-right .inline-links .social-link.social-twitter:hover { color: #1da1f2; }
  .header-right .inline-links .social-link.social-linkedin:hover { color: #0073b2; }
  .header-right .inline-links .social-link.social-facebook:hover { color: #3b5998; }
  .header-right .inline-links .social-link.social-pinterest:hover { color: #bd081c; }
  
  
  .main-nav .menu { margin: 7px 0 0 0 !important; }
  @media (max-width: 767px){ 
      .header-middle .header-search { display: none; }
  }
  
  @media (max-width: 480px) {
      .header-middle .logo { margin-right: 0; }
      .mobile-menu-close { left: calc(100vw - 40px); top: 10px; }
      .header-left { flex: 0 0 210px; }
      .mobile-menu-toggle {  margin-right: 20px !important;}
  }
  @media (max-width: 380px) {
  .header-top .header-right > * { margin-left: 9px; }
  .header-top .header-left { flex: 0 0 180px;padding-right: 5px;margin-right: 10px; }
  .header-top .header-right {justify-content: flex-start; }
  .header-left { flex: 0 0 230px; }
  }
.badge-varient{ 
	padding: 2px 6px;
	background: #fcca59;
	color: #000;
	font-size: 12px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
	margin-left: 2px;
	margin-right: 2px;
	border-radius: 2px;
	display: inline-block;
	margin-top:2px;
}