@media (max-width: 1023px) {
    .page_content {
        padding-top: 60px
    }

    body {
        padding-top: 55px
    }

    .section_header {
        font-size: 63.15px;
        line-height: 75px
    }

    .bblond, .blog, .care, .new-best, .simple {
        padding-top: 60px
    }

    .trends {
        padding-top: 15px
    }

    .academy {
        margin-top: 60px
    }

    .block-type-1 .container__section {
        height: auto;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    main {
        padding-bottom: 45px
    }

    .rotate-title {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        height: 22px;
        margin-bottom: 30px
    }

    .rotate-title .h1, .rotate-title a, .rotate-title h1, .rotate-title span {
        font-size: 18px;
        line-height: 1;
        left: -2px;
        bottom: -3px
    }

    .block-type-1 .container__section {
        margin-left: 15px;
        margin-right: 15px;
        background: 0 0 !important
    }

    .block-type-1 .container__section > div {
        width: 100% !important
    }

    .block-type-1 .container__section .container__section__image img, .block-type-1 .container__section .container__section__image picture {
        width: 100%;
        margin-bottom: 15px
    }

    .block-type-1 .container__section .container__section__text {
        height: auto
    }

    .block-type-1 .container__section .container__section__text .container__section__text__title {
        width: 100%;
        height: auto;
        padding: 0
    }

    .block-type-1 .container__section .container__section__text .container__section__text__title h3 {
        position: relative;
        bottom: auto;
        font-size: 47.37px;
        line-height: 58px;
        text-align: center;
        margin: 0 0 15px
    }

    .block-type-1 .container__section .container__section__text .container__section__text__text {
        width: 100%;
        height: auto;
        padding: 0
    }

    .block-type-1 .container__section .container__section__text .container__section__text__text p {
        margin-bottom: 15px
    }

    .block-type-1 .container__section .container__section__image, .block-type-1 .container__section .container__section__text {
        width: 100%
    }

    section.bblond {
        margin-left: 15px;
        margin-right: 15px
    }

    .bblond__content {
        width: 100%;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bblond__content > div {
        width: 100%;
        height: auto
    }

    .bblond__content .bblond__text__container {
        display: block
    }

    .bblond__content .bblond__title {
        width: 100%
    }

    .bblond__content .bblond__title h3 {
        font-size: 47.37px;
        line-height: 58px;
        text-align: center
    }

    .bblond__content .bblond__text p {
        margin-bottom: 15px
    }

    .blog .bg-dark {
        display: none
    }

    .blog .section__container__title, .seminars .section__container__title {
        background-color: #202c38;
        top: auto
    }

    .blog .blog-list, .seminars .blog-list {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        padding-top: 0
    }

    .blog .blog-list .blog__item, .seminars .blog-list .blog__item {
        width: 100%
    }

    .blog .blog-list .blog__item:nth-of-type(2), .blog .blog-list .blog__item:nth-of-type(3), .seminars .blog-list .blog__item:nth-of-type(2), .seminars .blog-list .blog__item:nth-of-type(3) {
        display: none
    }

    .blog .blog-list .blog__item .blog__item__image, .seminars .blog-list .blog__item .blog__item__image {
        width: 75%;
        margin: 0 auto 30px
    }

    .blog .blog-list .blog__item__name, .seminars .blog-list .blog__item__name {
        font-size: 22px;
        text-align: center;
        margin-bottom: 15px
    }

    .blog .blog-list .tags, .blog .blog-list p, .seminars .blog-list .tags, .seminars .blog-list p {
        text-align: center
    }

    .product__item .item__image span.new {
        width: 44px;
        height: 42px
    }

    .news-and-best__gallery {
        width: 50%;
        margin: 0 auto
    }

    .news-and-best__gallery .product__item .item__series {
        font-size: 13px
    }

    .news-and-best__gallery .product__item .item__name, .news-and-best__gallery .product__item .item__series {
        line-height: 18px;
        font-weight: 400
    }

    .news-and-best__gallery .product__item .item__name {
        font-weight: 500;
        font-size: 14px
    }

    .new-best .section__content {
        min-height: auto
    }

    .news-and-best__list .nav-prev {
        left: 15px
    }

    .news-and-best__list .nav-next {
        right: 15px
    }

    .academy .block__text .arrow {
        margin-top: 15px
    }

    .care .care__text {
        max-width: 100%;
        position: relative;
        top: auto;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .block-type-3 .block__text, .care .care__text {
        margin-top: 15px;
        font-weight: 500;
        font-size: 22px;
        line-height: 30px;
        padding-top: 0;
        text-align: center
    }

    .page_content .rotate-title {
        top: auto
    }

    .padding-top-l, main > .page_content {
        padding-top: 0
    }

    .block-type-1 .container__section .container__section__image {
        position: relative
    }

    .block-type-1 .container__section .container__section__image .trend__date {
        margin: 0;
        width: 100%;
        min-height: 30px;
        position: absolute;
        left: 0;
        top: 5px;
        padding-left: 5px;
        text-align: left;
        background: 0 0 !important
    }

    .block-type-1 .container__section .container__section__image .trend__date span {
        font-size: 20px;
        line-height: 30px;
        bottom: auto;
        font-weight: 400;
        position: relative
    }

    .block-type-1.trend-item {
        margin-top: 60px
    }

    .new-best .news-and-best__gallery {
        width: 80%
    }

    .new-best .product__gallery__list {
        width: 100%
    }

    .top-image-trend {
        height: 180px;
        margin-bottom: 30px
    }

    .top-image-trend .top-image-trend__title-container {
        display: none
    }

    .top-image-trend__title-container {
        padding: 0 15px
    }

    .top-image-trend__title-container .trend-date {
        font-size: 20px;
        line-height: 24px
    }

    .top-image-trend__title-container .h1, .top-image-trend__title-container h1 {
        margin: 0 0 15px
    }

    .trend_main_text {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px
    }

    .trend_main_text p {
        font-size: 22px;
        line-height: 27px;
        font-weight: 500
    }

    .trend-story > p {
        width: 100%;
        margin: 0 auto 15px
    }

    .blockquote {
        width: 100%;
        margin: 30px 0
    }

    .blockquote blockquote {
        padding-left: 50px
    }

    .blockquote blockquote:after {
        width: 35px;
        height: 30px;
        top: 13px;
        left: 0
    }

    .blockquote p {
        font-size: 22px;
        line-height: 26px
    }

    .trend-story__photo {
        height: 180px;
        width: auto;
        margin: 30px 15px
    }

    .rotate-title.short, .trend-story .rotate-title {
        width: auto
    }

    .rotate-title.short, .rotate-title.short.sh {
        top: auto !important
    }

    .lookbook {
        margin: 60px 0 0
    }

    .lookbook__gallery .lookbook__gallery__slider {
        width: 75%;
        padding: 0
    }

    .lookbook__gallery .lookbook__slider-item .slider-item__title {
        font-size: 20px
    }

    .lookbook__gallery .slider-item__text p {
        line-height: 20px;
        margin-bottom: 0
    }

    .lookbook__gallery .lookbook__slider-item img {
        margin-bottom: 30px
    }

    iframe {
        max-width: 100%
    }

    .use-products + .trend-story {
        margin-top: 15px
    }

    .lookbook + .use-products {
        margin-top: 30px
    }

    .lookbook__gallery {
        -ms-flex-align: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .lookbook__gallery .lookbook__gallery_navi {
        margin-top: 75px;
        width: 12.5%;
        padding: 0 5px
    }

    .lookbook__gallery .lookbook__gallery_navi .icon {
        font-size: 48px
    }

    .lookbook__gallery .lookbook__gallery_navi img {
        display: none
    }

    .product__gallery__list .nav-next span, .product__gallery__list .nav-prev span {
        font-size: 48px
    }

    .use-products .product__gallery__list {
        width: 100%
    }

    .use-products .product__gallery__list .product__gallery__navi {
        width: 12.5%;
        padding: 0 5px
    }

    .use-products .product__gallery__list .product__gallery {
        width: 75%
    }

    .page_container {
        min-height: 30px
    }

    .page_content .mt-4 {
        margin-top: 30px
    }

    .page_content .mb-4 {
        margin-bottom: 30px
    }

    .page_content .page_container.md {
        width: 100%
    }

    .section-block__title, .seminar-preview {
        padding: 0
    }

    .download {
        height: auto;
        font-size: 14px;
        padding: 0
    }

    .download a {
        height: auto;
        padding-left: 35px;
        background-size: 20px 30px;
        line-height: 17px;
        min-height: 30px
    }

    .seminars, .seminars + .seminars {
        margin-top: 60px
    }

    .seminars .bg-dark {
        height: 22px;
        position: relative
    }

    .seminars .seminars-list {
        width: 100%
    }

    .seminars .seminars-list .seminars__item {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .seminars .seminars-list .seminars__item:last-of-type {
        margin-bottom: 0
    }

    .seminars .seminars-list .seminars__item a {
        width: 100%
    }

    .seminars .seminars-list .seminars__item img {
        box-shadow: 0 45px 60px rgba(0, 0, 0, .2)
    }

    .seminars .seminars-list .seminars__item .seminars__item__name {
        font-size: 22px;
        line-height: 30px;
        text-align: center
    }

    .seminars .seminars-list .seminars__item .seminars__item__preview-text {
        text-align: center
    }

    div.back {
        position: relative
    }

    .seminar-detail__content {
        margin: 0 -15px;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .seminar-detail__content .seminar-detail__photo {
        width: 50%
    }

    .seminar-detail__content .seminar-detail__type {
        width: 50%;
        padding-left: 0
    }

    .seminar-detail__content .seminar-detail__type .type_name {
        font-size: 16px;
        line-height: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 5px
    }

    .seminar-detail__content .seminar-detail__type ul li {
        font-size: 14px;
        padding-left: 24px
    }

    .seminar-detail__content .seminar-detail__type ul li:after {
        width: 15px;
        height: 30px;
        background-image: url(/images/ar-li-xs.png)
    }

    .seminar-detail__content .seminar-detail__audience {
        width: 100%;
        margin-top: 60px
    }

    .seminar-detail__prop ul,
    .seminar-detail__content .audience__list {
        margin-bottom: 30px
    }

    .seminar-detail__content dl {
        padding-left: 40px
    }

    .seminar-detail__content + .seminar-detail__content {
        margin-top: 15px
    }

    .seminar-detail__content + .seminar-detail__content .text__accordion {
        margin-top: 0
    }

    .seminar-detail__content .seminar-detail__text {
        width: 100%
    }

    .block-list.items-2 > div, .team-list .team-item {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .block-list.items-2 > div .team-item__photo, .team-list .team-item .team-item__photo {
        width: 100%;
        margin-bottom: 15px
    }

    .block-list.items-2 > div h3, .team-list .team-item h3 {
        font-size: 22px;
        line-height: 30px
    }

    .team-list .team-item {
        padding: 0;
        max-width: 380px;
        margin: 0 15px 30px
    }

    .team-list .team-item > div {
        padding: 0
    }

    .team-list .team-item p.post {
        font-size: 16px;
        line-height: 19px
    }

    .page_container.xs {
        width: 83.33%
    }

    .trend-story > p {
        font-size: 18px
    }

    .download.mt-big {
        margin-top: 60px
    }

    div.back {
        height: 30px
    }

    div.back a {
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        margin-left: 25px
    }

    div.back a:before {
        top: -1px;
        width: 15px;
        background: url(/images/ar-li-xs.png);
        left: -25px
    }

    .seminar-preview p {
        font-size: 16px;
        line-height: 24px
    }

    .seminar-detail__content dl {
        line-height: 24px;
        font-size: 16px
    }

    .bblond, .simple {
        padding-top: 15px
    }

    .top-image-trend {
        margin-top: -30px
    }

    iframe.instagram-media {
        min-width: 290px !important
    }

    .blockquote footer {
        font-size: 14px;
        line-height: 20px
    }

    .blog_container .blog__detail span.header3 {
        font-size: 20px;
        line-height: 33px
    }

    .blog .blog-list .tags a, .seminars .blog-list .tags a {
        font-size: 16px
    }

    .block-type-1.rt .container__section__image {
        margin-top: 30px
    }

    .top-image-trend__title-container .h1, .top-image-trend__title-container h1 {
        font-size: 35px;
        line-height: 42px
    }

    .lookbook__gallery .slider-item__text p {
        font-size: 12px
    }

    .seminar-detail__content .audience__list li:before {
        top: -3px
    }

    .product__item .item__name {
        font-weight: 500;
        font-size: 14px
    }

    .product__item .item__series {
        font-size: 13px;
        line-height: 18px;
        font-weight: 400
    }

    .top-image-trend__title-container.visible-xs {
        display: block !important
    }
}

@media (max-width: 767px) {
    .block-list.items-2 > div, .team-list .team-item {
        width: 100%;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .block-list.items-2 > div .team-item__photo, .team-list .team-item .team-item__photo {
        width: 100%;
        margin-bottom: 15px
    }

    .block-list.items-2 > div h3, .team-list .team-item h3 {
        font-size: 22px;
        line-height: 30px
    }

    .team-list .team-item {
        margin: 0 0 30px
    }

    .team-list .team-item > div {
        padding: 0
    }

    .team-list .team-item p.post {
        font-size: 16px;
        line-height: 19px
    }

    .block-list {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .block-list .block-list__item img {
        margin-bottom: 15px
    }

    .education-list__links li {
        font-size: 16px;
        margin-bottom: 15px
    }

    .page_container.xs {
        width: 100%
    }

    .page_container .p-lr {
        padding-right: 0;
        padding-left: 0
    }

    .text__accordion > p a {
        min-height: 30px;
        line-height: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        height: auto
    }

    .about-container {
        width: 100%
    }

    .about-container .trend-story__photo {
        margin-left: 0;
        margin-right: 0
    }

    .faq-item {
        padding: 0;
        margin-bottom: 30px
    }
}

@media (min-width: 1024px) {
    .lookbook__gallery_navi .icon {
        display: none
    }
}

@media screen and (min-width: 1024px){


    .seminar-detail__content {
        -webkit-justify-content: flex-start;
        -webkit-align-items: flex-start;
        -webkit-flex-flow: row wrap;
        -ms-flex-align: flex-start;
        -ms-flex-pack: flex-start;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-flow: row wrap
    }

    .seminar-detail__content .seminar-detail__photo, .seminar-detail__content .seminar-detail__type {
        width: 50%
    }


    .seminar-detail__content .seminar-detail__audience {
        width: 100%;
        margin-top: 60px;
        -webkit-justify-content: space-between;
        -webkit-align-items: stretch;
        -webkit-flex-flow: row initial;
        -ms-flex-align: stretch;
        -ms-flex-pack: space-between;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-flow: row initial
    }

    .seminar-detail__content .seminar-detail__audience > div {
        width: 50%
    }

    .seminar-detail__content .seminar-detail__text {
        width: 100%
    }

    .seminar-detail__content + .seminar-detail__content {
        margin-top: 0
    }

    .seminar-detail__content .seminar-detail__type .type_name {
        padding: 10px 15px;
        margin-bottom: 45px
    }

    .seminar-detail__prop ul,
    .seminar-detail__content .audience__list {
        padding-right: 15px
    }

    .seminar-detail__content .properties {
        padding-left: 15px
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .new-best .section__content {
        min-height: 200px
    }

    main {
        padding-bottom: 120px
    }

    .footer .footer-bottom .social ul li {
        font-size: 20px;
        padding: 0 30px
    }

    .footer .footer-bottom .social ul li:last-of-type {
        padding-right: 0
    }

    .block-type-1 .container__section {
        height: 510px
    }

    .padding-top-l {
        padding-top: 0
    }

    .page_container {
        min-height: 300px
    }

    .page_container.lg, .page_container.md {
        width: 83.33%
    }

    .page_container.xs {
        width: 66.67%
    }

    .blog .blog-list, .seminars .blog-list {
        margin-left: 8.33%;
        margin-right: 8.33%;
        padding-left: 15px;
        padding-right: 15px
    }

    .blog .blog-list .blog__item, .seminars .blog-list .blog__item {
        width: 33.33%;
        padding-left: 15px;
        padding-right: 15px
    }

    .blog .bg-dark, .seminars .bg-dark {
        height: 320px
    }

    .blog .section__container__title, .seminars .section__container__title {
        top: 260px
    }

    .blog .blog-list .blog__item__name, .seminars .blog-list .blog__item__name {
        margin-bottom: 15px
    }

    .blog .blog-list .blog__item .blog__item__image img, .seminars .blog-list .blog__item .blog__item__image img {
        box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
        width: 100%;
        height: auto
    }

    .rotate-title {
        top: 450px;
        width: 510px
    }

    .block-type-1 .container__section .container__section__text .container__section__text__title { /*height:255px*/
    }

    .block-type-1 .container__section .container__section__text .container__section__text__title h3 {
        line-height: 1;
        margin-bottom: 0;
        font-size: 36px
    }

    .bblond__text__container h3 {
        font-size: 36px
    }

    .block-type-1 p {
        font-size: 18px;
        line-height: 24px
    }

    .page_content .rotate-title {
        top: 630px
    }

    .trend-story .rotate-title {
        top: 330px
    }

    .trend_main_text p {
        font-size: 30px;
        line-height: 45px
    }

    .trend_main_text {
        width: 83.33%;
        padding: 0 15px
    }

    .trend-story > p {
        width: 75%;
        font-size: 18px;
        line-height: 24px
    }

    .lookbook {
        margin-top: 120px
    }

    .lookbook__gallery .lookbook__gallery_navi > div {
        width: 130px;
        height: auto
    }

    .product__item .item__image span.new {
        width: 50px;
        height: 47px
    }

    .top-image-trend {
        height: 510px;
        margin-bottom: 45px
    }

    .top-image-trend .top-image-trend__title {
        width: 83.33%
    }

    .top-image-trend .top-image-trend__title-container .h2, .top-image-trend .top-image-trend__title-container h2 {
        line-height: 1.4
    }

    .top-image-trend .top-image-trend__title-container {
        bottom: 15px
    }

    .top-image-trend h1 {
        line-height: 1.25;
        font-size: 40px
    }

    blockquote:after {
        width: 40px;
        height: 35px
    }

    .product__item .item__name {
        font-size: 16px;
        line-height: 22px
    }

    p {
        font-size: 18px;
        line-height: 24px
    }

    .lookbook__gallery .lookbook__slider-item .slider-item__title {
        font-size: 20px;
        line-height: 30px
    }

    .blog .blog-list .tags, .seminars .blog-list .tags {
        line-height: 1;
        margin-top: 5px
    }

    .blog .blog-list .tags a, .seminars .blog-list .tags a {
        font-size: 16px;
        line-height: 20px
    }

    .seminars .seminars-list {
        width: 83.33%
    }

    .seminars .seminars-list .seminars__item {
        padding: 0 15px
    }

    .seminars .seminars-list .seminars__item a {
        width: 100%
    }

    .seminars .seminars-list .seminars__item .seminars__item__name {
        font-size: 22px
    }

    .seminars + .seminars {
        margin-top: 60px
    }

    .team-list .team-item {
        margin-bottom: 60px
    }

    .team-list h3 {
        font-size: 20px
    }

    .team-list p.post {
        font-size: 18px
    }

    .block-list.items-2 > div {
        width: 100%
    }

    .rotate-title .h1, .rotate-title h1, .rotate-title span {
        font-size: 34px;
        bottom: -18px;
        left: -4px
    }

    .education-list__links li {
        margin-bottom: 0
    }

    div.back {
        left: 30px;
        font-size: 18px
    }

    .mb-4 + .about-container {
        margin-top: -30px
    }

    .blockquote footer {
        font-size: 14px
    }

    .slider-item__text p {
        font-size: 14px;
        line-height: 16.8px
    }
}

@media (min-width: 1440px) and (max-width: 1679px) {
    .rotate-title {
        width: 510px;
        top: 450px
    }

    .top-image-trend {
        height: 510px
    }

    .page_content .rotate-title {
        top: 630px
    }

    .page_content {
        min-height: 510px
    }

    .blog__main-list .blog__item {
        margin-bottom: 90px
    }

    p {
        font-size: 18px;
        line-height: 24px
    }

    .blog__main-list .blog__item .blog__item__name {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 15px
    }

    .blog__main-list .blog__item .blog__item__preview-text {
        font-size: 18px;
        line-height: 24px
    }

    .blog__main-list .blog__item .blog__item__preview-text .tags {
        font-size: 16px;
        line-height: 20px
    }

    .blog .bg-dark, .seminars .bg-dark {
        height: 310px
    }

    .blog .section__container__title {
        top: 250px
    }
}

@media (min-width: 1440px) and (max-width: 1439px) {
    .blog .bg-dark, .seminars .bg-dark {
        height: 340px
    }

    .seminars .seminars-list .seminars__item {
        padding: 0 15px
    }

    .seminars .seminars-list .seminars__item a {
        width: 100%
    }

    .seminars + .seminars {
        margin-top: 60px
    }

    .page_container.md {
        width: 83.3%
    }

    .block-type-1 .container__section {
        height: 660px
    }

    .block-type-1 .container__section .container__section__text .container__section__text__title {
        height: 330px
    }

    .block-type-1 .container__section .container__section__image .trend__date {
        -webkit-justify-content: center;
        -webkit-align-items: center;
        -webkit-flex-flow: row initial;
        -ms-flex-align: center;
        -ms-flex-pack: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: row initial
    }

    .trend_main_text p {
        font-size: 40px;
        line-height: 52px
    }

    .team-list .team-item {
        margin-bottom: 120px
    }
}

@media (min-width: 1680px) {
    .top-image-trend .top-image-trend__title-container {
        bottom: 15px
    }

    .top-image-trend h1 {
        font-size: 55px;
        line-height: 135px;
        font-weight: 400
    }
}