body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #000;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0.6px;
}
:focus {
  outline: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #444;
}
/* default font size */
.fa {
  font-size: 14px;
}
.fa-stack {
  width: 13px;
}
.fa-stack .fa {
  font-size: 13px;
  color: #2e8bb0;
}
/* Override the bootstrap defaults */
h1 {
  font-size: 33px;
}
h2 {
  font-size: 27px;
}
h3 {
  font-size: 21px;
}
h4 {
  font-size: 15px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 10.2px;
}
a {
  color: #23a1d1;
}
a:hover {
  text-decoration: none;
}
legend {
  font-size: 18px;
  padding: 7px 0px;
}
label {
  font-size: 12px;
  font-weight: normal;
}
select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control {
  font-size: 12px;
}
.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
  font-size: 12px;
}
.input-group .input-group-addon {
  font-size: 12px;
  height: 30px;
}

/* Fix some bootstrap issues */
span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
  display: inline;
}

.nav-tabs {
  margin-bottom: 15px;
}
div.required .control-label:before {
  content: "* ";
  color: #f00;
  font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #229ac8;
}
.common-home header:hover {
}
/*.common-home header {}*/
.mfp-wrap,
.mfp-bg {
  z-index: 99999 !important;
}
@-webkit-keyframes fixedAnim {
  0% {
    top: -100%;
  }
  100% {
    top: 0;
  }
}
@-moz-keyframes fixedAnim {
  0% {
    top: -100%;
  }
  100% {
    top: 0;
  }
}
@keyframes fixedAnim {
  0% {
    top: -100%;
  }
  100% {
    top: 0;
  }
}
.headertop.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  padding: 0;
  z-index: 102;
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  box-shadow: 0 0 15px rgba(141, 140, 140, 1);
  -moz-box-shadow: 0 0 15px rgba(141, 140, 140, 1);
  -webkit-box-shadow: 0 0 15px rgba(141, 140, 140, 1);
  -webkit-font-smoothing: antialiased;
  animation: 0.9s ease 0s normal both 1 running fixedAnim;
  -moz-animation: 0.9s ease 0s normal both 1 running fixedAnim;
  -o-animation: 0.9s ease 0s normal both 1 running fixedAnim;
  -webkit-animation: 0.9s ease 0s normal both 1 running fixedAnim;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  padding: 22px 0 9px;
  background: #fff;
}
header.fixed .headertop {
  display: none;
}
@keyframes slide-down {
  0% {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
  }
}
header {
  background-color: #fff;
  display: inline-block !important;
  position: relative;
  vertical-align: top;
  width: 100%;
  z-index: 99;
  box-sizing: border-box;
}
#common-success #content p a {
  color: #2e8bb0;
}
#checkout-cart .buttons .pull-right .btn.btn-primary {
  background-color: #000 !important;
  border-color: #000 !important;
}
.shopping-cart tr .input-group {
  z-index: 0;
}
.header-left {
  float: left;
  position: relative;
  width: 25%;
  z-index: 5;
  text-align: left;
  padding: 0;
}
.header-center {
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 50%;
}
.header-center .container {
  width: 100%;
  padding: 0;
  display: inline-block;
  float: none;
  text-align: center;
}
.header-right {
  display: flex;
  flex-direction: column;
  position: relative;
  width: auto;
  text-align: left;
  padding: 2px 0 0 0;
  line-height: 0;
}
.header-right .items-block {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
/*menu*/
.mainmenu .nav-container {
  /*    display: inline-block;*/
}
.header-bottom .mainmenu {
  width: 100%;
  float: left;
  position: relative;
  display: inline-block;
}
.main-menu > ul > li:first-child > a {
  margin-left: 0;
}
/* top */
.account-order .table-responsive .btn.btn-info .fa-eye::before {
  line-height: 16px;
}
.account-wishlist .table-responsive .fa-shopping-cart::before {
  line-height: 22px;
}
.account-wishlist .table-responsive .btn.btn-primary {
  height: 40px;
}
.nav-left {
  width: auto;
  float: left;
  text-align: left;
  padding: 0;
}
.nav-left a:hover,
.nav-left a:focus {
  color: #2e8bb0;
}
.nav-left .fa-heart::before {
  position: relative;
  left: -5px;
  right: auto;
  margin: 0;
  text-align: center;
  top: auto;
}
.nav-left .list-inline > li {
  padding-right: 30px;
  padding-left: 0;
}
#top ul.list-inline {
  padding: 0;
  margin: 0 auto;
  display: inline-block;
}
.nav-left .header-cms span {
  color: #2e8bb0;
  text-transform: uppercase;
}
.nav-left .header-cms {
  font-size: 12px;
  letter-spacing: 0.8px;
  text-transform: none;
  color: #c3c3c3;
}
.nav-right .pull-left .fa {
  font-size: 13px;
}
.nav-center {
  width: 33.33%;
  float: left;
  text-align: center;
  padding: 14px 0;
}
.header-cms span {
}
.nav-right {
  width: auto;
  float: right;
  text-align: right;
  padding-top: 0;
  display: inline-block;
}
.nav-right .pull-left {
  display: inline-block;
}
#form-currency,
#form-language {
  /*display: inline-block;*/
}
.dropdown-menu.dropdown-menu-right.myaccount-menu {
  min-width: 200px;
}
li:hover a .fa.fa-phone,
li a:hover .fa.fa-phone,
li:hover a .fa.fa-heart,
li a:hover .fa.fa-heart,
li:focus a .fa.fa-phone,
li a:focus .fa.fa-phone,
li:focus a .fa.fa-heart,
li a:focus .fa.fa-heart {
  color: #2e8bb0;
}
.nav-left li:hover span {
}
.nav-right .list-inline li {
  padding: 0;
  text-transform: capitalize;
  font-weight: 400;
  color: #c3c3c3;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.8px;
}
#top {
  background-color: #1c1c1c;
  padding: 10px 0;
  border-bottom: 1px solid #353535;
}
#top .container {
  padding: 0 15px;
}
#top #form-currency .currency-select,
#top #form-language .language-select {
  text-align: left;
  width: 100%;
  padding: 0 0 8px 0;
  color: #000;
}
#form-currency {
  padding: 0 20px 0 0;
}
#form-language {
  padding: 0;
}
.lang-curr-wrapper {
  float: left;
  border-top: 1px solid #ddd;
  margin-top: 10px;
  padding-top: 10px;
}

#form-language .language-menu,
#form-currency .currency-menu {
  /* display: block !important; */
  float: left;
  padding: 0 0 0 15px;
  list-style: none;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.myaccount-menu .lang_cur_block .pull-left {
  border-top: 1px dashed #999999;
  margin-top: 15px;
  padding-top: 15px;
  width: 100%;
}
.lang_cur_block .pull-left .dropdown-menu img,
#form-currency .dropdown-menu strong {
  display: block;
}
.lang_cur_block .pull-left img,
#form-currency strong {
}
#form-language img {
}
#form-language .btn-link,
#form-currency .btn-link {
  text-transform: capitalize;
  font-weight: 400;
  color: #000;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.8px;
  display: block;
  padding: 5px 0;
  text-decoration: none;
}
#top-links .myaccount-menu .language-menu > li,
#top-links .myaccount-menu .currency-menu > li {
  display: inline-block;
  float: left;
  margin: 5px 10px 5px 0;
  padding: 0;
  width: auto;
}
#form-language .btn-link:hover,
#form-currency .btn-link:hover {
  text-decoration: none;
  color: #2e8bb0;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
  text-shadow: none;
  background-color: #999999;
  color: #2e8bb0;
}

#currency .dropdown-menu {
  padding: 8px;
}

#language .dropdown-menu > li > a {
  padding: 3px 8px;
}
#currency .dropdown-menu .btn {
  padding: 2px !important;
}
#language .dropdown-menu > li > a:hover {
  color: #ffffff;
}
#top .btn-link,
#top-links li,
#top-links a,
#language .dropdown-menu > li > a {
  text-decoration: none;
  padding: 0;
  background-color: transparent !important;
}
#top-links li {
  padding: 0;
}
#top-links a .fa {
  padding: 5px 5px;
}
#top .btn-link:hover,
#top-links a:hover {
  color: #2e8bb0;
  background-color: transparent !important;
}
#top-links .dropdown-menu a {
  text-shadow: none;
  color: #000;
  font-size: 12px;
  line-height: 24px;
  display: block;
  position: relative;
  padding: 3px 0;
}

#top-links .dropdown-menu a:hover,
#top-links .dropdown-menu a:focus {
  color: #2e8bb0;
}
#top .btn-link strong {
  font-size: 14px;
  font-weight: normal;
}
#top-links {
  padding-top: 0;
  margin: 0;
  position: relative;
}
#top-links a + a {
  margin-left: 15px;
}
#top .fa-caret-down {
  vertical-align: text-bottom;
}
#top #currency .btn-link,
#top #language .btn-link {
  padding: 8px 12px;
}
#top-links .myaccount .myaccount-menu a::before {
  display: none !important;
}
#top-links .dropdown.myaccount a:hover::before {
  background-position: 0 -281px;
}
#top-links .dropdown.myaccount a::before {
  /*	background: transparent url("../image/megnor/Sprite-icon.png") no-repeat scroll 0 -424px;
	height: 33px;
	width: 32px;
	display: inline-block;
	cursor: pointer;
	content: "";*/
}
.account-content {
  display: inline-block;
  text-align: left;
}
.dropdown.myaccount .option {
  color: #b8b8b8;
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
  margin: 0;
  text-align: left;
  text-transform: capitalize;
  vertical-align: top;
  text-transform: none;
  letter-spacing: 0.6px;
  display: block;
}
.dropdown.myaccount .hidden-xs.hidden-sm.hidden-md {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-weight: 500;
  display: inline-block;
  color: #000;
  line-height: 21px;
}
.dropdown.myaccount .hidden-xs.hidden-sm.hidden-md:hover {
  color: #2e8bb0;
}
.dropdown.myaccount {
  position: relative;
  float: left;
  list-style: none;
  margin-top: 0.7rem;
}
.dropdown.myaccount .option:hover {
  color: #2e8bb0;
}
.dropdown.myaccount .accountimage {
  background: transparent url("../image/megnor/Sprite-icon.png") no-repeat
    scroll center -253px;
  height: 33px;
  width: 32px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.dropdown.myaccount .accountimage:hover {
  background-position: center -382px;
}
.header-wishlist {
  /* background: transparent url("../image/megnor/Sprite-icon.png") no-repeat scroll 10px -362px;*/
  height: 33px;
  width: 40px;
  font-size: 0;
  float: right;
  display: none;
}
.header-wishlist:hover {
  background-position: 10px -455px;
}
#top-links .list-inline {
  margin: 0;
}
/*header inner*/
.innerblock .service-right1 .title {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  color: #c3c3c3;
  font-weight: 400;
  text-transform: capitalize;
}
.headerinner .innerblock {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.first-content-one.innerblock {
  margin-right: 50px;
}
.service-right1 {
  display: inline-block;
  vertical-align: top;
}
.headerinner {
  position: relative;
  width: auto;
  display: inline-block;
  text-align: right;
  margin-left: 0px;
}
.first-content-one .innericon1 {
  background-position: center -304px;
}
.second-content-two .innericon1 {
  background-position: center 0;
}
.first-content-one:hover .innericon1 {
  background-position: center -458px;
}
.second-content-two:hover .innericon1 {
  background-position: center -152px;
}
.innericon1 {
  background: url(../image/megnor/innericon.png) no-repeat scroll;
  width: 30px;
  height: 27px;
  float: left;
  margin: 6px 10px 0 0;
  transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
}
/* logo */
.headertop {
  padding: 8px 0;
  position: relative;
}
.header-logo {
  float: left;
}
.language-switcher-desktop select {
  padding: 5px 8px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.header-search {
  float: left;
  margin: 6px 0 0;
  position: relative;
}
#form-currency ul li .btn-link:hover {
}
#form-currency ul li .btn-link {
  padding: 0 0 10px 0;
  color: #000;
}
.header-search.active .header-toggle,
.header-search.active .header-toggle:hover {
  background: rgba(0, 0, 0, 0) url("../image/megnor/cross.png") no-repeat scroll
    center 8px;
}
.header-search .header-toggle:hover {
  background-position: center -641px;
}
.header-search .header-toggle {
  background: rgba(0, 0, 0, 0) url("../image/megnor/Sprite-icon.png") no-repeat
    scroll center -512px;
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.header-cart {
  position: relative;
  float: right;
}
.top-links {
  position: relative;
  float: left;
}
#logo {
  margin: 0;
  display: inline-block;
}
.dropdown-menu.myaccount-menu {
  top: 65px;
  margin: 0;
}
/* search */
#shared-search-wrapper-desktop {
  position: relative;
}
#shared-search-wrapper {
  position: absolute;
  top: 100%;
  /* одразу під шапкою */
  right: 0 !important;
  /* прив’язка до правого краю */
  z-index: 9999;
  width: 290px;
  margin: 0 !important;
  padding: 0 !important;
}
#search {
  display: none;
  position: absolute;
  top: 100%;
  /* тепер точно одразу під шапкою */
  right: 0;
  width: 290px;
  z-index: 9999;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: 0 0 5px rgba(141, 140, 140, 0.5);
  -moz-box-shadow: 0 0 5px rgba(141, 140, 140, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(141, 140, 140, 0.5);
}
/* #search {
	display: none;
	left: auto;
	position: absolute;
	right: 0 !important;

	top: 59px;
	width: 290px;
	z-index: 1000;
	box-shadow: 0 0 5px rgba(141, 140, 140, 0.5);
	-moz-box-shadow: 0 0 5px rgba(141, 140, 140, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(141, 140, 140, 0.5);
} */
#search .input-lg {
  line-height: 20px;
  padding: 0 10px 0 18px;
  background-color: #fff;
  color: #000;
  width: 290px;
  height: 40px;
  border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
}
#search .input-group-btn {
  position: absolute;
  right: 0;
  width: 42px;
}
#search .btn-lg {
  background: #000 url("../image/megnor/search.png") no-repeat scroll 11px 11px !important;
  margin: 0;
  width: 100%;
  font-size: 0;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  height: 40px;
  border-color: transparent !important;
}
/* cart */
#cart {
  margin-bottom: 0;
  float: right;
}
#cart > .btn:hover {
}
#cart > .btn {
  background: none;
  padding: 0;
  position: relative;
}
#cart .cartimage:hover {
  background-position: center -122px;
}
#cart .cartimage {
  background: transparent url("../image/megnor/Sprite-icon.png") no-repeat
    scroll center 7px;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  border: none;
  padding: 0;
  width: 32px;
  height: 33px;
  position: relative;
  float: left;
  margin: 3px 0 0 0;
}
.cart-price {
  display: inline-block;
  vertical-align: top;
  float: left;
  position: relative;
}
#cart .text-shopping:hover {
}
#cart-total:hover {
}
#cart .text-shopping {
  font-size: 13px;
  line-height: 21px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-weight: 600;
  color: #000;
  display: block;
  text-align: left;
}
#cart-total {
  /*	color: #fff;
	font-size: 12px;
	letter-spacing: 0.6px;
	line-height: 16px;
	font-weight: 400;
	text-align: left;
	background: #2e8bb0;
	border-radius: 50%;
	padding: 1px 6px;
	display: inline-block;
	vertical-align: middle;
	display: inline-block;
	vertical-align: top;
	float: left;
	position: absolute;
	left: auto;
	right: -4px;
	top: -1px;*/
}
.count1 {
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.6px;
  line-height: 16px;
  font-weight: 400;
  text-align: left;
  background: #2e8bb0;
  border-radius: 50%;
  padding: 1px 6px;
  display: inline-block;
  vertical-align: middle;
  display: inline-block;
  vertical-align: top;
  float: left;
  position: absolute;
  left: auto;
  right: -4px;
  top: -1px;
}
#cart-total .cartitems {
  display: inline-block;
  vertical-align: top;
  /*	color: #fff;
	font-weight: 400;
	position: absolute;
	z-index: 9;
	top: 0;
	right: -3px;
	background-color: #2e8bb0 ;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	-moz-border-radius: 50%;
	width: 18px;
	height: 18px;
	line-height: 20px;
	letter-spacing:0;*/
}
.table-striped > tbody > tr:nth-of-type(2n + 1) {
  background-color: transparent;
}
#cart.open > .btn {
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  color: #666;
  box-shadow: none;
  text-shadow: none;
}
#cart.open > .btn:hover {
  color: #444;
}
#cart .dropdown-menu {
  background: #fff;
  z-index: 1001;
}
#cart .dropdown-menu {
  width: 350px;
  padding: 20px;
  margin-top: 0;
  top: 65px;
}
#cart .button-container {
  width: auto;
  float: right;
}
#cart .dropdown-menu table {
  margin-bottom: 10px;
  border: none;
}
#cart .dropdown-menu table td {
  border: none;
  background: none;
  min-width: 4rem;
}
#cart .dropdown-menu li > div {
  border-top: 1px solid #ececec;
}
#cart .fa-shopping-cart::before,
#cart .fa-share::before {
  content: none;
}
#cart .cart-menu .table .text-left a,
#checkout-cart .text-left a,
#accordion .panel-body .buttons .pull-right b,
#collapse-checkout-confirm .table .text-left a {
  color: #000;
}
#cart .dropdown-menu li p {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 10px;
  color: #000;
}
/* menu */
.header-bottom {
  background-color: #2e8bb0;
  min-height: 64px;
}
.nav-responsive {
  display: none;
}
.responsive-menu,
.main-menu {
  position: inherit;
  text-align: center;
  float: none;
  /*	display: inline-block;*/
  /*overflow:hidden; HIDE CATEGORIES THOSE ARE OUT OF MANU.  */
}
.main-menu ul {
  list-style: none;
  margin: 0 0 -8px 0;
  padding: 0;
}
.main-menu > ul > li {
  position: relative;
  float: left;
  z-index: 20;
}
.top_level.hiden_menu {
  position: relative;
}
#menu > ul > li.hiden_menu .main {
  font-size: 13px;
  color: #000;
  display: block;
  padding: 0px 20px 33px;
  z-index: 6;
  position: relative;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  line-height: 20px;
  cursor: pointer;
}
.main-menu > ul > li:hover {
}
#menu ul li.home_first a {
}
.nav-responsive span,
.main-menu > ul > li > a {
  font-size: 13px;
  color: #000;
  display: block;
  z-index: 6;
  position: relative;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  line-height: 20px;
}
.main-menu a:hover {
  text-decoration: none;
}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}
.main-menu .nav > li > a:hover,
.main-menu .nav > li > a:focus,
.main-menu .nav > li > a:active {
  background: none;
  color: #2e8bb0;
}
.main-menu > ul > li:hover > a {
  color: #2e8bb0;
  background: none;
}
.main-menu > ul > li > ul,
.responsive-menu .main-navigation {
  display: none;
  background: #15bcf0;
  position: absolute;
  z-index: 5;
  padding: 5px;
}
.main-menu > ul > li:hover > ul {
  display: block;
}
.main-menu > ul > li ul > li > ul {
  display: none;
  background: #15bcf0;
  position: absolute;
  z-index: 5;
  padding: 5px;
  margin-left: -13px;
}
.main-menu > ul > li ul > li:hover > ul {
  display: block;
  top: 0px;
  left: 173px;
}
.main-menu > ul > li > ul > ul {
  /*display: table-cell;*/
}
.main-menu > ul > li ul + ul {
  /*padding-left: 20px;*/
}
.main-menu > ul > li ul > li > a,
.responsive-menu .main-navigation li a {
  padding: 8px;
  color: #666;
  display: block;
  white-space: nowrap;
}
.main-menu > ul > li ul > li > a {
  min-width: 160px;
}
.main-menu > ul > li ul > li > a:hover,
.responsive-menu .main-navigation li a:hover {
  color: #666;
  background-color: #fff;
}
.main-menu > ul > li ul > li > a.activSub {
  background-image: url(../image/megnor/cat_arrow_hover.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.main-menu > ul > li > ul > ul > li > a {
  color: #666;
}
.main-menu > ul > li ul > li > a.activSub {
  background-image: url(../image/megnor/cat_arrow_hover.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.main-menu > ul > li > ul > ul > li > a {
  color: #666;
}
#menu ul li ul {
  display: table-cell;
  float: none;
  width: 25%;
  vertical-align: top;
}

#menu
  ul.nav
  li
  .megamenu.column1
  ul.list-unstyled
  > li.dropdown:hover
  > .dropdown-menu {
  display: block;
}
#menu
  ul.nav
  li
  .megamenu.column1
  ul.list-unstyled
  > li.dropdown
  .dropdown-menu {
  display: none;
  left: 158px;
  padding: 10px 20px;
  position: absolute;
  top: 0;
  border: 1px solid #ececec;
}
#menu ul.nav li .megamenu ul.list-unstyled li > a,
.hiden_menu .top_level a {
  width: 100%;
}

#menu ul.nav li .megamenu ul.list-unstyled.childs_2 a {
  min-width: 145px;
}
#menu ul.nav li .megamenu.column1 ul.list-unstyled li.dropdown > a {
  padding: 4px 0;
  border: none;
}
#menu ul.nav li .megamenu ul.list-unstyled li .dropdown-menu {
  margin: 0;
  padding: 0;
  position: relative;
  float: none;
  border: none;
  box-shadow: none;
}
#menu ul.nav li .megamenu ul.list-unstyled li > a:hover,
.hiden_menu .top_level a:hover {
  color: #2e8bb0;
}
#menu ul.nav li .megamenu ul.list-unstyled li > a,
.hiden_menu .top_level a {
  background: none;
  padding: 4px 0;
  font-family: poppins;
  font-weight: 600;
  text-transform: capitalize;
  color: #000;
}
#menu ul.nav li .megamenu.column1 ul.list-unstyled li > a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 24px;
}
.hiden_menu .dropdown-inner li.top_level a {
  font-size: 13px;
  font-weight: 500;
  line-height: 30px;
}
/*#menu ul.nav li .megamenu ul.list-unstyled li .dropdown-menu ul.list-unstyled li > a:before {
    content: "\f006";
    display: inline-block;
    font-family: "FontAwesome";
    padding-right: 8px;
	font-size: 9px;
}*/

/*#menu ul.nav li .megamenu ul.list-unstyled li .dropdown-menu ul.list-unstyled li > a:hover:before { content: "\f005"; }*/

#menu ul.nav li .megamenu ul.childs_1 {
  /*padding:30px 2px 30px 20px;*/
  border-right: none;
}

#menu ul.nav li .megamenu ul.childs_1:last-child {
  border: medium none;
  /*padding:30px;*/
}
#menu ul.nav li .megamenu ul.childs_1:first-child {
  /* padding:35px;*/
}
#menu ul.nav li .megamenu.column1 ul.childs_1 {
  border: none;
}

#menu
  ul.nav
  li
  .megamenu
  ul.list-unstyled
  li
  .dropdown-menu
  ul.list-unstyled
  li
  > a:hover {
  color: #2e8bb0;
}
#menu
  ul.nav
  li
  .megamenu
  ul.list-unstyled
  li
  .dropdown-menu
  ul.list-unstyled
  li
  > a::before {
  font-family: "FontAwesome";
  /*content: '\f105';*/
  content: none;
  font-size: 14px;
  position: absolute;
  right: auto;
  top: 4px;
  color: #000;
  left: 0;
}
#menu
  ul.nav
  li
  .megamenu
  ul.list-unstyled
  li
  .dropdown-menu
  ul.list-unstyled
  li
  > a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #000;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  font-family: poppins;
  text-transform: capitalize;
  padding: 4px 0;
  letter-spacing: 0.6px;
}
#menu ul.nav li .megamenu ul.list-unstyled li.dropdown > a {
  /*padding-bottom: 20px;
	border-bottom: 1px solid #000;*/
}
#menu > ul > li.hiden_menu div {
  display: none;
}
#menu > ul > li.hiden_menu div {
  min-width: 195px;
  background-color: #fff;
  padding: 15px;
  position: absolute;
  text-align: left;
}
#menu > ul > li.hiden_menu:hover > div {
  display: block;
}
#checkout-cart td {
  padding: 20px 16px;
}
#accordion.panel-group .panel {
  margin-bottom: 20px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  top: 0;
  right: 0;
}
.nav-container.fixed .main-menu > ul > li.blog-link a,
.main-menu > ul > li.blog-link a {
  background: none !important;
}

#menu > ul > li.hiden_menu .dropdown-menu {
  display: none !important;
}
.main-menu > ul > li.dropdown:hover::before,
.main-menu > ul > li.hiden_menu:hover::before {
  opacity: 1;
}
.main-menu > ul > li.dropdown::before,
.main-menu > ul > li.hiden_menu::before {
  /*content: "\f0d8";*/
  color: #ffffff;
  font-family: FontAwesome;
  font-size: 60px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  bottom: -2px;
  opacity: 0;
  z-index: 9999;
}
#menu .dropdown .dropdown-menu {
  min-width: 190px;
  padding: 15px 15px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  background-color: #fff;
  /*box-shadow: none;*/
}
#menu .dropdown .dropdown-menu .dropdown-menu {
  transform: none;
}
@media (min-width: 768px) {
  #menu .dropdown .dropdown-menu {
    margin: 0 auto !important;
    transform-origin: center top 0;
    -ms-transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
  }
  #menu .dropdown:hover .dropdown-menu,
  #menu > ul > li.hiden_menu:hover div {
    display: block;
    transform-origin: center top 0;
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    visibility: visible;
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    top: 100%;
  }
}

@media (max-width: 767px) {
  #menu {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
  }
  #menu div.dropdown-inner > ul.list-unstyled {
    display: block;
  }
  #menu div.dropdown-menu {
    margin-left: 0 !important;
    padding-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.1);
  }
  #menu .dropdown-inner {
    display: block;
  }
  #menu .dropdown-inner a {
    width: 100%;
    color: #fff;
  }
  #menu .dropdown-menu a:hover,
  #menu .dropdown-menu ul li a:hover {
    background: rgba(0, 0, 0, 0.1);
  }
  #menu .see-all {
    margin-top: 0;
    border: none;
    border-radius: 0;
    color: #fff;
  }
}

/* 1-col layout */

#column-left {
  width: 25%;
}
#column-right {
  width: 25%;
}
.layout-1 #content {
  padding: 0;
  float: none;
  overflow: hidden;
}
.category_img .img-thumbnail {
  padding: 0;
  border: none;
  border-radius: 0;
}

/* 2-col layout */

.layout-2.left-col #column-left {
  position: relative;
  float: left;
  width: 18%;
  padding-right: 5px;
  padding-top: 42px;
  padding-left: 0;
}
.layout-2.right-col #column-right {
  width: 18%;
  float: right;
  padding: 42px 0 0 0;
}
.layout-2.right-col #content {
  float: left;
  padding-left: 0;
  padding-right: 25px;
}
.layout-2 #content {
  float: right;
  width: 81%;
  margin: 0;
  padding-top: 42px;
  padding-right: 0;
  padding-left: 25px;
}
.layout-2.left-col #content {
}
.layout-2.right-col #content {
}

