/* ========================================================================== MEDIA ========================================================================== */ @media only screen and (max-width : 1199px) { .navi { display: none; } } /* Large Devices, Wide Screens */ @media only screen and (max-width : 1069px) { .header .cnt { position: relative; } .header__nav { display: none; position: absolute; width: 200px; padding: 20px; height: auto; margin: 0; right: 0; top: 48px; overflow-y: auto; background: #fff; box-shadow: 1.5px 2.6px 7px rgba(0, 0, 0, 0.2); z-index: 10; } .header__nav li { display: block; } .header__nav li + li { padding-left: 0; margin-top: 15px; } .header__nav li + li:before { display: none; } .nav .cnt { position: relative; } .nav__center { position: absolute; width: 200px; padding: 10px 20px; height: auto; margin: 0; left: 0; top: 35px; overflow-y: auto; background: #fff; box-shadow: 1.5px 2.6px 7px rgba(0, 0, 0, 0.2); z-index: 10; display: none; } .nav__center li { display: block; } .nav__center li + li { margin-left: 0; } .nav__left { margin-left: 0; } .header { padding-top: 10px; } .header__search:before { left: -12px; } .header__search { margin-top: 9px; margin-right: 0; } .header__button { display: block; } .slider__item { padding-top: 70px; } .slider__title { font-size: 22px; margin-bottom: 46px; } .slider__title b { font-size: 24px; } .slider__title span { height: 25px; line-height: 22px; } .slider__title .slider__label { top: -17px; margin-left: 5px; } .slider .owl-prev { width: 35px; height: 35px; left: 8px; } .slider .owl-next { width: 35px; height: 35px; right: 8px; } .slider_secondary .slider__title { margin-bottom: 35px; font-size: 22px; } .slider_secondary .slider__title .slider__label { top: 3px; } .articles__img img { width: auto; margin-left: -124px; left: 50%; } .articles_mini .articles__img img { margin-left: 0; width: 100%; left: 0; } .list { position: relative; } .list__column { float: none; width: 335px; } .list__column + .list__column { float: none; width: 335px; margin-left: 0; margin-top: 4px; } .list__column + .list__column + .list__column { position: absolute; right: 0; top: 0; width: 335px; margin-top: 0; } .list__item { height: 40px; border-radius: 4px; } .list__item:after { display: none; } .list__title { padding: 0; border: none; height: 40px; line-height: 40px; padding-left: 20px; font-size: 16px; position: relative; } .list__item + .list__item { margin-top: 4px; } .list__item .list__block { padding: 0; height: auto; } .list__more { display: none; } .list__button { display: block; } .list__item_hidden { display: block; } .list__item_hidden .list__title { padding-left: 0; } .list__item_hidden .list__title a { display: block; height: 40px; line-height: 40px; padding-left: 20px; } .list__item .list__goods { display: none; position: absolute; top: 37px; left: 0; right: 0; background: #fff; z-index: 3; height: auto; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; box-shadow: 1.5px 4px 7px rgba(0, 0, 0, 0.1); } .tabs__link1 { width: 142px; } .tabs__link2 { width: 203px; } .tabs__link3 { width: 146px; } .tabs__link4 { width: 180px; } .tabs__link5 { width: 119px; } .tabs__link6 { width: 147px; } .tabs__link7 { width: 147px; } .tabs ul { margin-top: -2.5px; } .tabs li { margin-top: 2.5px; } .articles_mini .articles__info { padding-right: 33px; } .reviews__item + .reviews__item { display: none; } .reviews__item { width: auto; } .reviews__items { margin-left: 0; } .reviews__item { margin-left: 0; } .workshops .left { float: none; } .workshops .right { float: none; margin-top: 11px; } .workshops .block__top { padding-bottom: 12px; } .info__left { float: none; width: auto; margin-bottom: 10px; } .info__right { float: none; width: auto; } .bottom__left { float: none; width: auto; } .bottom__right { float: none; width: auto; } .interview__list ul { text-align: center; } .interview__list li { display: inline-block; text-align: left; padding-left: 0; } .interview__list li + li { margin-left: 20px; } .interview__button { text-align: center; } .interview { height: auto; padding-bottom: 18px; } .interview__text { margin-bottom: 0; } .interview__list { margin-bottom: 21px; } .news { height: auto; padding-bottom: 30px; } .seo { height: auto; padding-bottom: 24px; } .socialize { height: auto; padding-bottom: 25px; padding-top: 25px; } .socialize .block__top { display: none; } .subscription { margin-bottom: 10px; } .socialize__widget { margin-top: 0; } .nav__button { display: block; font-size: 11px; } .footer__counter { float: right; margin-left: 0; } .footer__logo { clear: both; float: right; margin: auto; padding-top: 14px; } .footer__top { padding-bottom: 18px; } .footer__copyright { max-width: 430px; margin: auto; } .header__search span { right: auto; left: -36px; } .articles_big .articles__item { width: 220px; } .articles_mini .articles__item { width: 220px; } .articles__item + .articles__item + .articles__item + .articles__item { display: none; } .articles__item + .articles__item + .articles__item + .articles__item + .articles__item { display: none; } .page__hidden-mobile { display: none; } .page__left { float: none; width: auto; } .page__right { z-index: 5; position: fixed; top: 0; background: none; bottom: 0; overflow-y: auto; width: 290px; float: none; border-radius: 0; padding-left: 36px; right: -297px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu__exit { display: block; } .page__right.active { right: 0; } .menu { margin: 0; box-shadow: 0 0 7px rgba(0, 0, 0, 0.21); background: #fff; } .button-menu { display: block; } .articles_inner .articles__img img { margin: 0; } .articles_inner .articles__item { width: 204px; } .articles_inner .articles__info { height: 160px; } .articles_inner .articles__item { display: inline-block !important; } .news-block { width: 334.5px; padding-left: 20px; padding-right: 15px; height: 380px; } .news-block .papers__name { font-size: 13px; } .answers { padding-left: 20px; padding-right: 20px; } .feedback { padding-left: 20px; padding-right: 20px; } .rate { padding-left: 20px; padding-right: 20px; } .page__block { padding-left: 20px; padding-right: 20px; } .data { margin-bottom: -28px; } .navi { display: none; } .form__input { width: 420px; } .filter__item { width: 190px; } .filter__item_mini { width: 158px; } .master__map { width: 250px; } } /* Small Devices, Tablets */ @media only screen and (max-width : 767px) { .text img { width:100% !important; height:auto; } .wp-caption { width:100% !important; height:auto; } .text iframe { width:100%; } .cnt { max-width: 480px; } .news__item { width: 100%; } .header__logo { width: 203px; } .header { padding-top: 15px; padding-bottom: 15px; } .header .cnt { padding-left: 10px; padding-right: 10px; } .header__button { margin-top: 7px; } .header__search { margin-top: 7px; } .nav .cnt { padding-left: 10px; padding-right: 0; } .nav__right a { /* font-size: 0; */ width: 138px; border-right: none; padding-left: 5px; } .nav__right a:before { margin-right: 0; top: -2px; left: -5px; } .slider { margin-top: 5px; height: 150px; border-radius: 0; } .list__item { border-radius: 0; } .slider__item { border-radius: 0; height: 150px; padding-top: 16px; padding-left: 50px; padding-right: 50px; } .block { border-radius: 0; } .subscription { border-radius: 0; } .tabs { display: none; } .slider__title { font-size: 14px; margin-bottom: 16px; } .slider__title-inner { padding-left: 0; text-align: center; } .slider__title span { line-height: 18px; height: auto; padding-left: 7px; padding-right: 7px; } .slider__title b { font-size: 14px; height: 18px; line-height: 18px; } .slider__title .slider__label { height: 17px; font-size: 8px; line-height: 17px; padding-left: 6px; padding-right: 6px; top: -5px; } .btn-more a { width: 141px; height: 32px; line-height: 30px; } .btn-more a:after { top: 10px; width: 6px; height: 10px; -webkit-background-size: cover; background-size: cover; } .slider .owl-prev { width: 25px; height: 25px; } .slider .owl-next { width: 25px; height: 25px; } .slider_secondary .slider__item { padding-top: 16px; padding-left: 50px; padding-right: 50px; } .slider_secondary .slider__title { margin-bottom: 16px; font-size: 18px; } .slider_secondary .slider__title b { font-size: 20px; } .slider_secondary .slider__title .slider__label { display: none; } .slider_secondary .owl-prev { width: 25px; height: 25px; } .slider_secondary .owl-next { width: 25px; height: 25px; } .articles .articles__item { height: auto; } .articles .articles__img { height: auto; } .articles .articles__img img { display: block; width: 100%; height: auto; position: static; margin: 0; } .articles__info { padding-left: 10px; padding-bottom: 15px; } .articles__item .articles__name { height: auto; margin-bottom: 9px; } .artices__category { margin-bottom: 11px; } .articles .owl-nav { display: block; } .calcs__item { width: 100%; } .list__column { width: auto; } .list__column + .list__column { width: auto; } .list__column + .list__column + .list__column { position: static; width: auto; margin-left: 0; margin-top: 4px; } .header__nav { top: 40px; } .tabs { position: relative; } .tabs__button { display: block; } .tabs__items { position: absolute; left: 0; right: 0; top: 36px; z-index: 5; background: #fff; padding: 10px; display: none; } .tabs__items li { display: block; } .tabs__items a { display: block; width: 100%; } .articles_mini { height: auto; } .block { padding-left: 10px; padding-right: 10px; } .block .right { display: none; } .title div span:first-child { display: none; } .title .visible-mobile { display: inline; } .reviews__img { float: none; margin: auto; margin-bottom: 6px; } .reviews__item { text-align: center; } .workshops__all { display: none; } .workshops .owl-nav { display: block; } .workshops__item { width: 184px; margin: auto; } .interview__list { padding-left: 60px; } .interview__list li + li { margin-top: 11px; margin-left: 0; } .interview__list li { display: block; } .interview__text { margin-bottom: 23px; } .interview { padding-bottom: 20px; } .block { padding-top: 10px; } .news__item + .news__item { display: none; } .news { padding-bottom: 20px; } .seo { padding-bottom: 20px; } .subscription { padding-left: 10px; padding-right: 10px; } .subscription__title { font-size: 0; } .subscription__form input[type="text"] { width: 253px; } .subscription__title:before { margin-right: 0; } .socialize { padding: 10px; } .footer .cnt { padding-left: 10px; padding-right: 10px; } .footer__logo { width: 203px; float: none; margin: auto; padding-top: 0; } .footer__counter { float: none; text-align: center; margin: 0; margin-top: 7px; margin-bottom: 14px; } .footer__nav { text-align: center; } .footer__nav li { margin: 0 15px; margin-bottom: 9px; } .footer__nav li + li:before { display: none; } .footer__nav li + li { margin-left: 0; } .footer__nav { float: none; margin: 0; } .footer { padding-top: 17px; } .footer__bottom { padding: 14px 0; } .articles { margin: 5px 0; } .slider { margin: 5px 0; } .list { margin: 5px 0; } .articles { margin: 5px 0; } .tabs { margin: 5px 0; } .reviews { margin: 5px 0; } .workshops { margin: 5px 0; } .info { margin: 5px 0; } .bottom { margin: 5px 0; } .subscription { margin-bottom: 5px; margin-top: 5px; } .info__left { margin-bottom: 5px; } .articles { display: none; } .header__search input[type="text"] { width: 280px; } .header__search form { right: -11px; } .breadcrumbs { padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 9px; margin-bottom: 18px; } .page__block { padding-left: 10px; padding-right: 10px; } .text h1 { /* font-size: 18px; line-height: 22px; margin-bottom: 7px; */ } .articles__title { font-size: 18px; line-height: 22px; } .articles_inner { display: block; } .articles_inner .articles__item { width: 100%; } .articles_inner .articles__info { height: auto; } .articles_inner .articles__item { display: none !important; } .articles_inner .articles__item:nth-child(1), .articles_inner .articles__item:nth-child(2), .articles_inner .articles__item:nth-child(3), .articles_inner .articles__item:nth-child(4), .articles_inner .articles__item:nth-child(5), .articles_inner .articles__item:nth-child(6) { display: inline-block !important; } .news-block { float: none; width: auto; border-radius: 0; } .news-block + .news-block { margin-top: 10px; } .text table td { padding: 5px; font-size: 12px; line-height: 14px; } .text table th { font-size: 13px; line-height: 15px; padding: 5px; height: 30px; } .text table td:last-child { padding: 5px; } .text table th:last-child { padding: 5px; } .keep ol { padding-left: 17px; font-size: 14px; line-height: 16px; } .keep h2 { font-size: 14px; padding-left: 19px; padding-bottom: 8px; margin-bottom: 8px; } .keep { padding-top: 6px; padding-bottom: 13px; } .text blockquote { padding-right: 10px; } .review { padding-right: 10px; } .important { padding-right: 10px; } .text cite { padding-right: 10px; } .data__share { float: none; } .data__rating { float: none; } .data { margin-bottom: -20px; } .rate { padding-left: 10px; padding-right: 10px; border-radius: 0; padding-bottom: 17px; padding-top: 10px; } .news-block { padding-left: 10px; padding-right: 10px; border-radius: 0; height: auto; padding-bottom: 40px; } .answers { padding-left: 0; padding-right: 0; border-radius: 0; padding-bottom: 20px; } .answers__title { padding-left: 10px; padding-right: 10px; } .answers__ava { display: none; } .answers__item_margin:before { content: ''; position: absolute; width: 12px; height: 12px; background: url(img/icon-answer.png) no-repeat; left: 7px; top: 15px; } .answers__ovh { padding-right: 0; } .answers__item { border-radius: 0; padding-left: 10px; padding-right: 10px; } .answers__item_margin { margin-left: 0; padding-left: 30px; position: relative; } .answers__item + .answers__item { margin-top: 10px; } .feedback { padding-left: 10px; padding-right: 10px; border-radius: 0; } .rate__img { float: none; margin-right: 0; width: auto; margin-bottom: 12px; } .rate__img a { display: block; } .rate__img a:first-child { display: none; } .feedback__input { display: block; width: 100%; margin-bottom: 10px; } .feedback__input + .feedback__input { margin-left: 0; } .feedback__auth { margin-left: 0; display: block; } .feedback { padding-bottom: 10px; } .button-menu { position: absolute; } .button-menu.active { top: 0; position: fixed; } .nf__text br { display: none; } .form { padding: 20px; padding-top: 15px; } .form__label { width: auto; text-align: left; display: block; margin-bottom: 5px; } .form__label br { display: none; } .form__input { width: auto; display: block; } .form__button { width: auto; margin-left: 0; } .form__button { margin-top: 20px; } .filter__item { margin-right: 10px; margin-bottom: 10px; } .filter__item + .filter__item { margin-left: 0; } .filter { padding-bottom: 5px; } .filter__submit { margin-bottom: 10px; } .lists__img { margin-left: 0; } .filter__submit { margin-left: 0; } .filter__item { width: 180px; } .filter__item_mini { width: 158px; } .button-add { position: static; position: relative; display: block; top: auto; right: auto; margin-bottom: 20px; } .master__map { position: static; top: auto; right: auto; margin-top: 15px; width: auto; } .master__label { float: none; width: auto; text-align: left; margin-bottom: 10px; } .master__label br { display: none; } .master__label:after { display: none; } .master__block { padding-left: 10px; padding-right: 10px; } .master__ovh { padding-left: 0; } .master__info .master__ovh { max-width: 100%; } .master__ovh br { display: none; } .master__line_rating { margin-bottom: 15px; } .surveys__item { padding-left: 0; padding-right: 0; } .master__block .form__button { margin-left: 0; } .master__block .form { margin-bottom: 10px; } .data__reviews { float: none; margin-bottom: 10px; } .form { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } .input_w330 { max-width: 100%; } .form__line + .form__line { margin-top: 10px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) { } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px) { } /*========== Mobile First Method ==========*/ /* Custom, iPhone Retina */ @media only screen and (min-width : 320px) { } /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { }