.cursor-default {
  cursor: default!important;
}

.product-item-frame {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.product-item-frame:hover {
  border: 1px solid transparent;
  transition: 0.5s;
}
.item-frame-hover {
  transition: 0.5s;
  opacity: 0;
}

.item-frame-hover-btn {
  font-size: 80%;
  transform: scale(0);
  position: absolute;
  background-color: white;
  border: 1px solid white;
  height: 60px;
  height: 44px;
  width: 80%;
  border-radius: 24px;
  font-family: var(--font-BPG-Arial);
  color: black;
}
.product-item-frame:hover .item-frame-hover {
  opacity: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  grid-column: 1/3;
  grid-row: 1/8;
  opacity: 0.7;
}

.product-item-frame:hover .item-frame-hover-btn {
  transition: 0.5s;
  transform: scale(1);
}


/* ----------------

Base:

------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
}

body {
  line-height: 1;
  background-color: var(--color-white);
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a,
button {
  cursor: pointer;
}

a {
  text-decoration: none;
}

.main-container {
  max-width: 1440px;
  margin: auto;
  background-color: var(--color-white);
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* ----------------

Fonts:

------------------- */

@font-face {
  font-family: GL Tatishvili Metal;
  src: url(https://bio-pharma.ge/css/fonts/gl-tatishvili-metal-bold.ttf);
}

@font-face {
  font-family: BPG Arial;
  src: url(https://bio-pharma.ge/css/fonts/bpg_arial_2009.ttf);
}

@font-face {
  font-family: 'LariFont';
  src: url("https://bio-pharma.ge/css/fonts/LariSymbolV2.eot") format("embedded-opentype"), url("https://bio-pharma.ge/css/fonts/LariSymbolV2.woff") format("woff"), url("https://bio-pharma.ge/css/fonts/LariSymbolV2.ttf") format("truetype"), url("https://bio-pharma.ge/css/fonts/LariSymbolV2.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* ----------------

Root:

------------------- */

:root {
  --color-menu-grey: #F5F5F5;
  --color-background: #f1f1f1;
  --color-pages-grey: #c4c4c4;
  --color-light-grey: #CCCCCC;
  --color-menu-scroll: #D8D8D8;
  --color-middle-line: #ECECEC;
  --color-product-info: #828183;
  --color-side-button-grey: #EEEEEE;
  --color-side-button-after: #DFDFDF;
  --color-menu-scroll-thumb: #C2C2C2;
  --color-wishlist-grey: #9b9b9b;
  --color-home-side-grey: #DCDCDC;
  --color-grey: #848484;
  --color-menu-svg: #717171;
  --color-white: #ffffff;
  --color-total-green: #189C51;
  --color-yellow: #F6C666;
  --color-green-line: #6DCE97;
  --color-green-button-hover: #138244;
  --color-green-button: #1E9853;
  --color-footer-green: #3EBF76;
  --color-input-green: #46C77E;
  --color-main_green: #2DB869;
  --color-warm_white: #FFEED8;
  --color-red: #FF5E5A;
  --color-purple: #896E9F;
  --color-alert-yellow-bg: #FFF4DE;
  --color-alert-yellow: #F2BC51;
  --color-alert-green-bg: #C4FFDD;
  --color-alert-green: #2DB869;
  --color-alert-grey-bg: #EEEEEE;
  --color-alert-grey: #8F8F8F;
  --color-alert-red-bg: #FFD8D6;
  --color-alert-red: #FF5E5A;
  --font-Tatishvili: GL Tatishvili Metal;
  --font-BPG-Arial: BPG Arial;
  --font-gel: LariFont;
}

/* ----------------

Header:

------------------- */

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  display: flex;
}

.header-a {
  margin-left: 14.002px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: transparent;
}

.header-color {
  width: 2.75rem;
  height: 6px;
  background-color: transparent;
  margin-bottom: 1rem;
}

.header-color-active {
  background-color: var(--color-main_green);
}

.lang {
  font-family: var(--font-Tatishvili);
  font-size: 26px;
  text-align: center;
  color: var(--color-light-grey);
}

.lang-active {
  color: var(--color-main_green);
}

/* ----------------

search:

------------------- */

.search {
  max-width: 1440px;
  display: grid;
  grid-template-columns: 228px 60px 721px 60px 298px;
  grid-template-rows: 28px 60px;
  grid-column-gap: 18px;
}

.mobile-working-hours {
  display: none;
}

.search_1 {
  grid-column: 1/2;
  grid-row: 1/3;
}

.search_1-img {
  width: 173.67px;
}

.search_2 {
  position: relative;
  grid-column: 2/3;
  grid-row: 2/3;
}

.search_3 {
  grid-column: 3/4;
  grid-row: 2/3;
}

.main-search-drop {
  display: grid;
  grid-template-columns: 228px 60px 721px 60px 298px;
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  grid-column-gap: 18px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.search-drop {
  position: absolute;
  width: 721px;
  height: auto;
  background-color: white;
  z-index: 20;
  margin-top: 7px;
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 1px 8px 25px -7px rgba(0, 0, 0, 0.44);
  box-shadow: 1px 8px 25px -7px rgba(0, 0, 0, 0.44);
  grid-column: 3/4;
}

.search-drop-ul {
  display: grid;
  grid-template-columns: 100%;
  width: 100%;
  height: auto;
}

.search-drop-li {
  padding-left: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: var(--font-BPG-Arial);
  font-size: 18px;
  color: var(--color-grey);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 72px;
  background-color: var(--color-white);
}

.search-drop-li:hover {
  background-color: var(--color-menu-grey);
}

.search-drop-li-active {
  background-color: var(--color-menu-grey);
}

.search_4 {
  grid-column: 4/5;
  grid-row: 2/3;
}

.search_5 {
  grid-column: 5/6;
  grid-row: 2/3;
}

.search_5 > a {
  color: transparent;
}

.wishlist-button-quantity {
  position: absolute;
  margin-top: -88px;
  width: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wishlist-button-quantity-text {
  font-family: var(--font-Tatishvili);
  font-size: 20px;
  color: var(--color-red);
}

.menu_button {
  padding-left: 12px;
  text-align: center;
  position: absolute;
  outline: transparent;
  width: 60px;
  height: 60px;
  border-radius: 8px;
  border: solid var(--color-light-grey) 1px;
  background-color: transparent;
  grid-row: 2/3;
  grid-column: 2/3;
}

.menu {
  display: none;
  margin-top: 80px;
  position: absolute;
  width: 799px;
  height: auto;
  background-color: var(--color-white);
  -webkit-box-shadow: 1px 8px 25px -7px rgba(0, 0, 0, 0.44);
  box-shadow: 1px 8px 25px -7px rgba(0, 0, 0, 0.44);
  border-radius: 8px;
  z-index: 20;
}

.menu_main_div {
  width: 767px;
  height: auto;
  margin-left: 16px;
  margin-top: 16px;
}

.menu_main_div::-webkit-scrollbar {
  width: 3px;
}

.menu_main_div::-webkit-scrollbar-thumb {
  background: var(--color-menu-scroll-thumb);
  border-radius: 100px;
}

.menu_main_div::-webkit-scrollbar-track {
  background: var(--color-menu-scroll);
  border-radius: 100px;
}

.menu_main_item {
  width: 100%;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

.menu_item_a {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 35px;
  color: transparent;
}

.menu_item_stroke {
  stroke: var(--color-menu-svg);
  stroke-width: 0.8;
}

.menu_item_stroke:hover {
  stroke: var(--color-red);
}

.menu_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  fill: var(--color-menu-svg);
  color: var(--color-menu-svg);
}

.menu_item:hover {
  fill: var(--color-red);
  color: var(--color-red);
}

.menu_item_svg {
  width: 33px;
  height: 33px;
}

.menu-item-title {
  font-family: var(--font-Tatishvili);
  font-size: 24px;
  margin-left: 16px;
}

.search_3 > form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.search-input {
  outline: transparent;
  font-family: var(--font-BPG-Arial);
  width: 693px;
  height: 56px;
  border-radius: 30px;
  position: relative;
  border: solid var(--color-light-grey) 1px;
  color: var(--color-grey);
  padding-left: 28px;
  padding-right: 63px;
}

.search-input:focus::-webkit-input-placeholder {
  color: transparent;
}

.search-input:focus::-moz-placeholder {
  color: transparent;
}

.search-input:focus:-ms-input-placeholder {
  color: transparent;
}

.search-input:focus::-ms-input-placeholder {
  color: transparent;
}

.search-input:focus::placeholder {
  color: transparent;
}

.search_button {
  background-color: transparent;
  position: absolute;
  margin-left: 675px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  outline: transparent;
}

.search-img {
  width: 18px;
  height: 19px;
}

.wishlist-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  outline: transparent;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: solid var(--color-light-grey) 1px;
  background-color: transparent;
  stroke: var(--color-wishlist-grey);
  fill: var(--color-wishlist-grey);
}

.wishlist-svg {
  width: 20px;
  height: 18px;
  stroke-width: 0.5px;
}

.wishlist-button:hover {
  stroke: var(--color-red);
  fill: var(--color-red);
}

.main-head-number {
  transition: 0.5s;
  outline: transparent;
  width: 239px;
  height: 60px;
  border-radius: 12px;
  border: solid var(--color-main_green) 1.5px;
  font-family: var(--font-Tatishvili);
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.head-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  color: var(--color-main_green);
}

.head-number > svg {
  fill: var(--color-main_green);
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.main-head-number:hover {
  background-color: var(--color-main_green);
}

.main-head-number:hover > .head-number {
  color: var(--color-white);
}

.main-head-number:hover > .head-number > svg {
  fill: var(--color-white);
}

/* ----------------

Menu Button:

------------------- */

/* Define the shape and color of the hamburger lines */

.navbar-toggler span {
  display: block;
  background-color: var(--color-wishlist-grey);
  height: 6px;
  width: 33px;
  border-radius: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  left: 0;
  opacity: 1;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  -webkit-transform-origin: center left;
      -ms-transform-origin: center left;
          transform-origin: center left;
}

/* top line needs a little padding */

.navbar-toggler span:nth-child(1) {
  margin-top: 0.3em;
}

/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  -webkit-transform: translate(10%, -33%) rotate(45deg);
      -ms-transform: translate(10%, -33%) rotate(45deg);
          transform: translate(10%, -33%) rotate(45deg);
  width: 36.4px;
}

/* center line goes transparent */

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  opacity: 0;
}

/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  -webkit-transform: translate(10%, 33%) rotate(-45deg);
      -ms-transform: translate(10%, 33%) rotate(-45deg);
          transform: translate(10%, 33%) rotate(-45deg);
  width: 36.4px;
}

/* top line moves back to initial position and rotates back to 0 degrees */

.navbar-toggler span:nth-child(1) {
  -webkit-transform: translate(0%, 0%) rotate(0deg);
      -ms-transform: translate(0%, 0%) rotate(0deg);
          transform: translate(0%, 0%) rotate(0deg);
}

/* middle line goes back to regular color and opacity */

.navbar-toggler span:nth-child(2) {
  opacity: 1;
}

/* bottom line goes back to initial position and rotates back to 0 degrees */

.navbar-toggler span:nth-child(3) {
  -webkit-transform: translate(0%, 0%) rotate(0deg);
      -ms-transform: translate(0%, 0%) rotate(0deg);
          transform: translate(0%, 0%) rotate(0deg);
}

/* ----------------

Responsive: 1514px

------------------- */

/* ----------------

Responsive: 1024px

------------------- */

/* ----------------

responsive: 768

------------------- */

/* ----------------

Alerts:

------------------- */

.main-alert-div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  z-index: 2000;
  margin-top: 100.475px;
}

.alert {
  width: 281px;
  height: 67px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  border-radius: 37px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.alert-icon {
  margin-right: 6px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.alert-img {
  width: 34px;
  padding-top: 11px;
}

.alert-text {
  width: 281px;
  position: absolute;
  text-align: center;
  font-family: var(--font-Tatishvili);
  font-size: 26px;
}

.warning_alert {
  background-color: var(--color-alert-yellow-bg);
}

.warning-icon {
  background-color: var(--color-alert-yellow);
}

.warning-text {
  color: var(--color-alert-yellow);
}

.success_alert {
  background-color: var(--color-alert-green-bg);
}

.success-icon {
  background-color: var(--color-alert-green);
}

.success-text {
  color: var(--color-alert-green);
}

.info_alert {
  background-color: var(--color-alert-grey-bg);
}

.info-icon {
  background-color: var(--color-alert-grey);
}

.info-text {
  color: var(--color-alert-grey);
}

.error_alert {
  background-color: var(--color-alert-red-bg);
}

.error-icon {
  background-color: var(--color-alert-red);
}

.error-text {
  color: var(--color-alert-red);
}

/* ----------------

Main1:

------------------- */

.main1 {
  margin-top: 70px;
  display: grid;
  grid-template-columns: 1045px 372px;
  grid-template-rows: repeat(2, 206px);
  grid-column-gap: 23px;
  grid-row-gap: 26px;
}

.side-hero {
  display: grid;
  grid-template-columns: 29px 186px 55px 70px 32px;
  grid-template-rows: 27px 37px 29px 34px 79px;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  color: var(--color-white);
  font-family: var(--font-Tatishvili);
}

.side-hero_1 {
  background-color: #E5AA51;
  background-image: -o-linear-gradient(45deg, #E5AA51 20%, #CC52B0);
  background-image: linear-gradient(45deg, #E5AA51 20%, #CC52B0);
  grid-row: 1/2;
  grid-column: 2/3;
}

.side-hero-icon-img {
  width: 68px;
  height: 68px;
}

.side-hero-path-img {
  width: 276.01px;
  height: 41.73px;
}

.side-hero_2 {
  background-color: #cc5258;
  background-image: -o-linear-gradient(45deg, #2DB869 20%, #1785AE);
  background-image: linear-gradient(45deg, #2DB869 20%, #1785AE);
  grid-row: 2/3;
  grid-column: 2/3;
}

.side-hero-main-text {
  grid-column: 2/3;
  grid-row: 2/3;
  font-size: 26px;
  padding-left: 1px;
}

.side-hero-line {
  grid-column: 2/3;
  grid-row: 3/4;
  width: 180px;
  height: 2px;
  margin-left: 3.4px;
  background-color: var(--color-white);
}

.side-hero-text {
  grid-column: 2/3;
  grid-row: 4/5;
  font-size: 26px;
}

.side-hero-path {
  grid-column: 2/5;
  grid-row: 5/6;
}

.side-hero-path > img {
  width: 276px;
  height: 41px;
}

.side-hero-photo {
  grid-column: 4/5;
  grid-row: 2/5;
}

.side-hero-photo > img {
  width: 68px;
  height: 68px;
}

.side-hero-small-text {
  grid-column: 2/3;
  grid-row: 4/5;
  font-size: 14px;
  line-height: 1.5;
  font-family: var(--font-BPG-Arial);
}

.slick-slider {
  min-width: 0;
}

.slick-list {
  overflow: hidden;
}

.slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.slider {
  position: relative;
  width: 1045px;
  height: 438px;
  border-radius: 12px;
  overflow: hidden;
}

.slider-arrows-img {
  width: 20px;
  height: 20px;
}

.slider .slick-arrow {
  position: absolute;
  top: 50%;
  margin: -30px 0px 0px 0px;
  z-index: 10;
  font-size: 0;
  width: 30px;
  height: 60px;
}

.slider .slick-arrow.slick-prev {
  width: 48px;
  height: 48px;
  margin-left: 30px;
  left: 0;
  background: url("/img/round-white.svg") 0 0/100% no-repeat;
  opacity: 0.33;
  outline: none;
  cursor: pointer;
  border: none;
}

.slider .slick-arrow.slick-prev:hover {
  opacity: 0.6;
}

.slider .slick-arrow.slick-next {
  width: 48px;
  height: 48px;
  opacity: 0.33;
  margin-right: 30px;
  outline: none;
  right: 0;
  background: url("/img/round-white.svg") 0 0/100% no-repeat;
  border: none;
}

.slider .slick-arrow.slick-next:hover {
  opacity: 0.6;
}

.slider .slick-arrow.slick-disabled {
  opacity: 0.2;
}

.slider .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -59px;
}

.slider .slick-dots li {
  list-style: none;
  margin: 0px 6px;
}

.slick-dots li {
  z-index: 10;
}

.slider .slick-dots button {
  font-size: 0;
  width: 10px;
  height: 12px;
  background-color: #fff;
  opacity: 0.49;
  border-radius: 50%;
  border: none;
  outline: none;
}

.slider .slick-dots li.slick-active button {
  opacity: 1;
}

.slider__item {
  overflow: hidden;
}

.slider__item img {
  width: 100%;
}

.home-slide {
  margin-top: -235px;
  margin-left: 76px;
  position: absolute;
}

.home-slide-left {
  margin-left: 44px;
}

.home-slide-right {
  margin-left: 981px;
}

/* ----------------

Main2:

------------------- */

.main-home-section {
  width: 1440px;
  display: grid;
  grid-template-columns: 20px 962px 86px 372px;
}

.home-section_1 {
  grid-column: 1/2;
  width: 100%;
  height: 100%;
}

.home-section_2 {
  grid-column: 2/3;
  width: 100%;
  height: 100%;
  margin-top: 72px;
  font-family: var(--font-Tatishvili);
  color: var(--color-menu-svg);
}

.home-section_2-link {
  color: var(--color-menu-svg);
  text-decoration: none;
}

.home-section_2-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 40px;
}

.home-section_2-content {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(3, 307px);
  grid-column-gap: 21px;
  grid-row-gap: 120px;
  width: 100%;
}

.home-section_2-item-layer {
  width: 307px;
  height: 80px;
  background-color: transparent;
  position: absolute;
}

.home-section_2-item {
  width: 307px;
  height: 302px;
  background-color: var(--color-menu-grey);
  border-radius: 12px;
  text-align: center;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.home-section_2-item:hover {
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
  -o-transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
  -webkit-box-shadow: 0 0 35px #C7C7C7;
          box-shadow: 0 0 35px #C7C7C7;
  -webkit-transform: scale(1.13);
      -ms-transform: scale(1.13);
          transform: scale(1.13);
}

.home-section_2-item_photo {
  width: 85px;
  margin-top: 67px;
}

.home-section_2-item_text {
  font-size: 26px;
  margin-top: 80px;
}

.home-section_3 {
  grid-column: 3/4;
  width: 100%;
  height: 100%;
}

.home-section_4 {
  grid-column: 4/5;
  width: 100%;
  display: grid;
  grid-template-rows: 585px 585px 585px;
  grid-row-gap: 27px;
  margin-top: 26px;
}

.main-home-sidebar {
  width: 372px;
  height: 579px;
  border-radius: 12px;
}

.siderbar-title-color_1 {
  background-color: var(--color-red);
}

.siderbar-title-color_2 {
  background-color: var(--color-purple);
}

.siderbar-title-color_3 {
  background-color: var(--color-yellow);
}

.main-home-sidebar-top {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 372px;
  height: 75px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.item-for-sidebar {
  grid-column: 3/4;
  grid-row: 2/4;
}

.home-side-text {
  font-size: 26px;
  font-family: var(--font-Tatishvili);
  color: var(--color-white);
  margin-top: 26px;
}

.home-side-img {
  width: 23px;
  margin-left: 10px;
  margin-top: 26px;
}

.main-home-sidebar-middle {
  width: 370px;
  height: 585px;
  border: solid 1px var(--color-home-side-grey);
  border-radius: 12px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-body-main-text{
  text-align:left;
}
.home-sidebar-middle {
  margin-top: 128px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.home-sidebar-middle-item {
  display: grid;
  grid-template-columns: 40px 102px 146px 84px;
  grid-template-rows: 34px 13px 24px 90px;
}

.home-sidebar-product {
  grid-column: 2/3;
  grid-row: 1/5;
}

.home-sidebar-product-img {
  cursor: pointer;
  width: 76px;
  max-height: 160px;
}

.home-sidebar-product-text {
  cursor: pointer;
  position: relative;
  line-height: 1.4 !important;
  text-align: start;
  color: var(--color-menu-svg);
  font-family: var(--font-Tatishvili);
  font-size: 90% !important;
}

.main-side-product-price {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 14px;
}

.side-product-price {
  cursor: pointer;
  font-size: 28px;
  font-family: var(--font-Tatishvili);
}

.side-product-old-price {
  text-decoration: line-through;
  color: var(--color-menu-svg);
}

.old-price-lari {
  font-family: var(--font-gel);
}

.new-price-lari {
  padding-left: 4px;
  font-family: var(--font-gel);
}

.side-product-new-price {
  color: var(--color-main_green);
}

.side-main-new-price {
  margin-left: 12px;
}

.main-home-side-button {
  grid-row: 3/5;
  grid-column: 4/5;
  width: 44px;
  height: 44px;
  background-color: var(--color-side-button-grey);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-home-side-button:hover {
  background-color: var(--color-side-button-after);
}

.home-side-button {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  margin-top: 14px;
}

.home-side-button-img {
  width: 16px;
  height: 16px;
}

.home-side-middle-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 27px;
  margin-top: 16px;
}

.home-side-middle-line_ {
  width: 291px;
  height: 1px;
  background-color: var(--color-middle-line);
}

.home-side-main-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 23px;
}

.home-side-main-button_ {
  color: transparent;
  width: 345px;
  height: 57px;
  background-color: var(--color-side-button-grey);
  border: none;
  border-radius: 8px;
}

.home-side-main-button_:hover {
  background-color: var(--color-side-button-after);
}

.home-side-main-button-p {
  font-family: var(--font-BPG-Arial);
  margin-top: 21px;
  font-size: 17px;
  color: var(--color-menu-svg);
}

/* ----------------

Main2: 1514px

------------------- */

/* ----------------

Footer:

------------------- */

.footer-bottom-text01 {
  display: none;
}

.main-footer {
  margin-top: 320px;
  width: 100%;
  height: 646px;
  background-color: var(--color-main_green);
}

.main-footer-photo {
  max-width: 1440px;
  background-color: var(--color-main_green);
  margin: auto;
  text-align: end;
}

.footer-photo {
  width: 641px;
  margin-top: -255px;
}

.main-footer-grid {
  max-width: 1440px;
  height: 429px;
  background-color: var(--color-main_green);
  margin: auto;
  display: grid;
  grid-template-columns: 274px repeat(2, 344px) 376px;
  grid-template-rows: 1fr;
  grid-column-gap: 34px;
}

.footer-grid_1 {
  width: 100%;
}

.footer-logo {
  width: 152px;
}

.main-footer-grid_1-title {
  margin-top: 54px;
}

.footer-grid_1-title {
  font-size: 28px;
  font-family: var(--font-Tatishvili);
  color: var(--color-white);
  line-height: 1.2;
}

.main-footer-grid_1-text {
  margin-top: 54px;
}

.footer-grid_1-text {
  font-size: 18px;
  color: var(--color-white);
  font-family: var(--font-BPG-Arial);
}

.footer-grid_1-text-margin {
  margin-top: 24px;
  margin-bottom: 24px;
}

.footer-grid_2 {
  width: 100%;
}

.main-bank-acc {
  width: 100%;
  height: 277px;
  background-color: var(--color-footer-green);
  border-radius: 12px;
}

.main-bank-title {
  font-size: 26px;
  color: var(--color-white);
  font-family: var(--font-Tatishvili);
}

.main-bank {
  padding-top: 36px;
  padding-left: 36px;
}

.main-bank-div {
  padding-top: 32px;
}

.bank-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 21px;
}

.bank-item-img {
  margin-right: 16px;
  width: 34px;
}

.bank-item-text {
  font-size: 18px;
  color: var(--color-white);
  font-family: var(--font-BPG-Arial);
}

.footer-grid_3 {
  width: 100%;
}

.main-contact-info {
  width: 100%;
  height: 277px;
  background-color: var(--color-footer-green);
  border-radius: 12px;
}

.contact-info {
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 36px;
}

.contact-info-title {
  font-size: 26px;
  color: var(--color-white);
  font-family: var(--font-Tatishvili);
}

.main-contacts {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 32px;
}

.contact-item {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 18px;
}

.contact-item-img {
  width: 18px;
  margin-right: 16px;
  margin-bottom: 1.3vw;
}

.contact-item-text {
  font-size: 18px;
  color: var(--color-white);
  font-family: var(--font-BPG-Arial);
}

.main-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  width: 100%;
}

.main-news-title {
  margin-top: 8px;
  font-size: 26px;
  color: var(--color-white);
  font-family: var(--font-Tatishvili);
}

.news-input {
  margin-top: 34px;
  width: 376px;
  height: 58px;
  background-color: var(--color-input-green);
  border-radius: 12px;
  border: none;
  outline: none;
  text-align: center;
  font-size: 16px;
  color: var(--color-white);
  font-family: var(--font-BPG-Arial);
}

.news-input::-webkit-input-placeholder {
  font-size: 16px;
  color: var(--color-white);
  font-family: var(--font-BPG-Arial);
}

.news-input::-moz-placeholder {
  font-size: 16px;
  color: var(--color-white);
  font-family: var(--font-BPG-Arial);
}

.news-input:-ms-input-placeholder {
  font-size: 16px;
  color: var(--color-white);
  font-family: var(--font-BPG-Arial);
}

.news-input::-ms-input-placeholder {
  font-size: 16px;
  color: var(--color-white);
  font-family: var(--font-BPG-Arial);
}

.news-input::placeholder {
  font-size: 16px;
  color: var(--color-white);
  font-family: var(--font-BPG-Arial);
}

.news-input:focus::-webkit-input-placeholder {
  color: transparent;
}

.news-input:focus::-moz-placeholder {
  color: transparent;
}

.news-input:focus:-ms-input-placeholder {
  color: transparent;
}

.news-input:focus::-ms-input-placeholder {
  color: transparent;
}

.news-input:focus::placeholder {
  color: transparent;
}

.news-input-button {
  margin-top: 17px;
  background-color: var(--color-green-button);
  outline: none;
  border-radius: 12px;
  width: 380px;
  height: 58px;
  border: none;
}

.news-input-button:hover {
  background-color: var(--color-green-button-hover);
}

.news-input-button-text {
  font-size: 26px;
  color: var(--color-white);
  font-family: var(--font-Tatishvili);
}

.main-footer-bottom {
  max-width: 1440px;
  margin: auto;
}

.footer-bottom-line {
  width: 100%;
  height: 2px;
  background-color: var(--color-green-line);
}

.footer-bottom {
  margin-top: 56px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer-bottom-text1 {
  font-size: 16px;
  color: var(--color-white);
  font-family: var(--font-BPG-Arial);
}

.footer-bottom-text2 {
  font-size: 26px;
  color: var(--color-white);
  font-family: var(--font-Tatishvili);
}

/* ----------------

Footer: 1514px

------------------- */

/* ----------------

Footer: 1024px

------------------- */

/* ----------------

Category:

------------------- */

.main-cat {
  width: 962px;
}

.main-cat-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 40px;
  margin-bottom: 106px;
}

.cat-title-svg {
  width: 62.002px;
  height: 62px;
  fill: var(--color-red);
}

.cat-title {
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 34px;
  margin-left: 14px;
}

.main-cat-grid {
  width: 962px;
  display: grid;
  grid-template-columns: 431px 431px;
  grid-column-gap: 100px;
  grid-row-gap: 60px;
}

.product-info {
  grid-column: 2/3;
  grid-row: 3/4;
}

.product-info > button {
  margin-left: -6px;
  border: none;
  background-color: transparent;
  outline: none;
}

.product-info-svg {
  width: 32.6px;
  height: 32.6px;
  fill: var(--color-product-info);
}

.main-product-item {
  width: 431px;
  height: 310px;
  display: grid;
  display: grid;
  grid-template-columns: 12px 215px 12px 192px;
  grid-template-rows: 8px 7px 69px 55px 46px 13px 47px 63px;
}

.product-item-frame {
  position: relative;
  grid-column: 1/3;
  grid-row: 1/8;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: var(--color-home-side-grey) solid 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-item-img {
  width: 86px;
}

.product-item-text {
  grid-column: 1/3;
  grid-row: 8/9;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 20px;
}

.product-item-wishlist {
  grid-column: 4/5;
  grid-row: 2/4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.product-item-wishlist-button {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 45px;
  border: none;
  outline: none;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.item-wishlist {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: var(--color-menu-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.item-wishlist-svg {
  padding-top: 3px;
  width: 19.25px;
  height: 16.5px;
  stroke: var(--color-wishlist-grey);
  stroke-width: 1.5px;
  fill: var(--color-menu-grey);
}

.wishlist-item-text {
  font-family: var(--font-BPG-Arial);
  font-size: 14px;
  margin-left: 12px;
  color: var(--color-menu-svg);
}

.product-item-wishlist-button:hover .item-wishlist-svg {
  stroke: var(--color-red);
  fill: var(--color-red);
}

.product-item-wishlist-button:hover .wishlist-item-text {
  color: var(--color-red);
}

.liked > div > svg,
.liked > p {
  stroke: var(--color-red);
  fill: var(--color-red);
  color: var(--color-red);
}

.product-item-price {
  grid-column: 4/5;
  grid-row: 4/5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.product-price {
  font-size: 33px;
  font-family: var(--font-Tatishvili);
}

.item-button {
  grid-column: 4/5;
  grid-row: 5/6;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: var(--color-home-side-grey) solid 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.item-button:hover {
  background-color: var(--color-main_green);
  border: none;
}

.item-button-svg {
  width: 17.78px;
  height: 16.97px;
  fill: var(--color-main_green);
}

.item-button:hover svg,
.second-item-button:hover svg {
  fill: var(--color-white);
}

.item-button-p {
  font-family: var(--font-Tatishvili);
  font-size: 20px;
  color: var(--color-menu-svg);
  margin-left: 10px;
}

.item-button:hover p,
.second-item-button:hover p {
  color: var(--color-white);
}

.second-item-button {
  grid-column: 4/5;
  grid-row: 7/8;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: var(--color-home-side-grey) solid 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.second-item-button:hover {
  background-color: var(--color-main_green);
  border: none;
}

.pages-ul {
  margin-top: 124px;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: auto auto auto auto auto;
  grid-column-gap: 2px;
  max-width: 265px;
  color: var(--color-pages-grey);
  font-family: var(--font-Tatishvili);
  font-size: 32px;
}

.pages-ul > li > a {
  color: var(--color-pages-grey);
}

.pages-ul > li > a > p:hover {
  color: var(--color-menu-svg);
}

.pages-svg {
  margin-bottom: 5px;
  stroke: var(--color-pages-grey);
  stroke-linecap: round;
  width: 21px;
  height: 13px;
  stroke-width: 4;
  stroke-linejoin: round;
}

.pages-svg:hover {
  stroke: var(--color-menu-svg);
}

/* ----------------

category: 1514

------------------- */

/* ----------------

Category: 1024px

------------------- */

/* ----------------

Category: 768px

------------------- */

/* ----------------

Category: 470px

------------------- */

/* ----------------

404:

------------------- */

.main-404 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.img-404 {
  width: 949.5px;
  margin-top: 168px;
  padding-bottom: 80px;
}

/* ----------------

Cart:

------------------- */

.cart-title {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
}

.cart-title > h1 {
  font-size: 34px;
  font-family: var(--font-Tatishvili);
  color: var(--color-menu-svg);
  text-align: center;
}

.main-cart-form {
  width: 100%;
  height: 189px;
  background-color: #FFF0F0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wishlist-close {
  grid-column: 4/5;
  grid-row: 1/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  outline: none;
}

.cart-item__last-close {
  width: 16px;
  height: 16px;
}

.delete {
  margin-right: 14px;
  margin-top: 14px;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}

.return-catalog {
  margin-top: 67px;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 500px;
}

.return-empty-photo {
  margin-top: 56px;
  justify-self: center;
  margin-bottom: 56px;
}

.empty-photo {
  width: 111.3px;
}

.return-catalog-button {
  font-size: 25px;
  font-family: var(--font-Tatishvili);
  justify-self: center;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 248px;
  height: 63px;
  border-radius: 6px;
  background-color: var(--color-main_green);
  color: var(--color-white);
}

.return-catalog-button:hover {
  background-color: var(--color-total-green);
  color: var(--color-white);
}

.return-empty {
  font-size: 21px;
  font-family: var(--font-BPG-Arial);
  color: var(--color-red);
}

.cart-form {
  width: 550px;
  height: 128px;
  background-color: transparent;
}

.cart-form > p {
  font-size: 19px;
  font-family: var(--font-BPG-Arial);
  color: var(--color-menu-svg);
}

.cart-form-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 20px;
  background-color: transparent;
  margin-left: 0.5px;
  margin-top: 52px;
}

.cart-form-input {
  font-size: 19px;
  font-family: var(--font-BPG-Arial);
  color: var(--color-menu-svg);
  width: 258px;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid var(--color-menu-svg);
  padding-bottom: 30px;
  outline: none;
}

.cart-form-input:focus::-webkit-input-placeholder {
  color: transparent;
}

.cart-form-input:focus::-moz-placeholder {
  color: transparent;
}

.cart-form-input:focus:-ms-input-placeholder {
  color: transparent;
}

.cart-form-input:focus::-ms-input-placeholder {
  color: transparent;
}

.cart-form-input:focus::placeholder {
  color: transparent;
}

.cart-form-input::-webkit-input-placeholder {
  font-size: 19px;
  font-family: var(--font-BPG-Arial);
  color: var(--color-menu-svg);
}

.cart-form-input::-moz-placeholder {
  font-size: 19px;
  font-family: var(--font-BPG-Arial);
  color: var(--color-menu-svg);
}

.cart-form-input:-ms-input-placeholder {
  font-size: 19px;
  font-family: var(--font-BPG-Arial);
  color: var(--color-menu-svg);
}

.cart-form-input::-ms-input-placeholder {
  font-size: 19px;
  font-family: var(--font-BPG-Arial);
  color: var(--color-menu-svg);
}

.cart-form-input::placeholder {
  font-size: 19px;
  font-family: var(--font-BPG-Arial);
  color: var(--color-menu-svg);
}

.cart-form-input2 {
  margin-left: 20px;
}

.main-cart-product-div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-cart-product {
  margin-top: 25px;
  width: 532px;
  height: auto;
  background-color: transparent;
  display: grid;
  grid-row-gap: 22px;
  grid-template-columns: 532px;
}

.cart-product {
  width: 532px;
  height: 256px;
  background-color: var(--color-menu-grey);
  border-radius: 8px;
  display: grid;
  grid-template-columns: 30px 116px 19px 1fr;
  grid-template-rows: 27px 41px 33px 34px 41px 52px 28px;
  color: var(--color-menu-svg);
  font-family: var(--font-Tatishvili);
}

.cart-product-title {
  font-size: 22px;
  grid-column: 2/5;
  grid-row: 2/3;
}

.cart-product-img-div {
  width: 100%;
  height: 100%;
  background-color: transparent;
  grid-row: 3/7;
  grid-column: 2/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cart-product-img {
  width: 75px;
}

.main-cart-product-text {
  font-size: 17px;
  width: 338px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cart-product-gel {
  font-family: var(--font-gel);
  font-size: 15px;
  padding-left: 4px;
}

.cart-product-text1 {
  grid-column: 4/5;
  grid-row: 4/5;
}

.cart-product-text2 {
  grid-column: 4/5;
  grid-row: 5/6;
  height: 41px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cart-product-text3 {
  margin-top: 17px;
  grid-column: 4/5;
  grid-row: 6/7;
}

.cart-product-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cart-product-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background-color: var(--color-side-button-after);
  outline: none;
}

.cart-product-button:hover {
  background-color: var(--color-menu-scroll-thumb);
}

.cart-product-button-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20px;
  height: 20px;
}

.cart-product-quantity {
  margin-left: 22px;
  margin-right: 22px;
}

.main-cart-product::-webkit-scrollbar {
  width: 3px;
  border-radius: 300px;
}

.main-cart-product::-webkit-scrollbar-thumb {
  background: var(--color-menu-scroll-thumb);
  border-radius: 300px;
}

.main-cart-product::-webkit-scrollbar-track {
  background: var(--color-menu-scroll);
  border-radius: 300px;
}

.main-cart-total {
  margin-top: 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cart-total {
  width: 550px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cart-total-title {
  padding-top: 8px;
  font-family: var(--font-Tatishvili);
  font-size: 30px;
  color: var(--color-menu-svg);
}

.cart-total-price {
  margin-left: 22px;
  font-family: var(--font-Tatishvili);
  font-size: 75px;
  color: var(--color-red);
}

.cart-total-gel {
  font-family: var(--font-gel);
  font-size: 74px;
  padding-left: 4px;
}

.cart-total-button {
  width: 256px;
  height: 77px;
  outline: none;
  border-radius: 8px;
  border: none;
  background-color: var(--color-main_green);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 16px;
  z-index: 200;
}

.cart-total-button:hover {
  background-color: var(--color-total-green);
}

.cart-total-svg {
  width: 20px;
  height: 27px;
  fill: white;
}

.cart-total-text {
  padding-left: 10px;
  padding-top: 4px;
  font-family: var(--font-Tatishvili);
  color: white;
  font-size: 30px;
  -ms-flex-item-align: center;
      align-self: center;
}

/* ----------------

Cart: 594px

------------------- */

/* ----------------

Category Modal:

------------------- */

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  border-radius: 20px;
  z-index: 10;
  background-color: white;
  width: 755px;
  height: 723px;
  max-width: 80%;
  z-index: 21;
}

.modal.active {
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  z-index: 21;
}

.modal-header {
  padding-top: 22px;
  padding-bottom: 15px;
  padding-left: 28px;
  padding-right: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal-header .title {
  font-size: 1.25rem;
  font-weight: bold;
}

.modal-header .close-button {
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  font-size: 1.25rem;
  font-weight: bold;
}

.modal-body {
  padding-left: 28px;
  padding-right: 28px;
}

#overlay {
  position: fixed;
  opacity: 0;
  -webkit-transition: 200ms ease-in-out;
  -o-transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  z-index: 20;
}

#overlay.active {
  opacity: 1;
  pointer-events: all;
}

.modal-title {
  font-family: var(--font-Tatishvili);
  font-size: 26px;
}

.modal-x {
  width: 19.8px;
  height: 19.8px;
}

.modal-body-main-div {
  width: 100%;
  height: 572px;
  overflow-y: scroll;
}

.modal-body-main-div::-webkit-scrollbar {
  width: 3px;
}

.modal-body-main-div::-webkit-scrollbar-thumb {
  background: var(--color-menu-scroll-thumb);
  border-radius: 100px;
}

.modal-body-main-div::-webkit-scrollbar-track {
  background: var(--color-menu-scroll);
  border-radius: 100px;
}

.modal-body-div {
  width: 100%;
  height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal-img_1 {
  width: 84px;
}

.modal-title-text {
  font-size: 26px;
  font-family: var(--font-Tatishvili);
  color: var(--color-menu-svg);
  text-align: center;
  margin-bottom: 24px;
}

.modal-body-main-text {
  width: 97%;
}

.modal-body-main-text {
  font-size: 16px;
  font-family: var(--font-BPG-Arial);
}

.modal-hg {
  height: 20px;
}

.modal-main-buttons-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
}

.modal-main-button-div {
  width: 192px;
  height: 46px;
}

.modal-call {
  margin-right: 10px;
}

.modal-shop {
  margin-left: 10px;
}

/* ----------------

Category Modal: 1024px

------------------- */

/* ----------------

Category Modal: 600px

------------------- */

/* ----------------

Category Modal: 320px

------------------- */

.main-search-cat-title {
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--color-menu-svg);
  margin-bottom: 60px;
}

.search-cat-title {
  font-size: 32px;
}

.search-cat-result {
  margin-top: 8px;
  font-size: 20px;
  font-family: var(--font-BPG-Arial);
  margin-bottom: 8px;
}

.search-cat-result > span {
  color: var(--color-main_green);
}

.result-no-photo {
  width: 72px;
}

.no-result {
  margin-left: 70px;
}

.result-show {
  margin-left: -63px;
}

.main-text-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  background-color: white;
  border: solid 1px var(--color-home-side-grey);
  border-radius: 12px;
}

.text-title-div {
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: auto;
  margin-top: 36px;
}

.text-title {
  justify-self: center;
  font-size: 40px;
  font-family: var(--font-tatishvili);
  color: var(--color-menu-svg);
}

.text-div {
  line-height: 1.4;
  margin-top: 44px;
  width: 923px;
  height: auto;
  padding-bottom: 47px;
  font-family: var(--font-BPG-Arial);
  color: var(--color-menu-svg);
}

@media (min-width: 1514px) {
  .privacy-section {
    grid-template-columns: 0px 1045.266px 21.196px 372.005px;
  }
}

@media (max-width: 1514px) {
  /* ----------------

    Header: 1514px

    ------------------- */

  .header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: auto;
    display: flex;
  }

  .header-a {
    margin-left: 0.925vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: transparent;
  }

  .header-color {
    width: 2.906vw;
    height: 0.396vw;
    background-color: transparent;
    margin-bottom: 1.057vw;
  }

  .header-color-active {
    background-color: var(--color-main_green);
  }

  .lang {
    font-family: var(--font-Tatishvili);
    font-size: 1.717vw;
    margin: auto;
    color: var(--color-light-grey);
  }

  .lang-active {
    color: var(--color-main_green);
  }

  /* ----------------

    search: 1514px

    ------------------- */

  .search {
    display: grid;
    grid-template-columns: 15.059vw 3.963vw 47.622vw 3.963vw 19.683vw;
    grid-template-rows: 1.849vw 3.963vw;
    grid-column-gap: 1.189vw;
  }

  .search_1 {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  .search_1-img {
    width: 11.471vw;
  }

  .search_2 {
    position: relative;
    grid-column: 2/3;
    grid-row: 2/3;
  }

  .search_3 {
    grid-column: 3/4;
    grid-row: 2/3;
  }

  .main-search-drop {
    display: grid;
    grid-template-columns: 15.059vw 3.963vw 47.622vw 3.963vw 19.683vw;
    width: 100%;
    height: 1.321vw;
    position: absolute;
    left: 0;
    grid-column-gap: 1.189vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .search-drop {
    position: absolute;
    width: 47.622vw;
    height: auto;
    background-color: white;
    z-index: 20;
    margin-top: 0.462vw;
    border-radius: 0.793vw;
    overflow: hidden;
    -webkit-box-shadow: 0.066vw 0.528vw 1.651vw -0.462vw rgba(0, 0, 0, 0.44);
    box-shadow: 0.066vw 0.528vw 1.651vw -0.462vw rgba(0, 0, 0, 0.44);
    grid-column: 3/4;
  }

  .search-drop-ul {
    display: grid;
    grid-template-columns: 100%;
    width: 100%;
    height: auto;
  }

  .search-drop-li {
    padding-left: 1.849vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-BPG-Arial);
    font-size: 1.189vw;
    color: var(--color-grey);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 4.756vw;
    background-color: var(--color-white);
  }

  .search_4 {
    grid-column: 4/5;
    grid-row: 2/3;
  }

  .search_5 {
    grid-column: 5/6;
    grid-row: 2/3;
  }

  .search_5 > a {
    color: transparent;
  }

  .wishlist-button-quantity {
    margin-top: -5.812vw;
    width: 3.963vw;
  }

  .wishlist-button-quantity-text {
    font-size: 1.321vw;
  }

  .menu_button {
    padding-left: 0.793vw;
    text-align: center;
    position: absolute;
    outline: transparent;
    width: 3.963vw;
    height: 3.963vw;
    border-radius: 0.528vw;
    border: solid var(--color-light-grey) 1px;
    background-color: transparent;
    grid-row: 2/3;
    grid-column: 2/3;
  }

  .menu {
    margin-top: 5.284vw;
    position: absolute;
    width: 52.774vw;
    height: auto;
    border-radius: 0.528vw;
    z-index: 20;
  }

  .menu_main_div {
    width: 50.661vw;
    height: auto;
    margin-left: 1.057vw;
    margin-top: 1.057vw;
  }

  .menu_main_div::-webkit-scrollbar {
    width: 0.198vw;
  }

  .menu_main_div::-webkit-scrollbar-thumb {
    background: var(--color-menu-scroll-thumb);
    border-radius: 6.605vw;
  }

  .menu_main_div::-webkit-scrollbar-track {
    background: var(--color-menu-scroll);
    border-radius: 6.605vw;
  }

  .menu_main_item {
    width: 100%;
    height: 2.312vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
  }

  .menu_item_a {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 2.312vw;
    color: transparent;
  }

  .menu_item_stroke {
    stroke: var(--color-menu-svg);
    stroke-width: 0.8;
  }

  .menu_item_stroke:hover {
    stroke: var(--color-red);
  }

  .menu_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    fill: var(--color-menu-svg);
    color: var(--color-menu-svg);
  }

  .menu_item:hover {
    fill: var(--color-red);
    color: var(--color-red);
  }

  .menu_item_svg {
    width: 2.180vw;
    height: 2.180vw;
  }

  .menu-item-title {
    font-family: var(--font-Tatishvili);
    font-size: 1.585vw;
    margin-left: 1.057vw;
  }

  .search_3 > form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .search-input {
    outline: transparent;
    font-family: var(--font-BPG-Arial);
    width: 45.773vw;
    height: 3.699vw;
    border-radius: 1.982vw;
    position: relative;
    border: solid var(--color-light-grey) 1px;
    color: var(--color-grey);
    padding-left: 1.849vw;
    padding-right: 4.161vw;
  }

  .search-input:focus::-webkit-input-placeholder {
    color: transparent;
  }

  .search-input:focus::-moz-placeholder {
    color: transparent;
  }

  .search-input:focus:-ms-input-placeholder {
    color: transparent;
  }

  .search-input:focus::-ms-input-placeholder {
    color: transparent;
  }

  .search-input:focus::placeholder {
    color: transparent;
  }

  .search_button {
    background-color: transparent;
    position: absolute;
    margin-left: 44.584vw;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.189vw;
    outline: transparent;
  }

  .search-img {
    width: 1.189vw;
    height: 1.255vw;
  }

  .wishlist-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    outline: transparent;
    width: 3.963vw;
    height: 3.963vw;
    border-radius: 50%;
    border: solid var(--color-light-grey) 1px;
    background-color: transparent;
    stroke: var(--color-wishlist-grey);
    fill: var(--color-wishlist-grey);
  }

  .wishlist-svg {
    width: 1.321vw;
    height: 1.189vw;
    stroke-width: 0.5px;
  }

  .wishlist-button:hover {
    stroke: var(--color-red);
    fill: var(--color-red);
  }

  .main-head-number {
    outline: transparent;
    width: 15.125vw;
    height: 3.963vw;
    border-radius: 0.793vw;
    border: solid var(--color-main_green) 1px;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .head-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.585vw;
    color: var(--color-main_green);
  }

  .head-number > svg {
    fill: var(--color-main_green);
    width: 1.321vw;
    height: 1.321vw;
    margin-right: 0.661vw;
  }

  .main-head-number:hover {
    background-color: var(--color-main_green);
  }

  .main-head-number:hover > .head-number {
    color: var(--color-white);
  }

  .main-head-number:hover > .head-number > svg {
    fill: var(--color-white);
  }

  /* ----------------

    Menu Button:

    ------------------- */

  /* Define the shape and color of the hamburger lines */

  .navbar-toggler span {
    display: block;
    background-color: var(--color-wishlist-grey);
    height: 0.396vw;
    width: 2.18vw;
    border-radius: 0.198vw;
    margin-top: 0.33vw;
    margin-bottom: 0.33vw;
    position: relative;
    left: 0;
    opacity: 1;
    -webkit-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    -webkit-transform-origin: center left;
        -ms-transform-origin: center left;
            transform-origin: center left;
  }

  /* top line needs a little padding */

  .navbar-toggler span:nth-child(1) {
    margin-top: 0.33vw;
  }

  /* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */

  .navbar-toggler:not(.collapsed) span:nth-child(1) {
    -webkit-transform: translate(10%, -33%) rotate(45deg);
        -ms-transform: translate(10%, -33%) rotate(45deg);
            transform: translate(10%, -33%) rotate(45deg);
    width: 2.404vw;
  }

  /* center line goes transparent */

  .navbar-toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
  }

  /* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */

  .navbar-toggler:not(.collapsed) span:nth-child(3) {
    -webkit-transform: translate(10%, 33%) rotate(-45deg);
        -ms-transform: translate(10%, 33%) rotate(-45deg);
            transform: translate(10%, 33%) rotate(-45deg);
    width: 2.404vw;
  }

  /* top line moves back to initial position and rotates back to 0 degrees */

  .navbar-toggler span:nth-child(1) {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
        -ms-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }

  /* middle line goes back to regular color and opacity */

  .navbar-toggler span:nth-child(2) {
    opacity: 1;
  }

  /* bottom line goes back to initial position and rotates back to 0 degrees */

  .navbar-toggler span:nth-child(3) {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
        -ms-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }

  .main-alert-div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: fixed;
    z-index: 2000;
    margin-top: 6.636vw;
  }

  .alert {
    width: 232px;
    height: 55.313px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    border-radius: 30.55px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .alert-icon {
    margin-right: 4.95px;
    width: 46.237px;
    height: 46.237px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .alert-img {
    width: 28.075px;
    padding-top: 9.087px;
  }

  .alert-text {
    width: 232px;
    position: absolute;
    text-align: center;
    font-family: var(--font-Tatishvili);
    font-size: 21.463px;
  }

  /* ----------------

	Main1: 1514px
	
	------------------- */

  .main1 {
    margin-top: 4.624vw;
    display: grid;
    grid-template-columns: 69.022vw 24.571vw;
    grid-template-rows: repeat(2, 13.606vw);
    grid-column-gap: 1.519vw;
    grid-row-gap: 1.717vw;
  }

  .side-hero {
    display: grid;
    grid-template-columns: 1.915vw 12.285vw 3.633vw 4.624vw 2.114vw;
    grid-template-rows: 1.783vw 2.444vw 1.915vw 2.246vw 5.218vw;
    width: 100%;
    height: 100%;
    border-radius: 0.793vw;
    color: var(--color-white);
    font-family: var(--font-Tatishvili);
  }

  .side-hero_1 {
    background-color: #E5AA51;
    background-image: -o-linear-gradient(45deg, #E5AA51 20%, #CC52B0);
    background-image: linear-gradient(45deg, #E5AA51 20%, #CC52B0);
    grid-row: 1/2;
    grid-column: 2/3;
  }

  .side-hero-icon-img {
    width: 4.491vw;
    height: 4.491vw;
  }

  .side-hero-path-img {
    width: 18.231vw;
    height: 2.756vw;
  }

  .side-hero_2 {
    background-color: #cc5258;
    background-image: -o-linear-gradient(45deg, #2DB869 20%, #1785AE);
    background-image: linear-gradient(45deg, #2DB869 20%, #1785AE);
    grid-row: 2/3;
    grid-column: 2/3;
  }

  .side-hero-main-text {
    grid-column: 2/3;
    grid-row: 2/3;
    font-size: 1.717vw;
    padding-left: 0.066vw;
  }

  .side-hero-line {
    grid-column: 2/3;
    grid-row: 3/4;
    width: 11.889vw;
    height: 0.132vw;
    margin-left: 0.225vw;
    background-color: var(--color-white);
  }

  .side-hero-text {
    grid-column: 2/3;
    grid-row: 4/5;
    font-size: 1.717vw;
  }

  .side-hero-path {
    grid-column: 2/5;
    grid-row: 5/6;
  }

  .side-hero-path > img {
    width: 18.23vw;
    height: 2.708vw;
  }

  .side-hero-photo {
    grid-column: 4/5;
    grid-row: 2/5;
  }

  .side-hero-photo > img {
    width: 4.491vw;
    height: 4.491vw;
  }

  .side-hero-small-text {
    grid-column: 2/3;
    grid-row: 4/5;
    font-size: 0.925vw;
    line-height: 1.5;
    font-family: var(--font-BPG-Arial);
  }

  .slider-arrows-img {
    width: 1.321vw;
    height: 1.321vw;
  }

  .slick-slider {
    min-width: 0;
  }

  .slick-list {
    overflow: hidden;
  }

  .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .slider {
    position: relative;
    width: 69.022vw;
    height: 28.93vw;
    border-radius: 0.793vw;
    overflow: hidden;
  }

  .slider .slick-arrow {
    position: absolute;
    top: 50%;
    margin: -1.982vw 0vw 0vw 0vw;
    z-index: 10;
    font-size: 0;
    width: 1.982vw;
    height: 3.963vw;
  }

  .slider .slick-arrow.slick-prev {
    width: 3.17vw;
    height: 3.17vw;
    margin-left: 4.095vw;
    left: 0;
    background: url("/img/round-white.svg") 0 0/100% no-repeat;
    opacity: 0.33;
    outline: none;
    cursor: pointer;
    border: none;
  }

  .slider .slick-arrow.slick-prev:hover {
    opacity: 0.6;
  }

  .slider .slick-arrow.slick-next {
    width: 3.17vw;
    height: 3.17vw;
    opacity: 0.33;
    margin-right: 4.095vw;
    outline: none;
    right: 0;
    background: url("/img/round-white.svg") 0 0/100% no-repeat;
    border: none;
  }

  .slider .slick-arrow.slick-next:hover {
    opacity: 0.6;
  }

  .slider .slick-arrow.slick-disabled {
    opacity: 0.2;
  }

  .slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: -3.897vw;
  }

  .slider .slick-dots li {
    list-style: none;
    margin: 0vw 0.5vw;
  }

  .slick-dots li {
    z-index: 10;
  }

  .slider .slick-dots button {
    font-size: 0;
    width: 0.793vw;
    height: 0.880vw;
    background-color: #fff;
    opacity: 0.49;
    border-radius: 50%;
    border: none;
    outline: none;
  }

  .slider .slick-dots li.slick-active button {
    opacity: 1;
  }

  .slider__item {
    overflow: hidden;
  }

  .slider__item img {
    width: 100%;
  }

  .home-slide {
    margin-top: -15.522vw;
    margin-left: 5.02vw;
    position: absolute;
  }

  .home-slide-left {
    margin-left: 5.02vw;
  }

  .home-slide-right {
    margin-left: 62.682vw;
  }

  .main-home-section {
    width: 95.112vw;
    display: grid;
    grid-template-columns: 1.321vw 63.54vw 5.68vw 24.571vw;
  }

  .home-section_1 {
    grid-column: 1/2;
    width: 100%;
    height: 100%;
  }

  .home-section_2 {
    grid-column: 2/3;
    width: 100%;
    height: 100%;
    margin-top: 4.756vw;
    font-family: var(--font-Tatishvili);
    color: var(--color-menu-svg);
  }

  .home-section_2-link {
    color: var(--color-menu-svg);
    text-decoration: none;
  }

  .home-section_2-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 2.642vw;
  }

  .home-section_2-content {
    margin-top: 3.963vw;
    display: grid;
    grid-template-columns: repeat(3, 20.277vw);
    grid-column-gap: 1.387vw;
    grid-row-gap: 7.926vw;
    width: 100%;
  }

  .home-section_2-item-layer {
    width: 20.277vw;
    height: 5.284vw;
    background-color: transparent;
    position: absolute;
  }

  .home-section_2-item {
    width: 20.277vw;
    height: 19.947vw;
    background-color: var(--color-menu-grey);
    border-radius: 0.793vw;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }

  .home-section_2-item:hover {
    -webkit-transition: -webkit-transform 0.2s ease-in;
    transition: -webkit-transform 0.2s ease-in;
    -o-transition: transform 0.2s ease-in;
    transition: transform 0.2s ease-in;
    transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
    -webkit-box-shadow: 0 0 2.312vw #C7C7C7;
            box-shadow: 0 0 2.312vw #C7C7C7;
    -webkit-transform: scale(1.13);
        -ms-transform: scale(1.13);
            transform: scale(1.13);
  }

  .home-section_2-item_photo {
    width: 5.614vw;
    margin-top: 4.425vw;
  }

  .home-section_2-item_text {
    font-size: 1.717vw;
    margin-top: 5.284vw;
  }

  .home-section_3 {
    grid-column: 3/4;
    width: 100%;
    height: 100%;
  }

  .home-section_4 {
    grid-column: 4/5;
    width: 100%;
    display: grid;
    grid-template-rows: 38.639vw 38.639vw 38.639vw;
    grid-row-gap: 1.783vw;
    margin-top: 1.717vw;
  }

  .main-home-sidebar {
    width: 24.571vw;
    height: 38.243vw;
    border-radius: 0.793vw;
  }

  .siderbar-title-color_1 {
    background-color: var(--color-red);
  }

  .siderbar-title-color_2 {
    background-color: var(--color-purple);
  }

  .siderbar-title-color_3 {
    background-color: var(--color-yellow);
  }

  .main-home-sidebar-top {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24.571vw;
    height: 4.954vw;
    border-top-left-radius: 0.793vw;
    border-top-right-radius: 0.793vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .item-for-sidebar {
    grid-column: 3/4;
    grid-row: 2/4;
  }

  .home-side-text {
    font-size: 1.717vw;
    font-family: var(--font-Tatishvili);
    color: var(--color-white);
    margin-top: 1.717vw;
  }

  .home-side-img {
    width: 1.519vw;
    margin-left: 0.661vw;
    margin-top: 1.717vw;
  }

  .main-home-sidebar-middle {
    width: 24.439vw;
    height: 38.639vw;
    border: solid 0.066vw var(--color-home-side-grey);
    border-radius: 0.793vw;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .home-sidebar-middle {
    margin-top: 8.454vw;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .home-sidebar-middle-item {
    display: grid;
    grid-template-columns: 2.642vw 6.737vw 9.643vw 5.548vw;
    grid-template-rows: 2.246vw 0.859vw 1.585vw 5.945vw;
  }

  .home-sidebar-product {
    grid-column: 2/3;
    grid-row: 1/5;
  }

  .home-sidebar-product-img {
    width: 5.02vw;
  }

  .home-sidebar-product-text {
    position: relative;
    line-height: 1.1;
    text-align: start;
    color: var(--color-menu-svg);
    font-family: var(--font-Tatishvili);
    font-size: 1.717vw;
  }

  .main-side-product-price {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.925vw;
  }

  .side-product-price {
    font-size: 1.849vw;
    font-family: var(--font-Tatishvili);
  }

  .side-product-old-price {
    text-decoration: line-through;
    color: var(--color-menu-svg);
  }

  .old-price-lari {
    font-family: var(--font-gel);
  }

  .new-price-lari {
    padding-left: 0.264vw;
    font-family: var(--font-gel);
  }

  .side-product-new-price {
    color: var(--color-main_green);
  }

  .side-main-new-price {
    margin-left: 0.793vw;
  }

  .main-home-side-button {
    grid-row: 3/5;
    grid-column: 4/5;
    width: 2.906vw;
    height: 2.906vw;
    background-color: var(--color-side-button-grey);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .main-home-side-button:hover {
    background-color: var(--color-side-button-after);
  }

  .home-side-button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 2.906vw;
    margin-top: 0.925vw;
  }

  .home-side-button-img {
    width: 1.057vw;
    height: 1.057vw;
  }

  .home-side-middle-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 1.783vw;
    margin-top: 1.057vw;
  }

  .home-side-middle-line_ {
    width: 19.221vw;
    height: 0.066vw;
    background-color: var(--color-middle-line);
  }

  .home-side-main-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1.519vw;
  }

  .home-side-main-button_ {
    color: transparent;
    width: 22.787vw;
    height: 3.765vw;
    background-color: var(--color-side-button-grey);
    border: none;
    border-radius: 0.528vw;
  }

  .home-side-main-button_:hover {
    background-color: var(--color-side-button-after);
  }

  .home-side-main-button-p {
    font-family: var(--font-BPG-Arial);
    margin-top: 1.387vw;
    font-size: 1.123vw;
    color: var(--color-menu-svg);
  }

  .main-footer {
    margin-top: 21.136vw;
    width: 100%;
    height: 42.668vw;
    background-color: var(--color-main_green);
  }

  .main-footer-photo {
    max-width: 95.112vw;
    background-color: var(--color-main_green);
    margin: auto;
    text-align: end;
  }

  .footer-photo {
    width: 42.338vw;
    margin-top: -16.843vw;
  }

  .main-footer-grid {
    max-width: 95.112vw;
    height: 28.336vw;
    background-color: var(--color-main_green);
    margin: auto;
    display: grid;
    grid-template-columns: 18.098vw repeat(2, 22.721vw) 24.835vw;
    grid-template-rows: 1fr;
    grid-column-gap: 2.246vw;
  }

  .footer-grid_1 {
    width: 100%;
  }

  .footer-logo {
    width: 10.04vw;
  }

  .main-footer-grid_1-title {
    margin-top: 3.567vw;
  }

  .footer-grid_1-title {
    font-size: 1.849vw;
    font-family: var(--font-Tatishvili);
    color: var(--color-white);
    line-height: 1.2;
  }

  .main-footer-grid_1-text {
    margin-top: 3.567vw;
  }

  .footer-grid_1-text {
    font-size: 1.189vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .footer-grid_1-text-margin {
    margin-top: 1.585vw;
    margin-bottom: 1.585vw;
  }

  .footer-grid_2 {
    width: 100%;
  }

  .main-bank-acc {
    width: 100%;
    height: 18.296vw;
    background-color: var(--color-footer-green);
    border-radius: 0.793vw;
  }

  .main-bank-title {
    font-size: 1.717vw;
    color: var(--color-white);
    font-family: var(--font-Tatishvili);
  }

  .main-bank {
    padding-top: 2.378vw;
    padding-left: 2.378vw;
  }

  .main-bank-div {
    padding-top: 2.114vw;
  }

  .bank-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.246vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 1.387vw;
  }

  .bank-item-img {
    margin-right: 1.057vw;
    width: 2.246vw;
  }

  .bank-item-text {
    font-size: 1.189vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .footer-grid_3 {
    width: 100%;
  }

  .main-contact-info {
    width: 100%;
    height: 18.296vw;
    background-color: var(--color-footer-green);
    border-radius: 0.793vw;
  }

  .contact-info {
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 2.378vw;
  }

  .contact-info-title {
    font-size: 1.717vw;
    color: var(--color-white);
    font-family: var(--font-Tatishvili);
  }

  .main-contacts {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 2.114vw;
  }

  .contact-item {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 1.387vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.189vw;
  }

  .contact-item-img {
    width: 1.189vw;
    margin-right: 1.057vw;
  }

  .contact-item-text {
    font-size: 1.189vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .main-news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    width: 100%;
  }

  .main-news-title {
    margin-top: 0.528vw;
    font-size: 1.717vw;
    color: var(--color-white);
    font-family: var(--font-Tatishvili);
  }

  .news-input {
    margin-top: 2.246vw;
    width: 24.835vw;
    height: 3.831vw;
    background-color: var(--color-input-green);
    border-radius: 0.793vw;
    border: none;
    outline: none;
    text-align: center;
    font-size: 1.057vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .news-input::-webkit-input-placeholder {
    font-size: 1.057vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .news-input::-moz-placeholder {
    font-size: 1.057vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .news-input:-ms-input-placeholder {
    font-size: 1.057vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .news-input::-ms-input-placeholder {
    font-size: 1.057vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .news-input::placeholder {
    font-size: 1.057vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .news-input:focus::-webkit-input-placeholder {
    color: transparent;
  }

  .news-input:focus::-moz-placeholder {
    color: transparent;
  }

  .news-input:focus:-ms-input-placeholder {
    color: transparent;
  }

  .news-input:focus::-ms-input-placeholder {
    color: transparent;
  }

  .news-input:focus::placeholder {
    color: transparent;
  }

  .news-input-button {
    margin-top: 1.123vw;
    background-color: var(--color-green-button);
    outline: none;
    border-radius: 0.793vw;
    width: 25.099vw;
    height: 3.831vw;
    border: none;
  }

  .news-input-button:hover {
    background-color: var(--color-green-button-hover);
  }

  .news-input-button-text {
    font-size: 1.717vw;
    color: var(--color-white);
    font-family: var(--font-Tatishvili);
  }

  .main-footer-bottom {
    max-width: 95.112vw;
    margin: auto;
  }

  .footer-bottom-line {
    width: 100%;
    height: 0.132vw;
    background-color: var(--color-green-line);
  }

  .footer-bottom {
    margin-top: 3.699vw;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .footer-bottom-text1 {
    font-size: 1.057vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .footer-bottom-text2 {
    font-size: 1.717vw;
    color: var(--color-white);
    font-family: var(--font-Tatishvili);
  }

  .main-cat {
    width: 63.54vw;
  }

  .main-cat-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 2.642vw;
    margin-bottom: 7.001vw;
  }

  .cat-title-svg {
    width: 4.095vw;
    height: 4.095vw;
    fill: var(--color-red);
  }

  .cat-title {
    -ms-flex-item-align: center;
        align-self: center;
    font-size: 2.246vw;
    margin-left: 0.925vw;
  }

  .main-cat-grid {
    width: 63.54vw;
    display: grid;
    grid-template-columns: 28.468vw 28.468vw;
    grid-column-gap: 6.605vw;
    grid-row-gap: 3.963vw;
  }

  .product-info {
    grid-column: 2/3;
    grid-row: 3/4;
  }

  .product-info > button {
    margin-left: -0.396vw;
    border: none;
    background-color: transparent;
    outline: none;
  }

  .product-info-svg {
    width: 2.153vw;
    height: 2.153vw;
    fill: var(--color-product-info);
  }

  .main-product-item {
    width: 28.468vw;
    height: 20.476vw;
    display: grid;
    display: grid;
    grid-template-columns: 0.793vw 14.201vw 0.793vw 12.682vw;
    grid-template-rows: 0.528vw 0.462vw 4.557vw 3.633vw 3.038vw 0.859vw 3.104vw 4.161vw;
  }

  .product-item-frame {
    grid-column: 1/3;
    grid-row: 1/8;
    width: 100%;
    height: 100%;
    border-radius: 0.528vw;
    border: var(--color-home-side-grey) solid 0.066vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .product-item-img {
    width: 5.68vw;
  }

  .product-item-text {
    grid-column: 1/3;
    grid-row: 8/9;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 1.321vw;
  }

  .product-item-wishlist {
    grid-column: 4/5;
    grid-row: 2/4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .product-item-wishlist-button {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 2.972vw;
    border: none;
    outline: none;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .item-wishlist {
    width: 3.038vw;
    height: 3.038vw;
    border-radius: 50%;
    background-color: var(--color-menu-grey);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .item-wishlist-svg {
    padding-top: 0.198vw;
    width: 1.271vw;
    height: 1.09vw;
    stroke: var(--color-wishlist-grey);
    stroke-width: 0.099vw;
    fill: var(--color-menu-grey);
  }

  .wishlist-item-text {
    font-family: var(--font-BPG-Arial);
    font-size: 0.925vw;
    margin-left: 0.793vw;
    color: var(--color-menu-svg);
  }

  .product-item-wishlist-button:hover .item-wishlist-svg {
    stroke: var(--color-red);
    fill: var(--color-red);
  }

  .product-item-wishlist-button:hover .wishlist-item-text {
    color: var(--color-red);
  }

  .liked > div > svg,
  .liked > p {
    stroke: var(--color-red);
    fill: var(--color-red);
    color: var(--color-red);
  }

  .product-item-price {
    grid-column: 4/5;
    grid-row: 4/5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .product-price {
    font-size: 2.18vw;
    font-family: var(--font-Tatishvili);
  }

  .item-button {
    grid-column: 4/5;
    grid-row: 5/6;
    width: 100%;
    height: 100%;
    border-radius: 0.264vw;
    border: var(--color-home-side-grey) solid 0.066vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .item-button:hover {
    background-color: var(--color-main_green);
    border: none;
  }

  .item-button-svg {
    width: 1.174vw;
    height: 1.121vw;
    fill: var(--color-main_green);
  }

  .item-button:hover svg,
  .second-item-button:hover svg {
    fill: var(--color-white);
  }

  .item-button-p {
    font-family: var(--font-Tatishvili);
    font-size: 1.321vw;
    color: var(--color-menu-svg);
    margin-left: 0.661vw;
  }

  .item-button:hover p,
  .second-item-button:hover p {
    color: var(--color-white);
  }

  .second-item-button {
    grid-column: 4/5;
    grid-row: 7/8;
    width: 100%;
    height: 100%;
    border-radius: 0.264vw;
    border: var(--color-home-side-grey) solid 0.066vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .second-item-button:hover {
    background-color: var(--color-main_green);
    border: none;
  }

  .pages-ul {
    margin-top: 8.19vw;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-template-columns: auto auto auto auto auto;
    grid-column-gap: 0.132vw;
    max-width: 17.503vw;
    color: var(--color-pages-grey);
    font-family: var(--font-Tatishvili);
    font-size: 2.114vw;
  }

  .pages-ul > li > a {
    color: var(--color-pages-grey);
  }

  .pages-ul > li > a > p:hover {
    color: var(--color-menu-svg);
  }

  .pages-svg {
    margin-bottom: 0.33vw;
    stroke: var(--color-pages-grey);
    stroke-linecap: round;
    width: 1.387vw;
    height: 0.859vw;
    stroke-width: 4;
    stroke-linejoin: round;
  }

  .pages-svg:hover {
    stroke: var(--color-menu-svg);
  }

  .img-404 {
    width: 62.715vw;
    margin-top: 11.096vw;
    padding-bottom: 5.284vw;
  }

  .main-search-cat-title {
    font-size: 2.114vw;
    margin-left: -4.161vw;
  }

  .no-result {
    margin-left: 9.839vw;
  }

  .result-show {
    margin-left: -2vw;
  }

  .privacy-section {
    grid-template-columns: 0vw 69.04vw 1.4vw 24.571vw;
  }

  .main-text-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    background-color: white;
    border: solid 0.066vw var(--color-home-side-grey);
    border-radius: 0.793vw;
  }

  .text-title-div {
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: auto;
    margin-top: 2.378vw;
  }

  .text-title {
    justify-self: center;
    font-size: 2.642vw;
    font-family: var(--font-tatishvili);
    color: var(--color-menu-svg);
  }

  .text-div {
    margin-top: 2.906vw;
    width: 60.964vw;
    height: auto;
    padding-bottom: 3.104vw;
    font-family: var(--font-BPG-Arial);
    color: var(--color-menu-svg);
  }
}

@media (max-width: 1250px) {
  .main-alert-div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: fixed;
    z-index: 2000;
    margin-top: 87.913px;
  }

  .alert {
    width: 232px;
    height: 55.313px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    border-radius: 30.55px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .alert-icon {
    margin-right: 4.95px;
    width: 46.237px;
    height: 46.237px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .alert-img {
    width: 28.075px;
    padding-top: 9.087px;
  }

  .alert-text {
    width: 232px;
    position: absolute;
    text-align: center;
    font-family: var(--font-Tatishvili);
    font-size: 21.463px;
  }
}

@media (max-width: 1024px) {
  .main-container {
    max-width: 1024px;
    margin: auto;
    background-color: var(--color-white);
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 2rem;
  }

  /* ----------------

    Header:
    
    ------------------- */

  .header-a {
    margin-left: 16px;
  }

  .header-color {
    width: 44px;
    height: 6px;
    background-color: transparent;
    margin-bottom: 18px;
  }

  .header-color-active {
    background-color: var(--color-main_green);
  }

  .lang {
    font-family: var(--font-Tatishvili);
    font-size: 26px;
    margin: auto;
    color: var(--color-light-grey);
  }

  .lang-active {
    color: var(--color-main_green);
  }

  .wishlist-button-quantity {
    margin-top: -84px;
    width: 60px;
  }

  .wishlist-button-quantity-text {
    font-size: 16px;
  }

  /* ----------------

    search: 1024
    
    ------------------- */

  .search {
    margin: auto;
    display: grid;
    grid-template-columns: 60px 1fr 60px;
    grid-template-rows: 19px 51px 46px 62px 60px;
    grid-column-gap: 17px;
    margin-top: 28px;
    width: 94vw;
  }

  .mobile-working-hours {
    display: none;
  }

  .search_1 {
    grid-column: 1/4;
    grid-row: 2/4;
  }

  .search_1-img {
    width: 197px;
  }

  .search_2 {
    position: relative;
    grid-column: 1/2;
    grid-row: 5/6;
  }

  .search_3 {
    grid-column: 2/3;
    grid-row: 5/6;
  }

  .main-search-drop {
    display: grid;
    grid-template-columns: 60px 1fr 60px;
    width: 94vw;
    height: auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    grid-column-gap: 17px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .search-drop {
    position: absolute;
    width: 100%;
    height: auto;
    max-height: 348px;
    background-color: white;
    z-index: 20;
    margin-top: 16px;
    border-radius: 10px;
    overflow: hidden;
    grid-column: 2/3;
  }

  .search-drop-ul {
    display: grid;
    grid-template-columns: 100%;
    width: 100%;
    height: auto;
    max-height: 348px;
    overflow-x: hidden;
    overflow-y: scroll;
  }

  .search-drop-ul::-webkit-scrollbar {
    display: none;
  }

  .search-drop-li {
    padding-left: 20px;
    font-size: 16px;
    width: 100%;
    height: 58px;
  }

  .search_4 {
    grid-column: 3/4;
    grid-row: 5/6;
  }

  .search_5 {
    grid-column: 2/3;
    grid-row: 3/4;
    justify-self: end;
  }

  .search_5 > a {
    color: transparent;
  }

  .menu_button {
    padding-left: 14px;
    text-align: center;
    position: absolute;
    outline: transparent;
    width: 60px;
    height: 60px;
    border-radius: 8px;
    border: none;
    background-color: var(--color-menu-grey);
    grid-row: 2/3;
    grid-column: 2/3;
  }

  .menu {
    margin-top: 74px;
    position: absolute;
    width: 94vw;
    height: 64vh;
    border-radius: 8px;
    overflow-y: hidden;
    z-index: 20;
  }

  .menu_main_div {
    width: 91vw;
    height: 61vh;
    margin-left: 16px;
    margin-top: 16px;
    overflow-y: scroll;
  }

  .menu_main_div::-webkit-scrollbar {
    width: 3px;
  }

  .menu_main_div::-webkit-scrollbar-thumb {
    background: var(--color-menu-scroll-thumb);
    border-radius: 100px;
  }

  .menu_main_div::-webkit-scrollbar-track {
    background: var(--color-menu-scroll);
    border-radius: 100px;
  }

  .menu_main_item {
    width: 100%;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
  }

  .menu_item_a {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 35px;
    color: transparent;
  }

  .menu_item_stroke {
    stroke: var(--color-menu-svg);
    stroke-width: 0.8;
  }

  .menu_item_stroke:hover {
    stroke: var(--color-red);
  }

  .menu_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    fill: var(--color-menu-svg);
    color: var(--color-menu-svg);
  }

  .menu_item:hover {
    fill: var(--color-red);
    color: var(--color-red);
  }

  .menu_item_svg {
    width: 33px;
    height: 33px;
  }

  .menu-item-title {
    font-family: var(--font-Tatishvili);
    font-size: 24px;
    margin-left: 16px;
  }

  .search_3 > form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .search-input {
    outline: transparent;
    font-family: var(--font-BPG-Arial);
    width: 100%;
    height: 56px;
    border-radius: 30px;
    position: relative;
    border: none;
    background-color: var(--color-menu-grey);
    color: var(--color-grey);
    padding-left: 25px;
    padding-right: 0px;
  }

  .search-input:focus::-webkit-input-placeholder {
    color: transparent;
  }

  .search-input:focus::-moz-placeholder {
    color: transparent;
  }

  .search-input:focus:-ms-input-placeholder {
    color: transparent;
  }

  .search-input:focus::-ms-input-placeholder {
    color: transparent;
  }

  .search-input:focus::placeholder {
    color: transparent;
  }

  .search_button {
    background-color: transparent;
    position: absolute;
    right: 0;
    margin-right: 123px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    outline: transparent;
  }

  .search-img {
    width: 18px;
    height: 19px;
  }

  .wishlist-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    outline: transparent;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    background-color: var(--color-menu-grey);
    stroke: var(--color-wishlist-grey);
    fill: transparent;
  }

  .wishlist-svg {
    width: 24px;
    height: 21px;
    stroke-width: 1.5px;
  }

  .wishlist-button:hover {
    stroke: var(--color-red);
    fill: var(--color-red);
  }

  .main-head-number {
    outline: transparent;
    width: 189px;
    height: 46px;
    border-radius: 12px;
    border: solid var(--color-main_green) 1px;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .head-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 19px;
    color: var(--color-main_green);
  }

  .head-number > svg {
    fill: var(--color-main_green);
    width: 17.6px;
    height: 17.6px;
    margin-right: 9px;
  }

  .main-head-number:hover {
    background-color: var(--color-main_green);
  }

  .main-head-number:hover > .head-number {
    color: var(--color-white);
  }

  .main-head-number:hover > .head-number > svg {
    fill: var(--color-white);
  }

  .mobile-working-hours {
    display: block;
    grid-row: 1/2;
    grid-column: 2/3;
    justify-self: end;
    text-align: center;
    margin-right: 15px;
  }

  .mobile-working-hours-title {
    font-family: var(--font-Tatishvili);
    font-size: 22px;
    color: var(--color-menu-svg);
  }

  .mobile-working-hours-text {
    margin-top: 18px;
    font-family: var(--font-BPG-Arial);
    font-size: 14px;
    color: var(--color-menu-svg);
  }

  /* ----------------

    Menu Button:

    ------------------- */

  /* Define the shape and color of the hamburger lines */

  .navbar-toggler span {
    height: 5px;
    width: 30px;
    border-radius: 2px;
    margin-top: 4px;
    margin-bottom: 4px;
  }

  /* top line needs a little padding */

  .navbar-toggler span:nth-child(1) {
    margin-top: 5px;
  }

  /* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */

  .navbar-toggler:not(.collapsed) span:nth-child(1) {
    -webkit-transform: translate(15%, -33%) rotate(45deg);
        -ms-transform: translate(15%, -33%) rotate(45deg);
            transform: translate(15%, -33%) rotate(45deg);
    width: 30px;
  }

  /* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */

  .navbar-toggler:not(.collapsed) span:nth-child(3) {
    -webkit-transform: translate(15%, 33%) rotate(-45deg);
        -ms-transform: translate(15%, 33%) rotate(-45deg);
            transform: translate(15%, 33%) rotate(-45deg);
    width: 30px;
  }

  /* ----------------

	Main1: 1024px
	
	------------------- */

  .main1 {
    display: none;
  }

  /* ----------------

	Main2: 1024px
	
    ------------------- */

  .main-home-section {
    grid-template-columns: 93.164vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .home-section_2-content {
    margin-top: 5.273vw;
    display: grid;
    grid-template-columns: repeat(4, 22.559vw);
    grid-column-gap: 1.074vw;
    grid-row-gap: 6.445vw;
    width: 100%;
  }

  .home-section_1 {
    display: none;
  }

  .home-section_2 {
    grid-column: 1/2;
  }

  .home-section_3 {
    display: none;
  }

  .home-section_4 {
    display: none;
  }

  .home-section_2-item-layer {
    width: 22.559vw;
    height: 4.883vw;
    background-color: transparent;
    position: absolute;
  }

  .home-section_2-item {
    width: 22.559vw;
    height: 24.121vw;
    background-color: var(--color-menu-grey);
    border-radius: 1.172vw;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }

  .home-section_2-item:hover {
    -webkit-transition: -webkit-transform 0.2s ease-in;
    transition: -webkit-transform 0.2s ease-in;
    -o-transition: transform 0.2s ease-in;
    transition: transform 0.2s ease-in;
    transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
    -webkit-box-shadow: 0 0 3.418vw #C7C7C7;
            box-shadow: 0 0 3.418vw #C7C7C7;
    -webkit-transform: scale(1.13);
        -ms-transform: scale(1.13);
            transform: scale(1.13);
  }

  .home-section_2-item_photo {
    width: 8.789vw;
    margin-top: 3.223vw;
  }

  .home-section_2-item_text {
    font-size: 2.148vw;
    margin-top: 4.102vw;
  }

  .home-section_2-title {
    font-size: 3.125vw;
  }

  .main-footer {
    margin-top: 19.937vw;
    width: 100%;
    height: 51.668vw;
    background-color: var(--color-main_green);
  }

  .main-footer-photo {
    max-width: 95.112vw;
    background-color: var(--color-main_green);
    margin: auto;
    text-align: end;
  }

  .footer-photo {
    width: 42.338vw;
    margin-top: -16.843vw;
  }

  .main-footer-grid {
    max-width: 95.112vw;
    height: 28.336vw;
    background-color: var(--color-main_green);
    margin: auto;
    display: grid;
    grid-template-columns: 25.635vw 2.637vw 25.586vw 0.049vw 3.906vw 35.156vw;
    grid-template-rows: 24.902vw;
    grid-column-gap: 0vw;
  }

  .footer-grid_1 {
    grid-row: 2/3;
    grid-column: 2/3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 68.945vw;
    position: absolute;
    margin-top: 26.074vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 2.734vw;
  }

  .footer-logo-div {
    grid-column: 2/3;
  }

  .footer-logo {
    width: 10.04vw;
  }

  .main-footer-grid_1-title {
    margin-top: 0vw;
  }

  .footer-grid_1-title {
    font-size: 1.849vw;
    font-family: var(--font-Tatishvili);
    color: var(--color-white);
    line-height: 1.4;
    width: 80%;
    margin-right: -8.3vw;
  }

  .main-footer-grid_1-text {
    margin-right: 1.3vw;
    margin-top: 0vw;
  }

  .footer-grid_1-text {
    font-size: 1.189vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .footer-grid_1-text-margin {
    margin-top: 1.585vw;
    margin-bottom: 1.585vw;
  }

  .footer-grid_2 {
    grid-column: 1/2;
    grid-row: 1/2;
    width: 100%;
  }

  .main-bank-acc {
    width: 100%;
    height: 20.605vw;
    background-color: var(--color-footer-green);
    border-radius: 1.172vw;
  }

  .main-bank-title {
    font-size: 1.855vw;
    color: var(--color-white);
    font-family: var(--font-Tatishvili);
  }

  .main-bank {
    padding-top: 2.378vw;
    padding-left: 2.378vw;
  }

  .main-bank-div {
    padding-top: 2.114vw;
  }

  .bank-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.246vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 1.387vw;
  }

  .bank-item-img {
    margin-right: 1.057vw;
    width: 2.539vw;
  }

  .bank-item-text {
    font-size: 1.189vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .footer-grid_3 {
    grid-column: 3/4;
    grid-row: 1/2;
    width: 100%;
  }

  .main-contact-info {
    width: 100%;
    height: 20.605vw;
    background-color: var(--color-footer-green);
    border-radius: 1.172vw;
  }

  .contact-info {
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 2.378vw;
  }

  .contact-info-title {
    font-size: 1.855vw;
    color: var(--color-white);
    font-family: var(--font-Tatishvili);
  }

  .main-contacts {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 2.114vw;
  }

  .contact-item {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 2.051vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.189vw;
  }

  .contact-item-img {
    width: 1.367vw;
    margin-right: 0.977vw;
  }

  .contact-item-text {
    font-size: 1.27vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .main-news {
    grid-column: 6/7;
    grid-row: 1/2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    width: 100%;
  }

  .main-news-title {
    margin-top: 1.528vw;
    font-size: 1.717vw;
    color: var(--color-white);
    font-family: var(--font-Tatishvili);
  }

  .news-input {
    margin-top: 2.246vw;
    width: 100%;
    height: 3.831vw;
    background-color: var(--color-input-green);
    border-radius: 0.793vw;
    border: none;
    outline: none;
    text-align: center;
    font-size: 1.057vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .news-input::-webkit-input-placeholder {
    font-size: 1.057vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .news-input::-moz-placeholder {
    font-size: 1.057vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .news-input:-ms-input-placeholder {
    font-size: 1.057vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .news-input::-ms-input-placeholder {
    font-size: 1.057vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .news-input::placeholder {
    font-size: 1.057vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .news-input:focus::-webkit-input-placeholder {
    color: transparent;
  }

  .news-input:focus::-moz-placeholder {
    color: transparent;
  }

  .news-input:focus:-ms-input-placeholder {
    color: transparent;
  }

  .news-input:focus::-ms-input-placeholder {
    color: transparent;
  }

  .news-input:focus::placeholder {
    color: transparent;
  }

  .news-input-button {
    margin-top: 1.123vw;
    background-color: var(--color-green-button);
    outline: none;
    border-radius: 0.793vw;
    width: 100%;
    height: 3.831vw;
    border: none;
  }

  .news-input-button:hover {
    background-color: var(--color-green-button-hover);
  }

  .news-input-button-text {
    font-size: 1.717vw;
    color: var(--color-white);
    font-family: var(--font-Tatishvili);
  }

  .main-footer-bottom {
    max-width: 95.112vw;
    margin: auto;
    margin-top: 11vw;
  }

  .footer-bottom-line {
    width: 100%;
    height: 0.132vw;
    background-color: var(--color-green-line);
  }

  .footer-bottom {
    margin-top: 3.699vw;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .footer-bottom-text1 {
    font-size: 1.057vw;
    color: var(--color-white);
    font-family: var(--font-BPG-Arial);
  }

  .footer-bottom-text2 {
    font-size: 1.717vw;
    color: var(--color-white);
    font-family: var(--font-Tatishvili);
  }

  .main-cat {
    width: 93.945vw;
  }

  .main-cat-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 3.906vw;
    margin-bottom: 10.352vw;
  }

  .cat-title-svg {
    width: 6.055vw;
    height: 6.055vw;
    fill: var(--color-red);
  }

  .cat-title {
    -ms-flex-item-align: center;
        align-self: center;
    font-size: 3.32vw;
    margin-left: 1.367vw;
  }

  .main-cat-grid {
    width: 93.945vw;
    display: grid;
    grid-template-columns: 42.09vw 42.09vw;
    grid-column-gap: 8.9vw;
    grid-row-gap: 5.859vw;
  }

  .product-info {
    grid-column: 2/3;
    grid-row: 3/4;
  }

  .product-info > button {
    margin-left: -0.586vw;
    border: none;
    background-color: transparent;
    outline: none;
  }

  .product-info-svg {
    width: 3.184vw;
    height: 3.184vw;
    fill: var(--color-product-info);
  }

  .main-product-item {
    width: 42.09vw;
    height: 30.273vw;
    display: grid;
    display: grid;
    grid-template-columns: 1.172vw 20.996vw 1.172vw 18.75vw;
    grid-template-rows: 0.781vw 0.684vw 6.738vw 5.371vw 4.492vw 1.27vw 4.59vw 6.152vw;
  }

  .product-item-frame {
    grid-column: 1/3;
    grid-row: 1/8;
    width: 100%;
    height: 100%;
    border-radius: 0.781vw;
    border: var(--color-home-side-grey) solid 0.098vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .product-item-img {
    width: 8.398vw;
  }

  .product-item-text {
    grid-column: 1/3;
    grid-row: 8/9;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 1.953vw;
  }

  .product-item-wishlist {
    grid-column: 4/5;
    grid-row: 2/4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .product-item-wishlist-button {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 4.395vw;
    border: none;
    outline: none;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .item-wishlist {
    width: 4.492vw;
    height: 4.492vw;
    border-radius: 50%;
    background-color: var(--color-menu-grey);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .item-wishlist-svg {
    padding-top: 0.293vw;
    width: 1.88vw;
    height: 1.611vw;
    stroke: var(--color-wishlist-grey);
    stroke-width: 0.146vw;
    fill: var(--color-menu-grey);
  }

  .wishlist-item-text {
    font-family: var(--font-BPG-Arial);
    font-size: 1.367vw;
    margin-left: 1.172vw;
    color: var(--color-menu-svg);
  }

  .product-item-wishlist-button:hover .item-wishlist-svg {
    stroke: var(--color-red);
    fill: var(--color-red);
  }

  .product-item-wishlist-button:hover .wishlist-item-text {
    color: var(--color-red);
  }

  .liked > div > svg,
  .liked > p {
    stroke: var(--color-red);
    fill: var(--color-red);
    color: var(--color-red);
  }

  .product-item-price {
    grid-column: 4/5;
    grid-row: 4/5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .product-price {
    font-size: 3.223vw;
    font-family: var(--font-Tatishvili);
  }

  .item-button {
    grid-column: 4/5;
    grid-row: 5/6;
    width: 100%;
    height: 100%;
    border-radius: 0.391vw;
    border: var(--color-home-side-grey) solid 0.098vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .item-button:hover {
    background-color: var(--color-main_green);
    border: none;
  }

  .item-button-svg {
    width: 1.736vw;
    height: 1.657vw;
    fill: var(--color-main_green);
  }

  .item-button:hover svg,
  .second-item-button:hover svg {
    fill: var(--color-white);
  }

  .item-button-p {
    font-family: var(--font-Tatishvili);
    font-size: 1.953vw;
    color: var(--color-menu-svg);
    margin-left: 0.977vw;
  }

  .item-button:hover p,
  .second-item-button:hover p {
    color: var(--color-white);
  }

  .second-item-button {
    grid-column: 4/5;
    grid-row: 7/8;
    width: 100%;
    height: 100%;
    border-radius: 0.391vw;
    border: var(--color-home-side-grey) solid 0.098vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .second-item-button:hover {
    background-color: var(--color-main_green);
    border: none;
  }

  .pages-ul {
    margin-top: 12.109vw;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-column-gap: 2px;
    grid-template-columns: auto auto auto auto auto;
    max-width: 25.879vw;
    color: var(--color-pages-grey);
    font-family: var(--font-Tatishvili);
    font-size: 3.125vw;
  }

  .pages-ul > li > a {
    color: var(--color-pages-grey);
  }

  .pages-ul > li > a > p:hover {
    color: var(--color-menu-svg);
  }

  .pages-svg {
    margin-bottom: 0.488vw;
    stroke: var(--color-pages-grey);
    stroke-linecap: round;
    width: 2.051vw;
    height: 1.27vw;
    stroke-width: 4;
    stroke-linejoin: round;
  }

  .pages-svg:hover {
    stroke: var(--color-menu-svg);
  }

  .img-404 {
    width: 64.453vw;
    margin-top: 6.055vw;
    padding-bottom: 4.102vw;
  }

  .modal {
    width: 655px;
    height: 80%;
  }

  .modal-body-main-div {
    height: 61vh;
  }

  .modal-call > a,
  .modal-shop > a {
    background-color: var(--color-main_green);
  }

  .modal-call > a > svg,
  .modal-shop > a > svg {
    fill: white;
  }

  .modal-call > a > p,
  .modal-shop > a > p {
    color: white;
  }

  .main-search-cat-title {
    text-align: center;
    margin-left: 0px;
  }

  .no-result {
    margin-left: 0px;
    text-align: center;
  }

  .modal-title-text {
    margin-top: 26px;
  }

  .text-title-div {
    margin-top: 24px;
  }

  .text-title {
    font-size: 24px;
  }

  .text-div {
    width: 87.964vw;
    margin-bottom: 48px;
    margin-top: 28px;
  }
}

@media (max-width: 834px) {
  .img-404 {
    width: 79.137vw;
    margin-top: 5.875vw;
    padding-bottom: 350.28px;
  }
}

@media (max-width: 768px) {
  /* ----------------

    header: 768
    
    ------------------- */

  .search_5 {
    grid-column: 2/4;
    grid-row: 3/4;
    justify-self: end;
  }

  .mobile-working-hours {
    grid-row: 1/2;
    grid-column: 2/4;
  }

  .header-color {
    margin-left: 0px;
    width: 50vw;
  }

  .header-a {
    margin-left: 0px;
  }

  .search {
    margin-right: 3vw;
    margin-left: 3vw;
    width: auto;
  }

  .lang {
    font-size: 22px;
  }

  /* ----------------

    search: 768
    
    ------------------- */

  .menu_main_div {
    width: 90vw;
  }

  .menu {
    margin-top: 55px;
  }

  .search_1-img {
    margin-top: -9px;
    width: 150px;
  }

  .mobile-working-hours {
    margin-right: 13px;
  }

  .mobile-working-hours-title {
    font-size: 16px;
  }

  .mobile-working-hours-text {
    margin-top: 10px;
    font-size: 10px;
  }

  .main-head-number {
    width: 137px;
    height: 33px;
    border-radius: 6px;
  }

  .head-number {
    font-size: 13px;
  }

  .head-number > svg {
    width: 12px;
    height: 12px;
  }

  .search_5 {
    grid-row: 2/3;
    margin-top: 31px;
  }

  .search {
    display: grid;
    grid-template-columns: 45px 1fr 45px;
    grid-template-rows: 19px 51px 46px 45px;
    grid-column-gap: 12px;
  }

  .wishlist-button-quantity {
    margin-top: -64px;
    width: 45px;
  }

  .wishlist-button-quantity-text {
    font-size: 14px;
  }

  .wishlist-button {
    width: 45px;
    height: 45px;
  }

  .menu_button {
    width: 45px;
    height: 45px;
    padding-left: 10px;
  }

  .search-input {
    padding-left: 18px;
    height: 41px;
  }

  .search_button {
    margin-right: 93px;
  }

  .search-img {
    width: 13.78px;
    height: 14.27px;
  }

  .wishlist-svg {
    width: 18px;
    height: 16px;
  }

  .search_2 {
    grid-row: 4/5;
    grid-column: 1/2;
  }

  .search_3 {
    grid-row: 4/5;
    grid-column: 2/3;
  }

  .main-search-drop {
    display: grid;
    grid-template-columns: 45px 1fr 45px;
    width: 94vw;
    height: 1.321vw;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    grid-column-gap: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .search-drop {
    position: absolute;
    width: 100%;
    max-height: 348px;
    height: auto;
    background-color: white;
    z-index: 20;
    margin-top: 12px;
    border-radius: 10px;
    overflow: hidden;
    grid-column: 1/4;
  }

  .search-drop-ul {
    display: grid;
    grid-template-columns: 100%;
    width: 100%;
    max-height: 348px;
    height: auto;
    overflow-x: hidden;
    overflow-y: scroll;
  }

  .search-drop-ul::-webkit-scrollbar {
    display: none;
  }

  .search-drop-li {
    padding-left: 20px;
    font-size: 16px;
    width: 100%;
    height: 58px;
  }

  .search_4 {
    grid-row: 4/5;
    grid-column: 3/4;
  }

  /* ----------------

    Menu Button:

    ------------------- */

  /* Define the shape and color of the hamburger lines */

  .navbar-toggler span {
    height: 4px;
    width: 25px;
    border-radius: 2px;
    margin-top: 4px;
    margin-bottom: 4px;
  }

  /* top line needs a little padding */

  .navbar-toggler span:nth-child(1) {
    margin-top: 5px;
  }

  /* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */

  .navbar-toggler:not(.collapsed) span:nth-child(1) {
    -webkit-transform: translate(10%, -33%) rotate(45deg);
        -ms-transform: translate(10%, -33%) rotate(45deg);
            transform: translate(10%, -33%) rotate(45deg);
    width: 26px;
  }

  /* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */

  .navbar-toggler:not(.collapsed) span:nth-child(3) {
    -webkit-transform: translate(10%, 33%) rotate(-45deg);
        -ms-transform: translate(10%, 33%) rotate(-45deg);
            transform: translate(10%, 33%) rotate(-45deg);
    width: 26px;
  }

  .main-home-section {
    justify-self: center;
  }

  .home-section_2-title {
    font-size: 26px;
  }

  .home-section_2-content {
    margin-top: 28px;
    grid-template-columns: repeat(3, 156px);
    grid-column-gap: 14px;
    grid-row-gap: 45px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .home-section_2-item {
    width: 156px;
    height: 167px;
  }

  .home-section_2-item_photo {
    width: 60px;
    margin-top: 26px;
  }

  .home-section_2-item_text {
    font-size: 16px;
    margin-top: 28px;
  }

  .main-cat {
    width: auto;
  }

  .main-cat-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 40px;
    margin-bottom: 106px;
  }

  .cat-title-svg {
    width: 62.002px;
    height: 62px;
    fill: var(--color-red);
  }

  .cat-title {
    -ms-flex-item-align: center;
        align-self: center;
    font-size: 34px;
    margin-left: 14px;
  }

  .main-cat-grid {
    width: auto;
    display: grid;
    grid-template-columns: 431px;
    grid-column-gap: 100px;
    grid-row-gap: 60px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .product-info {
    grid-column: 2/3;
    grid-row: 3/4;
  }

  .product-info > button {
    margin-left: -6px;
    border: none;
    background-color: transparent;
    outline: none;
  }

  .product-info-svg {
    width: 32.6px;
    height: 32.6px;
    fill: var(--color-product-info);
  }

  .main-product-item {
    width: 431px;
    height: 310px;
    display: grid;
    display: grid;
    grid-template-columns: 12px 215px 12px 192px;
    grid-template-rows: 8px 7px 69px 55px 46px 13px 47px 63px;
  }

  .product-item-frame {
    grid-column: 1/3;
    grid-row: 1/8;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: var(--color-home-side-grey) solid 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .product-item-img {
    width: 86px;
  }

  .product-item-text {
    grid-column: 1/3;
    grid-row: 8/9;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 20px;
  }

  .product-item-wishlist {
    grid-column: 4/5;
    grid-row: 2/4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .product-item-wishlist-button {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 45px;
    border: none;
    outline: none;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .item-wishlist {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: var(--color-menu-grey);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .item-wishlist-svg {
    padding-top: 3px;
    width: 19.25px;
    height: 16.5px;
    stroke: var(--color-wishlist-grey);
    stroke-width: 1.5px;
    fill: var(--color-menu-grey);
  }

  .wishlist-item-text {
    font-family: var(--font-BPG-Arial);
    font-size: 14px;
    margin-left: 12px;
    color: var(--color-menu-svg);
  }

  .product-item-wishlist-button:hover .item-wishlist-svg {
    stroke: var(--color-red);
    fill: var(--color-red);
  }

  .product-item-wishlist-button:hover .wishlist-item-text {
    color: var(--color-red);
  }

  .liked > div > svg,
  .liked > p {
    stroke: var(--color-red);
    fill: var(--color-red);
    color: var(--color-red);
  }

  .product-item-price {
    grid-column: 4/5;
    grid-row: 4/5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .product-price {
    font-size: 33px;
    font-family: var(--font-Tatishvili);
  }

  .item-button {
    grid-column: 4/5;
    grid-row: 5/6;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: var(--color-home-side-grey) solid 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .item-button:hover {
    background-color: var(--color-main_green);
    border: none;
  }

  .item-button-svg {
    width: 17.78px;
    height: 16.97px;
    fill: var(--color-main_green);
  }

  .item-button:hover svg,
  .second-item-button:hover svg {
    fill: var(--color-white);
  }

  .item-button-p {
    font-family: var(--font-Tatishvili);
    font-size: 20px;
    color: var(--color-menu-svg);
    margin-left: 10px;
  }

  .item-button:hover p,
  .second-item-button:hover p {
    color: var(--color-white);
  }

  .second-item-button {
    grid-column: 4/5;
    grid-row: 7/8;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: var(--color-home-side-grey) solid 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .second-item-button:hover {
    background-color: var(--color-main_green);
    border: none;
  }

  .pages-ul {
    margin: auto;
    margin-top: 94px;
    display: grid;
    grid-column-gap: 2px;
    grid-template-columns: auto auto auto auto auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 265px;
    color: var(--color-pages-grey);
    font-family: var(--font-Tatishvili);
    font-size: 32px;
  }

  .pages-ul > li > a {
    color: var(--color-pages-grey);
  }

  .pages-ul > li > a > p:hover {
    color: var(--color-menu-svg);
  }

  .pages-svg {
    margin-bottom: 5px;
    stroke: var(--color-pages-grey);
    stroke-linecap: round;
    width: 21px;
    height: 13px;
    stroke-width: 4;
    stroke-linejoin: round;
  }

  .pages-svg:hover {
    stroke: var(--color-menu-svg);
  }

  .img-404 {
    width: 66.797vw;
    margin-top: 7.813vw;
    padding-bottom: 7.943vw;
  }
}

@media (max-width: 632px) {
  .menu {
    height: 62vh;
  }

  .menu_main_div {
    height: 57vh;
  }

  .search_button {
    margin-right: 88px;
  }

  .menu_main_div {
    width: 89vw;
  }
}

@media (max-width: 600px) {
  .home-section_2-content {
    grid-template-columns: repeat(2, 156px);
    grid-column-gap: 7px;
  }

  .main-bank-acc {
    border-radius: 3.2vw;
    height: 73.867vw;
  }

  .main-footer {
    margin-top: 32vw;
    height: 319.667vw;
  }

  .main-footer-grid {
    margin-top: 7.067vw;
    grid-template-columns: 100%;
    grid-template-rows: 73.867vw 73.867vw 73.867vw;
    grid-row-gap: 9.333vw;
    width: 91vw;
  }

  .footer-grid_3 {
    grid-column: 1/2;
    grid-row: 1/2;
  }

  .main-news {
    grid-column: 1/2;
    grid-row: 3/4;
  }

  .footer-grid_2 {
    grid-column: 1/2;
    grid-row: 2/3;
  }

  .main-contact-info {
    height: 73.867vw;
    border-radius: 3.2vw;
  }

  .main-bank-title {
    font-size: 6.133vw;
    margin-left: 8.533vw;
  }

  .bank-item {
    height: 13.867vw;
  }

  .bank-item-img {
    margin-left: 8.533vw;
    width: 9.067vw;
  }

  .main-bank-div {
    padding-top: 6.933vw;
  }

  .bank-item-text {
    padding-left: 3.733vw;
    font-size: 4.8vw;
  }

  .main-bank {
    padding-top: 9.067vw;
  }

  .contact-info-title {
    font-size: 6.133vw;
  }

  .contact-info {
    padding-top: 9.067vw;
    margin-right: 11.2vw;
  }

  .contact-item-img {
    width: 4.8vw;
    height: 4.533vw;
  }

  .contact-item-text {
    font-size: 4.8vw;
  }

  .main-contacts {
    margin-top: 9.067vw;
  }

  .contact-item {
    height: 8.533vw;
  }

  .main-news-title {
    font-size: 6.933vw;
    margin-bottom: 5.333vw;
  }

  .news-input {
    width: 99%;
    height: 15.467vw;
    font-size: 4.267vw;
    border-radius: 2.133vw;
  }

  .news-input::-webkit-input-placeholder {
    font-size: 16px;
  }

  .news-input::-moz-placeholder {
    font-size: 16px;
  }

  .news-input:-ms-input-placeholder {
    font-size: 16px;
  }

  .news-input::-ms-input-placeholder {
    font-size: 16px;
  }

  .news-input::placeholder {
    font-size: 16px;
  }

  .news-input-button {
    border-radius: 2.133vw;
    height: 15.467vw;
    margin-top: 4.8vw;
  }

  .news-input-button-text {
    font-size: 6.933vw;
  }

  .footer-grid_1 {
    margin-top: 232vw;
  }

  .footer-logo {
    width: 33.067vw;
  }

  .footer-grid_1-title {
    font-size: 4.267vw;
    margin-right: 0vw;
    margin-left: 6.933vw;
  }

  .main-footer-grid_1-text {
    margin-top: 23.467vw;
    position: absolute;
    margin-left: 24vw;
  }

  .footer-grid_1-text {
    padding-top: 2.133vw;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 4.267vw;
  }

  .footer-logo-div {
    margin-left: 8.8vw;
  }

  .main-footer-bottom {
    margin-top: 261.333vw;
    width: 91vw;
  }

  .footer-bottom {
    margin-top: 5.333vw;
  }

  .footer-bottom-line {
    height: 0.533vw;
  }

  .footer-bottom-text2 {
    font-size: 6.933vw;
  }

  .footer-bottom-text1 {
    display: none;
  }

  .footer-bottom-text01 {
    margin-top: 1.867vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-BPG-Arial);
    font-size: 4.267vw;
    color: var(--color-white);
  }

  .footer-photo {
    width: 56.533vw;
    margin-top: -25vw;
  }

  .modal {
    width: 100%;
    height: 85.5%;
    top: 200%;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    border-radius: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    visibility: hidden;
  }

  .modal-body-div {
    height: 123px;
  }

  .modal.active {
    visibility: visible;
    top: 57.5%;
  }

  .modal-img_1 {
    width: 64px;
  }

  .modal-img_2 {
    margin-left: 32px;
    width: 49px;
  }

  .modal-img_3 {
    margin-left: 32px;
    width: 29px;
  }

  .modal-body-main-div {
    height: 64vh;
  }

  .text-div {
    width: 83.964vw;
  }
}

@media (max-width: 594px) {
  .return-catalog {
    margin-top: 67px;
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 75.758vw;
  }

  .return-empty-photo {
    margin-top: 9.428vw;
    justify-self: center;
    margin-bottom: 9.428vw;
  }

  .empty-photo {
    width: 18.737vw;
  }

  .return-catalog-button {
    font-size: 4.209vw;
    font-family: var(--font-Tatishvili);
    justify-self: center;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 41.751vw;
    height: 10.606vw;
    border-radius: 1.010vw;
  }

  .return-empty {
    font-size: 3.535vw;
  }

  .cart-title {
    width: 100%;
    margin-top: 8.418vw;
    margin-bottom: 8.418vw;
  }

  .cart-title > h1 {
    font-size: 5.724vw;
    font-family: var(--font-Tatishvili);
    color: var(--color-menu-svg);
    text-align: center;
  }

  .main-cart-form {
    width: 100%;
    height: 31.818vw;
    background-color: #FFF0F0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .cart-form {
    width: 92.593vw;
    height: 21.549vw;
    background-color: transparent;
  }

  .cart-form > p {
    font-size: 3.199vw;
    font-family: var(--font-BPG-Arial);
    color: var(--color-menu-svg);
  }

  .cart-form-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    height: 3.367vw;
    background-color: transparent;
    margin-left: 0.084vw;
    margin-top: 8.754vw;
  }

  .cart-form-input {
    font-size: 3.199vw;
    font-family: var(--font-BPG-Arial);
    color: var(--color-menu-svg);
    width: 43.434vw;
    border: none;
    background-color: transparent;
    border-bottom: 0.168vw solid var(--color-menu-svg);
    padding-bottom: 5.051vw;
    outline: none;
  }

  .cart-form-input:focus::-webkit-input-placeholder {
    color: transparent;
  }

  .cart-form-input:focus::-moz-placeholder {
    color: transparent;
  }

  .cart-form-input:focus:-ms-input-placeholder {
    color: transparent;
  }

  .cart-form-input:focus::-ms-input-placeholder {
    color: transparent;
  }

  .cart-form-input:focus::placeholder {
    color: transparent;
  }

  .cart-form-input::-webkit-input-placeholder {
    font-size: 3.199vw;
    font-family: var(--font-BPG-Arial);
    color: var(--color-menu-svg);
  }

  .cart-form-input::-moz-placeholder {
    font-size: 3.199vw;
    font-family: var(--font-BPG-Arial);
    color: var(--color-menu-svg);
  }

  .cart-form-input:-ms-input-placeholder {
    font-size: 3.199vw;
    font-family: var(--font-BPG-Arial);
    color: var(--color-menu-svg);
  }

  .cart-form-input::-ms-input-placeholder {
    font-size: 3.199vw;
    font-family: var(--font-BPG-Arial);
    color: var(--color-menu-svg);
  }

  .cart-form-input::placeholder {
    font-size: 3.199vw;
    font-family: var(--font-BPG-Arial);
    color: var(--color-menu-svg);
  }

  .cart-form-input2 {
    margin-left: -1.7vw;
  }

  .main-cart-product-div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .main-cart-product {
    margin-top: 4.209vw;
    width: 89.562vw;
    height: auto;
    background-color: transparent;
    display: grid;
    grid-row-gap: 3.704vw;
    grid-template-columns: 89.562vw;
  }

  .cart-product {
    width: 89.562vw;
    height: 43.098vw;
    background-color: var(--color-menu-grey);
    border-radius: 1.347vw;
    display: grid;
    grid-template-columns: 5.051vw 19.529vw 3.199vw 1fr;
    grid-template-rows: 4.545vw 6.902vw 5.556vw 5.724vw 6.902vw 8.754vw 4.714vw;
    color: var(--color-menu-svg);
    font-family: var(--font-Tatishvili);
  }

  .cart-product-title {
    font-size: 3.704vw;
    grid-column: 2/5;
    grid-row: 2/3;
  }

  .cart-product-img-div {
    width: 100%;
    height: 100%;
    background-color: transparent;
    grid-row: 3/7;
    grid-column: 2/3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .cart-product-img {
    width: 12.626vw;
  }

  .main-cart-product-text {
    font-size: 2.862vw;
    width: 56.902vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .cart-product-gel {
    font-family: var(--font-gel);
    font-size: 2.525vw;
    padding-left: 0.673vw;
  }

  .cart-product-text1 {
    grid-column: 4/5;
    grid-row: 4/5;
  }

  .cart-product-text2 {
    grid-column: 4/5;
    grid-row: 5/6;
    height: 6.902vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .cart-product-text3 {
    margin-top: 2.862vw;
    grid-column: 4/5;
    grid-row: 6/7;
  }

  .cart-product-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .cart-product-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 6.734vw;
    height: 6.734vw;
    border-radius: 50%;
    border: none;
    background-color: var(--color-side-button-after);
    outline: none;
  }

  .cart-product-button:hover {
    background-color: var(--color-menu-scroll-thumb);
  }

  .cart-product-button-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 3.367vw;
    height: 3.367vw;
  }

  .cart-product-quantity {
    margin-left: 3.704vw;
    margin-right: 3.704vw;
  }

  .main-cart-product::-webkit-scrollbar {
    width: 0.505vw;
    border-radius: 50.505vw;
  }

  .main-cart-product::-webkit-scrollbar-thumb {
    background: var(--color-menu-scroll-thumb);
    border-radius: 50.505vw;
  }

  .main-cart-product::-webkit-scrollbar-track {
    background: var(--color-menu-scroll);
    border-radius: 50.505vw;
  }

  .main-cart-total {
    margin-top: 5.051vw;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .cart-total {
    width: 92.593vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .cart-total-title {
    padding-top: 1.347vw;
    font-family: var(--font-Tatishvili);
    font-size: 5.051vw;
    color: var(--color-menu-svg);
  }

  .cart-total-price {
    margin-left: 3.704vw;
    font-family: var(--font-Tatishvili);
    font-size: 12.626vw;
    color: var(--color-red);
  }

  .cart-total-gel {
    font-family: var(--font-gel);
    font-size: 12.458vw;
    padding-left: 0.673vw;
  }

  .cart-total-button {
    width: 43.098vw;
    height: 12.963vw;
    outline: none;
    border-radius: 1.347vw;
    border: none;
    background-color: var(--color-main_green);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 3.367vw;
    z-index: 200;
  }

  .cart-total-button:hover {
    background-color: var(--color-total-green);
  }

  .cart-total-svg {
    width: 3.367vw;
    height: 4.545vw;
    fill: white;
  }

  .cart-total-text {
    padding-left: 1.684vw;
    padding-top: 0.673vw;
    font-family: var(--font-Tatishvili);
    color: white;
    font-size: 5.051vw;
    -ms-flex-item-align: center;
        align-self: center;
  }
}

@media (max-width: 580px) {
  .main-alert-div {
    margin-top: 186.913px;
  }
}

@media (max-width: 470px) {
  .main-cat {
    width: auto;
  }

  .main-cat-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 8.511vw;
    margin-bottom: 22.553vw;
  }

  .cat-title-svg {
    width: 13.192vw;
    height: 13.191vw;
    fill: var(--color-red);
  }

  .cat-title {
    -ms-flex-item-align: center;
        align-self: center;
    font-size: 7.234vw;
    margin-left: 2.979vw;
  }

  .main-cat-grid {
    width: auto;
    display: grid;
    grid-template-columns: 91.702vw;
    grid-column-gap: 21.277vw;
    grid-row-gap: 12.766vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .product-info {
    grid-column: 2/3;
    grid-row: 3/4;
  }

  .product-info > button {
    margin-left: -1.277vw;
    border: none;
    background-color: transparent;
    outline: none;
  }

  .product-info-svg {
    width: 6.936vw;
    height: 6.936vw;
    fill: var(--color-product-info);
  }

  .main-product-item {
    width: 91.702vw;
    height: 65.957vw;
    display: grid;
    display: grid;
    grid-template-columns: 2.553vw 45.745vw 2.553vw 40.851vw;
    grid-template-rows: 1.702vw 1.489vw 14.681vw 11.702vw 9.787vw 2.766vw 10vw 13.404vw;
  }

  .product-item-frame {
    grid-column: 1/3;
    grid-row: 1/8;
    width: 100%;
    height: 100%;
    border-radius: 1.702vw;
    border: var(--color-home-side-grey) solid 0.213vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .product-item-img {
    width: 18.298vw;
  }

  .product-item-text {
    grid-column: 1/3;
    grid-row: 8/9;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 4.255vw;
  }

  .product-item-wishlist {
    grid-column: 4/5;
    grid-row: 2/4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .product-item-wishlist-button {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 9.574vw;
    border: none;
    outline: none;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .item-wishlist {
    width: 9.787vw;
    height: 9.787vw;
    border-radius: 50%;
    background-color: var(--color-menu-grey);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .item-wishlist-svg {
    padding-top: 0.638vw;
    width: 4.096vw;
    height: 3.511vw;
    stroke: var(--color-wishlist-grey);
    stroke-width: 0.319vw;
    fill: var(--color-menu-grey);
  }

  .wishlist-item-text {
    font-family: var(--font-BPG-Arial);
    font-size: 2.979vw;
    margin-left: 2.553vw;
    color: var(--color-menu-svg);
  }

  .product-item-wishlist-button:hover .item-wishlist-svg {
    stroke: var(--color-red);
    fill: var(--color-red);
  }

  .product-item-wishlist-button:hover .wishlist-item-text {
    color: var(--color-red);
  }

  .liked > div > svg,
  .liked > p {
    stroke: var(--color-red);
    fill: var(--color-red);
    color: var(--color-red);
  }

  .product-item-price {
    grid-column: 4/5;
    grid-row: 4/5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .product-price {
    font-size: 7.021vw;
    font-family: var(--font-Tatishvili);
  }

  .item-button {
    grid-column: 4/5;
    grid-row: 5/6;
    width: 100%;
    height: 100%;
    border-radius: 0.851vw;
    border: var(--color-home-side-grey) solid 0.213vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .item-button:hover {
    background-color: var(--color-main_green);
    border: none;
  }

  .item-button-svg {
    width: 3.783vw;
    height: 3.611vw;
    fill: var(--color-main_green);
  }

  .item-button:hover svg,
  .second-item-button:hover svg {
    fill: var(--color-white);
  }

  .item-button-p {
    font-family: var(--font-Tatishvili);
    font-size: 4.255vw;
    color: var(--color-menu-svg);
    margin-left: 2.128vw;
  }

  .item-button:hover p,
  .second-item-button:hover p {
    color: var(--color-white);
  }

  .second-item-button {
    grid-column: 4/5;
    grid-row: 7/8;
    width: 100%;
    height: 100%;
    border-radius: 0.851vw;
    border: var(--color-home-side-grey) solid 0.213vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .second-item-button:hover {
    background-color: var(--color-main_green);
    border: none;
  }

  .pages-ul {
    margin-top: 26.383vw;
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-column-gap: 2px;
    max-width: 56.383vw;
    color: var(--color-pages-grey);
    font-family: var(--font-Tatishvili);
    font-size: 6.809vw;
  }

  .pages-ul > li > a {
    color: var(--color-pages-grey);
  }

  .pages-ul > li > a > p:hover {
    color: var(--color-menu-svg);
  }

  .pages-svg {
    margin-bottom: 1.064vw;
    stroke: var(--color-pages-grey);
    stroke-linecap: round;
    width: 4.468vw;
    height: 2.766vw;
    stroke-width: 4;
    stroke-linejoin: round;
  }

  .pages-svg:hover {
    stroke: var(--color-menu-svg);
  }
}

@media (max-width: 426px) {
  .search_button {
    margin-right: 77px;
  }

  .menu_main_div {
    width: 87vw;
  }
}

@media (max-width: 420px) {
  .cart-item__last-close {
    width: 12px;
    height: 12px;
  }

  .delete {
    margin-right: 12px;
    margin-top: 12px;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
  }
}

@media (max-width: 375px) {
  .img-404 {
    width: 89.987vw;
    margin-top: 10.933vw;
    padding-bottom: 16.8vw;
  }
}

@media (max-width: 346px) {
  .search_button {
    margin-right: 78px;
  }
}

@media (max-width: 340px) {
  .home-section_2-content {
    grid-template-columns: repeat(1, 156px);
    grid-column-gap: 0px;
  }
}

@media (max-width: 320px) {
  .modal-body-main-div {
    height: 64vh;
  }
}