/* 3-col layout */
.layout-3 #column-left {
  width: 25%;
}
.layout-3 #column-right {
  width: 25%;
}
.layout-3 #content {
  width: 50%;
}
/* content */
#content {
  min-height: 600px;
}
/* footer */
.content_footer_top {
  display: block;
  background-color: #2e8bb0;
  overflow: hidden;
}
#column-left .box-product .price,
#column-right .box-product .price {
  margin-top: 5px;
}
#column-left .product-thumb:hover .price,
#column-left .product-thumb:hover .price-new,
#column-left .product-thumb:hover .price-old,
#column-right .product-thumb:hover .price,
#column-right .product-thumb:hover .price-new,
#column-right .product-thumb:hover .price-old {
  opacity: 1;
}
.content_footer_left {
  width: 56%;
  float: left;
  padding-right: 0;
  position: relative;
  text-align: center;
}
.footer-cms {
  position: relative;
  float: left;
  width: 43%;
}
.content_footer_left .footerleft-dec p {
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0.8px;
  font-weight: 400;
  color: #999999;
}
#footer #footer_storeinformation_block.col-sm-3.column {
  width: 100%;
  float: left;
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  line-height: 26px;
  letter-spacing: 0.8px;
  padding: 0;
}
#footer .content_footer_right.col-sm-3.column {
  width: 25%;
  float: right;
  padding: 0;
}
#footer #footer_storeinformation_block li .icon-inner {
  background-image: url("../image/megnor/footer-sprite.png");
  background-repeat: no-repeat;
  clear: both;
  float: left;
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  margin: 0 auto;
  margin-right: auto;
  position: relative;
  /*transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease;
    -webkit-transition-delay: 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;*/
  width: 25px;
  margin-right: 25px;
}
#footer_storeinformation_block #block_contact_infos .address {
  padding-bottom: 12px;
}
#footer_storeinformation_block #block_contact_infos li {
  width: 100%;
  float: left;
}
#footer_storeinformation_block .phoneno {
  padding-bottom: 5px !important;
}
#footer .address-icon.icon-inner {
  background-position: 0 -105px;
}
#footer li:hover .address-icon.icon-inner {
  background-position: 0 1px;
}
#footer .phone-icon.icon-inner {
  background-position: 0px -528px;
}
#footer li:hover .phone-icon.icon-inner {
  background-position: 0 -422px;
}
#footer .email-icon.icon-inner {
  background-position: 0px -319px;
  float: left;
}
#footer li:hover .email-icon.icon-inner {
  background-position: 0 -213px;
}
#footer .column li .emailtxt a {
  width: auto;
  float: left;
  padding-left: 26px;
}
.newsletter .container {
  padding: 0;
}
.news-heading .mobile_togglemenu {
}
.newsletter-block .newsletter_form {
  display: inline-block;
  position: relative;
  float: left;
  width: auto;
  border-left: 0;
  padding-left: 0;
  margin-left: 0;
}
.newsletter-block .news-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.newsletter .newsletter-block {
  width: 100%;
  display: inline-block;
  position: relative;
}
.newsletter .input-news .text-danger {
  text-align: center;
}
.newsletter h2 {
  padding: 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  text-align: left;
  margin-bottom: 20px;
  color: #fff;
  line-height: 20px;
  letter-spacing: 0.8px;
  font-family: "Poppins", sans-serif;
}
.newsletter form {
  padding: 0;
  display: inline-block;
  width: 100%;
}
.newsletter {
  /* display: inline-block; */
  text-align: center;
  float: none;
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.newsletter h5 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 20px;
  padding: 0;
  position: relative;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-family: "Poppins", sans-serif;
  text-align: center;
}
#txtemail {
  background: #424242;
  border: none;
  cursor: text;
  color: #000;
  margin: 0;
  padding: 12px;
  line-height: 24px;
  box-shadow: none;
  border-radius: 0;
  height: 45px !important;
  width: 320px;
  letter-spacing: 0.8px;
  text-align: center;
  text-transform: uppercase;
}
.form-group {
  /*display: inline-block;*/
}
.newsletter .input-news {
  /*overflow: hidden;*/
  width: auto;
  display: inline-block;
  position: relative;
  text-align: center;
}
.subscribe-btn {
  float: none;
  display: inline-block;
  margin-left: 0;
  padding-top: 7px;
}
.subscribe-btn .btn-lg:hover {
  background-color: #000 !important;
}
.subscribe-btn .btn-lg {
  cursor: pointer;
  float: right;
  padding: 12px 25px !important;
  position: relative;
  letter-spacing: 1px;
  color: #ffffff;
  font-size: 13px !important;
  line-height: 26px;
  font-weight: 600;
  background-color: #2e8bb0 !important;
  margin: 0 0 0;
  border: none !important;
  height: 45px;
}
.newsletter .form-group {
  width: 100%;
  margin: 0;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#column-left .swiper-pagination-bullet,
#column-right .swiper-pagination-bullet {
  display: none;
}
#footer {
  padding: 95px 15px 65px;
}
footer {
  width: 100%;
  color: #fff;
  float: left;
  background: #151515;
  margin-top: 50px;
}
.contact_address {
  color: #fff;
}
#powered {
  padding-bottom: 0;
  font-size: 13px;
  text-align: center;
  width: auto;
  float: left;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.8px;
  width: 100%;
}
#bottom-footer .list-unstyled {
  margin: 0 auto;
}
#bottom-footer {
  width: auto;
  float: right;
  font-size: 13px;
  color: #9d9d9d;
  font-weight: 400;
  letter-spacing: 0.8px;
}
.content_footer_bottom .payment {
  display: block;
}
.content_footer_bottom .payment .payment-method {
  padding: 0;
  list-style: none;
  margin: 0;
}
.payment {
  position: relative;
  text-align: center;
  float: left;
  width: 100%;
  padding-top: 17px;
}
.payment ul li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: left;
  padding: 5px 0;
}
.payment .payment-method span {
  font-size: 0;
  height: 23px;
  width: 45px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
  opacity: 0.9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  text-align: left;
  cursor: pointer;
}
/*.payment .payment-method .american-express span {
	background: url("../image/megnor/Visa.png") no-repeat scroll 0 0px transparent;
}*/
.payment .payment-method .visa span {
  background: url("../image/megnor/Visa.png") no-repeat scroll 0 0px transparent;
}
.payment .payment-method .discover span {
  background: url("../image/megnor/Paypal.png") no-repeat scroll 0 0px
    transparent;
}
.payment .payment-method .skrill span {
  background: url("../image/megnor/skrill.png") no-repeat scroll 0 0px
    transparent;
}
.payment .payment-method .american span {
  background: url("../image/megnor/american.png") no-repeat scroll 0 0px
    transparent;
}
.payment .payment-method .paypal span {
  background: url("../image/megnor/Paypal.png") no-repeat scroll 0 0px
    transparent;
}

.social-icons {
  width: 100%;
  padding: 16px 0;
  text-align: center;
}
#follow_us h3 {
  margin: 12px 0;
  display: inline-block;
  vertical-align: top;
  color: #fff !important;
  font-size: 12px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
.social-icons .follow-us .toggle-block {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
}

.social-icons .follow-us .toggle-block li a:hover {
  color: #fff;
}
.social-icons .follow-us .toggle-block li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  color: #a3a3a3;
  font-size: 14px;
}
footer hr {
  border-top: none;
  border-bottom: 1px solid #666;
}
#powered a {
}
footer a {
  color: #fff;
}
#footer .column li a:hover {
  color: #2e8bb0;
}
#footer .column li a {
  /*	padding-left: 0;
	float: left;
	padding-bottom: 0;
	width: 100%;
	color: #fff;
	font-weight: 400;
	letter-spacing: 0.8px;
	font-size: 12px;
	line-height: 28px;
	font-weight: 400;*/
}
#footer .email::before {
  content: "\f0e0";
  font-family: "FontAwesome";
  color: #2e8bb0;
  float: left;
  font-size: 15px;
  height: 15px;
  position: absolute;
  width: 25px;
  left: 0;
  right: auto;
  display: none;
}
#footer .address::before {
  content: "\f041";
  font-family: "FontAwesome";
  color: #2e8bb0;
  float: left;
  font-size: 15px;
  height: 25px;
  width: 25px;
  display: none;
}
#footer .phoneno::before {
  content: "\f095";
  font-family: "FontAwesome";
  color: #2e8bb0;
  float: left;
  font-size: 15px;
  height: 15px;
  width: 25px;
  display: none;
}
#footer .column li a:hover {
}
#footer .list-unstyled .address_content,
#footer .list-unstyled .phoneno_content,
#footer .list-unstyled .contact_title {
  color: #838383;
  font-weight: 300;
  float: left;
  padding-bottom: 10px;
  width: 100%;
}
#footer .manufacture_block ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#powered a:hover {
  color: #2e8bb0;
}
#footer .manufacture_block li:hover {
  border-color: #2e8bb0;
}
#footer .manufacture_block li {
  display: inline-block;
  text-transform: capitalize;
  font-size: 12px !important;
  padding: 2px 10px;
  margin-right: 2px;
  border: 1px solid #f5f5f5;
  margin-bottom: 8px;
  vertical-align: top;
  font-weight: 300;
}
#footer .manufacture_block li a {
  padding-bottom: 0;
}
#footer .list-unstyled {
  margin: 0;
}
footer a:hover {
  color: #2e8bb0;
}
.ct-about-logo {
  margin-bottom: 27px;
}
footer .text {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 40px;
  padding: 0;
  position: relative;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-family: "Poppins", sans-serif;
  text-align: center;
}
.phone {
  padding-top: 10px;
}
.email {
  padding-top: 10px;
}
.newsletter1 {
  list-style: none;
}
#footer .col-sm-3.column {
  display: inline-block;
  vertical-align: top;
  float: right;
  box-sizing: border-box;
  width: auto;
  padding: 0;
}
#footer .social-icons.col-sm-3.column {
  width: 100%;
  text-align: center;
  padding: 0;
  z-index: 99;
  position: relative;
}

#footer .column .social-icon a:hover {
  border: 2px solid #2e8bb0;
}
#footer .column .social-icon a i.fa {
  padding: 9px 10px 9px 10px;
}
#footer .column .social-icon a {
  width: 35px;
  height: 35px;
  padding: 0;
  margin-right: 8px;
  float: none;
  display: inline-block;
  vertical-align: middle;
}
#footer .column .social-icon a:hover {
  color: #2e8bb0;
}
.payment-method {
  padding: 0;
}
@media (max-width: 979px) {
  #footer .column {
    width: 100%;
  }
  #footer .column ul {
    display: none;
  }
}

.lang-dropdown-wrapper {
  position: relative;
  display: inline-block;
}

.lang-switcher {
  position: relative;
}

.lang-toggle {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}

/* .collapsible-inner {
	max-height: 250px;
	overflow: hidden;
	transition: max-height 0.4s ease;
}

.collapsible-content.expanded .collapsible-inner {
	max-height: auto;
	/* max-height: 1000px; */
/* або більше */
/* }  */
.collapsible-inner {
  height: 250px;
  /* Початкове значення висоти */
  overflow: hidden;
  transition: height 0.4s ease;
  /* Анімація по висоті */
}

.collapsible-content.expanded .collapsible-inner {
  height: auto;
  /* Підлаштовує висоту під контент */
}
.btn-toggle-description {
  font-size: 20px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  margin-top: 10px;
}
.btn-toggle-description .arrow {
  text-decoration: none;

  color: #e5e5e5;

  font-size: 24px;

  display: inline-block;
  line-height: 1;
}
.btn-toggle-specification {
  font-size: 20px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-toggle-specification .arrow {
  text-decoration: none;

  color: #e5e5e5;

  font-size: 24px;

  display: inline-block;
  line-height: 1;
}
.modal-backdrop.in {
  /* opacity: 0.8 !important;
	background-color: #000 !important; */
  /* opacity: 1 !important; */
  /* Замість 0.8 ставимо 1, щоб не було затемнення */
  /* background-color: transparent !important; */
  /* Забираємо чорний фон */
  /* z-index: 1040; */
  opacity: 0 !important;
  /* плавне зникнення */
  background-color: transparent !important;
  transition: opacity 0.2s ease;
  z-index: 1040;
}
body.modal-open .modal {
  z-index: 1050;
  /* перекриває backdrop */
}
.modal-footer {
  text-align: center;
}

.modal-footer .btn-primary {
  width: 100%;
  font-size: 16px;
  padding: 12px 0;
  font-weight: bold;
}

.modal-header .close {
  font-size: 28px;
  line-height: 1;
  margin-top: -5px;
}
.lang-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  min-width: 140px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 999;
  padding: 5px 0;
  border-radius: 5px;
}

.lang-menu li button {
  display: flex;
  align-items: center;
  width: 100%;
  background: none;
  border: none;
  padding: 6px 12px;
  cursor: pointer;
  text-align: left;
}

.lang-menu li button:hover {
  background-color: #f2f2f2;
}

.lang-menu {
  list-style: none;
  margin: 0;
  padding: 5px 0;
}
.lang-switcher:hover .lang-menu {
  display: block;
}
/*latest*/
.latest.box {
  margin: 64px 0 0;
}
.latest.box .container {
  padding: 0;
}
/* alert */
.alert {
  padding: 8px 14px 8px 14px;
}
/* breadcrumb */
.breadcrumb-wrapper {
  padding: 5px 5px;
  width: 100%;
  box-sizing: border-box;
  background-color: #f5f5f5;
  /* твій фон */
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  position: relative;
  z-index: 10;
  text-align: center;
  /* центр вмісту */
}

/* центрування ul через флекс */
.breadcrumb-scroll {
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: center;
  /* центр по горизонталі */
  align-items: center;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  gap: 5px;
  white-space: nowrap;
}

/* елементи */
.breadcrumb-scroll > li {
  display: inline;
  position: relative;
  white-space: nowrap;
}

/* стрілочка */
.breadcrumb-scroll > li + li:before {
  content: "\f101";
  font-family: FontAwesome;
  padding: 0 10px;
  color: #000;
  font-size: 17px;
}

/* посилання */
.breadcrumb-scroll li a {
  color: #000;
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0.8px;
  text-decoration: none;
  white-space: nowrap;
}

.breadcrumb-scroll li a:hover {
  color: #2e8bb0;
}
/* .breadcrumb-wrapper {
	
	padding: 5px 0;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	vertical-align: top;
	margin-bottom: 0;
	background-color: #f5f5f5;
}
.breadcrumb-scroll {
	display: inline-flex;
	gap: 5px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.breadcrumb-scroll li {
	display: inline;
}

.breadcrumb-scroll li::after {
	content: ">";
	margin: 0 5px;
	color: #999;
}

.breadcrumb-scroll li:last-child::after {
	content: "";
} */

.breadcrumb {
  display: inline-flex;
  /* щоб елементи ішли в ряд */
  flex-wrap: nowrap;
  align-items: center;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: none;
  background-color: transparent !important;
  text-align: center;
  border-radius: 0 !important;
}
.breadcrumb a:hover {
  color: #2e8bb0;
}
.breadcrumb a {
  color: #000;
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0.8px;
}
.breadcrumb i {
  font-size: 18px;
}
.breadcrumb > li {
  position: relative;
  white-space: nowrap;
}
.breadcrumb > li + li:before {
  content: "\f101" !important;
  padding: 0 10px !important;
  color: #000;
  font-size: 17px;
}
.breadcrumb > li:after {
}

.pagination {
  margin: 0;
}
/* buttons */
.buttons {
  margin: 1em 0;
  display: inline-block;
  width: 100%;
}
.btn {
  padding: 6px 12px;
  font-size: 14px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
}
.btn-xs {
  font-size: 9px;
}
.btn-sm {
  font-size: 10.2px;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 15px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover,
.dropdown-menu.myaccount-menu,
#currency .dropdown-menu .btn-link {
  font-size: 12px;
  padding: 15px 20px;
  border-radius: 0;
}
.btn-group > .btn-xs {
  font-size: 9px;
}
.btn-group > .btn-sm {
  font-size: 10.2px;
}
.btn-group > .btn-lg {
  font-size: 15px;
}
.quickview-model
  .productpage-quickview
  .product-rightinfo
  .btn-group.wish-comp {
  margin-top: 10px;
}
#column-left .checkbox > label:hover {
  color: #2e8bb0;
}
.swiper-viewport {
  border-radius: 0 !important;
}
#product .form-group #input-quantity,
.quickview-model #input-quantity {
  width: 60px;
  height: 38px;
  display: inline;
  padding: 8px;
  margin: 0 3px;
  text-align: center;
  margin-right: 10px;
  /*margin-bottom: 20px;*/
  margin-top: 20px;
}
.productpage .btn-group.wish-comp .btn.btn-default.wishlist {
  margin-left: 0;
}
.btn-group.wish-comp .btn.btn-default.wishlist,
.btn-group.wish-comp .btn.btn-default.compare {
  padding: 10px 0px 10px 25px !important;
  margin-left: 15px;
}
.modal-content {
  z-index: 999 !important;
}
.btn-default:hover {
  background-color: rgba(0, 0, 0, 1) !important;
  color: #ffffff;
  border-color: #000000 !important;
}
.btn-default {
  background-color: #2e8bb0 !important;
  color: #ffffff;
  border-color: #2e8bb0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  width: auto;
  padding: 9px 20px 10px !important;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px !important;
  border-radius: 0 !important;
  line-height: 19px !important;
}
.btn-primary:hover {
  background-color: rgba(0, 0, 0, 1) !important;
  color: #ffffff;
  border-color: #000000 !important;
}
.btn-primary {
  background-color: #2e8bb0 !important;
  color: #ffffff;
  border-color: #2e8bb0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  width: auto;
  padding: 9px 20px !important;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  border-radius: 0 !important;
  line-height: 20px !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #fff;
  background-color: #3276b1;
  border: 1px solid #285e8e;
  background-position: 0 -15px;
}
.btn-warning {
  color: #ffffff;
  background-color: #faa732;
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
  color: #ffffff;
  background: #d9534f;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
  color: #ffffff;
  background-color: #5bb75b;
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
  color: #ffffff;
  background-color: #df5c39;
  background-image: linear-gradient(to bottom, #e06342, #dc512c);
  background-repeat: repeat-x;
  border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-image: none;
  background-color: #df5c39;
}
.btn-link {
  border-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  color: #23a1d1;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  box-shadow: none;
}
.btn-inverse {
  color: #ffffff;
  background: #363636;
  border: none;
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #222222;
  background-image: linear-gradient(to bottom, #333333, #111111);
}
.product-block .image .reg-image,
#column-right .image .reg-image,
#column-left .image .reg-image {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  width: 100%;
}
.product-block .image .hover-image,
#column-right .image .hover-image,
#column-left .image .hover-image .button-group button:hover {
  position: absolute;
  right: 0;
  text-align: left;
  top: 0;
  -webkit-transform: translateX(-110%);
  -moz-transform: translateX(-110%);
  -ms-transform: translateX(-110%);
  -o-transform: translateX(-110%);
  transform: translateX(-110%);
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -ms-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  visibility: hidden;
  text-align: center;
  left: 0;
}
.product-block .image:hover .reg-image,
#column-right .image:hover .reg-image,
#column-left .image:hover .reg-image {
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
}
.product-block:hover .hover-image,
#column-right .image:hover .hover-image,
#column-left .image:hover .hover-image {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  overflow: hidden;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -ms-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  visibility: visible;
  width: 100%;
}
@media (max-width: 767px) {
}

/* list group */

.box .filterbox {
  border-color: #dddddd;
  border-image: none;
  border-right: 1px solid #dddddd;
  border-style: none solid solid;
  border-width: medium 1px 1px;
}
.list-group a {
  border-top: 1px solid #dddddd;
  color: #888888;
  padding: 8px 12px;
  background: none repeat scroll 0 0 #f5f5f5;
  font-size: 12px;
  letter-spacing: 0.8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
}
.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
  color: #444444;
  background: #eeeeee;
}
/* carousel */
.carousel-caption {
  color: #ffffff;
}
.carousel-control .icon-prev:before {
  content: "\f053";
  font-family: FontAwesome;
}
.carousel-control .icon-next:before {
  content: "\f054";
  font-family: FontAwesome;
}
/* product list */
.product-thumb {
  border: none;
  overflow: auto;
}
.product-thumb .image {
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
}
.product-thumb .image a {
  /*	display: block;*/
}

.product-grid .product-thumb .image {
  float: none;
}
.banners-slider-carousel {
  width: 100%;
  float: left;
  padding: 0;
  margin: 50px 0 90px;
}
.banners-slider-carousel .container {
  width: 1200px;
  padding: 0;
}
.content-top-breadcum {
  padding: 5px 0;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  vertical-align: top;
  margin-bottom: 0;
  background-color: #f5f5f5;
  /*min-height: 90px;*/
}
#content.productpage .product-left {
  display: flex;
  justify-content: center;
  /* горизонтальне центрування */
  align-items: center;
  /* вертикальне центрування, якщо потрібно */
  flex-direction: column;
  /* якщо є ще елементи під зображенням */
  margin: 0;
  width: 50%;
  padding: 50px 10px 50px 0;
  box-sizing: border-box;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  min-height: 700px;
}
/* #content.productpage .product-left {
	float: left;
	margin: 0;
	width: 50%;
	padding-right: 100px;
	box-sizing: border-box;
	padding: 50px 10px 50px 0;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	min-height: 700px;
} */
.form-control {
  box-shadow: none !important;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}
.productpage #tabs_info {
  margin-top: 50px;
  padding: 0;
}
.productpage #tabs_info .nav-tabs {
  float: left;
  list-style: outside none none;
  margin: 0 0;
  position: relative;
  width: 100%;
  text-align: left;
  z-index: 10;
  border-bottom: none;
}
.productpage #tabs_info .nav-tabs > li > a {
  color: #000;
  display: block;
  border: none;
  line-height: 22px;
  padding: 15px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  position: relative;
  margin: 0 0 -3px;
}
.productpage #tabs_info .nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}
.productpage #tabs_info .nav-tabs > li.active > a,
.productpage #tabs_info .nav-tabs > li.active > a:hover,
.productpage #tabs_info .nav-tabs > li.active > a:focus {
  background: #fff;
  color: #2e8bb0;
}
.productpage #tabs_info .nav-tabs > li.active > a::before {
  content: none;
  background-color: #2e8bb0;
  width: 3px;
  height: 48px;
  position: absolute;
  right: -2px;
  top: 0;
  z-index: 9;
}
.productpage #tabs_info .nav-tabs > li.active {
  /*	border:1px solid #ececec;*/
  border-width: 1px 1px 0px 1px;
  border-top-width: 1px;
  border-style: solid;
  border-color: #e6e6e8;
  color: #2e8bb0;
  border-top-color: #2e8bb0;
  border-top-width: 2px;
  border-bottom: 2px solid #fff !important;
}
.productpage #tabs_info .tab-content {
  line-height: 24px;
  float: left;
  width: 100%;
  padding: 40px;
  position: relative;
  color: #000;
  font-weight: 300;
  letter-spacing: 1.2px;
  border: none;
  margin-bottom: 0;
  background: #fff;
  border: 1px solid #ececec;
}
.productpage #tabs_info #tab-description {
  width: 100%;
  text-align: left;
}
.productpage #tabs_info .tab-content::before {
}
.productpage #tabs_info .tab-content::after {
  border-left: 1px solid #ececec;
}
#product-manufacturer #content p a,
.manufacturer-content a:hover {
  color: #2e8bb0;
}
#product-manufacturer #content p a,
.manufacturer-content a {
  color: #838383;
}
.productpage #tabs_info .nav-tabs > li {
  display: block;
  float: left !important;
}
#content.productpage .product-right {
  width: 48%;
  float: left;
  padding: 50px 0 0 40px;
  min-height: 700px;
  border-bottom: 1px solid #ececec;
}
.productpage .product-left .image .thumbnail {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
}
.common-home .content-top-breadcum {
  display: none;
}
.quickview-model #content.productpage-quickview {
  width: 100%;
  padding: 20px 5px;
}
.productpage-quickview .image .thumbnail {
  padding: 0;
  border: none;
  border-radius: 0;
}
.quickview-model #content ul.list-unstyled {
  border: none;
  padding: 0;
  margin-bottom: 0;
}
.quickview-model .btn-group.wish-comp .btn.btn-default.wishlist,
.quickview-model .btn-group.wish-comp .btn.btn-default.compare {
  margin-left: 0;
}
.productpage .product-right ul li .special-price {
  font-size: 26px;
  font-weight: 500;
  line-height: 38px;
  color: #e63946;
  width: auto;
  display: inline-block;
  margin-right: 10px;
  margin-top: 0;
}

.productpage .product-right .old-price {
  font-size: 18px;
  line-height: 37px;
  font-weight: 300;
  vertical-align: top;
}
.bootstrap-datetimepicker-widget a[data-action] {
  border: none !important;
}
#form-review h4 {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 1.2px;
  color: #000;
  font-family: "Poppins", sans-serif;
}
.productpage-quickview ul li a {
  color: #838383;
}
.productpage-quickview .product-info .image {
  width: 100%;
}
/*.product-thumb .product-block-hover .wishlist, .product-thumb .product-block-hover .compare, .quickview {
	background: rgba(0, 0, 0, 0);
	display: inline-block;
	font-size: 0;
	height: 35px;
	line-height: 35px;
	padding: 0;
	position: relative;
	vertical-align: top;
	width: 35px;
	border: 0;
	box-shadow: none;
	position: relative;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}*/
.product-block-hover {
  position: absolute;
  margin-top: 15px;
  margin-right: 10px;
  top: 0;
  right: 0;
  width: 40px;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transition: transform 0.5s ease 0.2s;
  -webkit-transition: transform 0.5s ease 0.2s;
  -moz-transition: transform 0.5s ease 0.2s;
  -ms-transition: transform 0.5s ease 0.2s;
  -o-transition: transform 0.5s ease 0.2s;
}
.product-block.product-thumb:hover .product-block-hover {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -moz-transform: translateX(0);
}
@media (min-width: 767px) {
  .product-list .product-thumb .image {
    float: left;
    width: 29%;
  }
}
.product-thumb h4 a:hover {
  color: #2e8bb0;
}
.product-thumb h4 a {
  color: #000;
}
#column-left .product-thumb h4 a,
#column-right .product-thumb h4 a {
  color: #8c8c8c;
  font-size: 12px;
}
#column-left .product-thumb h4:hover a,
#column-right .product-thumb h4:hover a {
  color: #2e8bb0;
}
.product-thumb h4 {
  margin: 0 0 6px 0;
  font-weight: 400;
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.8px;
  text-transform: capitalize;
}
.product-thumb:hover .caption {
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  position: relative;
}
.product-list .product-thumb .caption {
  opacity: 1;
}
.product-thumb .caption {
  width: 100%;
  float: left;
  clear: both;
  position: relative;
}

@media (max-width: 767px) {
  .product-list .product-thumb .caption {
    min-height: 0;
    margin-left: 0;
  }
  .product-grid .product-thumb .caption {
    min-height: 0;
  }
}
.product-thumb:hover .rating {
}
.product-thumb .rating {
  padding-bottom: 3px;
  float: left;
  width: 100%;
  /*	-ms-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;*/
}
.productpage .rating-wrapper .fa-stack {
  font-size: 7px;
  width: 9px;
}
.rating .fa-stack,
#review .fa-stack {
  font-size: 7px;
  width: 10px;
}
.fa-star-o::before {
  content: "\f005";
}
#product-product .rating-wrapper .fa-star-o,
#review .fa-star-o,
.rating .fa-star-o,
#review .fa-star-o {
  font-size: 13px;
}
#tab-review td p {
  text-transform: capitalize;
  font-size: 13px;
  padding: 10px 0;
}

.rating-wrapper .fa-star-o,
#review .fa-star-o,
.rating .fa-star-o,
#review .fa-star-o {
  color: #cccccc;
  font-size: 12px;
}
.quickview-model .rating-wrapper .fa-star-o,
#review .fa-star-o,
.rating .fa-star-o,
#review .fa-star-o {
  color: #cccccc;
  font-size: 13px;
}
.quickview-model .rating .fa-star,
#review .fa-star {
  color: #fece49;
  font-size: 13px;
}
.rating .fa-star,
#review .fa-star {
  color: #fece49;
  font-size: 12px;
}
.rating-wrapper .fa-star + .fa-star-o,
.rating .fa-star + .fa-star-o,
#review .fa-star + .fa-star-o {
  color: #fece49;
}
h2.price {
  margin: 0;
}

.product-list .product-block .product-details .desc {
  font-weight: 300;
  line-height: 30px;
  margin: 10px 0 15px;
}
.product-list .product-thumb .rating {
  float: left;
  opacity: 1;
  margin: 0px;
}
.product-list .product-thumb .price.list {
  display: block;
  margin-top: 10px;
  width: 100%;
}
.product-list .product-thumb .price {
  display: block;
}
.product-list .product-thumb:hover .price,
.product-list .product-thumb:hover .price-new,
.product-list .product-thumb:hover .price-old {
  opacity: 1;
}
.product-grid .product-thumb .price.list {
  display: none;
}
.product-thumb .price {
  display: inline-block;
  float: left;
  font-size: 14px;
  color: #000;
  line-height: 22px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 0;
  -ms-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.product-thumb:hover .price,
.product-thumb:hover .price-new,
.product-thumb:hover .price-old {
}
.product-thumb .price-new {
  font-weight: 600;
  float: left;
  margin-right: 5px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.6px;
}
.product-thumb .price-old {
  color: #a6a6a6;
  text-decoration: line-through;
  margin-right: 0;
  float: left;
  font-weight: 400;
}
.product-thumb .price-tax {
  color: #999;
  display: inline-block;
  font-size: 12px;
  width: 100%;
  display: none;
}
#content .product-thumb:hover .product-details {
}
#content .product-thumb .product-details {
  background: #fff;
  overflow: hidden;
  position: relative;
  text-align: left;
  padding: 25px 0 0;
  float: left;
  width: 100%;
  text-align: left;
  padding: 0px 0;
  min-height: 140px;
}

