/*!
ADAPT begins in line 2050
Theme Name: Storecomp
Theme URI: 
Author: Roman Kolesnik
Author URI: 
Description: This is my own theme for woocommerce.
Is was created for my portfolio.
Version: 1.0.0
*/
.account-title {
    margin: 30px 0;
}

.woocommerce-breadcrumb {
    margin-bottom: 30px;
}

#customer_login {
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
}

#customer_login div {
    width: 49%;
    border: 1px solid #DAE4ED;
    border-radius: 5px;
    padding: 10px 20px;
}

#customer_login label {
    color: #838688;
}

#customer_login input {
    font-size: 18px;
    line-height: 30px;
    border: 1px solid #EAEAF0;
    padding: 5px 15px;
    width: 100%;
    margin: 10px 0px;
}

#rememberme {
    width: 50px !important;
}

.account__submit {
    padding: 10px 0px;
    font-size: 18px;
    line-height: 20px;
    width: 35%;
    transition: .3s;
    border: 1px solid #2A5275;
}

.account__submit:hover {
    color: #2A5275;
    border: 1px solid #2A5275;
    background-color: transparent;
}

.account__form-row {
    display: flex;
    justify-content: space-between;
}
.menu-item {
  transition: all .3s;
}
#primary-menu.menu-item {
  color: red;
}
#primary-menu.menu-item:hover {
  text-shadow: 2px 2px 5px #3cc2e0;
}
.menu__list-account {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    background-color: #EDF2F6;
    color: #243C53;
    font-size: 18px;
    line-height: 20px;
}

.menu__list-account li {
    padding: 15px 20px;
    transition: .3s;
    border: 1px solid transparent;
}

.menu__list-account li:hover {
    border: 1px solid #4878A6;
}

.menu__list-account li.is-active {
    background-color: #4878A6;
    color: #fff;
}

.woocommerce-MyAccount-content {
    padding: 30px 10px 100px 10px;
}

*,
*::after,
*::before {
    box-sizing: border-box;
}

textarea {
    border: none;
    font-size: 16px;
    line-height: 18px;
    padding: 5px 10px;
}

.submit {
    background-color: #4878A6;
    padding: 5px 10px;
    border: 1px solid #4878A6;
    font-size: 22px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    transition: .3s;
    cursor: pointer;
}

.submit:hover {
    background-color: #fff;
    border: 1px solid #4878A6;
    color: #4878A6;

}

.widget {
    margin: 0 auto;
}

.login-form input::placeholder {
    font-size: 16px;
}


input {
    background: #f5f5f5;
}

section {
    margin-bottom: 90px;
}

.woocommerce-Price-currencySymbol {
    color: #4878A6;
}

/* Single product image size ----------------------------------------------------------------*/

.woocommerce-product-gallery__image img {
    width: 530px;
    height: 400px;
}

/* ---------------------------- */
a,
li,
button {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

ul,
ol {
    list-style: none;
    padding-left: 0;
}

button {
    border: none;
    background-color: transparent;
    transition: .3s;
}

h1,
h2 {
    margin: 0 auto;
}

body {
    font-weight: 300;
    font-family: 'Oswald', sans-serif;
    margin: 0 auto;
    letter-spacing: 1px;
}

button {
    letter-spacing: inherit;
}

/* BREADCRUMBS-------------------- */

.breadcrumbs__container {
    background-color: #BFCBD6;
    line-height: 40px;
    text-align: center;
}


.section-title {
    font-size: 36px;
    line-height: 47px;
    margin: 30px 0;
    text-align: center;
}

/* SLIDER */

.slick-arrow {
    border-radius: 50%;
}

.slider-arrow {
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 50px;
    font-size: 32px;
    padding: 5px 5px;
    padding-left: 5px;
    color: #fff;
    background-color: #2A5275;
    border-radius: 50%;
    padding-left: 16px;
    border: 2px solid transparent;
    transition: .3s;
    z-index: 3;
}

.arrow-left {
    top: 50%;
    left: -60px;
}

.arrow-right {
    top: 50%;
    right: -60px;
}

.slider-arrow:hover {
    transform: scale(130%);
    color: #2A5275;
    background-color: #fff;
    border: 2px solid #2A5275;
}

.slick-slide .product-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
}

.slick-slide .product-btn:hover {
    padding: 0px;
}

/* HEADER -------------------------------------------------------------------------*/

.logo img,
.custom-logo-link img {
    width: 83px;
    height: 83px;
}

.container {
    margin: 0 auto;
    max-width: 1220px;
    padding: 0 10px;
}

.header__top {
    background-color: #fff;
    position: relative;
    z-index: 2;
    justify-content: space-between;
    align-items: center;
    display: flex;
    height: 80px;
}

.search button {
    background-color: transparent;
}

.menu {
    position: relative;
    background: linear-gradient(61deg,rgba(16, 26, 33, 1) 37%, rgba(59, 98, 138, 1) 71%);
    margin-bottom: 20px;
    color: #fff;
}

.menu__drop {
    z-index: 1;
    width: 310px;
    background: #fff;
    border: 1px solid #a3cfff;
    left: 10px;
    position: absolute;
    top: -515px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    /* display: none; */
    /* top: 140px; */
    transition: all .5s;
    transition-timing-function: cubic-bezier(.68,-0.55,.27,1.55);
}

.menu__dropmed {
    z-index: 1;
    width: 310px;
    height: 430px;
    background: #EDF2F6;
    left: 352px;
    position: absolute;
    top: -515px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    /* display: none; */
    /* top: 140px; */
    transition: all .3s;
}

.menu__drop-active {
    top: 57px;
}

.menu__list-medium {
    align-items: center;
}

.menu__drop-list {
    list-style: none;
    display: flex;
    flex-direction: column;
}

.menu__drop-item,
.menu__drop-list li {
    align-items: center;
    height: 48px;
    padding-left: 60px;
    transition: .3s;
    border: 1px solid transparent;
    position: relative;
}

.menu__drop-item:hover,
.menu__drop-list li:hover {
    background: #F5FAFF;
    border: 1px solid #2A5275;
}

.sub-menu__list {
    display: none;
    position: absolute;
    top: -1px;
    left: 309px;
    width: 310px;
    border: 1px solid #a3cfff;
    background-color: #fff;
}

.menu-item-has-children:hover>ul {
    display: initial;
}


.menu__drop-link,
.menu__drop-list li a {
    line-height: 48px;
    /* display: block; */
    color: #070C11;
    text-decoration: none;
}

.menu__inner {
    display: flex;
    position: relative;
}

.menu__list-medium {
    display: none;
}

.slider {
    height: 491px;
    width: 885px;
    display: block;
    margin-left: auto;
}

.drop {
    margin-right: 80px;
    background: #243C53;
    padding-left: 60px;
    text-align: left;
    width: 310px;
    height: 60px;
    border: none;
    color: #fff;
    font-size: 22px;
    z-index: 2;
transition: all .3s;
}
.drop:hover {
  text-shadow: 2px 2px 5px #3cc2e0;
  background: #2A5275;
}
.logo img {
    width: 100px;
}

.header__top .contacts {
    color: #070C11;
    font-size: 16px;
    font-weight: 400;
    gap: 20px;
    justify-content: space-between;
    display: flex;
    margin-left: 282px;
}

.contacts__agenda {
    color: #838688;
}


.menu__list {
    text-decoration: none;
    list-style: none;
    display: flex;
    gap: 50px;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
}
.menu__list li {
   transirion: all .3s;
}
.menu__list li:hover {
   text-shadow: 2px 2px 5px #3cc2e0;
}
.personal {
    display: flex;
    align-items: center;
    gap: 25px;
}


.search_form {
    position: fixed;
    right: 31%;
    transform: scaleX(0%);
    transition: all .3s;
    top: 8px;
    z-index: 3;
}

.search_form.active {
    transform: scaleX(100%);
}

.search_form form {
    gap: 20px;
    width: 500px;
    display: flex;
    padding: 10px 15px;
    background-color: #2A5275;
}

.search {
    position: relative;
    left: 20px;
    transition: all .3s;
}

.close {
    right: 15px;
    display: none;
}

.close.active {
    display: block;
    position: fixed;
    right: 28.9%;
    top: 28px;
}

.open.active {
    opacity: 0;
}

.search-img {
    position: relative;
}

.search_form form input {
    color: #fff;
    border: 1px solid transparent;
    padding: 10px 10px;
    background-color: #4878A6;
    font-size: 16px;
}

.search-text {
    width: 100%;

}

.search__items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.search-text:focus {
    width: 100%;
    outline: none;
}

.search-sub {
    text-transform: uppercase;
    cursor: pointer;
}

.personal__cart {
    margin-right: 30px;
}

.cart-items {
    position: absolute;
    right: 19px;
    color: #2A5275;
    font-weight: 700;
    font-size: 18px;
    top: -11px;
}

.login {
  color: #fff;
  font-size: 16px;
  padding: 16px 30px;
  border: none;
  border-radius: 8px;
  background-color: #243C53;
  transition: all .3s;
}
.login:hover {
  background-color: #2A5275;
  text-shadow: 2px 2px 5px #3cc2e0;
}


.menu__list-link {
    letter-spacing: 2px;
    color: #fff;
    text-decoration: none;
}

.slider__item-img {
    border-radius: 12px;
    max-width: 885px;
    max-height: 491px;
}


/* POPULAR ------------------------------------------------------------*/

.popular {
    margin: 50px 0px;
}

.product_title {
    margin-bottom: 30px;
}

.product__items {
    display: flex;
    flex-wrap: wrap;

}


.popular__items.product-btn {
    display: block;
}

.rating__inner {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 5.3em;
}

.product__item {
    width: 285px;
    padding: 20px 20px;
    border: 1px solid #EAEAF0;
    /* height: 466px; */
    cursor: pointer;
}


.product__item-inner:hover .product__item-inner {
  animation: opacity .2s ease-in-out;
}
элемент {
  width: 300px;

}
.slick-initialized .slick-slide {
  display: block;

}
.product__item:hover {
  border: 1px solid #abc7df;

}

.product__item-inner {
    flex-direction: column;
    display: flex;
    justify-content: space-between;
}

.product__item-img {}

.product__item-img img {
    max-width: 286px;
    max-height: 224px;
    display: block;
}

.product__item-title {
    margin-bottom: auto;
    line-height: 26px;
    font-size: 20px;
    color: #070C11;
    font-weight: 300;
    flex-grow: 1;
    height: 90px;
    margin-top: 20px;
}

.product__item-prise {
    flex-grow: 3;
}

.product__fast-btn {
    width: 82%;
    height: 40px;
    color: #4878A6;
    border: 1px solid #4878A6;
    transition: .3s;
    background-color: #fff;
}

.product__fast-btn:hover {
    color: #fff;
    border: 1px solid #4878A6;
    background-color: #4878A6;
}

.product__buttons {
    justify-content: space-between;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}
.one__link {
    width: 100%;
}


.product-btn__img {
    margin: 0 auto;
}

.product__buttons button {
    border-radius: 4px;
}

.product-btn {
    background-color: #4878A6;
    width: 40px;
    height: 40px;
    /* padding-top: 6px; */
    transition: .3s;
    width: 50px;
}

.product-btn svg {
    width: 21px;
    height: 20px;
}

.product-btn:hover {
    background-color: #2A5275;
    height: 40px;
    /* padding-top: 6px; */
}

/* RELATER__PRODUCTS */
.related__inner {
    display: flex;
    gap: 20px;
}

.related__item {
    max-width: 25%;
}

.slick-slider {}

/* NEWS--------------------------------------------------- */
.news {}

.news__header {
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.news__inner {
    display: flex;
    justify-content: space-between;
}

.news__title {
    margin-left: 0px;
    display: block;
    margin-right: 30px;
}

.news__more {
    display: block;
    color: #2A5275;
    font-size: 16px;
    line-height: 19px;
}

.more {
    color: #2A5275;
    font-size: 16px;
    line-height: 19px;
    position: relative;
    transition: all .3s;
    padding: 4px 23px;
    border-radius: 8px;
}

.more:hover {
  background-color: #fff;
}


.more::after {
    width: 13px;
    height: 8px;
    position: absolute;
    content: "";
    background-image: url(assets/images/more.png);
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(225deg);
    bottom: 10px;
    transition: all .3s;
}

.news__item-home {
    border-radius: 10px;
    width: 49%;
    padding: 30px 50px;
    background: linear-gradient(61deg,rgba(237, 242, 246, 1) 37%, rgba(206, 223, 245,     0.65) 71%);
}

.news__item-title {
    margin: 0 auto;
    font-size: 28px;
    line-height: 33px;
    min-height: 80px;
}

.news__item-text {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    letter-spacing: 1px;
}

.news__item-footer {
    justify-content: space-between;
    display: flex;
}

.news__item-more {}

.news__item-date {
    color: #838688;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}

/* FOOTER---------------------------------------------------------------- */

.footer {

    background-color: #EDF2F6;
}

.footer__top a,
.footer__top p {
    font-size: 16px;
    line-height: 20px;
    color: #070C11;
}

.footer__top {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #c8c8c8;
    padding: 40px 0px;
}

.footer__bottom {
    padding: 50px 0px;
    align-items: center;
    color: #838688;
    display: flex;
    justify-content: space-between;
}

.footer__bottom img:hover {
    box-shadow: 10px 8px 10px 5px #4878A6;
}

.footer__bottom img {
    border-radius: 50%;
    transition: .3s;
}

.footer__item li {
    margin-bottom: 10px;
}

.footer__copy {
    font-size: 16px;
    line-height: 16px;
}

.footer__social {
    width: 420px;
}

.footer__author {
    font-size: 12px;
    line-height: 14px;
}

.logo {}

.footer__contacts {}

.footer__clients {}

.footer__about {}

.footer__coop {}

.twitter {}

.fb {}

.telegram {}

.instagramm {}

.footer__contacts-item {}

.footer__clients-item {}

.footer__about-item {}

.footer__coop-item {}

.footer__contacts-link {
    font-weight: 400;
}

.contacts__agenda {}

.contacts__adress {
    color: #838688;
    margin: 0 auto;
}

.footer__clients-title {}

.footer__clients-link {}

.footer__about-title {}

.footer__item-title {
    font-size: 20px;
    line-height: 20px;
    color: #838688;
}

.footer__coop-link {}

/* PRODUCT ------------------------------------------------*/

.peoduct {}

.product__inner {}

.product__header {
    display: flex;
    margin: 30px 0;
}

.product__menu {}

.product__descr {
    background-color: #EDF2F6;
    padding: 20px 30px;
}

#tab-description p {
    font-size: 18px;
    line-height: 32px;
    color: #838688;
}

.product__header-img {}

.product__header-content {
    padding: 30px 0px;
}

.product__menu-list {
    display: flex;
    gap: 30px;
    margin-bottom: 50px !important;
}

.product__descr-title {
    font-size: 28px;
    line-height: 33px;
    color: #070C11;
}

.product__descr-text {
    font-size: 16px;
    line-height: 20px;
    color: #070C11;
}

.woocommerce-Reviews-title {
    font-weight: 400;
}

.avatar {
    border-radius: 50%;
}

.comment_container {
    display: flex;
    align-items: center;
    gap: 30px;
}

.commentlist li {
    margin-bottom: 30px;
}

.product__img {
    width: 530px;
    height: 400px;
}

.product__header-title {
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 0px;
}

.product__header-buttons {
    margin-bottom: 0px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-right: 50px;
}

.product__header-buy {
    display: flex;
    justify-content: space-between;
}

.product__header-buy {
    display: flex;
    justify-content: space-between;
    color: #838688;
    font-size: 16px;
    line-height: 19px;
}

.product__menu-item {
    padding: 0px 20px;
    border: 1px solid #2A5275;
    color: #2A5275;
    transition: .3s;
}

.product__menu-list li.active {
    background-color: #2A5275;

}

.product__menu-list li.active a {
    color: #fff;
}

.product__header-price,
.woocommerce-Price-amount {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
}

.product__header-cart,
/* .single_add_to_cart_button, */
.product__header-klickcart {
    font-size: 16px;
    line-height: 20px;
    padding: 9px 0;
    width: 100%;
    max-width: 228px;
    transition: .3s;
}

.product__header-cart

/* .single_add_to_cart_button */
    {
    background: #4878A6;
    border: 1px solid #4878A6;
    color: #fff;
}

.product__header-cart:hover {
    background: #fff;
    color: #000;
}

.product__header-klickcart {
    background: #fff;
    border: 1px solid #4878A6;
}

.product__header-klickcart:hover {
    background: #4878A6;
    border: 1px solid #4878A6;
    color: #fff;
}

.product__header-delivery {
    width: 49%;
}

.product__menu-link {
    color: #2A5275;
    font-size: 16px;
    line-height: 20px;
}

.buy__title {}

.buy-var {
    font-size: 16px;
    line-height: 19px;
    color: #838688;
}

.buy__text {
    font-size: 20px;
    line-height: 22px;
    color: #000;
}

/* TABLE------------------------------------- */

.table {
    width: 100%;
}

.table__row:nth-child(odd) {
    background-color: #e8e8e8;
}

.table__d {
    padding: 10px 5px;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: auto;
    width: 50%;
}

.table__d:nth-child(odd) {
    font-weight: 700;
    padding-left: 200px;
}

/* NEWS------------------------------------------- */

.news__inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.news__item {
    background-color: #EDF2F6;
    display: flex;
    width: 49%;
    padding: 30px 30px;
    gap: 20px;
}

.news__item-img img {
    width: 150px;
    height: 100%;
}

.news__item-content {}

.news__item-top {}

.news__item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    line-height: 19px;
}

