/* TABLET */

@media only screen and (max-width: 1199px) {

    input, 
    textarea, 
    select,
    a,
    .panel__elem {
        -webkit-tap-highlight-color:transparent;
    }

    /* Страница "Все разделы" */

    .md {
        display: block;
    }

    .no-md {
        display: none;
    }

    .wrapper {
        min-width: auto;
    }

    .container {
        max-width: 820px;
        width: 100%;
        padding: 0 20px;
        overflow: hidden;
    }

    .container--mobile {
        position: relative;
    }

    /* Header-> */
    .header__main {
        padding: 20px 0 6px 0;
    }

    .header__burger {
        display: table;
        cursor: pointer;
        height: 100%;
        width: 45px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .burger {
        margin-top: 17px;
    }

    .burger__close {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .burger__line {
        height: 2px;
        width: 35px;
        background-color: #000000;
    }

    .burger__line:first-child {
        margin-left: 10px;
    }

    .burger__line:nth-child(2) {
        width: 100%;
        margin: 9px 0;
    }

    .burger__line:last-child {
        margin-left: 5px;
    }

    .popup__wrapper--tablet {
        display: none;
    }

    .popup__wrapper--tablet:before {
        content: '';
        background: #000;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        z-index: 11;
    }

    .burger__menu--inner, .filter__menu--inner {
        display: block;
        background-color: #FFFFFF;
        z-index: 11;
        position: fixed;
        top: 0;
        min-width: 265px;
        width: 439px;
        height: 100%;
        -webkit-transition: -webkit-left 0.4s ease-in-out;
        transition: -webkit-left 0.4s ease-in-out;
        transition: left 0.4s ease-in-out;
        transition: left 0.4s ease-in-out, -webkit-left 0.4s ease-in-out;
        left: -767px;
    }

    .burger__menu--inner.is-active,
    .filter__menu--inner.active {
        left: 0px;
    }

    .burger__menu--inner .container, .filter__menu--inner .container {
        width: 439px;
        height: auto;
        padding: 0;
        padding-left: 27px;
    }

    .burger__content--wrap, .filter__content--wrap {
        height: 100%;
    }

    .popup__menu--top {
        margin-top: 22px;
        justify-content: flex-start;
    }

    .popup__menu--logo {
        display: inline-block;
        margin-left: 40px;
    }

    .popup__menu--search {
        height: 55px;
        width: 100%;
        padding: 21px 32px 17px 20px;
        background: rgba(233, 233, 233, 0.3);
        margin-top: 12px;
    }

    .search__line {
        font-size: 14px;
        line-height: 17px;
        min-width: 265px;
        width: 360px;
        margin-right: 25px;
        background: rgba(233, 233, 233, 0.1);
    }

    .search__button {
        width: 18px;
    }

    .header__logo {
        text-align: left;
        margin-left: 18px;
    }

    .logo {
        right: 0;
        top: 0;
    }

    .panel {
        top: 2px;
    }

    .sidemenu__elem, .popup__menu--shop span {
        font-family: "ForumRegular";
        font-size: 20px;
        line-height: 22px;
        height: 100%;
    }

    .popup__menu--shop {
        margin: 30px 0;
        position: absolute;
        bottom: 0;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .popup__menu--shop a {
        justify-content: flex-start;
    }

    .burger__sidemenu {
        overflow-y: scroll;
        max-height: 70vh;
    }

    .burger__sidemenu .elem__new {
        color: #A08181;
    }

    .burger__sidemenu li {
        padding: 17px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.02);
    }

    .burger__sidemenu--level2 {
        margin-top: 15px;
        display: none;
    }

    .burger__sidemenu--level2 li {
        font-weight: 300;
        font-size: 14px;
        line-height: 17px;
        padding: 13px 0;
    }

    .burger__sidemenu--level2 li:last-child a {
        color: #A08181;
        border-bottom: 1px solid #A08181;
        width: fit-content;
        background-image: none;
    }

    .level2__list a {
        background-image: url("../img/arrow__burger.svg");
        background-repeat: no-repeat !important;
        background-position: 94% 55%;
        width: 100%;
        display: inline-block;
    }

    .burger__sidemenu--level3 {
        margin-top: 15px;
        display: none;
        font-family: "ProximaNova";
    }

    .burger__sidemenu--level3 a {
        background-image: none;
    }


    .location__wrap {
        display: inline-block;
        width: 43px;
        height: 43px;
        border: 1px solid #000000;
        border-radius: 50%;
        text-align: center;
        padding: 10px;
        margin-right: 12px;
    }

    /* <-Header */

    .wrapper__shadow {
        top: -20px;
        height: 101%;
        z-index: 2;
    }

    /* Footer-> */

    .footer {
        margin-top: 50px;
    }

    .footer__top {
        padding: 30px 40px;
    }

    .footer__sign p {
        margin-bottom: 30px;
    }

    .form__sign input[type="email"] {
        margin-bottom: 20px;
    }

    .footer__top, .form__sign {
        flex-direction: column;
        text-align: center;
    }

    .button__sign {
        margin-left: 0;
    }

    .footer__main {
        flex-direction: column;
        margin-top: 67px;
    }

    .footer__menu {
        margin-right: 0;
    }

    .footer__list li {
        margin-bottom: 20px;
    }

    .footer__contacts {
        width: 100%;
    }

    .footer__contacts h2 {
        margin-bottom: 14px;
    }

    .footer__contacts ul {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
    }

    .footer__contacts li {
        display: inline-block;
    }

    .contacts__list li:not(:last-child) {
        position: relative;
        top: -5px;
        margin-right: 0px;
    }

    .contacts__list li:nth-child(3) {
        margin-right: 7%;
    }

    .contacts__social:last-child {
        margin-right: 0;
    }

    .contacts__social img {
        width: 20px;
        height: 20px;
    }

    .contacts__society {
        padding-left: 0;
        padding-top: 3px;
    }

    /* <-Footer */
}

/* MOBILE */

@media only screen and (min-width: 0) and (max-width: 767px) and (orientation: portrait) {


    ::-webkit-scrollbar { /* chrome based */
        width: 0px;
        height: 0px;
        background: transparent;
    }

    .catalog-section__title{
        margin: 20px 0;
    }

    h1{
        font-size: 24px;
        line-height: 26px;
    }

    /* Страница "Все разделы" */

    .xs {
        display: block
    }

    .no-xs {
        display: none !important;
    }

    .wrapper {
        min-width: 320px;
    }

    .container {
        width: 100%;
        padding: 0 20px;
    }

    .container--mobile {
        padding: 0;
        padding-left: 20px;
        position: relative;
        min-height: calc(100vh - 135px - 360px);
    }

    .rub {
        font-size: 10px !important;
    }

    .loader__circles {
        left: 82px;
    }

    /* Header-> */

    header.active {
        position: fixed;
        background: #FFFFFF;
        width: 100%;
        z-index: 1;
    }

    .header__main {
        padding: 13px 0 0 0;
    }

    .header__burger {
        width: 25px
    }

    .burger {
        margin-top: 12px;
    }

    .burger__line {
        height: 1px;
        width: 15px;
    }

    .burger__line:nth-child(2) {
        margin: 5px 0;
    }

    .popup__wrapper--tablet {
        display: none;
    }

    .popup__wrapper--tablet:before {
        content: '';
        background: #000;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 11;
    }

    .burger__menu--inner,
    .sort__menu--inner,
    .filter__menu--inner {
        display: block;
        background-color: #FFFFFF;
        z-index: 11;
        position: fixed;
        top: 0;
        left: -767px;
        min-width: 100%;
        width: 100%;
        height: 100%;
        -webkit-transition: -webkit-left 0.4s ease-in-out;
        transition: -webkit-left 0.4s ease-in-out;
        transition: left 0.4s ease-in-out;
        transition: left 0.4s ease-in-out, -webkit-left 0.4s ease-in-out;
    }

    .sort__menu--inner.active {
        display: block;
        left: 0;
    }

    .sort__menu--inner.active .sort__radio--mobile {
        z-index: 1;
        opacity: 1;
    }

    .burger__menu--inner .container, .sort__menu--inner .container, .filter__menu--inner .container {
        width: 100%;
        height: auto;
        padding: 0;
        padding-left: 20px;
    }

    .burger__content--wrap, .sort__content--wrap, .filter__content--wrap {
        height: 100%;
    }

    .popup__menu--top {
        margin-top: 10px;
        justify-content: space-between;
    }

    .burger__close {
        display: inline-block;
        width: 13px;
        height: 13px;
        min-width: 13px;
    }

    .burger__close img {
        width: 13px;
        height: 13px;
    }

    .popup__menu--logo {
        display: inline-block;
        margin-left: 17px;
        /*width: 100%;*/
        position: relative;
        top: 2px;
    }

    .popup__menu--panel {
        margin-right: 17px;
        min-width: 75px;
    }

    .popup__menu--back {
        height: 45px;
        padding: 0 15px !important;
        margin-top: 5px;
        margin-bottom: 6px;
    }

    .popup__menu--back a {
        background-image: url("../img/arrow_back_mini.svg");
        background-position: 0% 45%;
    }

    .popup__menu--back span {
        font-size: 14px;
        line-height: 15px;
        padding-left: 17px;
    }

    .panel__elem {
        bottom: 2px;
    }

    .popup__menu--panel .panel__block {
        margin-right: 5px;
    }

    .popup__menu--search {
        height: 45px;
        width: 100%;
        padding: 12px 24px 14px 20px;
        background: rgba(233, 233, 233, 0.3);
        margin-top: 5px;
    }

    .search {
        display: flex;
        justify-content: space-between;
        height: 100%;
    }

    .search__line {
        font-size: 12px;
        line-height: 15px;
        min-width: 150px;
        background: rgba(233, 233, 233, 0.1);
        -webkit-tap-highlight-color:transparent;
    }

    .search__button {
        width: 21px;
        min-width: 21px;
        bottom: 2px;
    }

    .header__logo {
        text-align: left;
        margin-left: 18px;
    }

    .logo {
        right: 0;
        top: 0;
    }

    .burger__sidemenu {
        max-height: 58vh;
    }

    .sidemenu__elem, .popup__menu--shop span, .popup__menu--lk span {
        font-family: "ForumRegular";
        font-size: 16px;
        line-height: 18px;
        height: 100%;
    }

    .popup__menu--shop, .popup__menu--lk {
        margin: 0;
        padding: 7px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.02);
        background: #FFFFFF;
        position: relative;
    }

    .popup__menu--shop a, .popup__menu--lk a {
        justify-content: flex-start;
    }

    .burger__sidemenu .elem__new {
        color: #A08181;
    }

    .burger__sidemenu li {
        padding: 12px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.02);
    }

    .location__wrap, .lk__wrap {
        display: inline-block;
        width: 30px;
        height: 30px;
        border: 1px solid #000000;
        border-radius: 50%;
        text-align: center;
        padding: 6px;
        margin-right: 10px;
    }

    .location__wrap img {
        width: 12px;
        height: 17px;
    }

    .sidemenu__lk {
        border-radius: 8px;
    }

    .sidemenu__elem--list {
        background-image: url("../img/arrow__burger.svg");
        background-repeat: no-repeat !important;
        background-position: 92% 71%;
    }

    .logo {
        position: relative;
        left: 6px;
        top: 0;
        width: 191px;
        height: auto;
    }

    .panel {
        top: -3px;
        left: 6px;
    }

    .panel__block {
        width: 30px;
        height: 30px;
        margin-right: 8px;
    }

    .panel__favourite .panel__img {
        width: 18px;
        height: 18px;
    }

    .panel__favourite > .panel__count, .panel__cart > .panel__count {
        left: 21px;
    }

    .panel__cart .panel__img {
        width: 20px;
        height: 20px;
    }

    .panel__count {
        top: -4px;
        font-size: 7px;
        padding: 2px 3px 1px 3px;
        min-width: 11px;
        min-height: 11px;
        line-height: 7px;
    }

    .panel__cart > .panel__block {
        margin-right: 3px;
    }

    .nav--back {
        height: 35px;
        padding: 0 20px !important;
        border: 1px solid rgba(233, 233, 233, 0.2);
    }

    .nav--back.active {
        background: rgba(233, 233, 233, 0.3);
    }

    .nav--back a {
        height: 100%;
        background-image: url("../img/arrow_back.svg");
        background-repeat: no-repeat !important;
        background-position: 0% 46%;
    }

    .nav--back span {
        font-family: "ForumRegular";
        font-size: 14px;
        line-height: 15px;
        color: #B3B3B3;
        padding-left: 15px;
        position: relative;
        bottom: 1px;
    }

    /* <-Header */

    /* Footer-> */

    .footer {
        margin-top: 30px;
    }

    .footer__top {
        padding: 20px 20px 15px 20px;
    }

    .footer__sign {
        width: 300px;
    }

    .footer__sign p {
        font-size: 10px;
        line-height: 12px;
        padding: 0 15px;
        margin-bottom: 14px;
    }

    .form__sign {
        flex-direction: row;
    }

    .button__sign {
        border-radius: 20px;
        background: #000000;
        padding: 8px 25px;
        font-size: 12px;
        line-height: 13px;
        width: 115px;
        margin-left: 10px;
    }

    .footer__menu {
        display: block;
        margin-bottom: 0;
        width: 100%;
        margin-top: 11px;
    }

    .footer__main {
        margin-top: 17px;
    }

    .footer__main h2 {
        margin-bottom: 0;
        white-space: nowrap;
    }

    .footer__main h2:hover {
        color: #000000;
    }

    .add:before {
        content: "О ";
    }

    .footer__list {
        margin: 10px 0 20px 0;
        display: none;
    }

    .footer__list li:not(:last-child) {
        margin-bottom: 10px;
    }

    .footer__contacts li {
        display: block;
    }

    .menu__column {
        width: 100%;
    }

    .column__title:first-child {
        border-top: 1px solid rgba(0, 0, 0, 0.03);
    }

    .menu__column:last-child .column__title {
        border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    }

    /*.column__title {
        border-bottom: 1px solid rgba(0, 0, 0, 0.03);
        cursor: pointer;
    }*/

    .column__title.is-active {
        border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    }

    .column__title .button__hide{
        display: none;
    }

    .column__title.is-active .button__show{
        display: none;
    }

    .column__title.is-active .button__hide{
        display: block;
    }

    .menu__column:nth-child(2) {
        margin: 0;
    }

    .menu__column div {
        width: 100%;
        padding: 12px 0;
    }

    .menu__column img {
        margin-right: 8px;
    }

    /*.toggle__about a, .toggle__clients a, .toggle__info a {
        display: inline-block;
        width: 100%;
    }

    .footer__list--about, .footer__list--clients, .footer__list--info {
        height: 0;
        overflow: hidden;
        margin: 0;
        transition: all .3s ease-out;
    }

    .footer__menu.is-active--about .footer__list--about {
        height: 135px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .footer__menu.is-active--clients .footer__list--clients  {
        height: 80px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .footer__menu.is-active--info .footer__list--info  {
        height: 90px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    }

    .footer__menu .button__show--about,
    .footer__menu .button__show--info,
    .footer__menu .button__show--clients {
        display: block;
    }


    .footer__menu.is-active--about .toggle__about.button__show--about,
    .footer__menu.is-active--info .toggle__info .button__show--info,
    .footer__menu.is-active--clients .toggle__clients .button__show--clients {
        display: none;
    }

    .footer__menu .button__hide--about,
    .footer__menu .button__hide--info,
    .footer__menu .button__hide--clients {
        display: none;
    }


    .footer__menu.is-active--about .toggle__about .button__hide--about,
    .footer__menu.is-active--info .toggle__info .button__hide--info,
    .footer__menu.is-active--clients .toggle__clients .button__hide--clients {
        display: block;
    }*/


    .contacts__list {
        margin-top: 27px;
        z-index: -1;
        flex-wrap: wrap;
    }

    .contacts__list li:not(:last-child) {
        margin-bottom: 7px;
        top: 0;
        display: block;
        width: 100%;
    }

    .contacts__list a {
        font-size: 12px;
        text-transform: uppercase;
    }

    .contacts__feedback {
        text-transform: none !important;
    }

    .contacts__society {
        margin-bottom: 0 !important;
        position: relative;
        top: 8px;
        left: 0;
        line-height: 20px;
        min-height: 28px;
    }

    .contacts__social {
        margin-right: 20px;
    }

    .contacts__social img {
        width: auto;
        height: auto;
    }

    .contacts__social:first-child {
        position: relative;
        bottom: 1px;
    }

    .contacts__social:nth-child(2) {
        position: relative;
        bottom: 2px;
    }

    .footer__bottom {
        display: block;
        text-align: center;
        padding: 17px 0 12px 0;
    }

    .footer__copy {
        margin-bottom: 5px;
        white-space: nowrap;
        font-weight: 300;
    }

    .dev {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

    /* <-Footer */

    /* Анимация при наведении на иконку избранного в header */

    .wraper_for_volna {
        width: 18px;
        height: 18px;
    }

    /* Анимация при наведении на иконку избранного в header - end */

}