.box-featured .product-thumb:hover .button-group,
.box-bestseller .product-thumb:hover .button-group,
.box-special .product-thumb:hover .button-group {
  bottom: 10px;
  opacity: 1;
  -ms-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.product-thumb .button-group {
  /* border-top: 1px solid #ddd; */
  /* background-color: #eee; */
  /* overflow: auto; */
  position: absolute;
  top: auto;
  right: 0;
  -ms-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  left: 0;
  text-align: center;
  bottom: 0;
}
.product-thumb:hover .button-group {
  opacity: 1;
  -ms-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  bottom: 10px;
}
#tab-latest #tablatest-grid .product-items,
#tab-special #tabspecial-grid .product-items,
#tab-bestseller #tabbestseller-grid .product-items {
  display: none;
}
.hometab {
  float: left;
  width: 100%;
  margin-bottom: 0;
  margin-top: 120px;
  position: relative;
}
.tab-head {
  width: 64%;
  float: left;
  position: relative;
  z-index: 9;
  margin-bottom: 20px;
}
.hometab .tab-head .tab-title {
  margin: 0;
  padding: 20px 0;
  font-size: 30px;
  color: #000;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0px;
  line-height: 28px;
  text-transform: capitalize;
  width: auto;
  float: left;
  padding-right: 40px;
  background-color: #fff;
  position: relative;
}
.hometab .tab-head::before {
  content: "";
  position: absolute;
  background-color: #e6e6e8;
  height: 1px;
  width: 64%;
  left: 33%;
  top: 34px;
}
.tm-message {
  display: none;
  font-size: 20px;
  text-align: center;
  margin: 20px 0;
}
.hometab .tab-content {
  border: none;
  padding: 0;
  overflow: visible;
}
.tabfeatured_default_width {
  width: 185px;
}
.tabbestseller_default_width {
  width: 320px;
}
.tablatest_default_width {
  width: 320px;
}
.tabspecial_default_width {
  width: 320px;
}
.featured_default_width {
  width: 274px;
}
.latest_default_width {
  width: 274px;
}
.special_default_width {
  width: 274px;
}
.bestseller_default_width {
  width: 274px;
}
.related_default_width {
  width: 274px;
}
.accessories_default_width {
  width: 274px;
}
.blog_default_width {
  width: 380px;
}
.grid_default_width {
  width: 230px;
}
.module_default_width {
  width: 190px;
}
.additional_default_width {
  width: 50px;
}

.htabs {
  /*line-height: 16px;
	float: right;
	display: inline-block;
	text-align: right;
	width: auto;
	margin-bottom: 20px;*/
  line-height: 16px;
  display: inline-block;
  text-align: right;
  margin-bottom: 20px;
  position: absolute;
  right: 10%;
  top: 13px;
  z-index: 9;
}

.etabs {
  display: inline-block;
  float: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.htabs .etabs li {
  display: inline-block;
  float: left;
  line-height: 17px;
  list-style: none outside none;
  position: relative;
  text-align: center;
}
.htabs a {
  color: #313131;
  display: block;
  float: left;
  font-size: 14px;
  text-align: center;
  font-weight: 600;
  line-height: 45px;
  text-transform: uppercase;
  margin-left: 100px;
}
.htabs a.selected,
.htabs a:hover,
.htabss a:focus {
  color: #2e8bb0;
}
.htabs a.selected::after,
.htabs a:hover::after {
  content: "";
  font-family: "FontAwesome";
  bottom: -10px;
  position: absolute;
  left: 0;
  right: 0;
}
.tab-content {
  position: relative;
  padding: 10px;
  z-index: 2;
  overflow: visible;
  /*margin-bottom:25px;*/
}
.tab-content .tab {
  display: none;
}
.loadmore .gridcount .fa.fa-refresh {
  margin-right: 10px;
  font-size: 20px;
  vertical-align: text-bottom;
}
.loadmore {
  text-align: center;
  margin: 20px 0px 50px;
}
.loadmore .gridcount:hover {
  background: none;
  border: none;
  color: #2e8bb0;
}
.loadmore .gridcount {
  background: none;
  border: none;
  color: #000;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: 600;
  box-shadow: none;
  background-color: transparent !important;
}
.hometab .customNavigation a.prev::before {
  content: "";
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  color: #000;
}
.hometab .customNavigation a {
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  display: block;
  font-size: 0;
  color: #000;
  height: 44px;
  position: absolute;
  text-align: center;
  width: 30px;
  line-height: 38px;
  z-index: 9;
  transition: none;
  top: 12px !important;
}
.hometab .customNavigation a.prev {
  left: auto;
  right: 70px !important;
  background: url("../image/megnor/arrow.png") no-repeat scroll 0 0px;
  top: 10px !important;
}
.hometab .customNavigation a.prev:hover {
  background-position: 0px -88px;
}
.hometab .customNavigation a.next {
  right: 16px !important;
  left: auto;
  background: url("../image/megnor/arrow.png") no-repeat scroll -88px 0px;
  top: 10px !important;
}
.hometab .customNavigation a.next:hover {
  background-position: -88px -88px;
}
.hometab .customNavigation a.next::before {
  color: #000000;
  content: "";
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  position: absolute;
}
@media (max-width: 768px) {
  .product-list .product-thumb .button-group {
    border-left: none;
  }
}
/*.product-thumb .button-group button.addtocart:hover::before {
	position: absolute;
	content: "";
	background-color: #2e8bb0 ;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	width: 100%;
}*/
.product-thumb .button-group button,
#cart .text-right .addtocart,
#cart .text-right .checkout {
  width: auto;
  border: none;
  display: inline-block;
  float: left;
  background-color: transparent;
  color: #000;
  padding: 0;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1.5px;
  margin-top: 5px;
  position: relative;
}

.product-thumb .button-group .compare {
  /*background: transparent url("../image/megnor/product-icon.png") no-repeat scroll 0 -282px;*/
}
.product-thumb .button-group .wishlist {
  /*background: transparent url("../image/megnor/product-icon.png") no-repeat scroll 0 -140px;*/
}
.product-thumb .button-group .addtocart {
  /*background: transparent url("../image/megnor/product-icon.png") no-repeat scroll 0 0;*/
}
.product-thumb .button-group .quickview a,
.product-thumb .button-group1 .quickview a {
  height: 40px;
  width: 40px;
  display: block;
  color: #000;
}
.product-thumb .button-group button,
.product-thumb .button-group1 button {
  height: 40px;
  width: 40px;
  -ms-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  display: inline-block;
  background: #fff;
  border-radius: 0;
  float: none;
  margin: 10px 5px 0 0;
  color: #000;
  border: none;
}
.product-thumb .button-group1 {
  width: auto;
  float: left;
  -ms-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.product-thumb .button-group1 .quickview {
  /* background: transparent; */
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
  background: #f5f5f5;
  margin-right: 5px;
}
.product-thumb:hover .button-group1 {
  opacity: 1;
  -ms-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.product-list .button-group {
  display: none;
}
.product-list .product-thumb .button-group {
  left: 15px;
  right: auto;
}
.product-list .sale {
  right: 15px;
  left: auto;
}
.product-list .product-thumb .button-group1 button {
  /* display: inline-block; */
  float: left;
  margin: 0 5px 5px 0;
  position: relative;
  background: #f5f5f5;
}
#account-order .fa-eye::before {
  position: relative;
}
.product-thumb .button-group1 .quickview a {
  position: relative;
  text-align: center;
}
#cart .text-right .addtocart,
#cart .text-right .checkout {
  width: auto;
  float: left;
}
#cart .dropdown-menu .img-thumbnail {
  width: auto;
  max-width: none;
  border: none;
  padding: 0;
}
#cart .text-right .addtocart {
  margin: 0 5px 0 0;
}
.cart-menu .table tr .text-center {
  padding: 0;
}
.product-thumb .button-group .quickview:hover a,
.product-thumb .button-group1 .quickview:hover a,
.product-thumb .button-group button:hover,
.product-thumb .button-group1 button:hover,
#cart .text-right .addtocart:hover,
#cart .text-right .checkout:hover {
  background: #2e8bb0;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.thumbnails {
  overflow: hidden;
  clear: both;
  list-style: none;
  padding: 0;
  margin: 0;
}
.thumbnails > li {
}
.thumbnails {
}
.thumbnails > img {
  width: 100%;
}
.image-additional a {
  margin-bottom: 25px;
  padding: 0;
  display: block;
  border: none;
}
.image-additional {
}
.thumbnails .image-additional {
  float: left;
}

@media (min-width: 1200px) {
  #content .col-lg-2:nth-child(6n + 1),
  #content .col-lg-2:nth-child(6n + 1),
  #content .col-lg-3:nth-child(4n + 1),
  #content .col-lg-4:nth-child(3n + 1),
  #content .col-lg-6:nth-child(2n + 1) {
    /*clear:left;*/
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #content .col-md-2:nth-child(6n + 1),
  #content .col-md-2:nth-child(6n + 1),
  #content .col-md-3:nth-child(4n + 1),
  #content .col-md-4:nth-child(3n + 1),
  #content .col-md-6:nth-child(2n + 1) {
    clear: left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #content .col-sm-2:nth-child(6n + 1),
  #content .col-sm-2:nth-child(6n + 1),
  #content .col-sm-3:nth-child(4n + 1),
  #content .col-sm-4:nth-child(3n + 1),
  #content .col-sm-6:nth-child(2n + 1) {
    /*clear:left;*/
  }
}
.fa-eye::before {
  content: "\f06e";
  line-height: 38px;
}
.fa-shopping-cart::before {
  content: "\f07a";
  line-height: 27px;
}
.fa-heart::before {
  content: "\f004";
  line-height: 27px;
}
.fa-exchange::before {
  content: "\f0ec";
  line-height: 27px;
}

.header-wishlist .fa-heart {
  height: 33px;
  width: 40px;
  position: relative;
}
.header-wishlist .fa-heart::before {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  font-size: 0;
  background: transparent url("../image/megnor/Sprite-icon.png") no-repeat
    scroll 10px -362px;
  height: 33px;
  width: 40px;
}
.header-wishlist:hover .fa-heart::before {
  background-position: 10px -455px;
}
.btn-group.wish-comp .fa-heart::before,
.btn-group.wish-comp .fa-exchange::before {
  position: absolute;
  left: 0;
  right: auto;
  top: 6px;
}
.btn-group.wish-comp .btn-default {
  background-color: transparent !important;
  border: none;

  color: #000;
}
.fa {
  font-size: 15px;
}
.product-info .image {
  position: relative;
  display: block;
  cursor: pointer;
  float: right;
  width: 80%;
  overflow: hidden;
}
.product-info .product-image .customNavigation {
  display: none;
}
.productpage h3 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.8px;
  line-height: 28px;
  text-transform: capitalize !important;
  text-align: left;
}
.product-info .zoomContainer {
  z-index: 9;
} /* It need for ie7 */
.product-info .additional-carousel {
  float: left;
  height: 100%;
  padding: 50px 0;
  margin-right: 0;
  position: relative;
  text-align: center;
  width: 20%;
  top: 10px;
}
.productpage .timepicker-picker .table-condensed .btn {
  border: none;
}
.product-info .additional-carousel .bx-pager {
  display: none;
}
.product-info .additional-carousel .bx-controls-direction a.bx-next {
  position: absolute;
  bottom: 5px;
  left: auto;
  right: 57px;
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  font-size: 0;
  cursor: pointer;
}
.product-info
  .additional-carousel
  .bx-controls-direction
  a.bx-next:hover::before,
.product-info
  .additional-carousel
  .bx-controls-direction
  a.bx-prev:hover::before {
  color: #2e8bb0;
}
.product-info .additional-carousel .bx-controls-direction a.bx-prev:hover,
.product-info .additional-carousel .bx-controls-direction a.bx-next:hover {
  background: none;
}
.product-info .additional-carousel .bx-controls-direction a.bx-prev {
  position: absolute;
  top: 20px;
  left: auto;
  right: 57px;
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  font-size: 0;
  cursor: pointer;
}
.product-info .additional-carousel .bx-controls-direction a.bx-next::before {
  content: "\f175";
  font-size: 16px;
  font-family: "FontAwesome";
  color: #000;
  vertical-align: middle;
}
.product-info .additional-carousel .bx-controls-direction a.bx-prev::before {
  content: "\f176";
  font-size: 16px;
  font-family: "FontAwesome";
  color: #000;
  vertical-align: middle;
}
.product-info .image-additional {
  clear: both;
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
  width: 500px;
  float: none;
  margin: 0 auto;
}
.product-info .image-additional img {
}
.product-info .image-additional a {
  float: left;
  display: block;
  margin: 0 auto;
}
#column-left .box .box-heading,
#column-right .box .box-heading {
  background: none;
  font-size: 16px;
  color: #000;
  line-height: 22px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0.4px;
  margin: 0;
  padding: 0 0 15px 0;
  position: relative;
  width: 100%;
  float: left;
  border-bottom: 1px solid #ececec;
}
.product-right .btn-group .wishlist .fa,
.product-right .btn-group .compare .fa {
  margin-right: 0;
}

/* Megnor www.templatemela.com - Start */
.quickview-model .special-price {
  color: #2e8bb0;
  display: inline-block;
}
.quickview-model .old-price {
  display: inline-block;
}
/* box */

.box {
  margin-bottom: 12px;
}
.box .box-heading {
  -webkit-border-radius: 7px 7px 0px 0px;
  -moz-border-radius: 7px 7px 0px 0px;
  -khtml-border-radius: 7px 7px 0px 0px;
  border-radius: 7px 7px 0px 0px;
  background: #545f61;
  padding: 10px 10px 10px 10px;
  font-size: 16px;
  color: #fff;
}
.box .box-content {
  background: #fbfbfb;
  -webkit-border-radius: 0px 0px 7px 7px;
  -moz-border-radius: 0px 0px 7px 7px;
  -khtml-border-radius: 0px 0px 7px 7px;
  border-radius: 0px 0px 7px 7px;
  border-left: 1px solid #dbdee1;
  border-right: 1px solid #dbdee1;
  border-bottom: 1px solid #dbdee1;
  padding: 10px;
}
#content .heading-wrapper {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  width: 100%;
}
#content .box-heading {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  border: none;
  background: #fff;
  padding: 0;
  position: relative;
  font-size: 36px;
  color: #000;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 48px;
  padding-right: 0;
  text-transform: capitalize;
  text-align: center;
  z-index: 9;
  display: inline-block;
  position: relative;
  width: 100%;
}
#content .box .box-content {
  background: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  border: none;
  padding: 0;
  margin: 0 -15px;
  position: relative;
}
#content .box-featured .box-content,
#content .box-latest .box-content,
#content .box-special .box-content,
.box-bestseller .box-content {
  margin: 0 -15px;
}
#content .box.related .box-content {
  /*margin: 0;*/
}
.box .box-content ul,
#content .content ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.box .box-content ul li,
#content .content ul li {
  line-height: 24px;
  border: none;
}
.box .box-content ul li a,
#content .content ul li a {
  color: #000;
  letter-spacing: 0.8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
}
.box .box-content ul li a + a,
.box .box-content ul li a + a:hover {
  background: none;
  padding-left: 0;
}
.box .box-content ul li a:hover,
#content .content ul li a:hover {
  color: #2e8bb0 !important;
}
#content .product-layout.product-grid,
#content .product-layout.product-list {
  padding: 0;
}
#content .product-layout.product-grid {
  width: 33.33%;
}
.product-grid .button-group1 {
  display: none;
}
.product-list .product-block-inner {
  padding: 0 0 40px 0;
}
.box .box-content ul ul {
  margin-left: 15px;
}
#column-left .list-group,
#column-right .list-group,
#column-right .list-group-item,
#column-left .list-group-item {
  border: none;
  border-radius: 0;
  background: none;
  padding: 0;
  font-size: 12px;
  letter-spacing: 0.8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  color: #000;
}
.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
  color: #2e8bb0 !important;
}
#product-category #column-left .list-group-item .checkbox {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}
#product-category #column-left .list-group-item {
  padding: 0;
  font-size: 14px;
}
#column-left .list-group .panel-footer {
  background-color: transparent;
  border: none;
  text-align: left;
  padding: 10px 0;
}
#column-left .list-group {
  padding-top: 15px;
  width: 100%;
  float: left;
}
#product-category .title {
  color: #000;
  font-weight: 500;
}
#content .row-block .row {
  margin: 0 -25px;
}
.contact-info .left .address-detail .btn.btn-info:hover {
  background-color: rgba(0, 0, 0, 1) !important;
  color: #ffffff;
  border-color: #000000 !important;
}
#information-sitemap .sitemap-left a:hover,
#information-sitemap .sitemap-right a:hover {
  color: #2e8bb0;
}
#information-sitemap .sitemap-left a,
#information-sitemap .sitemap-right a,
#account-register a {
  color: #838383;
}
.btn-danger {
  border-radius: 0 !important;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
  padding: 9px 20px !important;
  margin-top: 0 !important;
}
#cart .btn-danger {
  padding: 5px !important;
}
#cart strong {
  font-weight: 300;
}
#content h3 {
  text-transform: capitalize;
  color: #000;
}
#account-login .well,
#affiliate-login .well {
  box-shadow: none;
  background-color: transparent;
  border-radius: 0;
}
#affiliate-login .well .form-group a:hover,
#account-login .well .form-group a:hover,
#account-account #content ul li a:hover,
#account-wishlist .table .text-left a:hover {
  color: #2e8bb0;
}
#affiliate-login .well .form-group a,
#account-login .well .form-group a,
#account-account #content ul li a,
#account-wishlist .table .text-left a {
  color: #838383;
}
.information-contact .panel.panel-default {
  border-radius: 0;
  box-shadow: none;
}
#content .pull-right .btn.btn-primary,
.product-compare .btn-primary,
.account-address .btn-info,
#account-order .text-right .btn.btn-info,
#cart .cart-menu .button-container strong {
  background-color: #2e8bb0 !important;
  color: #ffffff;
  border-color: #2e8bb0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  width: auto;
  padding: 9px 10px !important;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 0 !important;
  line-height: 20px !important;
}
#content .pull-right .btn.btn-primary:hover,
.product-compare .btn-primary:hover,
.btn-primary:hover,
.account-address .btn-info:hover,
#account-order .text-right .btn.btn-info:hover,
#cart .cart-menu .button-container strong:hover,
#content .pull-left .btn.btn-default:hover {
  background-color: #000000 !important;
  color: #ffffff;
  border-color: #000000 !important;
}
#product-compare #content .table strong {
  color: #838383;
}
.contact-info .left .address-detail .btn.btn-info {
  float: left;
  position: relative;
  margin-top: 10px;
  margin-left: 30px;
  background-color: #2e8bb0;
  color: #ffffff;
  border-color: #2e8bb0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  line-height: 24px;
}

/* Product Grid Start */
/*.product-grid-list { }*/
#content .box-product/*,
.product-grid-list ul*/ {
  list-style-type: none;
  position: relative;
  width: 100%;
  padding: 0px;
  margin: 0px;
  list-style: none;
  overflow: hidden;
}

/*.product-grid-list ul li,*/
#content .box-product .product-items {
  margin-bottom: 14px;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.product-grid li,
#content .box-product .product-items,
#content .product-carousel .slider-item {
  width: 185px;
  float: left;
  display: inline-block;
}

.ie7 .product-grid li {
  width: 192px !important;
}
#content .image-additional .slider-item {
  display: inline-block;
  float: left;
}

#content .image-additional .slider-item .product-block {
  margin: 0;
  background: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  clear: both;
  overflow: hidden;
}
.banners-slider-carousel:hover .customNavigation a,
#testimonial:hover .customNavigation a,
.hometab:hover .customNavigation a {
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
#testimonial .customNavigation a.next {
  right: 35% !important;
}
#testimonial .customNavigation a.prev {
  left: 35%;
}
#testimonial .customNavigation a {
  opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  display: block;
  font-size: 0;
  color: #000;
  height: 44px;
  position: absolute;
  text-align: center;
  width: 30px;
  line-height: 38px;
  top: -65px !important;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  background-color: transparent;
}
.banners-slider-carousel .customNavigation a {
  opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  display: block;
  font-size: 0;
  color: #000;
  height: 44px;
  position: absolute;
  text-align: center;
  width: 30px;
  line-height: 38px;
  top: 30px !important;
  /*transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;*/
}
.banners-slider-carousel .customNavigation a.prev:hover,
#testimonial .customNavigation a.prev:hover,
.Blog .owl-carousel .owl-buttons .owl-prev:hover,
.hometab .customNavigation a.prev:hover,
#instagram.owl-carousel .owl-buttons .owl-prev:hover {
}
#carousel-0.banners-slider-carousel .customNavigation a.prev::before {
  content: "";
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  color: #000;
  /*background: url("../image/megnor/Arrow.png")no-repeat scroll 0 0px;*/
  width: 36px;
  height: 47px;
}
#carousel-0.banners-slider-carousel .customNavigation a.prev:hover::before {
  background-position: 0px -88px;
}
.banners-slider-carousel .product-carousel .product-block {
}
.banners-slider-carousel .customNavigation a.next:hover,
#testimonial .customNavigation a.next:hover,
.Blog .owl-carousel .owl-buttons .owl-next:hover,
.hometab .customNavigation a.next:hover,
#instagram.owl-carousel .owl-buttons .owl-next:hover {
}
#carousel-0.banners-slider-carousel .customNavigation a.next::before {
  content: "";
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  color: #000;
  /*background: url("../image/megnor/Arrow.png")no-repeat scroll -88px 0px;*/
  width: 36px;
  height: 47px;
}
#carousel-0.banners-slider-carousel .customNavigation a.next:hover::before {
  background-position: -88px -88px;
}
#content .product-carousel .product-block {
  padding: 0 15px;
}
.all-blog .panel-default {
  border: none;
  box-shadow: none;
  border-radius: 0;
}
.panel-default .blog-right-content h5 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.blog-left-content .blog-image:hover .zoom {
  left: 0;
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
.blog-left-content .blog-image:hover .readmore_link {
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  right: 0;
}
.all-blog .panel .panel-body {
  padding: 10px 0 0;
}
.all-blog .panel .blog-left-content .blog-image img {
  padding: 0;
  border: none;
  border-radius: 0;
  max-width: 530px;
  max-height: 460px;
  -webkit-filter: grayscale(50%);
  -o-filter: grayscale(50%);
  filter: grayscale(50%);
}
.post-image-hover {
  height: 100%;
  position: absolute;
  bottom: 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  width: 100%;
  top: auto;
}
.blog-left-content:hover .post-image-hover {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  transition: all 0.5s ease-out 0s;
  bottom: 0;
}
.blog-left-content:hover .post_hover {
  top: 44%;
}
.blog-image .post_hover {
  left: 0;
  margin: 0 auto;
  width: 90px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 44%;
}
.blog-left-content .blog-image .zoom {
  border: 2px solid #333;
  color: #fff;
  display: inline-block;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  margin-right: 10px;
  padding: 6px 12px;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  z-index: 10;
  left: 15px;
  right: auto;
  position: absolute;
  background: #333;
}
.blog-left-content .blog-image:hover .zoom {
  left: 0;
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
.blog-left-content:hover .blog-image .zoom .fa,
.blog-left-content:hover .blog-image .readmore_link .fa {
  font-size: 14px;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.blog-left-content .blog-image .zoom:hover,
.blog-left-content .blog-image .readmore_link:hover {
  color: #fff;
  border-color: #2e8bb0;
  background: #2e8bb0;
}
.all-blog .blog-right-content h5 a {
  font-size: 18px;
  text-align: left;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0.4px;
  color: #000;
}
.all-blog .blog-right-content h5:hover a {
  color: #2e8bb0;
}
.all-blog .blog-right-content .blog-date {
  padding: 0;
  text-align: left;
  margin-bottom: 8px;
  color: #838383;
  font-weight: 300;
}
.all-blog .blog-desc {
  float: left;
  width: 100%;
  font-size: 12px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 30px;
  padding-top: 20px;
}
.read-more a:hover,
.read-more a:focus {
  color: #000;
  border-color: #000;
}
.information-blogger-blogs .read-more a {
  font-size: 14px;
  text-transform: capitalize;
}
.read-more a {
  padding: 0px 0;
  color: #2e8bb0;
  text-transform: none;
  line-height: 22px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.8px;
}
.single-blog .blog-img img {
  border: none;
  padding: 0;
  border-radius: 0;
}
.single-blog .blog-desc {
  float: left;
  width: 100%;
  line-height: 30px;
  letter-spacing: 1.2px;
  margin: 20px 0;
  font-weight: 300;
  clear: both;
}
.single-blog .alert-success {
  clear: both;
}
#add-comment {
  border: none;
  box-shadow: none;
}
#add-comment legend,
.single-blog h4,
.single-blog .block-title h3 {
  border-bottom: none;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.1;
  color: #000;
}
.view-comment .panel.panel-default {
  border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  padding: 20px !important;
}
.view-comment .coment1 {
  width: 100%;
  float: left;
}
textarea.form-control {
  height: auto !important;
}
.all-blog .read-more {
  float: left;
}
.blog-date {
  width: 10%;
  font-size: 25px;
  font-weight: 600;
  color: #8c8c8c;
  position: absolute;
  z-index: 9;
  line-height: 40px;
  margin-right: 30px;
  float: left;
  text-align: center;
  padding: 25px 30px;
  background-color: #f7f7f7;
}
.date1 {
  font-size: 13px;
  line-height: 20px;
  color: #8a8a8a;
  font-weight: 300;
  text-align: center;
}
.blog-right-content {
  float: right;
  width: 40%;
  padding: 20px 0;
}
.blog-left-content .blog-image:hover .readmore_link {
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  right: 0;
}
.blog-left-content .blog-image .readmore_link {
  border: 2px solid #333;
  color: #fff;
  display: inline-block;
  padding: 6px 12px;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  z-index: 10;
  right: 15px;
  left: auto;
  position: absolute;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  background: #333;
}
.all-blog .blog-left-content {
  float: left;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  margin-right: 30px;
}
#testimonial .customNavigation a.prev::before {
  content: "\f104";
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  color: #000;
}
#testimonial .customNavigation a.next::before {
  color: #000000;
  content: "\f105";
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  position: absolute;
}
.peoplesay-block .cms-box-heading a {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  color: #2e8bb0;
}
.peoplesay-block .cms-box-heading span {
  margin: 0 0 20px;
  color: #aaa;
  font-style: italic;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}
.testimonial-cms {
  margin-top: 20px;
  float: left;
  width: 100%;
  position: relative;
}
#testimonial-carousel .test-content .image {
  background: url("../image/megnor/quote.png") no-repeat scroll 0 0;
  height: 70px;
  width: 70px;
  position: relative;
  content: "";
  float: none;
  text-align: center;
  display: inline-block;
}
#testimonial .test-content .test-desc .title {
  font-family: "Josefin Sans", sans-serif;
  font-size: 50px;
  line-height: 56px;
  font-weight: 300;
  text-transform: uppercase;
  margin: 20px 0;
  letter-spacing: 5px;
  text-align: center;
  padding: 20px 0;
  color: #000;
  position: relative;
}
#testimonial-carousel .peoplesay-block .test-content .test-desc p {
  display: block;
  margin: 0;
  position: relative;
  width: 72%;
  text-align: center;
  float: none;
  margin: 30px auto;
}
#testimonial .peoplesay-block .test-desc {
  display: inline-block;
  float: none;
  text-align: center;
}
#testimonial .peoplesay-block .cms-box-heading {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: relative;
  float: none;
  width: 100%;
}
.banners-slider-carousel .product-carousel img:hover {
  opacity: 1;
  -webkit-opacity: 1;
  -o-opacity: 1;
  -ms-opacity: 1;
}
.banners-slider-carousel .product-carousel img {
  max-width: 100%;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
}
#testimonial.container {
  width: 1000px;
  padding: 0;
}
.testimonial_default_width {
  width: 100%;
}
.Blog .blog-item .blog-right h4 {
  margin: 7px 0;
  float: left;
  width: 100%;
}
.Blog .blog-item .blog-right h4 a {
  margin: 0 0;
  font-weight: 600;
  text-transform: capitalize;
  color: #000;
  line-height: 22px;
  font-size: 13px;
  letter-spacing: 0.6px;
}
.Blog .blog-item .blog-right .date-time:hover,
.Blog .blog-item .blog-right h4 a:hover {
  color: #2e8bb0;
}
.Blog .blog-item .blog-right .date-time {
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  vertical-align: top;
  margin: 0 auto;
  position: relative;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.4px;
  color: #2e8bb0;
}
.Blog .product-block:hover .blog-right {
}
.Blog .blog-right {
  position: relative;
  bottom: 0;
  padding: 20px 0 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  transition: all 300ms ease;
  color: #000;
}
.blog-desc {
  color: #808080;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0.8px;
  font-weight: 400;
  display: inline-block;
  margin-top: 0;
}
.read-more {
  position: relative;
  display: inline-block;
  display: none;
}
.Blog .owl-carousel .owl-buttons .owl-prev::before {
  content: "\f104";
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  color: #000;
  font-family: FontAwesome;
  left: 0;
  right: 0;
  display: none;
}
.Blog .owl-carousel .owl-controls {
  position: absolute;
  z-index: 9;
  background: #fff;
  padding-left: 30px;
  width: 9%;
  right: 0;
  display: inline-block;
  top: -63px;
  bottom: auto;
}
.owl-buttons {
  position: relative;
  display: inline-block;
  float: right;
}
.owl-carousel .owl-buttons .owl-prev:hover {
  background-position: center -83px;
  background-color: #2e8bb0;
  text-decoration: none;
}
.owl-carousel .owl-buttons .owl-next:hover {
  background-position: center -247px;
  background-color: #2e8bb0;
}
.owl-carousel .owl-buttons div {
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
.owl-carousel .owl-buttons .owl-prev {
  left: auto;
  right: 50px !important;
  background: url("../image/megnor/arrow.png") no-repeat scroll center -153px;
  top: 0 !important;
  background-color: #e3e3e3;
  position: relative !important;
}
.owl-carousel .owl-buttons .owl-next {
  right: 15px !important;
  left: auto;
  background: url("../image/megnor/arrow.png") no-repeat scroll center 11px;
  top: 0 !important;
  background-color: #e3e3e3;
}
.owl-carousel .owl-buttons .owl-prev,
.owl-carousel:hover .owl-buttons .owl-prev {
  left: auto !important;
  right: 50px !important;
  right: auto;
}
.owl-carousel .owl-buttons .owl-next,
.owl-carousel:hover .owl-buttons .owl-next {
  right: 15px !important;
  left: auto;
}
.customNavigation a.prev:hover::before,
.customNavigation a.next:hover::before,
.Blog .owl-carousel .owl-buttons .owl-prev:hover::before,
#instagram.owl-carousel .owl-buttons .owl-prev:hover::before,
.Blog .owl-carousel .owl-buttons .owl-next:hover::before,
#instagram.owl-carousel .owl-buttons .owl-next:hover::before {
  color: #2e8bb0 !important;
}
.Blog .owl-carousel .owl-buttons .owl-next::before {
  color: #000000;
  content: "\f105";
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  right: 0 !important;
  left: 0;
  font-family: FontAwesome;
  display: none;
}
.Blog:hover .owl-carousel .owl-buttons div,
#instagram:hover.owl-carousel .owl-buttons div {
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}