.news__item-title {
    font-size: 24px;
    line-height: 26px;
}

.red {
    background-color: red;
}

.news__item-text {}

/* .news__item-more {
    color: #2A5275;
    position: relative;
} */
/* .news__item-more::after {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../assets/more.png);
    width: 6px;
    height: 11px;
} */

.news__item-date {
    color: #838688;
}


/* --------------- */
.news__single {}

.container {}

.single {
    display: flex;
    gap: 20px;

}

.single p {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
}

.single li {
    margin: 5px auto;
}

.single h4 {
    margin: 10px 0px;
}

.single__img img {
    width: 550px;
    height: 360px;
}

.single__title {
    font-size: 36px;
    line-height: 46px;
}

.single__text {}

.single__subtitile {
    font-weight: 599;
    font-size: 24px;
    line-height: 26px;
}



/* OFFERS---------------------------------------- */

.offers {}

.offers__items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.offers__item {
    background-color: #EDF2F6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 50px;
    width: 49%;
    transition: .3s;
}

.offers__item-title {
    font-size: 28px;
    line-height: 33px;
    margin: 0;
}

.offers__item:nth-child(odd):hover {
    transform: translateX(-20px);
box-shadow: 2px 2px 7px #a3cfff;
  color: #4878A6;
}

.offers__item:nth-child(even):hover {
    transform: translateX(20px);
box-shadow: 2px 2px 7px #a3cfff;
  color: #4878A6;
}

.offers__item-img img {
    width: 200px;
    height: 150px;
}

.offers-single__list {
    margin-left: -28px;
}

.offers-single__list li {
    margin-bottom: 10px;
}

/* Contacts---------------------------------------------------- */




.contacts {
    font-weight: 300;
}

#small {
    display: none;
}

.contacts__inner {}

.contacts__location {
    display: flex;
    gap: 30px;
}

.contacts__form-title {
    font-weight: 700;
    font-size: 30px;
    line-height: 34px;
}

.contacts__form {}

.contacts__links {
  width: 420px;
  border-radius: 5px;
  padding: 30px 0px;
  background: linear-gradient(2deg,rgba(237, 242, 246, 1) 37%, rgba(147, 195, 250, 0.65) 71%);
}

.contacts__map {
    width: 63%;
}

.contacts__map iframe {
    width: 100%;
}


.contacts__form-body {
    display: flex;
    text-align: left;
}

.contacts__links-info {
    cursor: pointer;
    padding: 5px 30px;
    transition: all .3s;
    margin-bottom: 5px;
}

.contacts__links-info:hover {
    background-color: #7FC0F9;
}

.contacts__links-mail {
    padding-left: 30px;
    color: #2A5275;
    font-size: 24px;
    font-weight: 600;
}

.contacts__links-agenda {
    padding-left: 30px;
}

.contacts__links-agenda span {
    margin-bottom: 10px;
}

.contacts__links-agenda span {
    display: block;
    color: #838688;
    font-size: 16px;
    font-weight: 360;
}



.contact__form-left {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}

.contact__form-left input {
    font-size: 18px;
    line-height: 30px;
    border: 1px solid #EAEAF0;
    margin-bottom: 20px;
    padding: 5px 15px;
}

.contact__form-right label {
    font-size: 16px;
    line-height: 20px;
}

.contacts__links-adress {
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    margin: 5px 0px;
}

.contacts__links-phone {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    color: #2A5275;
    letter-spacing: 3px;
}

.contacts__form-name {}

.contacts__form-submit {
    background-color: #2A5275;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 5px 15px;
    transition: all. 3s;
    border-radius: 8px;
}
.contacts__form-submit:hover { 
    text-shadow: 2px 2px 5px #3cc2e0;
    background: linear-gradient(213deg,rgba(47, 98, 143, 1) 37%, rgba(74, 138, 212, 0.65) 71%);	
}

.contacts__form-message {
    display: block;
    font-size: 23px;
    line-height: 26px;
    padding: 8px 15px;
    margin-bottom: 19px;
    border: 1px solid #e8e8e8;
}

.contacts__form-conf {
    margin: 0px auto;
}

.contacts-line {
    width: 86%;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #dadada;
}

.contacts__links-info.active {
    background-color: #7FC0F9;
}

.contacts__map p {
    margin: 0 auto;
}

/* SERVIS ------------*/
.servis-title {
    font-size: 36px;
    line-height: 47px;
    margin: 30px 0;
}

.servis span,
.servis a {
    font-size: 28px;
    line-height: 33px;
    font-weight: 700;
}

.servis a {
    color: #4878A6;
}

.servis p {
    font-size: 16px;
    line-height: 20px;
}