.Blog .owl-carousel .owl-buttons div,
#instagram.owl-carousel .owl-buttons div {
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  display: block;
  font-size: 0;
  color: #000;
  height: 30px;
  position: absolute;
  text-align: center;
  width: 30px;
  line-height: 38px;
  top: 0;
}
.box.Blog {
  float: left;
  width: 100%;
  margin: 35px 0 25px;
}
.blog-subtitle {
  font-size: 12px;
  font-weight: 300;
  font-style: italic;
  line-height: 22px;
  letter-spacing: 0.8px;
  text-align: center;
  padding-bottom: 50px;
  display: none;
}
.blog-left .blog-image .zoom:hover,
.blog-left .blog-image .readmore_link:hover {
  background: #2e8bb0;
  border-color: #2e8bb0;
}
#servicecmsblock {
  float: none;
  width: 100%;
  position: relative;
  margin-bottom: 40px;
  margin-top: 64px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
#servicecmsblock .first-content-one,
#servicecmsblock .third-content-three {
  cursor: pointer;
  float: left;
  width: 25%;
  position: relative;
  border-right: 0;
  margin-right: 0px;
}
#servicecmsblock .first-content-one {
  padding: 0 40px 0 0;
  width: 30%;
}
#servicecmsblock .second-content-two {
  width: 40%;
  position: relative;
  cursor: pointer;
  float: left;
  padding: 0 20px 0 80px;
}
#servicecmsblock .third-content-three {
  padding: 0 0 0 40px;
  width: 30%;
}
#servicecmsblock .first-content-one .icon-left1 {
  background: rgba(0, 0, 0, 0) url("../image/megnor/Sprite-icon.png") no-repeat
    scroll right 5px;
}
#servicecmsblock .second-content-two .icon-left2 {
  background: rgba(0, 0, 0, 0) url("../image/megnor/Sprite-icon.png") no-repeat
    scroll right -134px;
}
#servicecmsblock .third-content-three .icon-left3 {
  background: rgba(0, 0, 0, 0) url("../image/megnor/Sprite-icon.png") no-repeat
    scroll right -270px;
}
#servicecmsblock .service-content:hover .service-right .title {
  color: #2e8bb0;
}
#servicecmsblock .icon-left1,
#servicecmsblock .icon-left2,
#servicecmsblock .icon-left3 {
  margin: 0 30px 0 0;
  vertical-align: top;
  display: inline-block;
  height: 30px;
  width: 30px;
  position: relative;
  float: left;
  transition: all 500ms ease 0s;
  -webkit-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  float: none;
}
.service-right {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.first-content-one:hover .icon1 {
  background-position: center -126px;
}
.second-content-two:hover .icon1 {
  background-position: center -393px;
}
.third-content-three:hover .icon1 {
  background-position: center -657px;
}
.first-content-one .icon1 {
  background-position: center 8px;
}
.second-content-two .icon1 {
  background-position: center -260px;
}
.third-content-three .icon1 {
  background-position: center -525px;
}
.icon1 {
  background: url(../image/megnor/services.png) no-repeat scroll;
  background-position-x: 0%;
  background-position-y: 0%;
  width: 42px;
  height: 40px;
  float: left;
  margin: 0 15px 10px 0;
  transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
}
#servicecmsblock .inner-content {
  position: relative;
  display: inline-block;
  float: left;
  text-align: left;
}
#servicecmsblock .container {
  padding: 0;
}
#servicecmsblock .service-right .sub-title {
  font-size: 13px;
  letter-spacing: 0.8px;
  font-weight: 400;
  line-height: 24px;
  color: #777777;
}
#servicecmsblock .service-right .title {
  font-size: 13px;
  letter-spacing: 0.8px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 24px;
  color: #000;
}
.Blog .container {
  padding: 0;
  width: 1200px;
}
.blog-left .blog-image img {
  border: none;
  padding: 0;
  position: relative;
  top: -50%;
  border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}
.blog-left:hover .blog-image img {
  transform: scale(1.1);
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}
.blog-left {
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
#content .Blog .box-product .product-block {
  position: relative;
  margin-bottom: 10px;
}
#content #blog-carousel .blog-item {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 0;
}
#content #blog-carousel,
#content #blog-grid {
  padding: 0;
  border: none;
  text-align: left;
  background: none;
  overflow: visible;
}
#content #blog-carousel .owl-pagination {
  text-align: center;
}
#content .box.Blog .box-content {
  margin: 0 -15px;
}
.blog-left .post-image-hover {
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  transition: all 0.3s ease-out 0s;
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
}
.blog-left .blog-image .post_hover {
  bottom: 0;
  display: inline-block;
  height: 44px;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 105px;
}
.blog-left .blog-image .zoom {
  border: 2px solid #333;
  color: #fff;
  display: inline-block;
  margin-right: 5px;
  opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  padding: 10px 14px 6px;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  z-index: 10;
  position: absolute;
  left: 30px;
  background: #333333;
}
.blog-left .blog-image .readmore_link {
  border: 2px solid #333;
  background: #333;
  color: #fff;
  display: inline-block;
  opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  padding: 10px 14px 6px;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  z-index: 10;
  position: absolute;
  right: 27px;
}
.product-block .blog-left:hover .post_hover {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -kkhtml-opacity: 1;
  transition: all 0.1s ease 0s;
  -moz-transition: all 0.1s ease 0s;
  -webkit-transition: all 0.1s ease 0s;
  -ms-transition: all 0.1s ease 0s;
  -o-transition: all 0.1s ease 0s;
}
.product-block .blog-left:hover .zoom {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -kkhtml-opacity: 1;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  left: 0;
}
.product-block .blog-left:hover .readmore_link {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -kkhtml-opacity: 1;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  right: 0;
}
#outer-wrap {
  background-color: transparent;
  background-position: 50% 0;
  clear: both;
  float: left;
  height: auto;
  margin: 0 0 85px;
  overflow: hidden;
  position: relative;
  width: 100%;
} /*
.wrapper_inner {
	float: left;
	overflow: visible !important;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 1;
}
#outer-wrap .container {
	margin: 0 auto;
	padding: 0;
	position: static;
}
#my-video {
	height: 530px;
	left: 0;
	right: 0;
	width: 100%;
	max-width: none;
}*/
#my-video {
  width: 100%;
  height: auto;
  max-width: none;
}
.prevideo .video-text {
  position: absolute;
  text-transform: uppercase;
  color: #000;
  top: 50%;
  color: #fff !important;
  left: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  font-size: 58px;
  font-weight: 200;
  font-family: "Poppins", sans-serif;
  letter-spacing: 2px;
  width: 100%;
}
.prevideo {
  position: relative;
}
.prevideo iframe {
  filter: contrast(100%) brightness(25%);
}
.ytp-title-link.yt-uix-sessionlink {
  display: none;
}

#column-left .swiper-viewport,
#column-right .swiper-viewport {
  box-shadow: none;
  border: none;
  margin: 0 0 12px;
  overflow: hidden;
}

#content .image-additional .slider-item .product-block:hover {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}
.product-block-inner {
  padding: 0 0;
  text-align: center;
  overflow: hidden;
  position: relative;
  margin: 0;
}

.banners-slider-carousel .product-block-inner {
  text-align: center;
  border: none !important;
}
#content .product-list .product-block {
  margin: 20px 15px;
  border-bottom: 1px solid #ececec;
}
#content .product-list:last-child .product-block {
  border-bottom: none;
}
#content .product-carousel .product-block,
#content .product-grid .product-block,
#content .box-product .product-block {
  padding: 15px;
  margin-bottom: 0;
  background: #fff;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  clear: both;
  overflow: hidden;
}
#content .product-carousel .product-block {
  padding: 0 15px;
}
#content #carousel-0 .product-carousel .product-block {
  margin-bottom: 0;
}
#content .product-carousel .product-block:hover,
#content .product-grid .product-block:hover,
#content .box-product .product-block:hover {
  overflow: hidden;
  clear: both;
}

.ie7 #content .product-carousel .product-block,
/*.ie7 #content .product-grid-list .product-block,*/
.ie7 #content .box-product .product-block {
  border: 1px solid #ececec;
}

.ie7 #content .product-carousel .product-block:hover,
/*.ie7 #content .product-grid-list .product-block:hover,*/
.ie7 #content .box-product .product-block:hover {
  border: 1px solid #ececec;
}
.form-control {
  line-height: 24px;
}

.product-grid .product-thumb .desc,
.productbox-grid .product-thumb .price-tax,
.product-carousel .product-thumb .price-tax {
  display: none;
}
#content .product-list .product-thumb:hover .product-details {
  transform: none;
}
#content .product-list .product-details {
  overflow: hidden;
  opacity: 1;
  position: relative;
  transition: none;
  padding: 0;
  width: 69%;
  background: none;
  float: left;
  padding-left: 25px;
}
#content .product-carousel .product-block-inner,
#content .product-grid .product-block-inner,
#content .box-product .product-block-inner {
  padding: 0 0;
  text-align: center;
  overflow: hidden;
  position: relative;
  margin: 0;
}
#content .box-featured .product-carousel .product-block-inner,
#content .box-featured .box-product .product-block-inner,
#content .box-bestseller .product-carousel .product-block-inner,
#content .box-bestseller .box-product .product-block-inner,
#content .box-special .product-carousel .product-block-inner,
#content .box-special .box-product .product-block-inner {
  /*padding:0 15px;*/
  text-align: left;
  overflow: hidden;
  position: relative;
  margin: 0;
}
#content .box-featured .product-carousel .product-block,
#content .box-featured .box-product .product-block,
#content .box-special .product-carousel .product-block,
#content .box-special .box-product .product-block,
#content .box-bestseller .product-carousel .product-block,
#content .box-bestseller .box-product .product-block {
  /*padding:0;*/
}
.box.related {
  float: left;
  width: 100%;
  margin-top: 60px;
  position: relative;
  overflow: hidden;
}
#content .box.related .box-heading {
  margin-bottom: 30px;
  /*padding-left: 10px;*/
}
.related .customNavigation a.prev::before {
  content: "\f060";
  font-size: 0;
  line-height: 60px;
  text-align: center;
  position: absolute;
  color: #000;
  /*  background: url("../image/megnor/arrow.png")no-repeat scroll 0 0px;*/
  width: 35px;
}

.related .customNavigation a.next {
  right: 15px !important;
}
.related .customNavigation a.next::before {
  color: #000000;
  content: "\f105";
  font-size: 0;
  line-height: 60px;
  text-align: center;
  position: absolute;
  /*  background: url("../image/megnor/arrow.png")no-repeat scroll -88px 0px;*/
  width: 35px;
}
.related .customNavigation a {
  top: -75px !important;
}
.related .customNavigation a.prev:hover::before {
  background-position: 0px -88px;
}
.related .customNavigation a.next:hover::before {
  background-position: -88px -88px;
}
#content .box.related .box-heading::after {
  content: none;
  font-family: "FontAwesome";
  bottom: 10px;
  position: absolute;
  left: 0;
  right: 0;
  font-size: 14px;
}
.product-list .product-thumb h4 {
  margin: 0 0 8px;
  color: #000;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: capitalize;
}
.sale {
  width: 40px;
  text-align: center;
  margin: 0;
  display: inline-block;
  position: absolute;
  right: auto;
  left: 10px;
  top: 13px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  color: #f00;
  height: 20px;
  line-height: 21px;
  font-weight: 300;
  font-size: 12px;
  -ms-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  padding: 0px 8px;
}
.product-thumb:hover .sale {
  opacity: 1;
  -ms-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
/* quickview */
.quickview {
  display: inline-block;
  padding-right: 0;
  background: #fff;
  margin-right: 5px;
}
.quickview .container {
  width: 100%;
  background: #ffffff;
  padding: 0 10px;
}
.quickview .container .row {
  margin: 0;
}
.quickview .top_button {
  display: none;
}
.quickview #product2 {
  float: left;
  width: 100%;
}
.quickview #product2 h3 {
  width: 100%;
}
.productpage-quickview #product2 h3 {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 10px;
  padding: 0;
  text-transform: none;
  color: #333333;
}
@media (max-width: 767px) {
  .quickbox {
    display: none;
  }
}

/* box products for Left Column and Right Column */
#column-left .box-product,
#column-right .box-product {
  width: 100%;
  overflow: hidden;
}
#column-left .box-product > div,
#column-right .box-product > div {
  display: block;
  vertical-align: top;
  margin-right: 0px;
  margin-bottom: 5px;
  width: 100%;
}

#column-left .box .box-content div.product-items:last-child > div,
#column-right .box .box-content div.product-items:last-child > div,
#column-left .box .box-content div.slider-item:last-child > div,
#column-right .box .box-content div.slider-item:last-child > div {
  border: 0 none;
}

#column-left .box-product .image,
#column-right .box-product .image {
  display: block;
  margin-bottom: 0px;
  float: left;
  margin-right: 10px;
}
#column-left .product-items .product-details,
#column-right .product-items .product-details {
  overflow: hidden;
}
#column-left .product-thumb .caption,
#column-right .product-thumb .caption {
  padding: 0;
  opacity: 1;
}

#column-left .box-product .product-thumb h4,
#column-right .box-product .product-thumb h4 {
  font-weight: normal;
  font-size: 13px;
  margin: 0 0 5px;
  text-align: left;
}
#column-left .box-product .name,
#column-right .box-product .name {
  display: block;
}
#column-left .box-product .cart,
#column-right .box-product .cart {
  display: block;
}
#column-left .box-product .cart .button,
#column-right .box-product .cart .button {
  padding: 0;
  background: none;
  box-shadow: none;
  height: auto;
  font-weight: normal;
  border-radius: 0;
  color: #555;
  display: block;
  text-align: left;
}
#column-left .box-product .cart .button:hover,
#column-right .box-product .cart .button:hover {
  text-decoration: underline;
}
#column-left .box-product .image img,
#column-right .box-product .image img {
}

#column-left .box-product .rating,
#column-right .box-product .rating,
#column-left .box-product .name,
#column-right .box-product .name,
#column-left .box-product .price,
#column-right .box-product .price,
#column-left .box-product .cart,
#column-right .box-product .cart {
  margin-bottom: 2px;
}

#column-left .box-product .price,
#column-right .box-product .price,
#column-left .box-product .rating,
#column-right .box-product .rating {
  width: 100%;
  opacity: 1;
}

#column-left .box .box-content,
#column-right .box .box-content,
#column-left .box .filterbox,
#column-right .box .filterbox {
  margin-bottom: 20px;
  padding: 15px 0 0 0;
  background: none;
  border: none;
  width: 100%;
  float: left;
}
.treeview-list .expandable .collapsable-hitarea::before,
.treeview-list .expandable-hitarea::before,
.responsive-menu .expandable-hitarea::before {
  color: #838383;
  content: "\f067";
  font-family: "FontAwesome";
  font-size: 10px;
  right: 0;
  position: absolute;
  top: 0;
}
.treeview-list .collapsable .expandable-hitarea::before,
.treeview-list .collapsable-hitarea::before {
  color: #838383;
  content: "\f068";
  font-family: "FontAwesome";
  font-size: 10px;
  position: absolute;
  right: 0;
  top: 0;
}
.treeview-list .expandable-hitarea,
.treeview-list .collapsable-hitarea {
  background: none !important;
  position: absolute;
  right: 0;
}
#column-left .latest.box {
  margin: 0;
}
#column-left .box,
#column-right .box {
  position: relative;
  width: 100%;
  float: left;
}
#column-left .box-product .rating,
#column-right .box-product .rating {
  display: block;
  margin: 0;
  text-align: left;
}
#column-left .product-thumb,
#column-right .product-thumb {
  border: none;
  margin-bottom: 5px;
  padding: 10px 0;
}
.product-thumb .product-block-hover .wishlist .fa-heart::before {
  font-size: 18px;
  color: #000;
  line-height: 35px;
}
.product-thumb .product-block-hover .compare .fa-exchange::before {
  font-size: 18px;
  color: #000;
  line-height: 35px;
  content: "\f24d";
}
.quickview a:hover::before,
.product-thumb .product-block-hover .compare:hover .fa-exchange::before,
.product-thumb .product-block-hover .wishlist:hover .fa-heart::before {
  color: #2e8bb0;
}
#column-left .sale,
#column-left .price-tax,
#column-left .wishlist,
#column-left .compare,
#column-right .sale,
#column-right .price-tax,
#column-right .wishlist,
#column-right .compare {
  display: none !important;
}
#column-left .product-thumb .button-group button,
#column-right .product-thumb .button-group button {
  background: none repeat scroll 0 0 transparent;
  padding: 0;
  width: auto;
  line-height: 28px;
}
#column-left .product-thumb .button-group,
#column-right .product-thumb .button-group {
  background: none;
  border: none;
  display: none;
}
.top_button::before {
  color: #ffffff;
  font-family: fontawesome;
  font-size: 22px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 5px;
  content: "\f106";
  text-align: center;
  font-weight: 800;
}
.top_button:hover {
  background: #000000;
}
.top_button {
  background: #2e8bb0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  bottom: 20px;
  color: #000;
  display: none;
  font-size: 0;
  height: 45px;
  line-height: 34px;
  position: fixed;
  right: 20px;
  text-align: center;
  width: 45px;
  z-index: 9999;
}
#content ul.list-unstyled {
  margin-bottom: 10px;
  overflow: auto;
  padding: 10px;
}
.social-icons .list-unstyled {
  margin: 0 !important;
  padding: 0 !important;
}
.payment-method.list-unstyled {
  margin: 0 !important;
  padding: 0 !important;
}
#content ul.list-unstyled li {
  line-height: 22px;
  padding: 4px 0;
}
.manufacturer-list {
  border: 1px solid #dbdee1;
  margin-bottom: 20px;
  padding: 5px;
}
.manufacturer-heading {
  background: none repeat scroll 0 0 #f8f8f8;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 6px;
  padding: 5px 8px;
}
.manufacturer-content {
  padding: 8px;
}
.manufacturer-list ul {
  float: left;
  list-style: outside none none;
  margin: 0 0 10px;
  padding: 0;
  width: 25%;
}

.category_filter .sort .form-control,
.category_filter .limit span.customSelect {
  cursor: pointer;
  border-radius: 0;
  box-shadow: none;
  height: 34px !important;
  line-height: 23px;
}
.tab-content {
  border: 1px solid #ececec;
  padding: 10px;
  overflow: hidden;
}
.col-sm-4.total_amount {
  margin-top: 70px;
}
.product-tag {
  margin: 5px 0;
}
#content .aboutus {
  clear: both;
  padding-bottom: 30px;
}
.image1 {
  background: url("../image/megnor/cms-sprite.png") no-repeat scroll 7px -165px;
  float: left;
  height: 50px;
  width: 60px;
}

.image2 {
  background: url("../image/megnor/cms-sprite.png") no-repeat scroll 7px -116px;
  float: left;
  height: 50px;
  width: 60px;
}

.image3 {
  background: url("../image/megnor/cms-sprite.png") no-repeat scroll 7px -52px;
  float: left;
  height: 50px;
  width: 60px;
}
.image4 {
  background: url("../image/megnor/cms-sprite.png") no-repeat scroll 7px 6px;
  float: left;
  height: 50px;
  width: 60px;
}
.aboutus h2 {
  clear: both;
  font-size: 20px;
}
.about-content {
  overflow: hidden;
}
.information-information .right {
  float: right;
}
.category_filter #list-view {
  background: url(../image/megnor/grid-list.png) no-repeat scroll -26px 0
    transparent !important ;
  border: medium none !important;
  height: 22px;
  width: 22px;
  padding: 0 !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}
.category_filter #grid-view {
  background: url("../image/megnor/grid-list.png") no-repeat scroll 0 1px
    transparent !important;
  border: medium none !important;
  height: 22px;
  width: 22px;
  margin-right: 8px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  padding: 0 !important;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
}
.category_filter #list-view:hover,
.category_filter #list-view.active {
  background: url(../image/megnor/grid-list.png) no-repeat scroll -26px 0
    transparent;
  box-shadow: none;
}
.category_filter #list-view:hover,
.category_filter #list-view.active {
  background: url(../image/megnor/grid-list.png) no-repeat scroll -26px -29px
    transparent !important;
  box-shadow: none;
}
.category_filter #grid-view:hover,
.category_filter #grid-view.active {
  background: url("../image/megnor/grid-list.png") no-repeat scroll 0 -29px
    transparent !important;
}
.category_filter #grid-view:hover .fa,
.category_filter #list-view:hover .fa {
  color: #333;
}
.category_filter .btn-list-grid {
  float: left;
  width: auto;
  padding: 0;
  margin-top: 8px;
}
.compare-total {
  float: left;
  margin: 8px 10px 0;
}
.pagination-right {
  float: right;
  margin: 0;
  width: auto;
}
.category_filter .sort-by {
  float: left;
  margin: 8px 10px 0 0;
  width: auto;
  padding: 0;
}
.category_filter .show {
  float: left;
  margin: 8px 10px 0;
  padding: 0;
}
.category_filter .sort {
  float: left;
  width: 150px;
  padding: 0;
}
.category_filter .limit {
  float: right;
  width: 100px;
  padding: 0;
}
.sort-by-wrapper,
.show-wrapper {
  float: left;
}
.compare-total a {
  color: #000;
}
.compare-total a:hover {
  color: #2e8bb0;
}
.category_thumb .category_img {
  margin-bottom: 25px;
}
.category_thumb .category_description p {
  margin: 0;
}
.category_filter .list.active,
.category_filter .grid.active {
  background: #428bca;
}
.category_thumb .category_img,
.category_thumb .category_description {
  float: left;
  width: 100%;
  min-height: 0;
}
.category_list ul {
  padding: 0;
  display: inline-block;
  margin: 10px 0 0;
}
.refine-search ul {
  padding: 0;
}
.refine-search ul li {
  list-style: none;
}
.category_list li a {
  color: #838383;
  display: block;
  padding: 2px 10px;
  border: 1px solid #ececec;
  background: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
}
.category_list li a:hover {
  color: #2e8bb0;
  border-color: #2e8bb0;
}
.category_list li {
  float: left;
  list-style: outside none none;
  margin: 0 10px 5px 0;
}
.category_filter,
.pagination-wrapper {
  display: inline-block;
  margin: 10px 0;
  width: 100%;
  width: 100%;
  float: none;
  text-align: center;
}
.pagination-wrapper .page-link {
  float: left;
  padding: 0;
  width: auto;
  margin: 30px auto 0;
  display: inline-block;
}
.pagination-wrapper .page-result {
  float: right;
  padding: 0;
  width: auto;
  margin: 30px auto 0;
  text-align: center;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #000 !important;
  background-color: transparent !important;
  border-color: #2e8bb0 !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  cursor: default;
  font-weight: 700;
}
.pagination > li > a,
.pagination > li > span {
  margin-left: 8px !important;
  color: #8a8a8a !important;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #000 !important;
  background-color: transparent !important;
  font-weight: 700;
}
/*conatct*/

/**/
.contact-form .buttons {
  margin: 0 0 0;
  display: inline-block;
  width: 100%;
  position: absolute;
  right: 0;
  background: #f5f5f5;
  padding: 0 30px;
  padding-bottom: 2.5rem;
}
.contact-form {
  padding: 20px 30px 35px 0;
  position: relative;
}
.contact-form-design .left .fa.fa-map-marker {
  font-size: 32px;
  width: 45px;
  height: 45px;
  float: left;
  margin: -10px 10px 0px -1px;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  line-height: 43px;
  text-align: center;
}
.contact-form-design .comment strong {
  padding: 0;
  margin: 10px 0 0;
  height: 28px;
  float: left;
  font-weight: 600;
}
.contact-form-design .time strong {
  padding: 0;
  margin: 10px 0 0;
  height: 28px;
  float: left;
  font-weight: 600;
}
.contact-form-design .left .time .image {
  width: 45px;
  height: 45px;
  float: left;
  background: url(../image/megnor/cms-sprite.png) no-repeat scroll -3px -433px
    transparent;
  margin: 10px 10px 0 0px;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.contact-form-design address {
  display: inline-block;
  margin: -15px 0 6px 55px;
  float: left;
  clear: both;
  width: auto;
}
.contact-form-design .fax strong {
  padding: 0;
  margin: 10px 0 0;
  height: 28px;
  float: left;
  font-weight: 600;
}
.contact-form-design .left .fax .image {
  width: 45px;
  height: 45px;
  float: left;
  background: url(../image/megnor/cms-sprite.png) no-repeat scroll -4px -302px
    transparent;
  margin: 10px 10px 0 0px;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.contact-form-design address {
  display: inline-block;
  margin: -15px 0 6px 55px;
  float: left;
  clear: both;
  width: auto;
}
.contact-form-design .telephone strong {
  padding: 0;
  margin: 10px 0 0;
  height: 28px;
  float: left;
  font-weight: 600;
}
.contact-form-design .left .telephone .image {
  width: 45px;
  height: 45px;
  float: left;
  background: url(../image/megnor/cms-sprite.png) no-repeat scroll -4px -368px
    transparent;
  margin: 10px 10px 0 0px;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.contact-form-design .left .btn.btn-info {
  float: left;
  clear: both;
  display: block;
  padding: 25px 0 0;
  width: 100%;
  text-align: left;
  background: transparent;
  border: none;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: medium;
  border-top: 1px solid #434343;
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
  color: #fff;
}
.contact-form-design .address-detail1 address {
  margin: -15px 0 20px 55px;
}
.contact-form-design .address-detail1 strong {
  padding: 5px 0 0 0;
  height: 28px;
  margin: 10px 0;
  float: left;
  font-weight: 600;
}
.contact-form-design .left .comment .image {
  background: url("../image/megnor/cms-sprite.png") no-repeat scroll -3px -498px
    transparent;
}
.contact-form-design .left .image {
  width: 45px;
  height: 45px;
  float: left;
  background: url("../image/megnor/cms-sprite.png") no-repeat scroll -3px -240px
    transparent;
  margin: 15px 10px 0 0px;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.contact-form-design .address-detail,
.contact-form-design .address-detail1,
.contact-form-design .telephone,
.contact-form-design .fax,
.contact-form-design .time {
  float: left;
  width: 100%;
  padding: 4px 0 27px;
  border-bottom: 1px solid #434343;
}
.contact-form-design .left {
  float: left;
  width: 28%;
  margin-right: 30px;
  background: #292929;
  padding: 34px 20px;
  color: #fff;
  position: relative;
  z-index: 9;
}
.contact-form-design {
  width: 100%;
  float: left;
  background: #f5f5f5;
  margin: 0 0 50px;
}
#information-contact {
  margin-top: 42px;
}
#common-success {
  margin-top: 42px;
}

.specialtext {
  margin-top: 42px;
}
.contact-info .left {
  float: left;
  width: 50%;
}
.contact-info .right {
  width: 100%;
}
.row.contact-info {
  padding: 0;
}
.img-thumbnail {
  background-color: transparent !important;
}
.information-contact .panel-body {
  padding: 0;
}
.contact-info {
  color: #666;
}
.contact-info .address-detail strong {
  background: url("../image/megnor/cms-sprite.png") no-repeat scroll -6px -233px
    transparent;
  padding: 5px 0 0 35px;
  height: 28px;
  margin: 10px 0;
  float: left;
  clear: both;
}
.contact-info .address-detail,
.contact-info .telephone,
.contact-info .fax {
  float: left;
  width: 100%;
}
.contact-info open {
  display: inline-block;
  margin: 0 0 0 36px;
  float: left;
  clear: both;
  width: 100%;
}
.contact-info comment {
  display: inline-block;
  margin: 0 0 0 36px;
  float: left;
  clear: both;
  width: auto;
}
.contact-info .comment strong {
  background: url("../image/megnor/cms-sprite.png") no-repeat scroll -5px -399px
    transparent;
  padding: 3px 0 0 35px;
  margin: 10px 0;
  height: 28px;
  float: left;
  clear: both;
}
.contact-info .opentime strong {
  background: url("../image/megnor/cms-sprite.png") no-repeat scroll -5px -357px
    transparent;
  padding: 3px 0 0 35px;
  margin: 10px 0;
  height: 28px;
  float: left;
  clear: both;
}
.contact-info .telephone strong {
  background: url("../image/megnor/cms-sprite.png") no-repeat scroll -5px -314px
    transparent;
  padding: 5px 0 0 35px;
  margin: 10px 0;
  height: 28px;
  float: left;
  clear: both;
}
.contact-info .fax strong {
  background: url("../image/megnor/cms-sprite.png") no-repeat scroll -5px -272px
    transparent;
  padding: 5px 0 0 35px;
  height: 28px;
  margin: 10px 0;
  float: left;
  clear: both;
}
.contact-info address {
  display: inline-block;
  margin: 0 0 0 36px;
  float: left;
  clear: both;
  width: 100%;
}
#spinner {
  /*	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9;
	background: url("../image/megnor/ajax-loader.gif") 50% 50% no-repeat #fff;*/
}
#cart .dropdown-menu li:first-child {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
/*Megnor insta CSS */
#instagram .item:hover .insta-hover {
  opacity: 1;
}
#instagram .item .insta-hover {
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  z-index: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: default;
}
.instagram-post .owl-carousel .owl-buttons .owl-prev {
  height: 34px;
  width: 50px;
  color: #fff;
  text-align: center;
  background: none;
}

.instagram-post .owl-carousel .owl-buttons .owl-next {
  height: 34px;
  width: 50px;
  color: #fff;
  text-align: center;
  background: none;
}
.instagram-post .owl-carousel .owl-buttons .owl-prev:hover {
  opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  color: #333;
}
.instagram-post .owl-carousel .owl-buttons .owl-next:hover {
  opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  color: #333;
}

/* INSTAGRAM OWL-CAROUSEL */
#instagram .item i:hover {
  color: #2e8bb0;
}
#instagram .item i {
  position: absolute;
  top: 46%;
  bottom: auto;
  font-size: 50px;
  color: #fff;
  opacity: 0;
  left: 0;
  right: 0;
  cursor: pointer;
}
#instagram .item:hover i {
  opacity: 1;
}
#instagram.owl-carousel {
  margin: 0;
}
.instagram-post {
  background: #ffffff;
  text-align: center;
}
.instagram-post .box-heading h3 {
  color: #333333;
  display: inline-block;
  font-size: 30px;
  font-weight: 600;
  padding: 0;
  text-transform: capitalize;
  margin: 35px 0;
  border: none;
  float: none;
}
.instagram-post .box-heading h3 .fa {
  font-size: 28px;
  margin: 0 10px;
}
.instagram-post .owl-item a {
  position: relative;
  display: block;
  margin-bottom: -1px;
}
.instagram-post .owl-item a:before {
  content: "";
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  left: 0;
  right: 0;
}

.instagram-post .owl-item a:hover:before {
  opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}

.instagram-post .owl-item:hover .insta-date {
  opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}
.instagram-post .insta-date {
  bottom: 0;
  color: #000;
  font-family: alex brush;
  font-size: 30px;
  font-weight: bold;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
}

/* INSTAGRAM OWL-CAROUSEL */
.main-slider {
  position: relative;
}
.main-slider .img-responsive {
  width: 100%;
  min-height: 1085px;
  object-fit: cover;
}

.main-slider .swiper-pager .swiper-button-prev,
.main-slider .swiper-viewport:hover .swiper-button-prev {
  left: 40px;
  right: auto;
}
.main-slider .swiper-pager .swiper-button-next,
.main-slider .swiper-viewport:hover .swiper-button-next {
  right: 0;
  left: auto;
}
.main-slider .swiper-pager .swiper-button-prev::after {
  position: absolute;
  content: none;
  background: #dbdbdb;
  height: 28px;
  top: 17px;
  width: 1px;
}

.main-slider .swiper-pager {
}
.main-slider .swiper-pager .swiper-button-next,
.main-slider .swiper-pager .swiper-button-prev {
  height: 60px;
  width: 80px;
}
.main-slider .swiper-viewport {
  border: none;
  box-shadow: none;
  margin: 0;
}
.main-slider #spinner {
}
.main-slider .swiper-pagination {
  display: none;
}
/*cms*/
.cms_banner .cms_img .static-inner .link-text:hover {
  color: #fff;
  border-bottom: 2px solid #fff;
}
.cms_banner .cms_img .static-inner .link-text {
  color: #2e8bb0;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.6px;
  line-height: 21px;
  margin-top: 37px;
  text-transform: uppercase;
  transition: all 0.2s ease-out 0s;
  border-bottom: 2px solid #2e8bb0;
  width: auto;
}
.cms_banner .cms_img .static-inner .text2.static-text {
  color: #fff;
  font-size: 34px;
  line-height: 36px;
  letter-spacing: 0.3px;
  font-weight: 600;
  display: block;
  text-transform: capitalize;
  margin: 8px 0 20px;
}
.cms_banner .cms_img .static-inner .text1.static-text .offer {
  color: #2e8bb0;
}
.cms_banner .cms_img .static-inner .text1.static-text {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.8px;
  color: #fff;
  display: block;
  line-height: 15px;
  text-transform: uppercase;
  display: block;
}
#parallaxcmsblock {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  height: 600px;
  background: rgba(0, 0, 0, 0) url("../image/snsgrills/inserts-banner.jpg")
    no-repeat scroll center center;
  background-attachment: scroll;
  background-attachment: fixed;
}
#parallaxcmsblock .static-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #000000a3;
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  text-align: center;
  top: 40%;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
#parallaxcmsblock .static-inner .text1.static-text {
  font-size: 60px;
  line-height: 76px;
  color: #fff;
  text-align: center;
  font-weight: 200;
  width: 100%;
  float: left;
}
#parallaxcmsblock .static-inner .text2.static-text {
  font-size: 31px;
  line-height: 40px;
  color: #fff;
  width: 70%;
  font-weight: 600;
}
#parallaxcmsblock .static-inner .cms-btn {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 30px;
}
#parallaxcmsblock .static-inner .cms-btn .link-text {
  background: #2e8bb0;
  color: #fff;
  padding: 12px 30px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 30px;
  line-height: 24px;
}
#parallaxcmsblock .static-inner .cms-btn .link-text:hover {
  background: #000;
  color: #fff;
  -ms-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.cms_banner.container {
  padding: 0;
  margin-top: 40px;
}
.cms_banner {
  position: relative;
  float: left;
  width: 100%;
}
.cms_banner .cms_img {
  overflow: hidden;
  position: relative;
  float: left;
}
.cms_banner .cms_img:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.cms_banner .cms_img img {
  display: block;
  max-width: 100%;
  position: relative;
  transform: scale(1);
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.cms_banner .cms_img .static-inner {
  right: auto;
  top: 26%;
  text-align: left;
  left: 8%;
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  position: absolute;
  letter-spacing: 0;
  z-index: 7;
  cursor: pointer;
}
/*** sub banner***/

.sub-container.container {
  padding: 0;
}
.sub-container {
  position: relative;
  overflow: hidden;
}
.subbanner {
  width: 100%;
  float: left;
  margin-top: 20px;
}
.subbanner .banner {
  float: left;
  width: auto;
  display: block;
  position: relative;
  overflow: hidden;
}
.subbanner .banner .image-link {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.subbanner .banner img {
  width: auto;
  height: 100%;
  object-fit: cover;
  -ms-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.subbanner .banner:hover img {
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -ms-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.sub-banner4.banner img {
  transform: scale(0.5);
  transition: transform 0.5s ease; /* Додано плавний перехід */
}
.sub-banner4.banner:hover img {
  transform: scale(0.53);
}
.sub-banner1.banner {
  display: flex;
  justify-content: center;
  width: 810px;
  height: 500px;
  overflow: hidden;
  margin-bottom: 40px;
}
.sub-banner1.banner .big-image {
  transform: scale(0.6) translateY(-35%);
  transition: transform 0.5s ease; /* Додано плавний перехід */
}

.sub-banner1.banner:hover .big-image {
  transform: scale(0.63) translateY(-35%);
}

.sub-banner5.banner {
  display: flex;
  justify-content: center;
  width: 810px;
  height: 500px;
  overflow: hidden;
  margin-top: 40px;
}
.sub-banner5.banner .big-image {
}

.sub-banner5.banner:hover .big-image {
}

.sub-banner2.banner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 500px;
  width: 350px;
  overflow: hidden;
  margin-bottom: 40px;
  cursor: pointer;
}
.sub-banner2.banner img {
  transform: translateX(12%);
}
.sub-banner2.banner:hover img {
  transform: scale(1.05) translateX(11%);
}
.sub-banner2.banner {
  float: right;
}
.sub-banner6.banner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 500px;
  width: 350px;
  overflow: hidden;
  margin-top: 40px;
  cursor: pointer;
}
.sub-banner6.banner img {
  transform: scale(0.4) translateX(110%);
}
.sub-banner6.banner:hover img {
  transform: scale(0.45) translateX(100%);
}
.sub-banner6.banner {
  float: right;
}
.sub-banner3.banner {
  float: right;
}
.sub-banner1 .content {
  position: absolute;
  top: 5%;
  width: auto;
  left: auto;
  right: 30px;
  margin: 0 auto;
  text-align: right;
}
.sub-banner5 .content {
  position: absolute;
  top: 5%;
  width: auto;
  left: auto;
  right: 30px;
  margin: 0 auto;
  text-align: right;
}
.sub-banner3 .content {
  position: absolute;
  top: 3%;
  width: auto;
  left: auto;
  right: 30px;
  margin: 0 auto;
  text-align: right;
  cursor: pointer;
}
.sub-banner2 .sub-title2 .banner-price2,
.sub-banner4 .sub-title2 .banner-price2,
.sub-banner6 .sub-title2 .banner-price2 {
  color: #000;
}
.sub-banner2 .sub-title2,
.sub-banner4 .sub-title2,
.sub-banner6 .sub-title2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 0.4px;
  text-transform: none;
  color: #9f9f9f;
  margin: 13px 0;
}
.sub-banner2 .title2,
.sub-banner4 .title2,
.sub-banner6 .title2 {
  font-size: 38px;
  font-weight: 600;
  line-height: 46px;
  letter-spacing: 0;
  text-transform: capitalize;
  color: #fff;
}
.sub-banner1 .sub-title2 .banner-price,
.sub-banner3 .sub-title2 .banner-price,
.sub-banner5 .sub-title2 .banner-price {
  font-size: 26px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #2e8bb0;
}
.sub-banner1 .sub-title2,
.sub-banner3 .sub-title2,
.sub-banner5 .sub-title2 {
  font-size: 16px;
  font-weight: 200;
  line-height: 25px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #fff;
}
.sub-banner3 .sub-title2 {
  bottom: 30px;
  left: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  text-align: center;
}
.sub-banner1 .sub-title1,
.sub-banner3 .sub-title1,
.sub-banner5 .sub-title1 {
  font-size: 42px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: 0.3px;
  text-transform: capitalize;
  color: #fff;
  margin: 0px 0 35px;
}
.sub-banner1 .title1,
.sub-banner3 .title1,
.sub-banner5 .title1 {
  font-size: 42px;
  font-weight: 200;
  line-height: 52px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #fff;
}
.sub-banner2 .content,
.sub-banner4 .content,
.sub-banner6 .content {
  position: absolute;
  top: auto;
  width: 100%;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 3%;
}
.sub-banner2 .title,
.sub-banner4 .title,
.sub-banner6 .title {
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  color: #000;
}
.sub-banner2 .sub-title,
.sub-banner4 .sub-title,
.sub-banner6 .sub-title {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.4px;
  margin: 35px 0;
  color: #9f9f9f;
  font-weight: 500;
}
.sub-banner2 .button,
.sub-banner4 .button,
.sub-banner6 .button {
  background-color: transparent;
  padding: 0;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: 0.6px;
  color: #000;

  text-transform: uppercase;
}
.sub-banner2 .button a,
.sub-banner4 .button a,
.sub-banner6 .button a {
  font-size: 13px;
  line-height: 40px;
  letter-spacing: 0.6px;
  color: #2e8bb0;
  border-bottom: 1px solid #2e8bb0;
  text-transform: uppercase;
}
.sub-banner2 .button a:hover,
.sub-banner4 .button a:hover,
.sub-banner6 .button a:hover {
  color: #2e8bb0;
  border-bottom: 1px solid #2e8bb0;
}
.button a {
  background: #2e8bb0;
  color: #fff;
  padding: 12px 30px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}
.button a:hover {
  background: #000;
  color: #fff;
}
.image {
  position: relative; /* Необхідно для правильного позиціонування overlay */
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.25);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.image .overlay {
  opacity: 1;
}
/*******/
.cms-item {
  padding-top: 60px;
  margin: 0 auto 100px;
}
.cms-item .offer-banner.container {
  padding: 0 0 60px 0;
  width: 1000px;
}
.cms-item .Subbanner.container {
  width: 1000px;
  padding: 0;
}
.cms-item .offer-banner-inner {
  width: 100%;
  float: left;
}
.cms-item .shortcode-title {
  margin: 0;
  padding: 20px 0;
  width: 100%;
  text-align: center;
  position: relative;
}
.cms-item .shortcode-title .big-title {
  font-family: "Josefin Sans", sans-serif;
  font-size: 50px;
  line-height: 56px;
  font-weight: 300;
  text-transform: uppercase;
  margin: 20px 0;
  letter-spacing: 5px;
  color: #000;
}
.cms-item .shortcode-title .sub-title {
  font-size: 12px;
  color: #585858;
  padding: 15px 0 8px;
  margin: 0;
  text-transform: uppercase;
  line-height: 30px;
  font-weight: 600;
}
.cms-item .offer-banner-inner .offer-link {
  box-sizing: border-box;
  width: 100%;
}
.cms-item .offer-link .read-more strong {
  font-weight: 600;
  text-decoration: underline;
  color: #2e8bb0;
}
.cms-item .offer-link .read-more strong:hover {
  color: #000;
}
.cms-item .offer-banner-inner .offer-link p {
  text-align: center;
  line-height: 30px;
  margin: 0 0 20px;
}
.cms-item .offer-banner-inner .offer-link p.read-more {
  margin: 0;
  line-height: 24px;
}
.cms-item .offer-banner-inner .offer-link p.read-more a {
  color: #000;
  background-color: transparent !important;
}

.cms-item .Subbanner .static-inner .shop-now a {
  color: #2e8bb0;
  font-size: 11px;
  text-decoration: underline;
}
.product_banner {
  width: 100%;
  float: left;
  position: relative;
}
@keyframes circle {
  0% {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
  }
  40% {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
  }
  100% {
    height: 200%;
    opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    width: 200%;
  }
}
.product_banner_inner {
  position: relative;
  text-align: center;
  vertical-align: top;
  overflow: hidden;
  display: block;
  float: left;
  width: 33.33%;
}
.product_banner .product_img1,
.product_banner .product_img2,
.product_banner .product_img3 {
  position: relative;
  overflow: hidden;
}
.product_banner .product_banner_inner:hover img {
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.product_banner .product_banner_inner img {
  height: auto;
  width: 100%;
  -ms-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.product_banner .product_banner_inner .cat_description {
  position: absolute;
  bottom: 0;
  padding: 40px;
  left: 0;
  right: 0;
  box-sizing: border-box;
  text-transform: uppercase;
  font-weight: 600;
  transition: all 300ms ease;
  text-align: left;
}
.product_banner .product_banner_inner:hover .cat_description {
  background: rgba(0, 0, 0, 0.6);
}
.product_banner .product_banner_inner .cat_description .cat_name {
  color: #fff;
  display: block;
}
.product_banner .product_banner_inner .cat_description .count:hover {
  color: #2e8bb0;
}
.product_banner .product_banner_inner .cat_description .count {
  color: #fff;
  padding-top: 6px;
  display: block;
  cursor: pointer;
}

.information-sitemap .sitge-map ul {
  padding: 0 0 0 20px;
}
.forget-password {
  margin: 5px 0 0;
}
.product-compare .btn-primary {
  margin: 5px 0 5px;
}
.productpage .product-right ul li a {
  color: #838383;
}
.productpage .write-review,
.productpage .review-count {
  margin: 0 10px;
  color: #000;
}
.productpage .write-review:hover,
.productpage .review-count:hover {
  color: #2e8bb0;
}
.productpage .rating-wrapper {
  margin: 15px 0;
}
.checkout-cart .hasCustomSelect {
  width: 95% !important;
}
.productpage .product-right .list-unstyled {
  padding: 0 !important;
  margin-bottom: 0 !important;
  border: none !important;
}
.productpage .product-right ul li .desc {
  font-weight: 600;
  margin-right: 15px;
  color: #000;
  text-transform: capitalize;
  letter-spacing: 1.2px;
}

.content-top-breadcum #title-content .page-title,
.content-top-breadcum #title-content h1,
.content-top-breadcum #title-content h2 {
  text-align: center;
  margin: 10px 0 5px;
  color: #000;
  font-size: 17px;
  line-height: 19px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 0.8px;
  font-family: "Poppins", sans-serif;
}
.refine-search {
  position: relative;
  background: none;
  padding: 0;
  font-size: 16px;
  color: #000;
  line-height: 22px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0.4px;
  margin: 10px 0;
}

.h4-style {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
  color: #000;
  margin: 0 0 10px 0;
}

/* .mobile-tab-nav {
	position: sticky;
	top: 60px;
	
	z-index: 99;
	background: #fff;
	display: flex;
	justify-content: space-around;
	padding: 10px;
	border-bottom: 1px solid #ddd;
} */
.mobile-tab-nav {
  position: fixed;

  left: 0;
  width: 100%;
  z-index: 99;
  background: #fff;
  display: flex;
  justify-content: space-around;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  overflow-x: auto;
}

.mobile-tab-nav button {
  background: none;
  border: none;
  padding: 8px 12px;
  font-size: 16px;
  color: #666;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  transition: color 0.2s ease;
  font-weight: 500;
}

.mobile-tab-nav button:hover {
  color: #000;
}

.mobile-tab-nav button.active {
  color: #000;
  font-weight: 700;

  font-size: 17px;
  text-transform: uppercase;
}

.mobile-tab-nav button.active::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 10%;
  right: 10%;
  height: 2px;
  background-color: #000;
  border-radius: 1px;
}

/* Приховати на десктопі */
@media (min-width: 768px) {
  .mobile-tab-nav {
    display: none;
  }
}
/* .mobile-tab-nav {
	position: sticky;
	top: 0;
	z-index: 99;
	background: #fff;
	display: flex;
	justify-content: space-around;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

/* Приховати на десктопі */
@media (min-width: 768px) {
  .mobile-tab-nav {
    display: none;
  }
}
.product-info-blocks {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.5;
}

.product-info-blocks .info-block {
  margin-bottom: 20px;
}

.product-info-blocks strong {
  display: block;
  font-size: 16px;
  margin-bottom: 5px;
}

.product-info-blocks ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.product-info-blocks li {
  margin-bottom: 5px;
}

.product-info-blocks i {
  margin-right: 6px;
  color: #555;
}

.product-info-blocks strong {
  display: inline-block;

  vertical-align: middle;
  line-height: 1.2;
}

.product-info-blocks i {
  vertical-align: middle;
}

.product-info-blocks .info-block > i,
.product-info-blocks .info-block > strong {
  display: inline-block;
}
/* Вирівнюємо всю картку по висоті */
/* .product-layout {
	display: flex;
	flex-direction: column;
	height: 100%;
} */

/* Внутрішня обгортка */
/* .product-block-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
} */

/* Область з назвою, ціною тощо */
/* .product-details {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: space-between;
} */
.review-box {
  border: 1px solid #eee;
  padding: 15px;
  margin-bottom: 15px;
  background-color: #fcfcfc;
}

.review-header {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  background-color: #f9f9f9;
  padding: 5px 10px;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}

.review-author {
  color: #333;
}

.review-date {
  color: #888;
}

.review-text {
  margin-bottom: 10px;
  color: #222;
}

.review-rating .fa-star {
  color: #ccc;
}

.review-rating .fa-star.checked {
  color: #f8c400;
}
@media (max-width: 767px) {
  .review-header {
    flex-direction: column;
    /* Переміщаємо елементи вниз на маленьких екранах */
    text-align: center;
    /* Вирівнюємо по центру */
  }

  .review-author,
  .review-date {
    flex: none;
    margin-bottom: 5px;
  }

  .review-rating {
    text-align: center;
    /* Центруємо рейтинг */
  }
}
/* Назва + ціна */
.details-wrapper {
  flex-grow: 1;
}
.product-stock {
  font-weight: bold;
  /* margin-top: 5px; */
  /* color: #28a745; */
  /* text-align: center; */
  text-align: left;
  width: 100%;
}
div.product-stock.in-stock {
  color: green !important;
}

div.product-stock.out-of-stock {
  color: red !important;
}

/* Назва обмежена по висоті */
.product-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 48px;
}

/* Кнопка "Купити" — внизу праворуч */
.product-buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
}

/* 
.product-thumb .product-buttons {
	margin-top: 10px;
} */
.product-thumb .product-buttons {
  margin-top: auto;
  margin-right: auto;
}
.product-thumb .quick-actions button {
  background: none;
  border: none;
  color: #333;
  font-size: 16px;
}

/* Медіазапит для малих екранів: обрізаємо з крапками */
@media (max-width: 576px) {
  .product-title a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.product-title {
  position: relative;
  z-index: 2;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 5px;
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* .product-title a {
	color: #000;
	display: block;
	
	text-decoration: none;
	font-weight: 400 !important;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
} */
.product-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* обмеження на 2 рядки */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

  color: #000;
  text-decoration: none;
  font-weight: 400 !important;

  white-space: normal;
}

.product-title a:hover {
  color: #2e8bb0;
}
/* .product-title {
	position: relative;
		z-index: 2;
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 5px;
}

.product-title a {
	color: #333;
	display: inline-block;
	text-decoration: none;
}

.product-title a:hover {
	color: #2e8bb0;
	
} */
.product-buttons {
  margin-top: auto;
}

/* Іконки поверх карточки */
.quick-actions {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  gap: 10px;
  z-index: 2;
}

.quick-actions button:hover {
  color: #2e8bb0;
  /* ховер-ефект */
}
/* 
@media (max-width: 768px) {
	.product-thumb .quick-actions {
		justify-content: space-around;
	}
} */
@media (max-width: 576px) {
  .product-details {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .details-wrapper {
    /* order: 1; */
    order: 2;
    margin-bottom: 10px;
    text-align: center;
  }

  .product-buttons {
    /* order: 2; */
    order: 3;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .product-buttons .btn {
    width: 100%;
    max-width: 200px;
  }

  .product-stock {
    /* order: 3; */
    order: 1;
  }
  .product-buttons .btn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
  }
}
.product-buttons .btn {
  padding: 4px 8px !important;
  /* менші відступи зліва/права */
  font-size: 13px !important;
  /* трохи менший шрифт */
  white-space: nowrap;
  /* не переносити текст */
  width: auto;
}

#tabs_info > .tab-content > div {
  margin-bottom: 40px;
  padding: 20px;
  border: 1px solid #e6e6e8;
  background: #fff;
}

#tabs_info > .tab-content > div h3 {
  margin-bottom: 20px;
  font-size: 22px;
  text-transform: uppercase;
  color: #333;
}
.h4-category-style {
  font-size: 16px;

  line-height: 1.4;
  font-weight: 500;
  color: #000;

  margin: 10px 0 5px;
  display: block;
  min-height: 3.6em;

  overflow: hidden;
}

.h4-category-style a {
  color: inherit;
  text-decoration: none;
}

.h4-category-style a:hover {
  text-decoration: underline;
}

.product-title,
#product .product-option {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  color: #000;
  margin: 0 0 10px;
  line-height: 24px;
}
.product-title1,
#product .product-option {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  color: #000;
  margin: 0 0 10px;
  line-height: 24px;
}
.radio label,
.checkbox label {
  display: inline;
  font-weight: 400 !important;
  cursor: pointer;
  text-transform: capitalize !important;
}
#simplecheckout_payment label {
  text-transform: none !important;
}
#product label {
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.copy-right {
  padding: 20px 0;
  text-align: center;
  border-top: 1px solid #5c5c5c;
}
.footer-list-unstyled li {
  list-style: none;
  display: inline-block;
  padding: 0 15px;
  position: relative;
}
.footer-list-unstyled li::before {
  background: #dedede;
  width: 1px;
  height: 12px;
  position: absolute;
  content: "";
  top: 6px;
  right: 0;
  left: 0;
}
.footer-list-unstyled li:first-child::before {
  background: none;
}
#contact li {
  list-style: none;
}
.footer-list-unstyled {
  padding: 0;
}
#bottom-footer li {
  display: inline;
  padding: 0 0 0 0;
}
#bottom-footer li.contact {
  background: none;
}

.account-address .table > tbody > tr > td {
  vertical-align: middle;
}
.account-address .btn-info {
  margin: 2px 0;
}

.affiliate-account .btn-primary .list-group-item,
.affiliate-account .btn-primary .list-group-item:hover {
  padding: 0;
  background: none;
  color: #fff;
}
#content .affiliate-logout {
  border: 1px solid #ececec;
  padding: 10px;
}

.shopping-cart .img-thumbnail {
  max-width: none;
}
#accordion label.col-sm-2.control-label {
  margin: 7px 0 0;
  padding: 0 15px 0 0;
}
#accordion #collapse-shipping label.col-sm-2.control-label {
  padding: 0 15px;
}
.checkout-checkout #accordion label.col-sm-2.control-label {
  padding-left: 15px;
}
.checkout-cart .input-group-btn:last-child > .btn,
.checkout-cart .input-group-btn:last-child > .btn-group {
  margin-left: 5px;
  font-size: 14px;
}

.col-sm-3.search_subcategory {
  width: auto;
  margin-top: 7px;
}

#button-search {
  float: right;
}
.product-search h2 {
  clear: both;
}

#input-captcha,
#input-payment-captcha {
  margin-bottom: 10px;
}

.bootstrap-datetimepicker-widget td.day {
  position: relative;
}

.bootstrap-datetimepicker-widget td.day.active::before {
  border-bottom: 7px solid #fff !important;
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-top-color: #ececec;
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.customNavigation a.next {
  right: 15px !important;
  left: auto;
  background: url("../image/megnor/arrow.png") no-repeat scroll center 11px;
  top: 0 !important;
  background-color: #e3e3e3;
}
.customNavigation a.next::before {
  color: #000000;
  content: "";
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  display: none;
}
.customNavigation a.prev::before {
  content: "";
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  color: #000;
  display: none;
}
.box-featured:hover .customNavigation a.next,
.box-bestseller:hover .customNavigation a.next,
.box-special:hover .customNavigation a.next {
  opacity: 1;
}
.box-featured:hover .customNavigation a.prev,
.box-bestseller:hover .customNavigation a.prev,
.box-special:hover .customNavigation a.prev {
  opacity: 1;
}
.customNavigation a.prev:hover {
  background-position: center -83px;
  background-color: #2e8bb0;
}

.customNavigation a.next:hover {
  background-position: center -247px;
  background-color: #2e8bb0;
}

#content .box:hover .box-content .customNavigation a {
  opacity: 1;
}
.related-products .customNavigation a.prev {
  top: 10px !important;
}
.related-products .customNavigation a.next {
  top: 10px !important;
}
.customNavigation a.prev {
  content: "";
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  position: relative;
  color: #000;
  left: auto;
  right: 50px !important;
  background: url("../image/megnor/arrow.png") no-repeat scroll center -153px;
  top: 0 !important;
  background-color: #e3e3e3;
}
.banners-slider-carousel .customNavigation a.next {
  right: 0 !important;
}
.box.related:hover .customNavigation a {
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
.customNavigation a {
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  display: block;
  font-size: 0;
  color: #000;
  height: 30px !important;
  position: absolute;
  text-align: center;
  width: 30px !important;
  line-height: 60px;
  top: 0px !important;
  position: relative;
  display: inline-block;
  /*transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;*/
  background-color: #fff;
  padding: 0 !important;
}
.list-unstyled .picker-switch .btn:hover .glyphicon {
  color: #fff;
}
.list-unstyled .picker-switch .btn:hover {
  background: #2e8bb0;
}
.glyphicon {
  color: #2e8bb0;
}
.glyphicon-chevron-up::before,
.glyphicon-chevron-down::before {
  color: #000;
}
.bootstrap-datetimepicker-widget td span.active {
  background-color: #2e8bb0 !important;
}
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
  background-color: #2e8bb0 !important;
  color: #fff !important;
}
.shopping-cart .input-group .form-control {
  width: auto;
  height: 42px;
}