.servis-imp {
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

.servis__inner {
  max-width: 975px;
  margin: 0 auto;
  border-radius: 20px;
  background: linear-gradient(61deg,rgba(237, 242, 246, 1) 37%, rgba(206, 223, 245, 0.65) 71%);
  padding: 10px 20px;
}

/* POPUP----------------------------- */

.popup__up {
    transform: translateX(44.5%) translateY(-44.5%) scale(0);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: transparent;
    z-index: 4;
    transition: .4s ease-in-out;
}

.popup__up.active {
    display: block;
    transform: translateX(0) translateY(0) scale(100%);
    background-color: rgba(0, 0, 0, .8);
}

.popup__container {
    display: flex;
    width: 100%;
    height: 100%;
}

.popup__body {
    margin: auto;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 25px 50px 25px 50px;
    position: relative;
}

.popup__close {
    cursor: pointer;
    width: 65px;
    height: 24px;
    position: absolute;
    right: 8px;
    top: 5px;
    border-radius: 6px;
    border: 1px solid #243C53;
    background-color: #4878A6;
    line-height: 22px;
    color: #fff;
    font-weight: bold;
}

.login-form {
    width: 100%;
}

.tab-login {
    background-color: transparent;
    padding: 10px 20px;
    /* font-weight: 700; */
    border: 1px solid #000;
    border-radius: 8px;
}

.tab-login.active {
    border: 1px solid transparent;
    background-color: #2A5275;
    color: #fff;
}

.login__tabs {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
}

.reg-submit {
    width: 50%;
    border-radius: 8px;
}

.tab-login {
    font-size: 18px;
}


/* Woocommerce-cart */
.site-header-cart {
    list-style-type: none;
    margin-left: 0;
    padding: 0;
    margin-bottom: 0
}

.site-header-cart .cart-contents {
    display: block;
}

.site-header-cart .widget_shopping_cart {
    display: block;
}

.site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message {
    margin: 1.41575em
}

.site-header-cart .widget_shopping_cart .product_list_widget img {
    margin-left: 1em
}

.mini_cart_item img {
    width: 200px;
    height: 200px;
}

.mini_cart_item {
    position: relative;
    padding: 10px 20px;

}

.mini_cart_item>.remove_from_cart_button {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 22px;
    font-weight: 700;
    color: #4878A6;
}

.quantity input {
    line-height: 20px;
    /* margin: 0 5px; */
    font-size: 18px;
    padding: 2px 6px;
    border: 1px solid #0E1821;
    background-color: transparent;
}

.quantity input.input-text {
    margin: 0 9px 0 5px;
    width: 50px;
}

.minus,
.plus {
    background-color: #4878A6;
    color: #4878A6;
    font-size: 22px;
    font-weight: 700;
    min-width: 29px;
    cursor: pointer;
}

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

.wc-block-components-sidebar {
    background-color: #EDF2F6;
    padding: 0 20px !important;
}

.wc-block-cart__submit-container {
    transition: all .3s;
    background-color: #4878A6;
    border: 1px solid transparent;
    color: #fff;
}

.wc-block-cart__submit-container:hover {
    transition: .3s;
    background-color: transparent;
    color: #4878A6;
    border: 1px solid #4878A6;
}

.wc-block-cart-item__prices,
.wc-block-components-product-metadata {
    display: none !important;
}

.wc-block-cart table.wc-block-cart-items {
    margin: 0 !important;
}

.search_form {
    position: fixed;
}

/* ONECLICK --------------------------------------------------------------------- */
.form-custom-order-footer {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
    text-align: center;
}
.form-custom-order-footer input {
    display: block;
    background-color: transparent;
    margin: 0 auto;
    font-size: 16px;
    line-height: 25px;
    max-width: 100%;
}
.form-custom-order-footer span {
    display: block;
   
}
.form-custom-order-footer .woocommerce-Price-currencySymbol{
    display: inline;
}
.custom-order {
    text-align: center;
}
.oneclick__image {
    width: 50%;
    display: block;
    margin: 0 auto;
}
.oneclick__title {
    margin: 10px auto;
}
.form-custom-order-footer .wpcf7-submit {
  color: #fff;
  font-size: 16px;
  padding: 10px 30px;
  border: none;
  background-color: #2A5275;
  line-height: 16px;
}
.form_absolute {
    position: absolute;
    left: 0;
    top: 0;
}

/* ADAPT --------------------------------------------------------------------------*/


@media (min-width:1600px) and (max-width: 1919px) {
   
    
    .menu__drop {
        left: 10px;
    }

    .search_form {
        right: 31%;
    }

    .close.active {
        right: 28.9%;
    }
}

@media (min-width:1280px) and (max-width:1599px) {
    
    .menu__drop {
        left: 10px;
    }

    .search_form {
        right: 31%;
    }

    .close.active {
        right: 28.9%;
    }

    .arrow-left {
        top: 50%;
        left: -30px;
    }

    .arrow-right {
        top: 50%;
        right: -30px;
    }

    /* SERVICE */
    .servis a,
    .servis span {
        font-size: 22px;
        line-height: 24px;
    }
}
@media(max-width: 1279px) {

    /* SERVICE */
    .servis a,
    .servis span {
        font-size: 22px;
        line-height: 24px;
    }
    .slider-arrow {
        display: none;
    }

}
@media(max-width: 1280px) {

    /* SERVICE */
    .servis a,
    .servis span {
        font-size: 22px;
        line-height: 24px;
    }
}

@media(max-width: 1024px) {

    /* SERVICE */
    .servis a,
    .servis span {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (min-width:1024px) and (max-width: 1279px) {
    body {
        max-width: 1024px;
    }
    
    .drop {
        margin-right: 20px;
    }

    .header__top .contacts {
        margin-left: 50px;
    }

    .menu {
        margin-bottom: 5px;
    }

    .menu__list {
        gap: 40px;
    }

    .menu__drop {
        left: 10px;
    }

    .menu__drop-list li {
        height: 36.4px;
    }

    .search_form {
        right: 31%;
    }

    .close.active {
        right: 28.9%;
    }

    .slider {
        height: 391px;
        width: 690px;
    }

    .slider img {
        max-height: 391px;
        max-width: 690px;
    }

    .footer__top {
        padding: 40px 60px;
    }

    .footer__social {
        width: auto;
    }

    .footer__bottom {
        padding: 50px 56px;
    }

    /* PRODUCT */
    .woocommerce-product-gallery__image img {
        width: 410px;
        height: 300px;
    }

    .product__header-cart,
    .product__header-klickcart {
        font-size: 12px;
        line-height: 20px;
        padding: 9px 0;
        width: 170px;
        transition: .3s;
    }
    
    /* NEWS */
    .news__item-title {
        font-size: 20px;
        line-height: 23px;
        min-height: 70px;
    }
    .news__title {
        margin-right: 10px!important;
    }

    /* PRODUCTS */
    .product__item-inner img {
        width: 100%;
        height: auto;
    }

    ul.products li.produc {
        margin: 5px 5px !important;
    }

    .product__item {
        margin-right: 5px;
    }

    .product__item-title {
        line-height: 20px;
        font-size: 18px;
    }
}

@media(max-width:1024px) {
    .container {
        max-width: 1000;
    }

    .footer__social {
        width: auto;
    }

    /* NEWS */
    .news__item-title {
        font-size: 20px;
        line-height: 23px;
        min-height: 40px;
    }
    .news__title {
        margin-right: 10px!important;
    }
    /* OFFERS-SINGLE */
    .single__img {
        width: 100%;
        height: 200px;
        overflow: hidden;
    }

    .single__img img {
        width: auto;
        height: auto;
        position: relative;
        bottom: 177px;
    }

    .single {
        display: flex;
        gap: 20px;
        flex-direction: column-reverse;
    }
}

@media(max-width:1024px) {
    .slick-slide img {
        max-width: 208px;
        height: auto;
    }


}

@media (min-width: 768px) and (max-width: 1023px) {
    .section-title {
        font-size: 26px;
        line-height: 28px;
        margin-top: 0;
    }

    section {
        margin-bottom: 20px;
    }

    .container {
        max-width: 768px;
    }

    .popup__up {
        top: 0;
        left: 0;
    }

    .login__tabs {
        margin-bottom: 20px;
    }

    .menu {
        margin-bottom: 10px;
        background-color: #2A5275;
        z-index: 2;
    }

    .menu__list,
    .drop {
        display: none;
    }

    .menu__list-medium {
        gap: 50px;
        margin: 0 auto;
        font-size: 13px;
        line-height: 20px;
        display: flex;
        color: #BFCBD6;
        justify-content: space-between;
    }

    .menu__list-medium button {
        background-color: transparent;
    }

    .menu__list-medium li {
        padding: 10px 13px;
        transition: all .3s;
    }

    .menu__list-medium li img {
        display: block;
        margin: 0 auto;
    }

    .personal {
        display: none;
    }

    .header__top .contacts {
        font-size: 15px;
        margin-left: 10px;
    }

    .slider {
        width: 100%;
        height: auto;
    }

    .slider img {
        border-radius: 0px;
        max-height: 420px;
    }

    .menu__drop {
        display: block;
        position: absolute;
        top: -600px;    
        left: 0;
        width: 100%;
    }

    .menu__dropmed {
        display: block;
        position: absolute;
        top: -368px;
        left: 0;
        width: 100%;
    }

    .menu__drop-active {
        top: 57px;
    }

    .menu__dropmed-active {
        top: 142px;
    }

    .search_form {
        right: 31%;
        top: 12px;
    }

    .product__item-img img {
        max-width: 200px;
    }

    .woocommerce-product-gallery__wrapper img {
        display: block;
        margin: 0 auto;
    }

    .product__items li {
        max-width: 285px;
    }

    .related__inner {
        justify-content: center;
        flex-wrap: wrap;
    }

    .product__item {
        width: 285px;
    }

    .news__more {
        margin-bottom: 0;
    }

    .news__item-home {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .news__inner {
        flex-direction: column;
        gap: 20px;
    }

    .news__item-title {
        text-align: left;
        width: 100%;
    }

    .footer__item {
        width: 40%;
    }

    .footer__top {
        flex-wrap: wrap;
        padding: 40px 110px;
    }

    .footer__copy {
        max-width: 229px;
        margin-right: 50px;
    }

    .footer__bottom {
        padding: 50px 50px;
    }

    /* OFFERS------------- */
    .offers__item {
        padding: 0 20px;
        width: 48%;
        max-height: 145px;
        transition: .3s;
    }

    .offers__item-title {
        font-size: 22px;
        line-height: 25px;
    }

    .offers__item-img {
        transform: scale(60%);
    }

    /* OFFERS SINGLE */
    .single {
        flex-direction: column-reverse;
    }



    .single__img img {
        width: 100%;
    }

    .offers-single__list {
        margin-left: -18px;
    }

    /* NEWS------------- */
    .news__title {
        margin-right: 10px!important;
    }
    .news__item {
        width: 100%;
    }

    .single__img {
        overflow: hidden;
        width: 100%;
        height: 150px;
    }

    .single__img img {
        height: auto;
        position: relative;
        bottom: 120px;
    }

    /* SERVICE---------------- */
    .servis a,
    .servis span {
        font-size: 20px;
        line-height: 22px;
    }


    /* CONTACTS */
    .contacts__links-mail {
        font-size: 17px;
    }

    .reg-submit {
        width: 100%;
    }

    .contacts__form-title {
        font-size: 26px;
        line-height: 28px;
    }

    .contact__form-left input {
        font-size: 19px;
        line-height: 22px;
        margin-bottom: 13px;
    }

    .contacts__form-message {
        font-size: 16px;
        line-height: 18px;
        padding: 2px 10px;
        margin-bottom: 10px;
    }

    .product__items {
        justify-content: center;
    }


    /* PRODUCTS */
    .product__header {
        flex-direction: column;
        justify-content: center;
        padding: 10px 20px;
    }

    .product__img {
        margin: 0 auto;
        display: block;
    }

    .product__header-buttons {}

    .product__header-price {
        margin-right: 100px;
    }

    .wc-block-checkout__main {
        width: 50% !important;
    }

    .wc-block-checkout__sidebar {
        width: 50% !important;
    }

    /* PRODUCT */
    .product__header-title {
        font-size: 26px;
        line-height: 36px;
    }

    #tab-description p {
        font-size: 14px;
        line-height: 24px;
    }

    .woocommerce-product-gallery__image img {
        width: 480px;
        height: 350px;
    }

    /* PRODUCTS */
    .product__item-inner img {
        width: 80%;
        height: auto;
        margin: 0 auto;
        display: block;
    }
    
    /* CONTACTS */
    .contacts__links-phone {
        font-size: 16px;
        line-height: 18px;
    }
}

@media (min-width: 480px) and (max-width:767px) {
    .container {
        padding: 0 10px;
        max-width: 100%;
    }

    .header__top .contacts {
        display: none;
    }

    .personal {
        display: none;
    }

    .login {
        padding: 14px 30px;
    }

    .menu {
        margin-bottom: 10px;
        background-color: #2A5275;
        z-index: 2;
    }

    .menu__list {
        display: none;
    }

    .menu__list-medium {
        padding: 5px 5px;
        gap: 49px;
        margin: 0 auto;
        font-size: 13px;
        line-height: 20px;
        display: flex;
        color: #BFCBD6;
        justify-content: space-between;
    }


    .menu__list-medium li {
        padding: 0;
        background-color: transparent;
    }

    .menu__drop {
        width: 100%;
        left: 0;
        top: -600px;
    }

    .menu__drop-active {
        top: 55px;

    }

    .search_form {
        right: 0;
        width: 100%;
        top: 16px;
        padding: 0 20%;
    }

    .search_form form {
        max-width: 100%;
        width: 100%;
        
    }

    .search_form form input {
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        
    }

    .menu__dropmed {
        width: 100%;
        left: 0;
    }

    .menu__dropmed-active {
        top: 137px;
    }

    .slider {
        max-height: 258px;
    }

    .slider img {
        max-height: 258px;
    }

    .popup__container {
        max-width: 480px;
    }

    .tab-login {
        padding: 5px 10px;
        font-size: 14px;
    }

    .contacts__form-title {
        font-size: 20px;
        line-height: 24px;
    }

    .popup__body {
        margin: 100px auto auto auto;
    }

    .contact__form-left {
        margin-right: 0;
        margin-top: 5px;
    }

    .contact__form-left input {
        font-size: 16px;
        line-height: 24px;
    }

    /* POPULAR */
    .section-title {
        font-size: 26px;
        line-height: 37px;
        margin: 20px 0;
        margin-bottom: 30px;
        text-align: center;
    }

    .product__item-title {
        font-size: 16px;
    }

    .breadcrumbs__container {
        line-height: 25px;
        font-size: 12px;
    }

    .product__header-cart,
    .product__header-klickcart {
        font-size: 12px;
        line-height: 20px;
        padding: 3px 13px;
        width: auto;
        transition: .3s;
    }

    .product-btn {
        width: 40px;
    }

    section,
    .popular {
        margin: 20px 0;
    }

    /* NEWS*/
    .news__item-home {
        width: 100%;
        padding: 20px 30px;
    }

    .news__item-home p {
        font-size: 14px;
        line-height: 16px;
    }

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

    .news__header .more {
        line-height: 16px;
        bottom: 2px;
    }

    .news__item-title {
        font-size: 16px;
        line-height: 18px;
        min-height: auto;
        text-align: left;
    }

    .news__item-top p {
        font-size: 14px;
        line-height: 16px;
    }

    .news__item-img {
        display: none;
    }

    .footer__item {
        width: 50%;
    }

    .footer__item .custom-logo-link {
        display: flex;
    }

    .custom-logo {
        margin: 0 auto;
    }

    .footer__item li,
    h3 {
        text-align: center;
    }

    .footer__top {
        flex-wrap: wrap;
    }

    .footer__bottom {
        padding: 20px 36px;
        flex-wrap: wrap;
        gap: 10px;
    }

    /* PRODUCT */
    .product__header {
        flex-direction: column;
    }

    .woocommerce-product-gallery__image img {
        width: 430px;
        height: 300px;
    }

    .product__header-title {
        font-size: 22px;
        line-height: 26px;
    }

    .product__header-buttons {
        justify-content: start;
        gap: 5px;
    }

    #tab-description p {
        font-size: 14px;
        line-height: 22px;
    }

    .product__descr {
        font-size: 14px;
        padding: 10px 20px;
    }

    .quantity input {
        font-size: 12px;
    }

    .product__header {
        margin: 0;
    }

    .product__header-content {
        padding: 5px 0;
    }

    .product__menu-list {
        margin-bottom: 20px !important;
        gap: 5px;
    }

    .commentlist li {
        margin-bottom: 10px;
    }

    .woocommerce-product-gallery__wrapper img {
        display: block;
        margin: 0 auto;
    }

    .woocommerce-tabs ul.tabs li a {
        padding: 6px 0 !important;
    }

    .product__header-title {
        text-align: center;
    }

    .form-submit input {
        font-size: 16px;
        line-height: 18px;
    }

    .contact__form-left {
        flex-direction: column;
        gap: 10px;
        flex-wrap: wrap;
    }

    .related__inner {
        gap: 0;
        flex-wrap: wrap;
    }

    .product__item {
        width: 50%;
        margin-bottom: 5px !important;
    }

    .product__item-inner img {
        width: 100%;
        height: auto;
    }

    .product__buttons .product__header-cart {
        padding: 6px 8px;
    }

    .product-btn {
        height: 34px;
    }

    /* PRODUCTS */
    .product__items li {
        max-width: 230px;
    }

    /* OFFERS */
    .offers__items {
        gap: 5px;
    }

    .offers__item {
        width: 100%;
    }

    .offers__item-img img {
        width: 150px;
        height: 100px;
    }

    .offers__item-title {
        font-size: 20px;
        line-height: 25px;
        margin: 0;
    }

    /* NEWS */
    .news__item {
        width: 100%;
    }

    /* CONTACTS */
    .contacts {
        max-width: 480px;
        margin: 0 auto;
    }

    .contacts__location {
        flex-wrap: wrap;
    }

    .contacts__links,
    .contacts__map {
        width: 100%;
    }

    .contacts__map iframe {
        height: 300px;
    }

    .contacts__links {
        padding: 10px 0px;
        display: flex;
        flex-wrap: wrap;
    }

    .contacts__links-agenda {
        text-align: center;
        padding-left: 0;
    }

    .contacts__form-body {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .contact__form-left {
        flex-direction: row;
        gap: 10px;
        flex-wrap: wrap;
    }

    .contacts__links-info {
        width: 50%;
        text-align: center;
    }

    .contacts-line {
        margin-bottom: 4px;
    }

    .contacts__links-phone {
        font-size: 18px;
        line-height: 20px;
    }

    .contacts__links-mail {
        margin: 0 auto;
        padding-left: 0;
    }

    .contacts__form-message {
        font-size: 16px;
        line-height: 18px;
        padding: 5px 10px;
    }

    .contacts__form-submit {
        line-height: 25px;
        margin-bottom: 10px;
    }

    .contact__form-left input {
        margin-bottom: 0;
    }

    .contact__form-left {
        flex-direction: row;
        gap: 10px;
        flex-wrap: wrap;
    }

    .contact__form-right label {
        font-size: 12px;
        line-height: 14px;
    }

    .single__img {
        width: 100%;
        height: 100px;
        overflow: hidden;
    }

    .single__img img {
        bottom: 67px;
    }

    .single__subtitile {
        font-weight: 599;
        font-size: 20px;
        line-height: 15px;
    }

    .single p,
    .single ol {
        font-size: 14px;
        line-height: 16px;
    }
}

@media(max-width: 480px) {
    .servis p {
        font-size: 12px;
        line-height: 16px;
    }

    p {
        margin: 5px 0px;
    }

    h2 {
        margin: 10px 0px;
    }

    .section-title {
        margin-bottom: 20px;
    }

    /* CONTACTS */
    .contacts__location {
        flex-wrap: wrap;
    }

    .contacts__links,
    .contacts__map {
        width: 100%;
    }

    .contacts__map iframe {
        height: 300px;
    }

    .contacts__links {
        padding: 10px 0px;
        display: flex;
        flex-wrap: wrap;
    }

    .contacts__links-agenda {
        text-align: center;
        padding-left: 0;
    }

    .contacts__form-body {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .contact__form-left {
        flex-direction: column;
        gap: 10px;
        flex-wrap: wrap;
    }

    .contacts__links-info {
        width: 50%;
        text-align: center;
        padding: 0;
    }

    .contacts-line {
        margin-bottom: 4px;
    }

    .contacts__links-phone {
        font-size: 18px;
        line-height: 20px;
    }

    .contacts__links-mail {
        margin: 0 auto;
        padding-left: 0;
    }

    .contacts__form-message {
        font-size: 16px;
        line-height: 18px;
        padding: 5px 10px;
    }

    .contacts__form-submit {
        line-height: 25px;
        margin-bottom: 10px;
    }

    .contact__form-left input {
        margin-bottom: 0;
    }

    .contact__form-right label {
        font-size: 12px;
        line-height: 14px;
    }

    /* SEARCH */
    .search__items {
        gap: 0px;
        
    }
}

@media (min-width: 320px) and (max-width: 479px) {
    .container {
        padding: 0 10px;
        max-width: 100%;
    }

    .breadcrumbs__container {
        line-height: 25px;
        font-size: 12px;
    }

    .header__top .contacts {
        display: none;
    }

    .personal {
        display: none;
    }

    .login {
        padding: 14px 30px;
    }

    .menu {
        margin-bottom: 10px;
        background-color: #2A5275;
        z-index: 2;
    }

    .menu__list {
        display: none;
    }

    .menu__list-medium {
        padding: 5px 5px;
        gap: 8px;
        margin: 0 auto;
        font-size: 13px;
        line-height: 20px;
        display: flex;
        color: #BFCBD6;
        justify-content: space-between;
    }


    .

-medium li {
        padding: 0;
        background-color: transparent;
    }

    .menu__drop-active {
        top: 130px;
    }

    .search_form {
        right: 0;
        width: 100%;
        top: 16px;
    }

    .search_form form {
        max-width: 100%;
    }

    .search_form form input {
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
    }

    .menu__dropmed {
        width: 100%;
        left: 0;
    }

    .menu__dropmed-active {
        top: 137px;
    }

    .menu__drop {
        width: 100%;
        left: 0;
        top: -600px;
    }
    .menu__drop-active {
        top: 57px;
    }
    .slider {
        max-height: 258px;
    }

    .slider img {
        max-height: 168px;
    }

    .popup__container {
        max-width: 320px;
    }

    .popup__body {
        padding: 10px 20px;
    }

    .tab-login {
        padding: 5px 10px;
        font-size: 12px;
    }

    .contacts__form-title {
        font-size: 16px;
        line-height: 20px;
    }

    .login__tabs {
        display: flex;
        gap: 30px;
        margin-bottom: 15px;
    }

    .popup__body {
        margin: 100px auto auto auto;
    }

    .popup__close {
        width: 35px;
        height: 15px;
        font-size: 10px;
        line-height: 12px;
    }

    .contact__form-left {
        margin-right: 0;
    }

    .contact__form-left input {
        font-size: 14px;
        line-height: 18px;
    }

    /* POPULAR */
    .section-title {
        font-size: 22px;
        line-height: 24px;
        margin: 20px 0;
        margin-bottom: 20px;
        text-align: center;
    }

    .product__item-title {
        font-size: 14px;
        line-height: 16px;
        height: 70px;
    }

    .product__header-cart,
    .product__header-klickcart {
        font-size: 12px;
        line-height: 20px;
        padding: 9px 13px;
        width: auto;
        transition: .3s;
    }

    .product__header-cart {
        padding: 4px 43px;
    }

    .product-btn {
        width: 40px;
    }

    .popular .slick-slide img {
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
    }

    .woocommerce-Price-amount {
        font-size: 16px;
        line-height: 19px;
    }

    section,
    .popular {
        margin: 20px 0;
    }
    body {
        max-width: 320px;
    }
    /* NEWS*/
    .news__item-home {
        width: 100%;
        padding: 5px 10px;
    }

    .news__item-home p {
        font-size: 14px;
        line-height: 16px;
    }

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

    .news__header .more {
        line-height: 14px;
        bottom: 2px;
    }

    .more {
        font-size: 12px;
    }

    .news__item-title {
        font-size: 16px;
        line-height: 18px;
        min-height: auto;
        text-align: center;
    }

    .footer__item {
        width: 100%;
    }

    .footer__item .custom-logo-link {
        display: flex;
    }

    .custom-logo {
        margin: 0 auto;
    }

    .footer__item li,
    h3 {
        text-align: center;
    }

    .footer__top {
        flex-wrap: wrap;
    }

    .footer__author {
        display: block;
        margin: 0 auto;
    }

    .footer__social {
        width: 100%;
    }

    .footer__bottom {
        padding: 10px 5px;
        flex-wrap: wrap;
        gap: 10px;
        text-align: center;
    }

    /* PRODUCT */
    .product__header {
        flex-direction: column;
    }

    .woocommerce-product-gallery__image img {
        width: 430px;
        height: 300px;
    }

    .product__header-title {
        font-size: 22px;
        line-height: 26px;
    }

    .product__header-buttons {
        padding-right: 0;
        justify-content: start;
        gap: 5px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #tab-description p {
        font-size: 14px;
        line-height: 22px;
    }

    .product__descr {
        font-size: 14px;
        padding: 10px 20px;
    }

    .quantity input {
        font-size: 12px;
    }

    .product__header {
        margin: 0;
    }

    .product__header-content {
        padding: 5px 0;
    }

    .product__menu-list {
        margin-bottom: 20px !important;
        gap: 5px;
    }

    .commentlist li {
        margin-bottom: 10px;
    }

    .woocommerce-product-gallery__wrapper img {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: auto;
        max-width: 310px;
        max-height: 200px;
    }

    .woocommerce-tabs ul.tabs li a {
        padding: 6px 0 !important;
    }

    .product__header-title {
        font-size: 14px;
        line-height: 20px;
        text-align: center;
    }

    .form-submit input {
        font-size: 16px;
        line-height: 18px;
        text-align: center;
    }

    .related__inner {
        gap: 0;
        flex-wrap: wrap;
    }

    .product__item {
        width: 100%;
    }

    .buy-var {
        font-size: 12px;
        line-height: 16px;
    }

    .product__item-inner img {
        width: 80%;
        height: auto;
        margin: 0 auto;
        display: block;
    }

    .product__buttons .product__header-cart {
        padding: 6px 37px;
    }

    .product-btn {
        height: 34px;
    }

    ul.products li.product {
        margin-bottom: 5px !important;
    }

    /* OFFERS */
    .offers__items {
        gap: 5px;
    }

    .offers__item {
        width: 100%;
        padding: 5px 30px;
    }

    .offers__item-img img {
        width: 100px;
        height: 70px;
    }

    .offers__item-title {
        font-size: 14px;
        line-height: 18px;
        margin: 0;
    }

    /* NEWS */
    .news__item {
        width: 100%;
        padding: 10px 10px;
    }

    .news__item-img {
        display: none;
    }

    .news__item-text p {
        font-size: 14px;
        line-height: 16px;
    }

    .news__item-title {
        text-align: center;
    }

    .news__item-top p {
        font-size: 12px;
        line-height: 14px;
    }

    .contact__form-left {
        flex-direction: column;
    }

    /* NEWS SINGLE */
    .single__img {
        width: 100%;
        height: 100px;
        overflow: hidden;
    }

    .single__img img {
        bottom: 27px;
    }

    .single p,
    .single ol {
        font-size: 12px;
        line-height: 14px;
        margin: 0;
    }

    .single__subtitile {
        font-weight: 599;
        font-size: 16px;
        line-height: 18px;
    }

    section,
    .popular {
        margin: 0 auto;
    }
}


@media(max-width: 768px) {
    p {
        margin: 5px auto;
    }

    .menu__list-medium {
        align-items: center;
    }

    .menu__list,
    .drop {
        display: none;
    }

    .menu__drop-list li {
        padding: 0;
        text-align: center;
    }

    .menu__list-medium img {
        display: flex;
        margin: 0 auto;
    }

    .menu {
        margin-bottom: 10px;
        background-color: #2A5275;
        z-index: 2;
    }

    .slider {
        max-width: 100%;
        height: auto;
    }

    /* PRODUCTS */
    .product__items li {
        max-width: 100%;
    }

    .servis-title {
        margin-bottom: 10px;
    }

    /* CONTACTS */


    /* CART */

    .wc-block-components-totals-item__value strong {
        font-size: 14px;
        line-height: 16px;
    }
    .section-title {
        margin: 10px 0;
        margin-bottom: 15px;
        
      }

}




@media(max-width: 480px) {
    .servis p {
        font-size: 12px;
        line-height: 16px;
    }

    p {
        margin: 5px 0px;
    }

    h2 {
        margin: 10px 0px;
    }

    .section-title {
        margin-bottom: 20px;
    }

    /* CONTACTS */
    .contacts__location {
        flex-wrap: wrap;
    }

    .contacts__links,
    .contacts__map {
        width: 100%;
    }

    .contacts__map iframe {
        height: 300px;
    }

    .contacts__links {
        padding: 10px 0px;
        display: flex;
        flex-wrap: wrap;
    }

    .contacts__links-agenda {
        text-align: center;
        padding-left: 0;
        display: block;
        margin: 0 auto;
    }

    .contacts__links-agenda span,
    .contacts__links-agenda {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 2px;
    }

    .contacts__form-body {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }



    .contacts__links-info {
        width: 100%;
        text-align: center;
    }

    .contacts-line {
        margin-bottom: 4px;
    }

    .contacts__links-phone {
        font-size: 18px;
        line-height: 20px;
    }

    .contacts__links-mail {
        margin: 0 auto;
        padding-left: 0;
        font-size: 16px;
        text-align: center;
        width: 100%;
    }

    .contacts__form-message {
        font-size: 16px;
        line-height: 18px;
        padding: 5px 10px;
        width: 100%;
    }

    .contacts__form-submit {
        line-height: 25px;
        margin-bottom: 10px;
    }

    .contact__form-left input {
        margin-bottom: 0;
    }

    .contact__form-right label {
        font-size: 12px;
        line-height: 14px;
    }

}

@media(max-width: 319px) {

    .container {
        padding: 0 10px;
        max-width: 100%;
    }

    .header__top .contacts {
        display: none;
    }

    .personal {
        display: none;
    }

    .login {
        padding: 14px 30px;
    }

    .menu {
        margin-bottom: 10px;
        background-color: #2A5275;
        z-index: 2;
    }

    .menu__list {
        display: none;
    }

    .menu__list-medium {
        padding: 5px 5px;
        gap: 8px;
        margin: 0 auto;
        font-size: 13px;
        line-height: 20px;
        display: flex;
        color: #BFCBD6;
        justify-content: space-between;
    }

    .menu__drop {
        width: 100%;
        left: 0;
        top: -600px;
    }
    .menu__drop-active {
        top: 57px;
    }

    .menu__list-medium li {
        padding: 0;
        background-color: transparent;
    }

    .menu__drop-active {
        top: 130px;
    }

    .search_form {
        right: 0;
        width: 100%;
        top: 16px;
    }

    .search_form form {
        max-width: 100%;
    }

    .search_form form input {
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
    }

    .menu__dropmed {
        width: 100%;
        left: 0;
    }

    .menu__dropmed-active {
        top: 137px;
    }

    .slider {
        max-height: 258px;
    }

    .slider img {
        max-height: 258px;
    }

    .popup__container {
        max-width: 320px;
    }

    .popup__body {
        padding: 10px 20px;
    }

    .tab-login {
        padding: 5px 10px;
        font-size: 12px;
    }

    .contacts__form-title {
        font-size: 16px;
        line-height: 20px;
    }

    .login__tabs {
        display: flex;
        gap: 30px;
        margin-bottom: 15px;
    }

    .popup__body {
        margin: 100px auto auto auto;
    }

    .popup__close {
        width: 35px;
        height: 15px;
        font-size: 10px;
        line-height: 12px;
    }

    .contact__form-left {
        margin-right: 0;
    }

    .contact__form-left input {
        font-size: 14px;
        line-height: 18px;
    }

    /* POPULAR */
    .section-title {
        font-size: 22px;
        line-height: 24px;
        margin: 10px 0;
        margin-bottom: 0;
        text-align: center;
    }

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

    .product__header-cart,
    .product__header-klickcart {
        font-size: 12px;
        line-height: 20px;
        padding: 9px 13px;
        width: auto;
        transition: .3s;
    }

    .product__header-cart {
        padding: 9px 43px;
    }

    .product-btn {
        width: 40px;
    }

    .popular .slick-slide img {
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
    }

    .woocommerce-Price-amount {
        font-size: 16px;
        line-height: 19px;
    }

    section,
    .popular {
        margin: 20px 0;
    }

    /* NEWS*/
    .news__item-home {
        width: 100%;
        padding: 5px 10px;
    }

    .news__item-home p {
        font-size: 14px;
        line-height: 16px;
    }

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

    .news__header .more {
        line-height: 14px;
        bottom: 2px;
    }

    .more {
        font-size: 12px;
    }

    .news__item-title {
        font-size: 16px;
        line-height: 18px;
        min-height: auto;
        text-align: center;
    }

    .footer__item {
        width: 100%;
    }

    .footer__item .custom-logo-link {
        display: flex;
    }

    .custom-logo {
        margin: 0 auto;
    }

    .footer__item li,
    h3 {
        text-align: center;
    }

    .footer__top {
        flex-wrap: wrap;
    }

    .footer__author {
        display: block;
        margin: 0 auto;
    }

    .footer__bottom {
        padding: 10px 5px;
        flex-wrap: wrap;
        gap: 10px;
        text-align: center;
    }

    /* PRODUCT */
    .product__header {
        flex-direction: column;
    }

    .woocommerce-product-gallery__image img {
        width: 430px;
        height: 300px;
    }

    .footer__social {
        width: 100%;
    }

    .product__header-title {
        font-size: 22px;
        line-height: 26px;
    }

    .product__header-buttons {
        padding-right: 0;
        justify-content: start;
        gap: 5px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #tab-description p {
        font-size: 14px;
        line-height: 22px;
    }

    .product__descr {
        font-size: 14px;
        padding: 10px 20px;
    }

    .quantity input {
        font-size: 12px;
    }

    .product__header {
        margin: 0;
    }

    .product__header-content {
        padding: 5px 0;
    }

    .product__menu-list {
        margin-bottom: 20px !important;
        gap: 5px;
    }

    .commentlist li {
        margin-bottom: 10px;
    }

    .woocommerce-product-gallery__wrapper img {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: auto;
        max-width: 310px;
        max-height: 200px;
    }

    .woocommerce-tabs ul.tabs li a {
        padding: 6px 0 !important;
    }

    .product__header-title {
        font-size: 14px;
        line-height: 20px;
        text-align: center;
    }

    .form-submit input {
        font-size: 16px;
        line-height: 18px;
        text-align: center;
    }

    .related__inner {
        gap: 0;
        flex-wrap: wrap;
    }

    .product__item {
        width: 100%;
    }

    .buy-var {
        font-size: 12px;
        line-height: 16px;
    }

    .product__item-inner img {
        width: 80%;
        height: auto;
        margin: 0 auto;
        display: block;
    }

    .product__buttons .product__header-cart {
        padding: 6px 25px;
    }

    .product-btn {
        height: 34px;
    }

    ul.products li.product {
        margin-bottom: 5px !important;
    }

    /* OFFERS */
    .offers__items {
        gap: 5px;
    }

    .offers__item {
        width: 100%;
        padding: 5px 30px;
    }

    .offers__item-img img {
        width: 100px;
        height: 70px;
    }

    .offers__item-title {
        font-size: 14px;
        line-height: 18px;
        margin: 0;
    }

    /* NEWS */
    .news__item {
        width: 100%;
        padding: 10px 10px;
    }

    .news__item-img {
        display: none;
    }

    .news__item-text p {
        font-size: 14px;
        line-height: 16px;
    }

    .news__item-title {
        text-align: center;
    }

    .news__item-top p {
        font-size: 12px;
        line-height: 14px;
    }

    /* NEWS SINGLE */
    .single__img {
        width: 100%;
        height: 100px;
        overflow: hidden;
    }

    .single__img img {
        bottom: 27px;
    }

    .single p,
    .single ol {
        font-size: 12px;
        line-height: 14px;
        margin: 0;
    }

    .single__subtitile {
        font-weight: 599;
        font-size: 16px;
        line-height: 18px;
    }

    section,
    .popular {
        margin: 0 auto;
    }
}