.shopping-cart .input-group-btn {
  float: left;
}
.form-control {
  height: 40px !important;
}
/*Product zoom CSSS*/

.zoomContainer {
  margin-bottom: 5px;
}
.zoomContainer .zoomLens {
}

.zoomContainer .zoomWindow {
  box-shadow: none !important;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border: none !important;
}

/*  css for animation add to cart */
.alert.alert-success.animated {
  width: 100%;
  height: 90px;
  text-align: center;
  vertical-align: middle;
  padding: 30px 20px;
  opacity: 0.95 !important;
  -webkit-opacity: 0.95 !important;
  -moz-opacity: 0.95 !important;
  -khtml-opacity: 0.95 !important;
  background-color: #303030 !important;
  border-color: #303030 !important;
  color: #fff !important;
}
.alert.alert-success.animated span a:hover {
  color: #2e8bb0;
}
.alert.alert-success.animated span {
  font-size: 16px !important;
}
.alert.alert-success.animated span a {
  color: #fff;
  text-decoration: underline;
}
.alert.alert-success.animated span .fa.fa-check-circle {
  color: #9bcf85;
}
.alert.alert-success.animated button.close {
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  color: #fff;
}
.customNavigation a {
  z-index: 9999;
}
.payment h5 {
  display: none;
}
.banners-slider-carousel .customNavigation a.prev {
  right: auto !important;
}
#carousel-0 .customNavigation {
  width: 100%;
  position: relative;
  top: 12px;
}
#carousel-0 .customNavigation a.prev {
  position: absolute;
}
#carousel-0 .customNavigation a {
  top: 15px !important;
}
#footer #block_contact_infos {
  list-style: none;
  padding-left: 0;
}
.htabs a.selected,
.htabs a:hover,
.htabs a:focus {
  color: #2e8bb0;
}
.box-featured,
.box-bestseller,
.box-special {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  margin-top: 100px;
}
.sub-banner4.banner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 500px;
  overflow: hidden;
  padding-right: 0;
  cursor: pointer;
}
@media (max-width: 1650px) {
  .sub-banner1.banner {
    padding-right: 0px;
    width: 69%;
  }
  .sub-banner5.banner {
    padding-right: 0px;
    width: 69%;
  }
  .sub-banner2.banner {
    float: right;
    width: 29%;
  }
  .sub-banner6.banner {
    float: right;
    width: 29%;
  }
  .sub-banner3.banner {
    float: right;
    width: 69%;
  }
  .sub-banner4.banner {
    padding-right: 0px;
    width: 30%;
  }
  #parallaxcmsblock {
    height: 540px;
  }
  .header-right {
    width: auto;
  }
  .product_banner_inner {
    width: 33.33%;
  }
  .Blog .container {
    padding: 0 15px;
  }
  .layout-2.left-col #column-left,
  .layout-2 #content {
  }
  #tabs_info .container {
    width: 100%;
  }
  .product-info .additional-carousel {
    padding: 40px 0;
  }
  #content .product-list .product-details {
    width: 60%;
  }
  .blog-date {
    padding: 13px 30px;
  }
  .all-blog .panel .blog-left-content .blog-image img {
    max-width: 345px;
    max-height: 437px;
  }
}
@media (max-width: 1599px) and (min-width: 1200px) {
  #servicecmsblock .third-content-three {
    padding: 0 0 0 30px;
  }
  #servicecmsblock .first-content-one {
    padding: 0 30px 0 0;
  }
  .content_footer_left {
    width: 64%;
  }
  #footer .content_footer_right.col-sm-3.column {
    width: 28%;
  }
  .product-info .additional-carousel {
    margin-left: 0;
    margin-right: 0;
  }
  .sub-container {
    padding: 0 15px;
  }
  .newsletter h2 {
    font-size: 24px;
  }
  .prevideo iframe {
    height: 700px;
  }
  .blog-right-content {
    width: 44%;
    padding: 10px 0;
  }
  .blog-date {
    font-size: 35px;
    padding-top: 7px;
  }
  .left.product-image.thumbnails {
    overflow: visible;
  }
  .product-info .image-additional img {
    max-width: 100%;
    height: auto;
  }
  .product-info .additional-carousel {
    padding: 30px 0;
    top: 0;
  }
  .product-list .product-thumb .image {
    width: 30%;
  }
  #content .product-list .product-details {
    width: 66%;
  }
  #column-left .product-items .product-details,
  #column-right .product-items .product-details {
    width: 54%;
  }
  .layout-2 #content {
    width: 80%;
  }
  .layout-2.left-col #column-left {
    width: 20%;
  }
  .container {
    width: 1170px !important;
  }
  .header-center .container {
    width: auto !important;
  }
  .header-center {
    width: 60%;
  }
  #outer-wrap {
    height: auto;
  }
  .sub-banner2 .sub-title,
  .sub-banner4 .sub-title,
  .sub-banner6 .sub-title {
    margin: 25px 0;
  }
  .htabs a {
    margin-left: 60px;
  }
  .hometab .tab-head .tab-title::before {
    width: 50%;
    left: 43%;
  }
  #footer {
    padding: 85px 15px 65px;
  }
  #content .product-layout.product-grid {
    width: 33.33%;
  }
  #content.productpage .product-left,
  #content.productpage .product-right {
    min-height: 650px;
  }
  .tabbestseller_default_width {
    width: 300px;
  }
  .tablatest_default_width {
    width: 300px;
  }
  .tabspecial_default_width {
    width: 300px;
  }
  .featured_default_width {
    width: 300px;
  }
  .latest_default_width {
    width: 300px;
  }
  .special_default_width {
    width: 300px;
  }
  .bestseller_default_width {
    width: 300px;
  }
  .related_default_width {
    width: 300px;
  }
  .accessories_default_width {
    width: 300px;
  }
}
@media (max-width: 1200px) {
  .product-info .image-additional {
    width: 100%;
  }
  #column-left .product-thumb .price-old,
  #column-right .product-thumb .price-old {
    margin-left: 0;
  }
  #column-left .fa-shopping-cart:before,
  #column-right .fa-shopping-cart:before {
    display: none;
  }
  #column-left .hidden-xs,
  #column-left .hidden-sm,
  #column-left .hidden-md {
    display: block !important;
    text-transform: capitalize;
    font-weight: normal;
    margin-top: -25px;
  }
  .col-sm-4.total_amount {
    margin-top: 88px;
  }
  .product-info .additional-carousel .bx-controls-direction a.bx-prev {
    right: 37px;
  }
  .product-info .additional-carousel .bx-controls-direction a.bx-next {
    right: 37px;
  }
  .tabbestseller_default_width {
    width: 300px;
  }
  .tablatest_default_width {
    width: 300px;
  }
  .tabspecial_default_width {
    width: 300px;
  }
  .featured_default_width {
    width: 300px;
  }
  .latest_default_width {
    width: 300px;
  }
  .special_default_width {
    width: 300px;
  }
  .bestseller_default_width {
    width: 300px;
  }
  .related_default_width {
    width: 300px;
  }
  .accessories_default_width {
    width: 300px;
  }
  #content.productpage .product-left,
  #content.productpage .product-right {
    min-height: 650px;
  }
}
@media (max-width: 1199px) {
  .sub-banner2.banner {
    width: 30%;
    margin-bottom: 30px;
  }
  .sub-banner6.banner {
    width: 30%;
    margin-bottom: 30px;
  }
  .banners-slider-carousel {
    margin: 0px 0 70px;
  }
  .sub-banner1 .content {
    top: 38%;
  }
  .sub-banner5 .content {
    top: 38%;
  }
  .sub-banner1 .title1,
  .sub-banner3 .title1,
  .sub-banner5 .title1 {
    font-size: 36px;
    line-height: 40px;
  }
  .sub-banner1 .sub-title1,
  .sub-banner3 .sub-title1,
  .sub-banner5 .sub-title1 {
    font-size: 36px;
    line-height: 40px;
  }
  .button a {
    padding: 9px 18px;
  }
  .sub-banner3 .content {
    top: 26%;
  }
  #txtemail {
    width: 230px;
  }
  #parallaxcmsblock {
    height: 400px;
  }
  #parallaxcmsblock .static-inner .text1.static-text {
    font-size: 50px;
    line-height: 60px;
  }
  #parallaxcmsblock .static-inner .text2.static-text {
    font-size: 50px;
    line-height: 60px;
  }
  #parallaxcmsblock .static-inner {
    top: 28%;
  }
  #servicecmsblock .first-content-one {
    padding: 0;
    width: 33%;
  }
  #servicecmsblock .second-content-two {
    width: 33%;
    padding: 0;
  }
  #servicecmsblock .third-content-three {
    padding: 0;
    width: 33%;
  }
  #servicecmsblock .service-right .sub-title {
    font-size: 12px;
  }
  #content .product-thumb .product-details {
    min-height: 165px;
  }

  span.hidden-xs,
  span.hidden-sm,
  span.hidden-md,
  span.hidden-lg {
    display: inline-block !important;
  }
  .prevideo iframe {
    height: 560px;
  }
  .blog-right-content {
    width: 42%;
  }
  .all-blog .blog-desc {
    margin-bottom: 5px;
    padding-top: 5px;
  }
  .box-featured,
  .box-bestseller,
  .box-special {
    margin-top: 60px;
  }
  .left.product-image.thumbnails {
    overflow: visible;
  }
  .product-info .image-additional img {
    max-width: 100%;
    height: auto;
  }
  .product-info .image {
    width: 76%;
  }
  .product-info .additional-carousel {
    padding: 30px 0;
    top: 0;
    margin-right: 0;
    width: 20%;
  }
  .layout-2 #content {
    width: 80%;
  }
  .layout-2.left-col #column-left {
    width: 20%;
  }
  #menu .dropdown .dropdown-menu {
    margin: 0 !important;
  }
  .container {
    width: 980px !important;
  }
  .header-center .container {
    width: 100% !important;
  }
  #outer-wrap {
    height: auto;
  }
  .customNavigation a {
    top: -300px !important;
  }
  .sub-container {
    padding: 0 15px;
  }
  .sub-banner2 .sub-title,
  .sub-banner4 .sub-title,
  .sub-banner6 .sub-title {
    margin: 23px 0;
  }
  .tab-head {
    width: 50%;
  }
  .hometab {
    margin-top: 80px;
  }
  .hometab .tab-head .tab-title {
    font-size: 27px;
  }
  .htabs a {
    margin-left: 50px;
  }
  .hometab .tab-head .tab-title::before {
    width: 50%;
    left: 59%;
  }
  .product-thumb {
    margin-bottom: 0;
  }
  .tablatest_default_width {
    width: 360px;
  }
  .tabbestseller_default_width {
    width: 360px;
  }
  .tabspecial_default_width {
    width: 360px;
  }
  .featured_default_width {
    width: 360px;
  }
  .latest_default_width {
    width: 360px;
  }
  .special_default_width {
    width: 360px;
  }
  .bestseller_default_width {
    width: 360px;
  }
  .htabs {
    right: 12%;
  }
  #carousel-0.banners-slider-carousel .customNavigation a.prev::before {
    top: 0;
  }
  #carousel-0.banners-slider-carousel .customNavigation a.next::before {
    top: 0;
    right: 15px;
  }
  .content_footer_left {
    width: 71%;
    padding-right: 0;
  }
  #footer .content_footer_right.col-sm-3.column {
    width: 25%;
  }
  #footer {
    padding: 75px 15px 30px;
  }
  .box {
    margin-bottom: 0;
  }
  .box.Blog {
    margin: 10px 0 0;
  }
  .blog-subtitle {
    padding-bottom: 30px;
  }
  footer {
    margin-top: 30px;
  }
  #content .product-layout.product-grid {
    width: 33.33%;
  }
  .product-list .product-thumb .image {
    width: 35%;
  }
  .product-info .additional-carousel .bx-controls-direction a.bx-prev {
    right: 43px;
    top: 10px;
  }
  .product-info .additional-carousel .bx-controls-direction a.bx-next {
    right: 43px;
    bottom: -7px;
  }
  .blog-date {
    font-size: 30px;
    padding: 13px;
    margin-right: 15px;
  }
  .all-blog .blog-left-content {
    margin-bottom: 30px;
    margin-right: 15px;
  }
  .all-blog .panel .blog-left-content .blog-image img {
    max-width: 300px;
  }
  .box.related {
    padding: 0 15px;
  }
  #content .box.related .box-content {
    margin: 0 -13px;
  }
  #content.productpage .product-left,
  #content.productpage .product-right {
    min-height: 550px;
  }
  .header-center {
    width: 55%;
  }
}
@media (max-width: 1023px) and (min-width: 980px) {
  span.hidden-xs,
  span.hidden-sm,
  span.hidden-md,
  span.hidden-lg {
    display: inline-block !important;
  }
  .prevideo iframe {
    height: 560px;
  }
  #content .box-product .product-items {
    width: 33.33% !important;
  }
  .blog-right-content {
    width: 43%;
  }

  .left.product-image.thumbnails {
    overflow: visible;
  }
  .product-info .image-additional img {
    max-width: 100%;
    height: auto;
  }
  .product-info .additional-carousel {
    padding: 30px 0;
    top: 0;
  }
  .tabspecial_default_width {
    width: 250px;
  }
  .customNavigation a {
    top: -300px !important;
  }
  .header-center {
    width: 60%;
  }
  .sub-container {
    max-width: 940px;
  }
  #powered {
    padding-bottom: 0;
  }
  #bottom-footer ul {
    margin: 0;
  }
  .container {
    width: 950px !important;
  }
  #cart .dropdown-menu {
    top: 46px;
  }
  .newsletter form {
    padding: 10px 0 5px;
  }
  .nav-responsive span,
  .main-menu > ul > li > a {
    margin: 0 0;
    padding: 0px 12px 16px;
  }
  .nav-left .list-inline > li {
    padding-left: 0;
  }
  .box.related {
    padding: 0 15px;
  }
  #content .box.related .box-content {
    margin: 0 -13px;
  }
  #content.productpage .product-left,
  #content.productpage .product-right {
    min-height: 550px;
  }
}

@media (max-width: 980px) {
  .product-info .image img {
    width: 100%;
  }
  .cms-item .offer-banner.container,
  .cms-item .Subbanner.container,
  .banners-slider-carousel .container,
  #testimonial.container,
  #servicecmsblock .container {
    width: 940px;
  }
  .tablatest_default_width {
    width: 280px;
  }
  .tabbestseller_default_width {
    width: 280px;
  }
  .tabspecial_default_width {
    width: 280px;
  }
  .featured_default_width {
    width: 280px;
  }
  .latest_default_width {
    width: 280px;
  }
  .special_default_width {
    width: 280px;
  }
  .bestseller_default_width {
    width: 280px;
  }
  #outer-wrap {
    height: auto;
  }
  .nav-left .list-inline > li {
    padding-left: 0;
  }
  .box.related {
    padding: 0;
  }
  #content .box.related .box-content {
    margin: 0 -13px;
  }
  #content.productpage .product-left,
  #content.productpage .product-right {
    min-height: 550px;
  }
  .header-right .items-block {
    margin-left: 1rem;
  }
}
@media (max-width: 979px) {
  .newsletter .input-news .text-danger {
    text-align: left;
  }
  .headertop {
    padding: 0 0px 0 0px;
  }
  .footer-cms {
    width: 100%;
  }
  .content_footer_left .text::before,
  .newsletter .text::before {
    display: none;
  }
  #content .product-carousel .product-block {
    padding: 0 10px;
  }
  .cms_banner.container {
    margin-top: 10px;
  }
  footer .text {
    margin: 0px 0 0px;
    text-align: left;
  }
  .social-icons .list-unstyled {
    float: left;
  }
  .headerinner {
    float: left;
    text-align: left;
    margin-top: 20px;
    margin-left: 0px;
    padding: 0;
    width: 100%;
    background: #2e8bb0;
    margin-top: 0px;
  }
  .contact-form-design .left {
    display: none;
  }
  .contact-form {
    padding: 20px 30px 65px 30px;
  }
  .banner-text {
    top: 79% !important;
  }
  .slider-button {
    font-size: 12px !important;
  }
  .nav-responsive span,
  .main-menu > ul > li > a {
    color: #fff;
  }
  .headerinner::after {
    display: none;
  }
  .layout-2.right-col #content {
    padding-right: 0;
  }
  .cms_banner .cms_img .static-inner .text2.static-text {
    margin: 8px 0 12px;
  }
  .cms_banner .cms_img .static-inner {
    top: 18%;
    left: 6%;
  }
  .news-heading .mobile_togglemenu {
    width: 46px;
    height: 35px;
    background-size: 46px;
  }

  .newsletter h2 {
    font-size: 16px;
    letter-spacing: 1px;
    padding: 0;
  }
  #txtemail {
    width: 100%;
  }
  .newsletter-block .newsletter_form {
    width: 100%;
  }
  .newsletter .input-news {
    width: 100%;
  }
  .subscribe-btn {
    float: left;
  }
  .Blog .owl-carousel .owl-controls {
    width: 15%;
    display: none;
  }
  .sub-banner2 .sub-title2,
  .sub-banner4 .sub-title2,
  .sub-banner6 .sub-title2 {
    line-height: 14px;
  }
  .sub-banner1 .sub-title1,
  .sub-banner3 .sub-title1,
  .sub-banner5 .sub-title1 {
    font-size: 26px;
    margin: 8px 0 20px;
  }
  #servicecmsblock .first-content-one,
  #servicecmsblock .second-content-two,
  #servicecmsblock .third-content-three {
    margin-right: 0;
  }
  #servicecmsblock .second-content-two {
    border-right: none;
  }
  #servicecmsblock .third-content-three,
  #servicecmsblock .fourth-content-four {
    width: 50%;
    display: inline-block;
  }
  .service-right {
    text-align: center;
  }
  .first-content-one .icon1,
  .second-content-two .icon1,
  .third-content-three .icon1,
  .fourth-content-four .icon1 {
    width: 100%;
    text-align: center;
    margin: 0 auto 10px;
  }
  .service-content {
    text-align: center;
    margin: 0 auto;
    width: 100%;
  }
  #servicecmsblock .inner-content {
    position: relative;
    float: none;
    text-align: center;
  }
  #servicecmsblock .first-content-one,
  #servicecmsblock .second-content-two {
    width: 50%;
    margin: 0 auto;
    margin: 0 auto 20px;
  }
  #cart .text-shopping {
    display: none;
  }
  .account-content {
    display: none;
  }
  header > .container {
    position: relative;
  }
  #footer .row {
    margin: 0;
  }
  #menu
    ul.nav
    li
    .megamenu
    ul.list-unstyled
    li
    .dropdown-menu
    ul.list-unstyled
    li
    > a {
    padding: 4px 10px;
  }
  .layout-2 #content,
  .layout-3 #content {
    padding: 45px 15px 0;
  }
  .CMS2_main h5 {
    display: block;
  }
  #footer {
    padding: 35px 0 20px;
  }
  .category-inner {
    display: none;
  }
  span.hidden-xs,
  span.hidden-sm,
  span.hidden-md,
  span.hidden-lg {
    display: inline-block !important;
  }
  #menu
    ul.nav
    li
    .megamenu
    ul.list-unstyled
    li
    .dropdown-menu
    ul.list-unstyled
    li
    > a::before {
    content: none;
  }
  #menu ul.nav li .megamenu.column1 ul.list-unstyled li.dropdown > a {
    padding: 4px 8px;
  }
  #menu ul.nav li .megamenu ul.list-unstyled li .dropdown-menu,
  #menu ul.nav li .megamenu ul.list-unstyled li.dropdown > a {
    padding: 4px 8px;
  }
  #servicecmsblock .icon-left1,
  #servicecmsblock .icon-left2,
  #servicecmsblock .icon-left3 {
    margin: 0 10px 0 0;
  }
  .prevideo iframe {
    height: 560px;
  }
  .htabs a {
    margin-right: 20px;
    margin-left: 20px;
  }
  .blog-date {
    font-size: 30px;
    line-height: 30px;
    padding: 9px 17px;
  }
  .date1 {
    display: inline-block;
  }
  .productpage #tabs_info #tab-description {
    width: 100%;
  }
  .productpage #tabs_info .tab-content {
    padding: 30px 40px;
    min-height: 0;
  }
  #content.productpage .product-left,
  #content.productpage .product-right {
    min-height: auto;
    border: none;
  }
  .left.product-image.thumbnails {
    overflow: visible;
  }
  #content.productpage .product-left,
  #content.productpage .product-right {
    width: 100%;
    padding: 50px 15px 0;
    border-right: none;
  }
  .product-info .additional-carousel {
    top: 0;
  }
  .product-info .additional-carousel .bx-controls-direction a.bx-next {
    right: auto;
  }
  .product-info .additional-carousel .bx-controls-direction a.bx-prev {
    right: auto;
  }
  .treeview-list .expandable .collapsable-hitarea::before,
  .treeview-list .expandable-hitarea::before,
  .responsive-menu .expandable-hitarea::before,
  .treeview-list .collapsable .expandable-hitarea::before,
  .treeview-list .collapsable-hitarea::before {
    right: 10px;
  }
  #column-left .box .toggle a.mobile_togglemenu::before,
  #column-right .box .toggle a.mobile_togglemenu::before {
    color: #000;
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 20px;
    font-weight: bold;
    height: 20px;
    margin: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 2px;
    width: 20px;
  }
  #column-left .box .toggle.active a.mobile_togglemenu::before,
  #column-right .box .toggle.active a.mobile_togglemenu::before {
    color: #000;
    content: "\f106";
    font-family: "FontAwesome";
    font-size: 20px;
    font-weight: bold;
    height: 20px;
    margin: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 2px;
    width: 20px;
  }
  #column-left .box .toggle .mobile_togglemenu,
  #column-right .box .toggle .mobile_togglemenu {
    background: none !important;
    right: 0;
    top: 10px;
    width: 100%;
  }
  .CMS2_main {
    display: block;
    list-style: none;
    padding-left: 0;
  }
  #footer .column #block_contact_infos {
    overflow: hidden;
    list-style: none;
    padding-left: 0;
  }
  .ct-about-logo {
    margin-bottom: 20px;
  }
  #footer .social-icons.col-sm-3.column {
    margin-top: 0;
  }
  .layout-2.left-col #column-left {
    border-right: none;
  }
  #column-left .swiper-viewport,
  #column-right .swiper-viewport {
    display: none;
  }

  .Blog .blog-right {
    padding: 15px 0 0;
  }
  #outer-wrap {
    margin: 0 0 40px;
  }
  .cms-item {
    padding-top: 40px;
    margin: 0 auto 70px;
  }
  .cms-item .Subbanner.container {
    padding: 0 15px;
  }
  .newsletter form {
    margin: 0;
    padding: 0;
  }
  #footer .column .toggle a.mobile_togglemenu::before {
    color: #fff;
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 20px;
    font-weight: bold;
    height: 20px;
    margin: 0;
    position: absolute;
    right: -4px;
    text-align: center;
    top: -4px;
    width: 20px;
  }
  #footer .column .toggle.active a.mobile_togglemenu::before {
    color: #fff;
    content: "\f106";
    font-family: "FontAwesome";
    font-size: 20px;
    font-weight: bold;
    height: 20px;
    margin: 0;
    position: absolute;
    right: -4px;
    text-align: center;
    top: -4px;
    width: 20px;
  }

  /* footer h5 {
		background: none !important;
		margin: 0;
		padding: 12px 0 12px !important;
	} */
  footer p {
    background: none !important;
    margin: 0;
    padding: 12px 0 12px !important;
  }
  #footer .column .toggle .mobile_togglemenu {
    background: none !important;
    right: 0px;
    top: 4px;
  }
  #footer .col-sm-3.column {
    width: 100%;
    min-height: inherit;
    margin: 0;
    padding: 0;
  }
  #servicecmsblock .service-right .title {
    font-size: 12px;
  }
  #outer-wrap {
    height: auto;
  }
  #menu ul.nav li .megamenu ul.list-unstyled li > a:hover,
  .hiden_menu .top_level a:hover {
    color: #2e8bb0 !important;
  }
  #menu.responsive-menu .toggle .mobile_togglemenu::before,
  #menu.responsive-menu
    ul.nav
    li
    .megamenu.column1
    ul.list-unstyled
    li.toggle
    > a.mobile_togglemenu::before,
  #menu.responsive-menu
    ul.nav
    li
    .megamenu
    ul.list-unstyled
    li.toggle
    > a.mobile_togglemenu::before {
    color: #000;
    content: "\f067";
    font-family: "FontAwesome";
    font-size: 12px;
    left: auto;
    position: absolute;
    right: 4px;
    top: -5px;
  }
  #menu.responsive-menu .toggle.active .mobile_togglemenu::before,
  #menu.responsive-menu
    ul.nav
    li
    .megamenu.column1
    ul.list-unstyled
    li.toggle.active
    > a.mobile_togglemenu::before,
  #menu.responsive-menu
    ul.nav
    li
    .megamenu
    ul.list-unstyled
    li.toggle.active
    > a.mobile_togglemenu::before {
    color: #000;
    content: "\f068";
    font-family: "FontAwesome";
    font-size: 12px;
    left: auto;
    line-height: 33px;
    position: absolute;
    right: 4px;
    top: -9px;
  }
  #menu ul.nav li .megamenu ul.childs_1 {
    padding: 0 0 0 15px !important;
    border-right: none;
    width: 100%;
    float: left;
  }
  #menu.responsive-menu .toggle .mobile_togglemenu,
  #menu.responsive-menu
    ul.nav
    li
    .megamenu.column1
    ul.list-unstyled
    li.toggle
    > a.mobile_togglemenu {
    background: none !important;
    width: auto !important;
  }
  .container {
    width: 724px !important;
  }
  .nav-responsive span {
    margin: 0;
  }
  .responsive-menu {
    position: inherit !important;
    text-align: left;
  }
  .header-center {
    float: left;
    text-align: center;
    width: auto;
    position: unset;
    padding: 0;
  }
  .header-center .container {
    width: auto !important;
    padding: 0 !important;
  }
  .nav-responsive .expandable {
    margin: -2px 0 0 0 !important;
    background: url("../image/megnor/menu.png") no-repeat scroll center 5px
      transparent !important;
    width: 20px;
    height: 25px;
  }
  #top-links .dropdown.myaccount a::before {
    background-position: 10px -270px;
  }
  #top-links .dropdown.myaccount a:hover::before {
    background-position: 10px -177px;
  }
  #cart > .btn {
    background-position: 10px -640px;
  }
  #cart > .btn:hover {
    background-position: 10px -547px;
  }
  .header-wishlist .fa-heart::before {
    background-position: 10px -455px;
  }
  .header-wishlist:hover .fa-heart::before {
    background-position: 10px -362px;
  }
  /* css for responsive menu */
  .responsive-menu .top_level {
    padding: 0;
    width: 100%;
  }
  .nav.navbar-nav {
    display: none;
  }
  .responsive-menu .nav.navbar-nav {
    background: #fff;
    position: absolute;
    width: 100%;
    z-index: 999;
    border-top: 1px solid #ececec;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 10px;
    top: 44px;
    height: 340px;
    overflow: scroll;
  }
  .responsive-menu li.toggle {
    background: #fff;
    box-shadow: none;
    padding: 0;
    float: left;
    width: 100%;
  }
  #menu.responsive-menu ul.nav li .megamenu ul.list-unstyled li > a {
    float: left;
    color: #000;
    font-weight: normal;
    text-transform: capitalize;
  }
  #menu.responsive-menu .dropdown .dropdown-menu {
    background: transparent;
    border: medium none;
    box-shadow: none;
    padding: 0;
    position: relative;
    width: 100%;
    display: none;
    transform: none;
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    transition: none;
    visibility: visible;
  }
  #menu ul.nav li .megamenu ul.list-unstyled li > a,
  .hiden_menu .top_level a {
    padding: 4px 8px;
  }
  #menu .dropdown:hover .dropdown-menu,
  #menu > ul > li.hiden_menu:hover div {
    transform: none;
    opacity: 1;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
  }
  #menu.responsive-menu ul li a {
    color: #000;
    float: left;
    width: 100%;
    padding: 0 8px 15px;
  }
  #menu.responsive-menu ul.nav li .megamenu.column1 ul.childs_1 {
    padding: 0 15px;
    float: left;
    width: 100%;
  }
  .responsive-menu ul li .mobile_togglemenu:hover {
    background-color: rgba(0, 0, 0, 0);
  }
  #menu.responsive-menu
    ul.nav
    li
    .megamenu.column1
    ul.list-unstyled
    > li.dropdown:hover
    > .dropdown-menu {
    display: none;
  }
  #menu.responsive-menu
    ul.nav
    li
    .megamenu
    ul.list-unstyled
    > li.dropdown
    .dropdown-menu {
    width: 100%;
    float: left;
    border: medium none;
    left: 0;
    position: relative;
    top: 0;
    padding: 4px 8px;
  }
  #menu.responsive-menu
    ul.nav
    li
    .megamenu
    ul.list-unstyled
    li
    .dropdown-menu
    ul.list-unstyled
    li
    > a {
  }
  /* end css for responsive menu */

  #column-left .box-product .image,
  #column-right .box-product .image {
    margin-right: 7px;
  }
  .col-md-4.btn-list-grid {
    margin-bottom: 10px;
  }
  .pagination-right {
    clear: both;
    float: left;
    margin: 5px 0;
  }
  .product-compare .table-bordered {
    width: 100%;
    float: left;
    overflow: auto;
    display: inline;
  }
  #menu.responsive-menu ul li a:hover {
    color: #2e8bb0;
    background-color: transparent;
  }
  #accordion .form-horizontal .control-label {
    width: 100%;
  }
  .shopping-cart .input-group .form-control {
    width: 100%;
  }
  .shopping-cart .input-group-btn {
    clear: both;
    margin-top: 5px;
  }
  .checkout-cart .shopping-cart .input-group-btn:last-child > .btn,
  .checkout-cart .shopping-cart .input-group-btn:last-child > .btn-group {
    margin-right: 5px;
    margin-left: 0;
  }
  .product-info .image img {
    width: 100%;
  }
  .layout-2.left-col #column-left,
  .layout-2.right-col #column-right,
  .layout-3 #column-left,
  .layout-3 #column-right,
  #column-left,
  #column-right {
    clear: both;
    display: block !important;
    margin-top: 20px;
    padding: 20px 15px;
    width: 100%;
  }
  #column-left .box .toggle .mobile_togglemenu,
  #column-right .box .toggle .mobile_togglemenu {
    background: rgba(0, 0, 0, 0) url("../image/megnor/toggle-arrow.png")
      no-repeat scroll right 0;
    right: 0;
    top: 10px;
    width: 100%;
  }
  #column-left .box .toggle.active .mobile_togglemenu,
  #column-right .box .toggle.active .mobile_togglemenu {
    background-position: right -52px;
  }
  .common-home .layout-2.left-col #column-left,
  .common-home .layout-2.right-col #column-right,
  .common-home .layout-3 #column-left,
  .common-home .layout-3 #column-right,
  #column-left,
  #column-right {
    display: none !important;
  }
  #column-left .box .box-heading,
  #column-right .box .box-heading {
    margin: 0;
    position: relative;
  }
  #column-left .box .box-content,
  #column-right .box .box-content,
  #column-left .box .filterbox,
  #column-right .box .filterbox {
    display: none;
    margin-bottom: 0;
    padding: 10px 0px;
  }
  #column-left .box .list-group,
  #column-right .box .list-group {
    display: none;
  }
  .nav-left {
    width: auto;
  }
  .nav-center {
    width: 43%;
  }
  .sub-banner2 .title2,
  .sub-banner4 .title2,
  .sub-banner6 .title2 {
    font-size: 28px;
    line-height: 36px;
  }
  .tablatest_default_width {
    width: 270px;
  }
  .tabbestseller_default_width {
    width: 270px;
  }
  .tabspecial_default_width {
    width: 270px;
  }
  .featured_default_width {
    width: 270px;
  }
  .bestseller_default_width {
    width: 270px;
  }
  .special_default_width {
    width: 270px;
  }
  .hometab .tab-head .tab-title::before {
    content: none;
  }
  .tab-head {
    width: 80%;
    float: left;
    z-index: 6;
  }
  .htabs {
    right: 0;
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    top: 0;
  }
  .hometab .tab-head .tab-title {
    text-align: left;
    letter-spacing: 0.2px;
    line-height: 40px;
    text-transform: capitalize;
    padding-top: 10px;
  }
  .hometab .customNavigation a {
    top: -5px !important;
  }
  .blog-subtitle {
    padding-bottom: 20px;
  }
  footer {
    margin-top: 40px;
  }
  .content_footer_left {
    width: 100%;
    padding-right: 0;
    text-align: left;
  }
  .CMS2_main {
    padding: 0 0 15px;
    text-align: left;
  }
  #footer .content_footer_right.col-sm-3.column {
    width: 100%;
    float: left;
  }
  footer .newsletter h5 {
    display: block;
  }
  .newsletter {
    text-align: left;
    float: left;
  }

  /* footer .social-icons h5 {display: block;} */
  footer .social-icons p {
    display: block;
  }
  #powered {
    text-align: center;
    width: 100%;
    float: left;
  }
  #bottom-footer {
    width: 100%;
    float: left;
  }
  #bottom-footer .list-unstyled {
    margin-bottom: 0;
  }
  .payment {
    width: 100%;
    float: left;
    padding: 0;
  }
  .payment h5 {
    display: none;
  }
  .copy-right {
    border-top: 1px solid #302f2f;
  }
  #top .container {
    padding: 0 15px;
  }
  #top-links {
    margin: 0 5px;
  }
  .header-cart {
    margin: 0;
  }
  .nav-responsive span,
  .main-menu > ul > li > a {
    padding: 0;
  }
  .nav-left .list-inline > li {
    padding-right: 15px;
  }
  .sub-banner2 .sub-title,
  .sub-banner4 .sub-title,
  .sub-banner6 .sub-title {
    margin: 15px 0;
  }
  .sub-banner2 .title,
  .sub-banner4 .title,
  .sub-banner6 .title {
    font-size: 20px;
    line-height: 30px;
  }
  .sub-banner1 .title,
  .sub-banner3 .title,
  .sub-banner5 .title {
    font-size: 48px;
  }
  #column-left .box .box-heading,
  #column-right .box .box-heading {
    padding: 10px 0;
  }
  .CMS2_main h5 {
    display: block;
  }
  #cart-total {
    font-size: 0;
  }
  .layout-2 #content {
    width: 100%;
    padding: 45px 0 0;
  }
}
@media (max-width: 767px) {
  .Blog .owl-carousel .owl-controls {
    display: none !important;
  }
  .count1 {
    right: 10px;
  }
  #parallaxcmsblock {
    height: 300px;
  }
  #parallaxcmsblock .static-inner .text1.static-text {
    font-size: 30px;
    line-height: 40px;
  }
  #parallaxcmsblock .static-inner .text2.static-text {
    font-size: 30px;
    line-height: 40px;
  }
  #servicecmsblock {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .subbanner {
    margin-top: 0;
  }
  .banners-slider-carousel {
    margin: 0 0 50px;
  }
  #content .product-carousel .product-block,
  #content .product-grid .product-block,
  #content .box-product .product-block {
    margin-bottom: 0;
  }
  .newsletter-block .newsletter_form {
    border-right: none;
  }
  .subscribe-btn {
    margin-left: 0;
  }
  .nav-left .header-cms {
    font-size: 11px;
    letter-spacing: 0.2px;
  }
  .sub-banner1.banner {
    margin-bottom: 30px;
  }
  .sub-banner5.banner {
    margin-bottom: 30px;
  }
  .cms_banner.container {
    margin-top: 10px;
  }
  .related-products .product-thumb .button-group {
    top: 0;
  }
  .product-grid .product-thumb .button-group {
    top: 0;
  }
  #content .product-thumb .product-details {
    min-height: 170px;
  }
  .newsletter .form-group {
    width: 100%;
    margin: 0;
    float: none;
    text-align: center;
  }
  #txtemail {
    width: 100%;
    padding: 12px 142px 12px 12px;
  }
  .newsletter .input-news {
    width: 100%;
  }
  .subscribe-btn .btn-lg {
    cursor: pointer;
    /* float: right; */
    padding: 12px 25px !important;
    position: relative;
    letter-spacing: 1px;
    border: none !important;
    left: auto;
    z-index: 99;
    right: 0;
  }
  #txtemail {
    text-align: left;
  }
  .newsletter-block .newsletter_form {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    border-left: none;
  }
  .newsletter-block .news-heading {
    width: 100%;
    text-align: center;
  }
  .newsletter-block .news-heading {
    display: block;
    padding-top: 0;
    margin-bottom: 0;
  }
  .news-heading .mobile_togglemenu {
    width: 64px;
    height: 35px;
    background-size: auto;
    float: none;
    margin-right: 0;
  }
  .newsletter h2 {
    font-size: 24px;
    letter-spacing: 2px;
    padding: 0;
    text-align: center;
  }
  .sub-banner2 .sub-title2,
  .sub-banner4 .sub-title2,
  .sub-banner6 .sub-title2 {
    line-height: 40px;
  }
  .sub-banner1.banner {
    padding-right: 0;
  }
  .sub-banner5.banner {
    padding-right: 0;
  }
  .sub-banner3.banner {
    margin-bottom: 30px;
  }
  .subbanner .banner {
    width: 100%;
    text-align: center;
  }
  #servicecmsblock .first-content-one,
  #servicecmsblock .second-content-two,
  #servicecmsblock .third-content-three {
    border-right: none;
  }

  .responsive-menu .nav.navbar-nav {
    width: auto;
    height: auto;
    top: 44px;
  }
  .product-thumb .button-group .quickview:hover a,
  .product-thumb .button-group1 .quickview:hover a,
  .product-thumb .button-group button:hover {
    background: transparent;
    color: #000;
  }
  .product-thumb .button-group {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
    left: auto;
    text-align: center;
  }
  .product-list .product-thumb .button-group .compare {
    display: inline-block;
  }
  .product-thumb .button-group .compare {
    display: none;
  }
  .product-list .product-thumb .button-group .addtocart {
    display: inline-block;
  }
  .product-thumb .button-group .addtocart {
    display: none;
  }
  .product-list .quickview {
    display: inline-block;
  }
  .quickview {
    display: none;
  }
  #servicecmsblock .third-content-three {
    margin-bottom: 20px;
  }
  .header-bottom .mainmenu {
    padding-top: 5px;
  }
  .responsive-menu .nav.navbar-nav {
    margin: 0 15px;
  }
  .header-logo {
    padding: 13px 15px 0;
  }
  .header-cart .dropdown-menu.pull-right {
    right: 15px;
    left: auto;
  }
  #cart .cartimage {
    margin: 3px 15px 0 0;
  }

  #top .nav-right {
    width: auto;
    /*    float: none;
    text-align: center;*/
    padding-top: 0;
  }
  #form-currency {
    padding: 0;
  }
  #top .nav-right .pull-left {
    float: none !important;
    display: inline-block;
  }

  #form-language .language-menu,
  #form-currency .currency-menu {
    top: 35px;
  }
  .common-home #top {
    position: relative;
  }
  .header-wishlist {
    display: inline-block;
    text-align: center;
    display: none;
  }
  #content .product-carousel .product-block,
  #content .product-grid .product-block,
  #content .box-product .product-block {
    /*margin:0 15px;*/
  }
  .product-thumb .rating {
    width: 100%;
  }
  #footer {
    padding: 30px 15px 20px !important;
  }
  .blog-right-content {
    width: 100%;
  }
  .product-info .image-additional img {
    max-width: 100%;
    height: auto;
  }
  .product-thumb .image {
  }
  #content .product-list .product-details {
    width: 100%;
    padding: 15px 0;
  }
  .product-thumb .button-group1 {
    opacity: 1;
  }
  .product-list .product-block-inner {
    padding: 0 0 20px 0;
    text-align: left;
  }
  #content .product-layout.product-grid {
    width: 50%;
  }
  .header-center {
  }
  .header-right {
    margin: 0 auto;
    padding: 10px 0;
  }
  header {
    padding: 0;
  }
  .container {
    width: auto !important;
    padding: 0 15px !important;
  }
  .layout-2 #content,
  .layout-3 #content {
    width: 100%;
    padding: 45px 15px 0;
  }
  .product-info .image-additional {
    width: 100%;
  }
  .product-info .image-additional a {
    padding: 1px;
  }
  .header-logo > div {
    display: inline-block;
  }
  .btn-info {
    margin-bottom: 3px;
  }
  #input-search {
    margin-bottom: 8px;
  }
  .col-sm-4.total_amount {
    margin-top: 20px;
  }
  #cart {
    float: none;
  }
  .checkout-cart .table.table-bordered .input-group-btn {
    clear: both;
    margin: 5px 0 0;
    float: left;
  }
  .checkout-cart .btn.btn-danger {
    margin-top: -2px !important;
  }
  .button_class {
    clear: both;
  }
  .show-wrapper {
    clear: both;
    margin: 10px 0 0;
  }
  .category_filter .show {
    float: left;
    margin: 8px 10px 0 0;
  }
  .product-compare .table-bordered {
    float: left;
    width: 100%;
    overflow: auto;
    display: inline;
  }
  .addthis_toolbox.addthis_default_style {
    margin: 10px 0;
  }
  #content .category_list .filterbox {
    border: 1px solid #ececec;
    margin: 10px 0;
  }
  #content .category_list .filterbox .list-group a {
    border: none;
  }
  .checkout-cart .input-group-btn:last-child > .btn,
  .checkout-cart .input-group-btn:last-child > .btn-group {
    margin-left: 0;
    margin-right: 5px;
  }
  .zoomWindowContainer,
  .zoomWindow,
  .zoomContainer {
    display: none;
  }
  #top {
    padding: 10px 15px;
  }
  .header-center .container {
    margin-left: 0;
  }
  .header-left {
    /*		padding: 0;
		width: 100%;
		position: relative;
		text-align: center;*/
  }
  .main-slider .swiper-pager .swiper-button-prev::before {
    width: 50px;
    background: url("../image/megnor/slideshow-Arrow.png") no-repeat scroll 15px
      0px;
  }
  .main-slider .swiper-pager .swiper-button-next,
  .main-slider .swiper-pager .swiper-button-prev {
    width: 50px;
  }
  .main-slider .swiper-pager .swiper-button-prev:hover::before {
    background-position: 15px -88px;
  }
  .main-slider .swiper-pager .swiper-button-next::before {
    width: 50px;
    background: url("../image/megnor/slideshow-Arrow.png") no-repeat
      scroll -88px 0;
  }
  .sub-banner2 .title,
  .sub-banner4 .title,
  .sub-banner6 .title {
    font-size: 16px;
    line-height: 24px;
  }
  .sub-banner1 .title,
  .sub-banner3 .title,
  .sub-banner5 .title {
    font-size: 40px;
  }
  .sub-banner2 .sub-title,
  .sub-banner4 .sub-title,
  .sub-banner6 .sub-title {
    margin: 6px 0;
  }
  .sub-container {
    padding: 0 15px;
  }
  footer {
    margin-top: 30px;
  }
  .hometab .tab-head .tab-title,
  #content .box .box-heading {
    font-size: 30px;
  }
  .product-thumb .button-group button,
  .product-thumb .button-group1 button {
    height: 40px;
    width: 40px;
    background: none;
  }

  .fa-heart::before {
    top: 14px;
  }
  .product-thumb .button-group,
  .sale {
    opacity: 1;
  }
  #form-language img {
    display: inline-block;
  }
  .lang_cur_block .pull-left img,
  #form-currency strong {
    margin: 0;
    display: inline-block;
  }
  .nav-center {
    width: auto;
    float: left;
    text-align: left;
    padding: 11px 0;
  }
  /*.nav-left {display:none;}*/
  .product-list .product-thumb .image {
    width: 50%;
  }
  .box.related {
    margin-top: 50px;
  }
  .productpage #tabs_info {
    padding: 0;
  }

  .blog-right-content {
    width: 100%;
  }
  .all-blog .blog-left-content {
    margin: 0 auto;
  }
  .all-blog .panel .blog-left-content .blog-image img {
    max-height: 100%;
    max-width: 100%;
    display: inline-block;
  }
  .breadcrumb {
    text-align: center;
  }
  .box-featured,
  .box-bestseller,
  .box-special {
    margin-top: 30px;
  }
  #content .box-featured .box-content,
  #content .box-latest .box-content,
  #content .box-special .box-content,
  .box-bestseller .box-content {
    margin: 0 auto;
  }
  .tablatest_default_width {
    width: 50%;
  }
  .tabbestseller_default_width {
    width: 50%;
  }
  .tabspecial_default_width {
    width: 50%;
  }
  .featured_default_width {
    width: 50%;
  }
  .latest_default_width {
    width: 50%;
  }
  .special_default_width {
    width: 50%;
  }
  .bestseller_default_width {
    width: 50%;
  }
  .blog-right-content {
  }
  .hometab {
    padding: 0 15px;
  }
  .hometab .tab-head::before {
    left: 27%;
  }
}
@media (max-width: 543px) {
  .nav-right .list-inline li {
    font-size: 11px;
    letter-spacing: 0.2px;
  }
  .Blog .owl-carousel .owl-controls {
    width: 18%;
  }
  .cms_banner .cms_img .static-inner .text2.static-text {
    margin: 2px 0 4px;
    font-size: 25px;
    line-height: 29px;
  }
  .cms_banner .cms_img .static-inner {
    top: 10%;
    left: 6%;
  }

  .nav-left .list-inline > li {
    padding-right: 15px;
  }
  .sub-banner2 .title,
  .sub-banner4 .title,
  .sub-banner6 .title {
    font-size: 13px;
    line-height: 22px;
  }
  .sub-banner2 .sub-title,
  .sub-banner4 .sub-title,
  .sub-banner6 .sub-title {
    font-size: 12px;
  }
  .sub-banner2 .button,
  .sub-banner4 .button,
  .sub-banner6 .button {
    font-size: 11px;
  }
  .sub-banner1 .title,
  .sub-banner3 .title,
  .sub-banner5 .title {
    font-size: 40px;
  }
  .htabs a {
    width: 100%;
    float: left;
    margin: 0 auto;
    line-height: 40px;
  }
  .etabs {
    float: left;
    padding: 20px 0 0;
    width: 100%;
  }
  .htabs .etabs li {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #ececec;
  }
  .hometab .tab-head .tab-title,
  #content .box-heading {
    font-size: 26px;
  }
  .pagination-wrapper .page-link {
    margin: 22px auto 0;
  }
  .product-info .additional-carousel {
    padding: 25px 0;
  }
  .productpage #tabs_info {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 479px) {
  #servicecmsblock {
    margin-bottom: 15px;
    margin-top: 15px;
  }
  #servicecmsblock .first-content-one,
  #servicecmsblock .second-content-two {
    margin: 0 auto 10px;
  }
  .header-left {
    display: none;
  }
  .nav-responsive span,
  .main-menu > ul > li > a {
    padding: 5px 10px 0;
  }
  .header-right {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    right: 0;
    left: auto;
    top: auto;
    bottom: 6px;
    z-index: 9;
  }
  #cart .cartimage {
    background: transparent url("../image/megnor/Sprite-icon1.png") no-repeat
      scroll center 7px;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    border: none;
    padding: 0;
    width: 32px;
    height: 33px;
    position: relative;
    float: left;
    margin: 3px 0 0 0;
  }
  .dropdown.myaccount .accountimage {
    background: transparent url("../image/megnor/Sprite-icon1.png") no-repeat
      scroll center -253px;
    height: 33px;
    width: 32px;
    display: inline-block;
    cursor: pointer;
    position: relative;
  }
  .phone-link i.fa-phone {
    color: white;
  }
  .header-search .header-toggle {
    background: rgba(0, 0, 0, 0) url("../image/megnor/Sprite-icon1.png")
      no-repeat scroll center -512px;
    height: 30px;
    width: 30px;
    cursor: pointer;
  }
  #search {
    top: 38px;
    width: 190px;
  }
  #search .input-lg {
    width: 190px;
  }
  .dropdown-menu.myaccount-menu {
    top: 42px;
  }
  #cart .dropdown-menu {
    top: 42px;
    right: 0;
  }
  #parallaxcmsblock .static-inner .text1.static-text {
    font-size: 24px;
    line-height: 30px;
  }
  #parallaxcmsblock .static-inner .text2.static-text {
    font-size: 26px;
    line-height: 30px;
    margin-top: 10px;
  }
  #parallaxcmsblock .static-inner .cms-btn .link-text {
    padding: 7px 17px;
    font-size: 12px;
  }
  #parallaxcmsblock {
    height: 250px;
  }
  #parallaxcmsblock .static-inner {
    top: 24%;
  }
  #content .heading-wrapper {
    margin-bottom: 20px;
  }
  footer {
    margin-top: 20px;
  }
  .sub-banner1 .content {
    top: 15%;
    text-align: center;
    left: 0;
    right: 0;
  }
  .sub-banner5 .content {
    top: 15%;
    text-align: center;
    left: 0;
    right: 0;
  }
  .button a {
    padding: 7px 15px;
    font-size: 12px;
  }
  .sub-banner3 .content {
    top: 15%;
    left: 0;
    right: 0;
    text-align: center;
  }
  .sub-banner1 .title1,
  .sub-banner3 .title1,
  .sub-banner5 .title1 {
    font-size: 26px;
    line-height: 30px;
  }
  .banners-slider-carousel {
    margin: 30px 0 50px;
  }
  #content .product-thumb .product-details {
    min-height: 130px;
  }
  .product-thumb h4 {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .related_default_width {
    width: 50%;
  }
  .accessories_default_width {
    width: 50%;
  }
  .count1 {
    right: -9px;
    background: #fff;
    color: #000;
  }
  .nav-right .list-inline li {
    font-size: 12px;
    letter-spacing: 0.8px;
  }
  .header-cart {
    margin: 0 15px 0 0;
  }
  .nav-left .header-cms {
    display: none;
  }
  .subscribe-btn {
    float: none;
    display: block;
    margin-left: 0;
    text-align: center;
  }
  .subscribe-btn .btn-lg {
    position: relative;
    left: 0;
    z-index: 99;
    right: 0;
    text-align: center;
    margin-top: 0;
    float: none;
  }
  .Blog .owl-carousel .owl-controls {
    display: none !important;
  }
  .customNavigation {
    display: none !important;
  }
  .cms_banner.container {
    margin-top: 5px;
  }
  #content .box.related .box-heading {
    font-size: 19px;
    padding-left: 0;
  }
  .alert.alert-success.animated {
    height: 130px;
    padding: 10px 20px;
  }

  .breadcrumb > li {
    position: relative;
    white-space: normal;
  }
  .content-top-breadcum #title-content {
    margin: 0 15px;
  }
  .breadcrumb > li {
    display: block;
  }
  .breadcrumb a {
    font-size: 12px;
    line-height: 15px;
  }
  .content-top-breadcum #title-content .page-title,
  .content-top-breadcum #title-content h1,
  .content-top-breadcum #title-content h2 {
    font-size: 14px;
  }
  #footer .column .toggle .mobile_togglemenu {
    top: 15px;
  }
  .newsletter h2 {
    font-size: 17px;
    letter-spacing: 1px;
  }
  .banners-slider-carousel .customNavigation a {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
  }
  .latest.box {
    margin: 30px 0 20px;
  }
  .cms_banner .cms_img .static-inner .text2.static-text {
    margin: 2px 0 0;
    font-size: 17px;
    line-height: 18px;
  }
  .cms_banner .cms_img .static-inner .link-text {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.6px;
    line-height: 13px;
    margin-top: 0;
  }
  .cms_banner .cms_img .static-inner .text1.static-text {
    font-size: 11px;
    line-height: 15px;
  }
  .cms_banner .cms_img .static-inner {
    top: 0;
  }
  #content .heading-wrapper::after {
    display: none;
  }
  #content .heading-wrapper::before {
    display: none;
  }
  .hometab .tab-head .tab-title,
  #content .box .box-heading {
    font-size: 23px;
  }
  .sub-banner2 .sub-title2,
  .sub-banner4 .sub-title2,
  .sub-banner6 .sub-title2 {
    line-height: 14px;
  }
  .hometab {
    margin-top: 30px;
  }
  .header-search {
    margin: 4px 0 0;
  }
  #cart .cartimage {
    margin: 2px 0 0;
  }
  #content .box.related .box-content {
    margin: 0;
  }
  .productpage #tabs_info .nav-tabs > li > a {
    padding: 10px;
    margin: 0 auto;
    text-align: center;
  }
  .productpage #tabs_info #tab-description {
    text-align: center;
  }
  .product-thumb .rating {
    width: 100%;
  }
  .customNavigation a {
    top: -280px !important;
  }
  #testimonial .customNavigation a.prev {
    left: 15%;
  }
  #testimonial .customNavigation a.next {
    right: 15% !important;
  }
  .product-thumb .caption {
    opacity: 1;
  }
  .prevideo iframe {
    height: 300px;
  }
  .prevideo .video-text {
    font-size: 25px;
  }
  .blog-date {
    width: 24%;
  }
  .all-blog .panel .blog-left-content .blog-image img {
    max-width: 204px;
  }
  #cart .cart-menu .button-container strong {
    padding: 10px 15px !important;
  }
  #cart .dropdown-menu {
    width: 290px;
    padding: 10px;
  }
  .productpage #tabs_info .nav-tabs {
    width: 100%;
    float: left;
    text-align: center;
    padding: 20px 0;
  }
  #content .box.Blog .box-heading {
    margin-bottom: 0;
    padding: 0;
  }
  .productpage #tabs_info .tab-content::before,
  .productpage #tabs_info .nav-tabs > li.active > a::before {
  }
  .productpage #tabs_info #tab-description {
    padding: 15px;
  }
  .productpage #tabs_info .nav-tabs > li,
  .productpage #tabs_info .nav-tabs > li.active {
    border-width: 1px 1px 1px 1px;
    border-top-width: 2px;
    border-bottom: 1px solid #ececec !important;
  }
  .productpage #tabs_info .nav-tabs > li {
    margin-bottom: 10px;
    border: 1px solid #ececec;
  }
  #content .related .box-product .product-block-inner {
    /*padding: 0 15px;*/
  }
  .related .customNavigation a {
    top: 250px !important;
  }
  .related .customNavigation a.prev {
    left: -20px;
  }
  .related .customNavigation a.next {
    right: -15px !important;
  }
  .productpage #tabs_info .tab-content {
    width: 100%;
    min-height: auto;
  }
  #content.productpage .product-right {
    margin-top: 20px;
  }
  #content .product-list .product-details {
    width: 100%;
  }
  .product-list .product-thumb .image {
    float: left;
  }
  .Blog .blog-right {
    padding: 15px 0;
  }
  .hometab .tab-content {
    margin-bottom: 0;
  }
  .product-thumb .image {
    margin-bottom: 0;
    float: none;
  }
  .product-block-hover {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -moz-transform: translateX(0);
  }
  #content .product-thumb:hover .product-details {
    transform: none;
  }
  #content .product-thumb .product-details {
    position: relative;
    opacity: 1;
  }
  .htabs .etabs li {
    width: 100%;
    display: block;
  }
  .htabs a {
    float: none;
  }

  .main-slider .swiper-pager {
    display: none;
  }
  .cms-item {
    padding-top: 20px;
  }
  .header-center {
    padding: 0;
  }
  #servicecmsblock .first-content-one,
  #servicecmsblock .second-content-two,
  #servicecmsblock .third-content-three {
    width: 100%;
    float: none;
  }
  .product_banner_inner {
    width: 100%;
    margin-bottom: 30px;
  }
  .header-center {
    margin-top: 0;
  }
  .product-info .image-additional a {
    float: none;
    text-align: center;
  }
  .table {
    float: left;
    margin-bottom: 20px;
    overflow: scroll;
    width: 100%;
  }
  #content .additional-carousel .box-product .product-block {
    padding: 5px;
  }
  .shopping-cart .input-group .form-control {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .account-wishlist .table-bordered {
    float: left;
    width: 100%;
    overflow: auto;
    display: inline;
  }
  #cart .dropdown-menu table {
    /*display: inline-block;*/
  }
  .flex-direction-nav a:before {
    font-size: 27px !important;
  }
  .dropdown-menu.pull-right {
    width: 100%;
  }
  #cart .dropdown-menu li > div {
    min-width: 100%;
  }
  .category_filter .limit {
    float: left;
  }
  .contact-info .left,
  .contact-info .right {
    width: 100%;
  }
  .nav-tabs > li {
    width: 100%;
  }
  .product-info .additional-carousel {
    width: 22%;
  }
  .nav-tabs > li > a {
    margin: 0 0 2px;
  }
  .productpage .write-review,
  .productpage .review-count {
    display: inline-block;
    margin: 5px 0 0;
    width: 100%;
  }
  .pagination-wrapper .page-link {
    float: none;
    text-align: center;
    display: block;
  }
  .pagination-wrapper .page-result {
    float: none;
    clear: both;
    margin: 20px 0 0;
  }
  .product-list .product-thumb .image {
    width: auto;
  }
  .checkout-cart .pull-right {
  }
  .bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto;
  }
  .checkout-cart #accordion .input-group-btn {
    float: left;
    margin: 5px 0 0;
  }

  .subbanner .banner {
    width: 100%;
  }
  .customNavigation {
    float: left;
  }
  .hometab .customNavigation a.prev {
    left: -15px;
    right: auto !important;
    top: 200px !important;
  }
  .hometab .customNavigation a.next {
    right: -15px !important;
    top: 200px !important;
  }
  #content .box .box-content {
    width: 100%;
    float: left;
    margin: 0 auto;
  }
  #content .product-carousel .product-block {
    padding: 0 10px;
  }
  #content .box-featured .product-carousel .product-block,
  #content .box-bestseller .product-carousel .product-block,
  #content .box-special .product-carousel .product-block {
  }
  .hometab .tab-head .tab-title {
    text-align: center;
    width: 100%;
    padding: 0;
  }
  .tab-head {
    margin-bottom: 0;
    width: 100%;
  }
  .hometab .customNavigation a {
    top: 260px !important;
  }
  #content .box.Blog .box-content {
    margin: 0 auto;
  }
  #content .Blog .box-product .product-block {
    padding: 0;
  }
  .nav-center {
    width: 100%;
    text-align: center;
    padding: 12px 0 0;
  }
  .nav-right {
    width: auto;
    float: none;
    display: inline-block;
    text-align: center;
  }
  #form-currency {
    padding: 0;
  }
  #top {
    text-align: center;
  }
  #form-language .language-menu,
  #form-currency .currency-menu {
    right: -10px;
  }
  .banners-slider-carousel .customNavigation a.prev {
    left: -15px;
  }
  .banners-slider-carousel .customNavigation a.next {
    /*right: -15px !important;*/
  }
  #tabs_info {
    padding: 0;
  }

  .product-info .additional-carousel .bx-controls-direction a.bx-prev,
  .product-info .additional-carousel .bx-controls-direction a.bx-next {
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  .product-info .additional-carousel {
    padding: 20px 0;
  }
  .product-info .additional-carousel .bx-controls-direction a.bx-prev {
    top: 0;
  }
  #content.productpage .product-left,
  #content.productpage .product-right {
    padding: 30px 15px 0;
  }
  #checkout-cart .btn-danger {
    vertical-align: bottom;
  }
  #carousel-0.banners-slider-carousel .customNavigation a.prev::before,
  #carousel-0.banners-slider-carousel .customNavigation a.next::before {
    top: 0;
  }
  #cart > .btn,
  .header-wishlist,
  #top-links .dropdown.myaccount a::before,
  .header-search .header-toggle {
    width: 35px;
  }
  .box-featured .customNavigation a.prev,
  .box-special .customNavigation a.prev {
    left: 0;
  }
  .box-featured .customNavigation a.next,
  .box-special .customNavigation a.next {
    right: 0 !important;
  }
  .box-featured,
  .box-bestseller,
  .box-special {
    margin-top: 30px;
  }
  #content .box-featured .box-content,
  #content .box-latest .box-content,
  #content .box-special .box-content {
    margin: 0 auto;
  }
}
@media (max-width: 320px) {
  .hometab .customNavigation a {
    top: 200px !important;
  }
  .related .customNavigation a {
    top: 180px !important;
  }
}
@media only screen and (max-width: 319px) {
  .prevideo iframe {
    height: 220px;
  }
  .prevideo .video-text {
    font-size: 16px;
  }
  #search {
    width: 190px;
  }
  .product-info .image {
    width: 75%;
  }
  .product-info .additional-carousel {
    margin-right: 7px;
  }
  .product-info .product-image .customNavigation {
    width: 196px;
    margin: 0 auto;
    position: relative;
  }
  .header-logo .img-responsive {
    width: 100%;
  }
  .btn-primary {
    margin-bottom: 2px;
  }
  .compare-total {
    clear: both;
    margin: 8px 10px 10px 0;
  }
  #cart .text-right .addtocart {
    margin: 0 0 5px;
  }
  #cart .text-right .checkout {
    margin: 0;
  }
}
#accordion .panel-title > a {
  color: inherit;
  display: inline-block;
  width: 100%;
}
#accordion .panel-title {
  padding: 10px;
}
#accordion .panel-heading .fa.fa-caret-down {
  float: right;
  margin-top: 4px;
}
#accordion .col-sm-10 {
  width: 75%;
}
#accordion .form-horizontal .control-label {
  text-align: left;
}
/* Megnor www.templatemela.com - End */

.swiper-slide {
  position: relative;
}

.banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}

.btn-primary {
  display: inline-block;
  padding: 10px 20px;
  background-color: #007bff;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-text {
  position: absolute;
  top: 85%;
  left: 35%;
  transform: translate(-50%, -50%);
  color: white;
  line-height: 5rem;
  font-size: 4rem;
  font-weight: bold;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
  text-align: left;
  z-index: 10;
}
.headertop .container {
  width: 100% !important;
}
.headertop .container .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.button-row {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  gap: 10px;
}

.slider-button {
  display: inline-block;
  padding: 0px 20px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  border-radius: 25px;
  position: relative; /* Потрібно для псевдоелемента */
  overflow: hidden; /* Обмежує видимість псевдоелемента в межах кнопки */
  color: #fff; /* Колір тексту */
  background-color: #2e8bb0;
  text-shadow: none; /* Прибираємо тінь тексту */
  z-index: 1; /* Забезпечує, що текст завжди зверху */
  transition: transform 0.8s ease;
}

.slider-button:hover {
  color: white;
}

/* Псевдоелемент для ефекту блику */
.slider-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -200%; /* Початкове розташування поза кнопкою */
  width: 200%; /* Ширина більша за кнопку для плавного початку */
  height: 100%;
  background: rgba(255, 255, 255, 0.2); /* Напівпрозорий блик */
  filter: blur(8px); /* Додає розмиття для натуральності */
  transform: skewX(-30deg); /* Нахил блику */
  z-index: 0; /* Псевдоелемент під текстом */
  opacity: 0; /* Невидимий до наведення */
  transition: all 0.8s ease; /* Плавний рух та зміна opacity */
}

.slider-button:hover::before {
  left: 150%; /* Переміщення блику повністю через кнопку */
  opacity: 0.4; /* Легка видимість при ховері */
}

/* Плавне зникнення блиску в кінці */
.slider-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%; /* Починається після кнопки */
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1); /* Ледь помітний хвіст */
  filter: blur(6px); /* Додає розмиття хвоста */
  z-index: 0;
  opacity: 0; /* Невидимий до наведення */
  transform: skewX(-30deg); /* Той самий нахил */
  transition: all 0.8s ease; /* Плавність для хвоста */
}

.slider-button:hover::after {
  opacity: 0; /* Хвіст швидко зникає */
  left: 200%; /* Переміщення хвоста за межі кнопки */
}
.information-blogger .container {
  display: block;
  overflow: hidden;
}

.main-slider .swiper-slide {
  width: 100%;
  height: 80.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.main-slider .swiper-slide img {
  scale: 1.01;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Зображення буде обрізане пропорційно, щоб заповнити контейнер */
  object-position: center; /* Центрування зображення */
}
a.link,
#tab-documentation a {
  color: #23a1d1 !important;
}
a.link,
#tab-documentation a:hover {
  text-decoration: none;
  color: #337ab7 !important;
}
.contact-form legend {
  padding-left: 5rem;
}
.priceproduct h4 {
  display: inline-block;
  float: left;
  font-size: 14px;
  color: #000;
  line-height: 22px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 0;
  -ms-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin: 0;
}
/* .product-carousel,
  .slider-wrapper,
  .slider-item,
  .product-block,
  .product-block-inner,
  .slider-item img {
	  opacity: 1 !important;
	  filter: none !important;
	  pointer-events: auto !important;
	  background: none !important;
	  transition: none !important;
  }
   */
@media (max-width: 576px) {
  /* Для маленьких екранів, таких як телефони */
  .slider-button {
    margin-bottom: 8rem;
    padding: 0 15px;
  }
  .banner-text {
    transform: translate(-46%, -50%);
  }
}
.product-right .list-unstyled li h4 {
  font-size: 26px;
  font-weight: 500;
  line-height: 38px;
  width: auto;
  display: inline-block;
  margin-right: 10px;
  margin-top: 0;
}
@media (max-width: 576px) {
  /* #tabs_info {
    padding: 10px;
  } */
  #tabs_info {
    width: 100vw;
    margin-left: -15px; /* компенсує padding контейнера */
    padding: 10px 15px;
    box-sizing: border-box;
    /* border: none !important; */
  }
  .tab-content {
    padding: 0 !important;
  }

  #tabs_info .tab-content > div {
    text-align: left !important;
    padding: 10px 0;
    border-top: none !important;
  }

  #tabs_info h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  #tabs_info table {
    width: 100%;
    font-size: 14px;
  }

  #tabs_info table td {
    padding: 8px;
  }

  #tabs_info iframe {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  #tabs_info .review-box {
    margin-bottom: 15px;
  }

  #tabs_info .review-rating {
    margin-top: 5px;
  }

  #tabs_info form#form-review .form-group {
    margin-bottom: 15px;
  }

  #tabs_info .buttons .btn {
    width: 100%;
  }
}

/* @media (max-width: 767px) {
  .product-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .details-wrapper {
    width: 100%;
    margin-bottom: 5px;
  }

  .product-buttons {
    width: 100%;
    margin-top: 5px;
  }

  .product-buttons .btn {
    width: 100%;
    font-size: 16px;
    padding: 10px;
  }

  .quick-actions {
    justify-content: flex-start !important;
    margin-bottom: 5px;
    gap: 10px;
  }

  .price {
    font-size: 16px;
    word-wrap: break-word;
  }

  .product-title {
    margin: 5px 0;
  }
} */

/* Контейнер для рядків РЕЦЕПТИ */
.custom-row {
  display: flex;
  gap: 15px; /* Відступ між елементами */
  flex-wrap: wrap;
}

/* Стилі для картки */
.blog-card {
  flex-basis: 32%;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.blog-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

/* Стиль для картинок */
.blog-image-link {
  display: block;
}

.blog-image img {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #ddd;
  transition: all 0.3s ease;
}

.blog-image img:hover {
  transform: scale(1.05);
}

/* Інформація про блог (текстова частина) */
.blog-info {
  padding: 15px;
}

.blog-title {
  font-size: 1.2rem;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}

.blog-title:hover {
  color: #007bff;
}

.blog-info p {
  font-size: 0.9rem;
  color: #555;
  line-height: 1.5;
  margin-top: 10px;
}
.product-thumb .button-group {
  opacity: 1 !important;
  visibility: visible !important;
}
.footer-title {
  font-size: 20px !important;
  font-weight: 600 !important;
  background: none !important;
  margin: 0;
  padding: 12px 0 12px !important;
  display: block;
}
/* Адаптивність для маленьких екранів */
@media (max-width: 576px) {
  .blog-card {
    flex-basis: 47%;
    padding: 0px 8px;
  }
  .blog-desc {
    padding: 0 2rem;
  }
  .blog-desc img {
    max-width: 100%;
  }
}
/* Адаптивність для планшетів (ширина екрану від 768px до 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .blog-card {
    flex-basis: 47%;
    padding: 0px 8px;
  }
}
.blog-img {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

.header-phone {
  display: inline-block;
  margin-left: 20px;
}

.phone-link {
  font-size: 16px;
  color: #333;
  text-decoration: none;
}

.phone-link:hover {
  color: #007bff;
}

.header-phone i {
  margin-right: 8px;
}

.header-phone-mlobile {
  display: none;
}
@media (max-width: 768px) {
  header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
  }

  body {
    padding-top: 36px;
  }
}

@media (max-width: 1640px) {
  .header-right .header-phone {
    display: none;
  }
  .header-phone-mlobile {
    display: block;
    scale: 1.45;
    margin-top: 0.7rem;
  }
}
/* стиль для шапки на тел */
.headertop .row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.header-left.header-logo {
  flex: 0 1 auto;
  /* дозволяємо блоку зменшуватись */
  min-width: 80px;
  max-width: 200px;
  margin-right: 10px;
}

.header-logo img {
  width: 100%;
  /* масштаб по ширині блоку */
  height: auto;
  /* зберігаємо пропорції */
  max-height: 60px;
  /* обмеження по висоті */
  object-fit: contain;
  /* краще масштабування */
}

.header-language {
  display: inline-block;
  margin-left: 15px;
  position: relative;
}

.header-language .btn-group {
  display: flex;
  align-items: center;
}

.header-language .dropdown-toggle {
  padding: 5px 10px;
  border: none;
  background: none;
  color: #333;
  font-weight: bold;
}

.header-language img {
  margin-right: 5px;
  height: 18px;
  width: auto;
}

.header-language .language-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  background: white;
  border: 1px solid #ddd;
  min-width: 120px;
  display: none;
}

.header-language .btn-group:hover .language-menu {
  display: block;
}

.mobile-header {
  background-color: #1b90aa;
  display: none;
}

@media (max-width: 767px) {
  .mobile-header {
    display: block;
  }
}
@media (max-width: 767px) {
  .mobile-header img {
    /* background-color: white; */
    max-height: 40px;
  }
}

@media (max-width: 767px) {
  .headertop.mobile-header {
    background-color: #fff;
    padding: 20px 10px;
    border-bottom: 1px solid #ddd;
    z-index: 999;
    position: relative;
    /* min-height: 60px; */
    height: 80px;
  }

  .headertop.mobile-header .btn-menu {
    background: black !important;
    border: none;
    font-size: 18px;
    padding: 0;
  }

  .headertop.mobile-header .btn-menu i,
  .headertop.mobile-header .fa {
    color: #333 !important;
    font-size: 24px;
  }
  .headertop.mobile-header .btn-menu {
    background: black !important;
    padding: 10px;
    border-radius: 4px;
  }

  .headertop.mobile-header .btn-menu i {
    color: orange !important;
  }

  .headertop.mobile-header #logo img {
    max-height: 40px;
  }

  .mobile-header-inner {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    justify-content: flex-start;
    gap: 4px;
  }

  .menu-button {
    background: none;
    flex: 0 0 auto;
    margin-right: 3px;
  }

  .logo {
    flex: 1 1 auto;
    /* дозволити логотипу займати доступний простір */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-width: 0;
    /* дозволяє стискання, щоб уникнути переповнення */
  }

  .logo img {
    max-height: 40px;
    width: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
  }
  .icons {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
  }

  .mobile-icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: nowrap;
  }
  .mobile-icons .header-language {
    display: flex;
    align-items: center;
    height: 40px;

    padding: 0 12px;
  }

  /* Кнопка перемикача */
  .header-language .dropdown-toggle {
    color: #fff !important;
    font-weight: 900 !important;
    font-size: 18px; /* трохи більше */

    letter-spacing: 0.5px; /* трохи розрідити */
    background: transparent;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    line-height: 1;
  }
  /* Заборона затемнення або зміни кольору при наведенні */
  .header-language .dropdown-toggle:hover,
  .header-language .dropdown-toggle:focus {
    color: #fff !important;
    background-color: transparent !important;
    box-shadow: none;
  }

  /* Стрілочка */
  .header-language .fa-angle-down {
    font-size: 14px;
    color: #fff;
  }

  .mobile-icons .header-search {
    max-width: 90px;
    overflow: hidden;
  }
  .fa-phone {
    color: #fff !important;
  }
  .phone-menu {
    color: black !important;
  }
  .header-search .header-toggle {
    background: rgba(0, 0, 0, 0) url("../image/megnor/Sprite-icon1.png")
      no-repeat scroll center -512px;
    height: 30px;
    width: 30px;
    cursor: pointer;
  }

  #cart .cartimage {
    background: transparent url("../image/megnor/Sprite-icon1.png") no-repeat
      scroll center 7px;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    border: none;
    padding: 0;
    width: 32px;
    height: 33px;
    position: relative;
    float: left;
    margin: 3px 0 0 0;
  }
  .mobile-icons #cart {
    min-width: 30px;
  }

  .mobile-user-links {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }

  .mobile-user-links li {
    flex: 1 1 0;
    display: flex;
  }

  .mobile-user-links li a {
    display: flex;
    flex: 1;
    height: 70px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    padding: 0 4px;
    color: #333;
    font-size: 12px;
    gap: 6px;
    /* Відступ між іконкою і текстом */
  }

  .mobile-user-links li a i {
    font-size: 20px;
    color: #1b90aa;
    height: 20px;

    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-user-links li a span {
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 14px;
  }
  .mobile-user-links li a:hover {
    color: #1b90aa;
  }

  .mobile-categories {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .mobile-category-item {
    margin: 0;
    padding: 0;
    overflow: hidden;

    border-bottom: 1px solid #eee;
  }

  .mobile-category-item:last-child {
    border-bottom: none;
  }
  .mobile-category-item:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .mobile-category-item > a,
  .toggle-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    color: #333;
    background: #f9f9f9;
    font-weight: bold;
    text-decoration: none;
    margin: 0 !important;
  }

  .mobile-category-item > a:hover,
  .toggle-label:hover {
    background: #e0f7fb;
  }

  .mobile-subcategories {
    list-style: none;
    display: none;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 0 0 0 15px;
    border-left: 1px solid #ccc;
    background: #fff;
    overflow: hidden;
  }

  .mobile-subcategories li a {
    display: block;
    /* padding: 8px 15px; */
    padding: 6px 0 6px 15px !important;
    margin: 0 !important;
    color: #666;
    font-size: 14px;
    text-decoration: none;
    background: #f9f9f9;
  }

  .mobile-subcategories li a:hover {
    color: #1b90aa;
  }

  .toggle-input:checked + .toggle-label + .mobile-subcategories {
    display: block;
    margin: 0 !important;
  }

  .toggle-label i {
    margin-left: 10px;
    font-size: 12px;
    color: #555;
  }

  .mobile-subcategories li {
    margin: 0;
    padding: 0;
  }

  .headertop.mobile-header .btn-menu i,
  .headertop.mobile-header .fa-bars {
    color: #333 !important;
    background: black !important;

    font-size: 24px;
  }

  .mobile-category-item.blogs-link {
    margin-bottom: -6px;
  }

  .mobile-category-item .phone-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 12px 15px;
    color: #333;
    background: #f9f9f9;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    /* важливо, щоб не ламалось */
  }

  .mobile-category-item .phone-link:hover {
    background: #e0f7fb;
    color: #1b90aa;
  }

  .mobile-category-item .phone-link i {
    font-size: 20px;
    color: #000;
    flex-shrink: 0;
    display: inline-block;
    margin-right: 6px;
  }
  .mobile-header .btn-menu {
    background: #1b90aa !important;

    margin-left: -10px;

    border-radius: 1px;
    width: 6px;
    /* чітко фіксована ширина */
    height: 6px;
    border: none;
    box-shadow: none;
    display: flex;
    /* Додаємо флекс-контейнер */
    align-items: center;
    /* Вертикальне центрування */
    justify-content: center;
    /* Горизонтальне центрування */
    box-shadow: none;
  }
  .mobile-header .btn-menu i {
    color: #fff;
    margin: 0;
    padding: 0;
  }

  .mobile-category-item.social-links {
    display: flex;
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
  }

  .mobile-category-item.social-links a {
    flex: 1;

    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    text-decoration: none;
    padding: 10px 0;
  }
}
#cart-popup .modal-body {
  padding: 2rem;
}

#cart-popup .product-link {
  text-decoration: none;
  color: inherit;
}

#cart-popup .product-image {
  width: 120px;
  height: 120px;
  object-fit: contain;
}

#cart-popup .product-name {
  font-size: 18px;
  font-weight: 500;
  margin-top: 1rem;
}

#cart-popup .cart-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: 2rem;
}

/* #cart-popup .cart-buttons .btn {
	padding: 12px 24px;
	font-weight: 600;
	font-size: 15px;
	border-radius: 0;
	min-width: 160px;
	flex: 1 1 auto;
} */
#cart-popup .cart-buttons .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  font-weight: 600;
  font-size: 15px;
  border-radius: 0;
  min-width: 160px;
  flex: 1 1 auto;
  height: 48px;
  /* Додаємо фіксовану висоту для вирівнювання */
  text-align: center;
}
#cart-popup .cart-buttons {
  all: unset;
  /* скидає всі браузерні стилі */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  font-weight: 600;
  font-size: 15px;
  border-radius: 0;
  min-width: 160px;
  flex: 1 1 auto;
  height: 48px;
  /* Додаємо фіксовану висоту для вирівнювання */
  text-align: center;
}

@media (max-width: 480px) {
  #cart-popup .cart-buttons {
    flex-direction: column;
    align-items: stretch;
  }

  #cart-popup .cart-buttons .btn {
    width: 100%;
  }
}

#cart-popup .btn-primary {
  background-color: #1b7fab;
  border-color: #1b7fab;
  color: #fff;
}

#cart-popup .btn-outline-dark {
  border-color: #aaa;
  color: #333;
}

#cart-popup .btn:hover {
  opacity: 0.9;
}

/* Центруємо кнопки по горизонталі */
.quick-actions-top {
  display: flex;
  justify-content: center;
  gap: 10px;

  /* Змусити блок повноцінно займати своє місце над рейтингом */
  flex-wrap: wrap;
  margin-bottom: 8px;
  margin-top: 0px !important;
  padding-top: 0px !important;

  /* Виправляємо накладання */
  position: relative;
  z-index: 1;
}
/* Загальні стилі */
.shared-search-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000;
}

/* ПК: вставляється біля телефону */
@media (min-width: 768px) {
  .shared-search-wrapper {
    top: 20px;
    right: 160px;
    /* підлаштуй під свій layout */
  }
}

/* Мобілка: інше позиціонування */
@media (max-width: 767px) {
  .shared-search-wrapper {
    top: 10px;
    right: 10px;
  }
}

/* #content.productpage .product-left {
	margin-top: 100px !important;
} */
@media (min-width: 768px) {
  #content.productpage .row {
    display: flex;
    align-items: stretch;
  }

  #content.productpage .product-left,
  #content.productpage .product-right {
    display: flex;
    flex-direction: column;
  }
}

.header-language {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
}

.header-language .btn-group {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  height: 100%;
}

/* Кнопка без оформлення */
.header-language .dropdown-toggle {
  background: none;
  border: none;
  color: #000;
  font-size: 17px !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 26px !important;
  gap: 4px;
}

/* Іконка-стрілка */
.header-language .fa-angle-down {
  font-size: 14px;
}

/* Список мов */
.language-menu {
  position: absolute;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  list-style: none;
  margin: 0;
  padding: 5px 0;
  z-index: 1000;
  display: none;
  /* сховано за замовчуванням */
}

/* Відображати при відкритті */
.btn-group.open .language-menu {
  display: block;
}

/* Пункти меню */
.language-menu li button {
  background: none;
  border: none;
  color: #333;
  width: 100%;
  text-align: left;
  padding: 8px 16px;
  font-size: 21px;
  cursor: pointer;
}
.header-language,
.header-language .btn-group {
  margin: 0 !important;
  padding: 0 !important;
}
html,
body {
  height: 100%;
  margin: 0;
}

.content-position {
  flex: 1;
}

.page-wrappers {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.box-content-cms,
.box-content-cms * {
  cursor: default !important;
}

.headertop .row {
  display: flex;
  align-items: center;
  /* Вирівнює ВСІ дитини по центру по вертикалі */
  flex-wrap: nowrap;
  /* Щоб елементи не переносились */
  justify-content: space-between;
  /* Або space-around, якщо потрібно рівномірний відступ */
}

.header-left,
.headerinner,
.header-right {
  display: flex;
  align-items: center;
}
/* .category_filter {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 10px;
} */

.category_filter > * {
  flex: 0 0 auto;

  white-space: nowrap;
}

.btn-list-grid {
  align-items: center !important;
}

.fusion-imageframe img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Контейнер всіх елементів хедера */
.headertop .row {
  display: flex;
  align-items: center;
  /* Вирівнювання по вертикалі */
  justify-content: space-between;
  flex-wrap: wrap;
}

/* Блок логотипу */
.header-left {
  display: flex;
  align-items: center;
}

/* Меню по центру */
.headerinner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}

/* Всі праві елементи */
.header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

/* Вирівнювання всередині items-block */
.items-block {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Прибираємо ховер */
.top-links .dropdown-toggle:hover,
.top-links .dropdown-toggle:focus,
.top-links .dropdown-toggle:active {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Прибираємо padding/margin */
.top-links .dropdown-toggle {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-language {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
}

#input-sort,
#input-limit {
  height: 40px !important;
}
.myaccount .dropdown-menu {
  /* left: 0 !important; */

  right: 1px !important;
  margin: 0 !important;

  padding: 5px !important;

  min-width: 50px;

  top: 100%;
}

/* Вирівнюємо меню кошика прямо під кнопкою */
#cart .dropdown-menu {
  margin: 0 !important;
  right: 0 !important;
  top: 110% !important;
}

#shared-search-wrapper-mobile {
  position: relative;
}

#cart > button > #cart-total {
  all: unset;

  display: flex;

  align-items: center;

  cursor: pointer;
  color: black !important;
  margin-right: 10px;
}
@media (max-width: 767px) {
  #cart > button > #cart-total {
    color: white !important;
  }
  #cart .dropdown-menu {
    margin: 0 !important;
    right: 0 !important;
    top: 110% !important;
  }
}
.image {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.quick-actions-icon {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: -14px;
  padding: 0 !important;
}

@media (max-width: 767px) {
  #shared-search-wrapper-mobile {
    position: relative;
  }

  #shared-search-wrapper {
    position: absolute;
    top: 100%;
    right: 0;
    width: 290px;
    margin: 0 !important;
    padding: 0 !important;
  }

  #search {
    position: fixed;
    top: 40px;
    right: 0;
    background: white;
    padding: 10px;
    box-shadow: 0 0 5px rgba(141, 140, 140, 0.5);
    -moz-box-shadow: 0 0 5px rgba(141, 140, 140, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(141, 140, 140, 0.5);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    pointer-events: none;

    transition:
      opacity 0.4s ease,
      transform 0.4s ease,
      visibility 0.4s ease;
  }

  #search.visible {
    /* Видимий стан */
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }
}
td.name a {
  color: #222; /* темніший колір */
  font-weight: 600; /* півжирний */
  text-decoration: none;
}

td.name a:hover {
  color: #000; /* ще темніший при наведенні */
  text-decoration: underline;
}
.product-page-quantity-group {
  display: flex;
  gap: 10px;
  align-items: center;
}

.product-page-quantity-group input[type="text"] {
  width: 80px;
  flex-shrink: 0;
}

.product-page-quantity-group button {
  flex-shrink: 0;
}
.contact-info-block {
  padding: 20px;
  /* background-color: #f9f9f9; */
  border-radius: 8px;
  font-size: 15px;
  line-height: 1.6;
  z-index: 900;
}

.contact-info-block i {
  margin-right: 8px;
  color: #1b90aa;
}

.contact-info-block a {
  color: #333;
  text-decoration: underline;
}

.contact-info-block .contact-section-title {
  font-weight: bold;
  color: #111;
  /* margin-top: 20px; */
  margin-bottom: 5px;
  font-size: 16px;
  border-left: 4px solid #1b90aa;
  padding-left: 10px;
}
.language-menu li a,
.language-menu li a:hover,
.language-menu li a:focus {
  background: none;
  border: none;
  color: #333;

  text-align: left;

  cursor: pointer;
  text-decoration: none !important;
}
.btn-link.dropdown-toggle:hover,
.btn-link.dropdown-toggle:focus,
.btn-link.dropdown-toggle:active {
  text-decoration: none !important;
  color: inherit !important;
}
@media (max-width: 767px) {
  .btn-link.dropdown-toggle {
    color: #fff !important;
  }

  .btn-link.dropdown-toggle:hover,
  .btn-link.dropdown-toggle:focus,
  .btn-link.dropdown-toggle:active {
    color: #fff !important;
    text-decoration: none !important;
  }
  .product-info-blocks .info-block i,
  .product-info-blocks .info-block strong {
    display: inline-block;
    vertical-align: middle !important;
    margin: 0 0 10px 0;
  }

  .product-info-blocks .info-block i {
    line-height: 1;
  }
  .product-info-blocks .info-block i {
    position: relative;
    top: 1.5px;
    margin-right: 5px;
  }
}
.btn-link.dropdown-toggle {
  padding: 0 !important;

  margin-top: 4px;
  display: flex;
  align-items: center;
  line-height: 1;
}
.customNavigation {
  background-color: transparent !important;
}
.web-style strong {
  font-weight: bold !important;
}
.product-info-blocks .info-block {
  margin-bottom: 20px;
}

.product-info-blocks .info-block i,
.product-info-blocks .info-block strong {
  display: inline-block;
  vertical-align: center !important;
  margin-bottom: 10px;
}

.product-info-blocks .info-block i {
  line-height: 1;
}

/* * {
	outline: 1px solid red;
} */