@media only screen and (min-width: 320px) {
    /* ------------------------ */
    /* ------- Insights ------- */
    /* ------------------------ */
    .wrp-title__page {
        width: 100%;
        padding: 20px 0 40px 0;
    }
    .wrp-title__page.wshare {
        padding: 20px 0;
    }
    .title-page {
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }

    .filter-bar {
        top: 57px;
    }
    ul.filter-category {
        column-gap: 20px;
        padding: 18px 0 18px 0;
    }
    ul.filter-category li:last-child {
        padding: 16px;
    }
    .contents-highlight {
        width: 100%;
        padding: 32px 0;
    }
    .content-h__first {
        grid-column: 1 / -1;
        margin-bottom: 32px;
    }
    .hide-tablet {
        display: none;
    }
    .content-item figure {
        row-gap: 16px;
    }
    .content-item .insight-cate {
        margin-bottom: 20px;
    }
    .content-item .insight-detail {
        row-gap: 12px;
        margin-bottom: 24px;
    }
    .content-item .insight-detail .insight-title{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .content-item .insight-detail .insight-desc {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .content-item .insight-detail .insight-desc.mobile {
        display: -webkit-box;
    }

    .content-h__list {
        grid-column: 1 / -1;
        row-gap: 32px;
    }
    .content-h__list > li.tablet {
        display: none;
    }
    .content-h__list .content-item figure {
        display: flex;
        flex-direction: column;
        column-gap: 16px;
    }
    .content-h__list .content-item figure .wrp-img__card {
        width: 100%;
    }
    .content-h__list .content-item figure figcaption {
        width: 100%;
    }

    .contents-list {
        width: 100%;
        margin-bottom: 32px;
    }
    .contents-list .wrap-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 0;
        row-gap: 32px;
    }
    .contents-list .wrap-grid li {
        grid-column: auto / span 4;
    }

    .wrp-pagination {
        margin-bottom: 40px;
    }

    /* ------------------------ */
    /* - Individual Insights -- */
    /* ------------------------ */
    .title-primary {
        grid-column: 1 / -1;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        order: 2;
    }
    .title-primary .insight-cate {
        margin-bottom: 0;
    }
    .title-sidebar {
        grid-column: 1 / -1;
        display: flex;
        justify-content: flex-end;
        position: relative;
        order: 1;
        margin-bottom: 12px;
    }

    .txt-share {
        display: none;
    }
    hgroup h1 {
        margin-bottom: 8px;
    }

    .share-btn {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: row;
        align-items: center;
        column-gap: 12px;
        text-decoration: unset;
        padding: 2px 0 10px 10px;
    }

    .share-list {
        display: flex;
        flex-direction: row;
        column-gap: 15px;
        align-items: center;
    }
    .share-list li a svg.share-icon path,
    .share-list li a svg.share-link path {
        transition: ease-in-out .5s all;
    }
    .share-list li a:hover svg.share-icon path {
        fill: var(--Neutral-400);
    }
    .share-list li a:hover svg.share-link path {
        stroke: var(--Neutral-400);
    }


    .container-cover {
        width: 100%;
        margin: 0 auto;
    }

    .wrap-grid.content-tmp {
        row-gap: 20px;
    }
    .wrp-content__img {
        grid-column: 1 / -1;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        row-gap: 12px;
    }
    .wrp-content__img.verticle {
        grid-column: 1 / -1;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        row-gap: 12px;
    }
    .wrp-content__img figure {
        width: 100%;
        margin: auto;
    }

    .wrp-content {
        grid-column: 1 / -1;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        row-gap: 20px;
    }
    hgroup h2 {
        font-size: 18px;
        line-height: 24px;
    }
    .wrp-content .content-desc p {
        margin-bottom: 20px;
    }

    .wrp-content .content-desc h2,
    .wrp-content .content-desc h3,
    .wrp-content .content-desc h4,
    .wrp-content .content-desc h5,
    .wrp-content .content-desc h6 {
        margin: 0 0 8px 0;
    }
    .wrp-content .content-desc h2 {
        font-size: 18px;
        line-height: 24px;
    }
    .wrp-content .content-desc h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .wrp-content .content-desc h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .wrp-content .content-desc h5 {
        font-size: 16px;
        line-height: 22px;
    }
    .wrp-content .content-desc h6 {
        font-size: 14px;
        line-height: 20px;
    }


    .content-grid {
        display: flex;
        flex-direction: column;
        grid-row-gap: 20px;
    }
    .wrp-box__grid {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        grid-column-gap: 0;
        row-gap: 20px;
    }
    .box-grid {
        width: 100%;
        order: 2;
    }
    .box-grid.start {
        order: 1;
    }
    .box-grid.start.content-desc {
        order: 2;
    }
    .box-grid.fig,
    .box-grid.start.fig {
        order: 1;
    }
    .box-grid.content-desc {
        order: 2;
    }

    .box-grid figure {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }
    .content-capture figcaption p,
    .box-grid figcaption p,
    .caption p {
        font-size: 12px;
        line-height: 14px;
    }

    .content-slider {
        grid-column: 1 / -1;
        margin: 20px 0;
    }
    .contentSlide .swiper-slide {
        width: calc(100% - 12px);
        display: flex;
        flex-direction: column;
        row-gap: 16px;
    }


    .accordion {
        width: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        list-style: none;
        padding: 0;
        margin: 40px 0;
        row-gap: 20px;
    }
    .accordion-item-header {
        font-size: 14px;
        font-weight: 300;
        line-height: 18px;
        letter-spacing: 0.21px;
        padding: 0px 16px 8px 0px;
    }
    .accordion-item-header:after {
        content: "";
        position: absolute;
        right: 0px;
        top: 35%;
    }
    .accordion-item-body-content {
        display: flex;
        flex-direction: column;
        row-gap: 16px;
        width: 100%;
        padding: 16px 0 16px 0;
    }

    /* ------------------------ */
    /* -------- Brands -------- */
    /* ------------------------ */
    .highlight-brands {
        width: 100%;
        padding: 38px 0 20px 0;
    }
    .main-hightlight {
        width: 100%;
        margin-bottom: 20px;
    }

    .brands-list {
        width: 100%;
        padding: 20px 0 40px 0;
    }
    .brands-list ul {
        row-gap: 20px;
    }

    .main-hightlight ul {
        row-gap: 20px;
    }
    .main-hightlight ul li {
        grid-column: auto / span 4;
    }

    .sub-hightlight ul {
        row-gap: 20px;
    }

    .sub-hightlight ul li,
    .brands-list ul li {
        grid-column: auto / span 2;
    }

    .main-hightlight ul li figure {
        row-gap: 16px;
    }
    .sub-hightlight ul li figure,
    .brands-list ul li figure {
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }

    .wrp-cta-include {
        display: flex;
        flex-direction: row;
        column-gap: 12px;
        margin-top: 0;
    }

    /* ------------------------ */
    /* --- Brand Individual --- */
    /* ------------------------ */
    .page-brand .title-primary {
        row-gap: 20px;
        align-items: flex-start;
    }

    #cover-brand {
        width: 100%;
        padding-bottom: 40px;
    }

    #highlight-watch {
        width: 100%;
        padding-bottom: 20px;
    }

    #push-grid {
        width: 100%;
        padding: 20px 0;
    }
    #push-grid .container-margin {
        width: 100%;
    }
    #push-grid .container-margin.left {
        margin-left: 0;
    }
    #push-grid .container-margin.right {
        margin-right: 0;
    }

    .push-row {
        padding-bottom: 40px;
    }

    .push {
        grid-column: auto / span 4;
    }

    .push-slide {
        margin-bottom: 32px;
    }
    .push-slide,
    .push-slide.start {
        order: 1;
    }
    .push-content,
    .push-content.start {
        order: 2;
    }
    .push-content {
        width: calc(100vw - 32px);
        margin: 0 auto;
    }

    .push .swiper-wrapper {
        padding-bottom: 8px;
    }
    .push-slide .swiper-wrapper {
        padding-bottom: 16px;
    }
    figure.push-img {
        display: flex;
        flex-direction: column;
        row-gap: 8px;
    }
    figure.push-img figcaption {
        margin-right: 0;
        padding: 0 16px 0 16px;
        text-align: center;
    }
    .start figure.push-img figcaption {
        margin-left: 0;
        padding: 0 16px 0 16px;
    }
    figure.push-img figcaption p {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 0.18px;
    }

    .push-content {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }
    .push-content.start {
        padding: 0;
    }
    .push-content:not(.start) {
        padding: 0;
    }

    .push .swiper-button-next,
    .push .swiper-button-prev {
        display: none;
    }


    #collections {
        width: 100%;
        padding: 20px 0 40px 0;
    }

    .collections {
        list-style: none;
        padding: 0;
        margin: 0;
        row-gap: 20px;
    }
    .collections li {
        grid-column: auto / span 2;
    }
    .collections li a figure {
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }


    .wrp-brand-option {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }
    .brand-option__content {
        grid-column: 1 / -1;
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }
    .brand-option__content h2 {
        text-align: left;
    }

    #official-retailer .wrp-title__section {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 16px;
    }
    .wrp-image__logo {
        display: flex;
        align-items: center;
        width: 71px;
    }
    .wrp-image__logo img,
    .wrp-image__logo picture {
        width: 100%;
        object-fit: cover;
    }

    .cover-brand.desktop {
        display: none;
    }
    .cover-brand.mobile {
        display: block;
        width: 100vw;
        display: block;
        margin-left: -16px;
        margin-right: -16px;
    }

    /* ------------------------ */
    /* ------ Collection ------ */
    /* ------------------------ */
    .collection-intro__content {
        grid-column: 1 / -1;
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 12px;
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .collection-intro__image {
        grid-column: 1 / -1;
        width: 100vw;
        margin-left: -16px;
        margin-right: -16px;
    }

    #watch-models {
        width: 100%;
        padding: 40px 0;
    }
    #watch-models .wrp-title__section {
        margin-bottom: 20px;
    }
    .watch-models__list {
        list-style: none;
        padding: 0;
        margin: 0;
        row-gap: 20px;
    }
    .watch-model {
        grid-column: auto / span 2;
    }
    #watch-models .wrp-pagination {
        width: 100%;
        margin: 32px 0 0 0;
    }

    /* ------------------------ */
    /* --------- Model -------- */
    /* ------------------------ */
    .wrp-watch-model {
        padding: 40px 0;
    }
    .watch-model__row .wrap-grid {
        grid-row-gap: 40px;
    }
    .wrp-share {
        top: 15px;
        right: 16px;
    }

    .watch-model__img {
        grid-column: 1 / -1;
    }
    .modelSwiper {
        padding-bottom: 4px;
    }

    .watch-model__info {
        grid-column: 1 / -1;
        display: flex;
        flex-direction: column;
    }
    .watch-model__info hgroup {
        width: 80%;
        display: flex;
        flex-direction: column;
        row-gap: 16px;
        margin-bottom: 16px;
    }

    .vat-info {
        visibility: hidden;
        width: 100%;
        text-align: left;
        border-radius: 6px;
        padding: 15px 20px;
        position: absolute;
        z-index: 1;
        top: 150%;
        left: 0;
        transition: ease-in-out .5s all;
    }

    .watch-model__info__price p.collection-detail {
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }

    .wrp-watch-cta {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 12px;
        margin-top: 24px;
    }
    .wrp-watch-cta a {
        max-width: 230px;
    }

    .thumb-gallery {
        display: none;
    }


    #description {
        width: 100%;
        padding: 40px 0 20px 0;
    }
    .wrp-model__description {
        grid-column: 1 / -1;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }

    #specification {
        width: 100%;
        padding: 20px 0 40px 0;
    }

    .wrp-spec__desc .wrp-title__section {
        margin-bottom: 20px;
    }


    .spec-group {
        grid-column: auto / span 4;
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        padding: 12px;
    }
    .group-content__title {
        width: 42%;
        line-height: 16px;
    }
    .group-content__desc {
        width: 58%;
        line-height: 18px;
    }

    /* ------------------------ */
    /* --------- Patek -------- */
    /* ------------------------ */
    #patek #cover-brand {
        width: 100%;
        padding: 20px 0 40px 0;
    }
    #patek .container-cover {
        margin: 0 auto;
    }

    #patek-cortina .content-img {
        display: flex;
        order: 2;
        position: relative;
        grid-column: 1 / -1;
        margin-top: 24px;
        margin-left: -16px;
        margin-right: -16px;
    }
    #patek-cortina .content-txt {
        grid-column: 1 / -1;
        display: flex;
        order: 1;
    }

    #patek-cortina .pt-cw__title br {
        display: none;
    }

    #push-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 40px;
    }

    .push-content__wrp {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        row-gap: 24px;
    }
    .push-content__wrp::after {
        content: unset;
    }

    .push-content__wrp .push-cover {
        position: relative;
        top: 0;
        left: 0;
        order: 2;
    }
    .push-content__wrp .push-cover::after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        padding-top: 65.33%;
    }
    .push-content__wrp .push-cover img.desktop,
    .push-content__wrp .push-cover picture.desktop {
        display: none;
    }
    .push-content__wrp .push-cover img.mobile,
    .push-content__wrp .push-cover picture.mobile {
        display: block;
    }

    .push-content__box {
        position: relative;
        top: 0;
        transform: translateY(0);
        left: 0;
        z-index: 2;
    }
    .push-content__txt {
        width: 100%;
        grid-column: 1 / -1;
        display: flex;
        flex-direction: column;
        row-gap: 12px;
        padding: 0;
        order: 1;
    }
    .push-content__txt.align-left {
        grid-column: 1 / -1;
    }
    .push-content__txt.align-right {
        grid-column: 1 / -1;
    }
    .push-content__txt.white {
        background-color: unset;
    }
    .push-content__txt.grey {
        background-color: unset;
    }

    /* ------------------------ */
    /* --- Patek & Cortina ---- */
    /* ------------------------ */
    #patek-template #cover-brand {
        padding-bottom: 20px;
    }
    .patek-section .wrap-grid {
        row-gap: 24px;
    }
    .patek-section .wrp-content {
        grid-column: 1 / -1;
        row-gap: 12px;
    }

    .cover-brand__desc {
        grid-column: 1 / -1;
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        row-gap: 20px;

        width: calc(100% - 32px);
        margin: 20px auto 0 auto;
    }
    .wrp-slide__content {
        grid-column: 1 / -1;
        position: relative;
    }
    .patekSlider {
        padding-bottom: 8px;
    }
    .patekPrev,
    .patekNext,
    .coverPrev,
    .coverNext {
        display: none !important;
    }

    .container-cover__slide .push-content__txt.align-left {
        grid-column: 1 / -1;
        padding: 20px 0;
    }
    .container-cover__slide .push-content__txt.align-right {
        grid-column: 1 / -1;
        padding: 20px 0;
    }

    /* ------------------------ */
    /* -- Patek update page --- */
    /* ------------------------ */
    #update-template .box-watch .refcode {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.21px;
    }
    #update-template .box-watch .watch-desc {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 0.18px;
    }


    /* ------------------------ */
    /* ------ Interview ------- */
    /* ------------------------ */
    #interview-profile .content-img {
        display: block;
        margin-left: -16px;
        margin-right: -16px;
    }

    #interview-profile .content-txt {
        margin: 20px 0 20px 0;
    }

    /* ------------------------ */
    /* ------ Interview ------- */
    /* ------------------------ */

    #interviews {
        width: 100%;
        margin: 20px 0;
    }
    #interviews .wrap-grid {
        row-gap: 32px;
    }
    #interviews hgroup h2 {
        font-size: 14px;
        line-height: 20px;
    }

    #gallery {
        width: 100%;
        padding: 20px 0 40px 0;
    }
    #gallery .wrp-slide__content {
        grid-column: 1 / -1;
        position: relative;
        margin-left: -16px;
        margin-right: -16px;
    }
    #gallery .wrp-slide__caption {
        grid-column: 1 / -1;
        text-align: center;
        margin-top: 16px;
    }

    /* ------------------------ */
    /* ------ Watch Care ------ */
    /* ------------------------ */
    #watch-service {
        width: 100%;
        padding: 40px 0 40px 0;
    }

    .content-main {
        row-gap: 20px;
    }

    .content-sidebar {
        grid-column: 1 / -1;
    }

    .content-primary {
        grid-column: 1 / -1;
    }

    ul.services {
        row-gap: 20px;
    }
    ul.services li {
        padding: 12px;
        row-gap: 12px;
    }


    .wrp-location {
        width: 100%;
        display: flex;
        flex-direction: column;
        column-gap: 0;
        row-gap: 24px;
    }

    .location-col {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 24px;
    }

    .location-box {
        display: flex;
        flex-direction: column;
        row-gap: 16px;
    }


    ul.care-contact {
        list-style: none;
        margin: 0;
        padding: 0 28px;
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }
    ul.care-contact li,
    ul.care-contact li a {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    ul.care__opening-hours {
        list-style: none;
        margin: 0;
        display: flex;
        flex-direction: column;
        row-gap: 8px;
        padding: 0 28px;
    }
    ul.care__opening-hours li {
        display: flex;
        flex-direction: row;
        column-gap: 32px;
    }
    ul.care__opening-hours li .day {
        min-width: 25%;
    }

    .content-primary.care-acc {
        grid-column: 1 / -1;
    }

    /* ------------------------ */
    /* ------- Boutiques ------ */
    /* ------------------------ */
    .country-title {
        width: 100%;
        padding: 30px 0;
        row-gap: 24px;
    }
    .country-title .title-primary {
        order: 1;
    }
    .country-title .title-sidebar {
        order: 2;
    }

    ul.boutique-list {
        list-style: none;
        padding: 0;
        margin: 0;
        row-gap: 32px;
        margin-bottom: 40px;
    }
    ul.boutique-list li a.boutique-item figure figcaption {
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }

    /* ------------------------ */
    /* - Individual Boutique -- */
    /* ------------------------ */
    .boutique-info__row {
        row-gap: 24px;
        padding-bottom: 40px;
    }
    .boutique-info__col {
        grid-column: 1 / -1;
        row-gap: 24px;
    }
    .boutique-info__col.contact-content {
        padding: 0;
        display: flex;
        flex-direction: column;
        row-gap: 24px;
        order: 2;
    }
    .boutique-info__col.contact-content h1 {
        margin-bottom: 0;
    }
    .boutique-info__col.contact-img {
        order: 1;
    }
    .boutique-info__col.contact-img .patekSlider {
        padding-bottom: 4px;
        margin: 0 -16px;
    }

    #location-opening {
        padding: 0 0 60px 0;
    }
    #location-opening .container-margin.left {
        margin: 0 16px;
    }
    #location-opening .container-margin.right {
        margin: 0 16px;
    }
    .boutique-map {
        width: 100vw;
        margin: 0 -16px 24px -16px;
    }
    .boutique-map::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 60.27%;
    }
    .boutique-opening {
        padding-left: 0;
    }

    /* ------------------------ */
    /* -- Investor Relations -- */
    /* ------------------------ */
    #announcements {
        width: 100%;
        padding: 20px 0 40px 0;
    }

    .wrp-years {
        width: 230px;
    }
    .wrp-announcements__content {
        grid-column: 1 / -1;
        row-gap: 40px;
    }

    /* .year-menu .year-btn {
        max-width: 230px;
    } */
    .year-menu .options {
        right: 0;
    }
    .year-menu .options .year-option,
    .year-menu .options .year-option a {
        padding-left: 6px;
    }

    .default-txt,
    .year-sBtn-text {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .wrp-announcements__content h2 {
        margin-bottom: 32px;
    }

    .announcement-item {
        row-gap: 12px;
    }
    .announcement-list li {
        row-gap: 12px;
    }
    .announcement-list li .annouce-date {
        grid-column: 1 / -1;
    }
    .announcement-list li .annouce-date p {
        font-size: 14px;
        line-height: 18px;
    }
    .announcement-list li .annouce-content {
        grid-column: 1 / -1;
        row-gap: 12px;
    }
    .announcement-list li .annouce-content h3 {
        font-size: 14px;
        line-height: 18px;
    }
    .announcement-list li .annouce-content a {
        max-width: 150px;
    }


    #reports {
        width: 100%;
        padding: 20px 0 40px 0;
    }

    .reportsSwiper ul {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-bottom: 12px;
    }
    .reportsSwiper ul li {
        display: flex;
        flex-direction: column;
        row-gap: 12px;
        padding: 0;
    }
    .reportsSwiper ul li h3 {
        font-size: 14px;
        line-height: 20px;
    }
    .reportsSwiper ul li a {
        max-width: 129px;
    }

    /* ------------------------ */
    /* -------- Contact ------- */
    /* ------------------------ */
    .box-model {
        grid-column: 1 / -1;
        margin-bottom: 40px;
    }
    .model-contact.wrp-img__card {
        width: 50%;
    }

    #contact-form .wrap-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 12px;
    }
    .contact-form__col.primary {
        grid-column: 1 / -1;
        row-gap: 32px;
        padding-bottom: 40px;
    }
    .contact-form__col.sidebar {
        grid-column: 1 / -1;
        padding-left: 0;
    }

    .contact-form__group {
        display: flex;
        flex-direction: column;
        row-gap: 16px;
    }

    .cf-row {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 12px;
        row-gap: 16px;
    }

    .w20 {
        width: 40%;
    }
    .w40 {
        width: calc(100% - (40% + 12px));
    }
    .w40.last {
        width: 100%;
    }
    .w45 {
        width: 100%;
    }
    .w50 {
        width: 100%;
    }
    .w80 {
        width: calc(100% - (40% + 12px));
    }

    #watch-care .wrp-title__section {
        grid-column: 1 / -1;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 0;
    }
    #watch-care .wrp-title__section h2 {
        margin-bottom: 20px;
    }
    #watch-care .wrp-title__section p {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #watch-care .wrp-img__card.mobile {
        display: block;
        width: 100vw;
        margin: 0 -16px;
    }
    #watch-care .wrp-img__card.desktop {
        display: none;
    }
}

@media only screen and (min-width: 320px) and (max-height: 568px) {

}

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

}

@media only screen and (min-width: 360px) and (max-height: 640px) {

}

@media only screen and (min-width: 360px) and (max-height: 740px) {

}

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

}

@media only screen and (min-width: 360px) and (max-height: 740px) {

}

@media only screen and (min-width: 375px) {
}

@media only screen and (min-width: 375px) and (max-height: 667px) {

}

@media only screen and (min-width: 375px) and (max-height: 812px) {

}

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

}

@media only screen and (min-width: 390px) and (max-height: 844px) {

}

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

}

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

}

@media only screen and (min-width: 412px) and (max-height: 914px) {

}

@media only screen and (min-width: 412px) and (max-height: 915px) {

}

@media only screen and (min-width: 414px) and (max-height: 736px) {

}

@media only screen and (min-width: 414px) and (max-height: 896px) {

}

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

}

@media only screen and (min-width: 430px) and (max-height: 932px) {

}

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

}

@media only screen and (min-width: 768px) {
    /* ------------------------ */
    /* ------- Insights ------- */
    /* ------------------------ */
    .filter-bar {
        top: 61px;
    }

    .contents-highlight {
        width: 100%;
        padding: 32px 0;
    }
    .content-h__first {
        grid-column: 1 / 5;
        margin-bottom: 0;
    }

    .hide-tablet {
        display: none;
    }
    .content-item figure {
        row-gap: 16px;
    }
    .content-item .insight-cate {
        margin-bottom: 20px;
    }
    .content-item .insight-detail {
        row-gap: 12px;
        margin-bottom: 24px;
    }
    .content-item .insight-detail .insight-title,
    .content-item .insight-detail .insight-desc {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .content-h__list {
        /* grid-column: 1 / -1; */
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 16px;
        row-gap: 32px;
    }
    .content-h__list > li.tablet {
        display: flex;
    }
    .content-h__list .content-item figure {
        display: flex;
        flex-direction: column;
        column-gap: 16px;
    }
    .content-h__list .content-item figure .wrp-img__card {
        width: 100%;
    }
    .content-h__list .content-item figure figcaption {
        width: 100%;
    }

    .contents-list {
        width: 100%;
        margin-bottom: 32px;
    }
    .contents-list .wrap-grid {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        column-gap: 20px;
        row-gap: 32px;
    }
    .contents-list .wrap-grid li {
        grid-column: auto / span 4;
    }

    .wrp-pagination {
        margin-bottom: 40px;
    }

    .content-slider {
        grid-column: 1 / -1;
        margin: 20px 0;
    }
    .contentSlide .swiper-slide {
        width: calc(100% - 16px);
        display: flex;
        flex-direction: column;
        row-gap: 16px;
    }

    /* ------------------------ */
    /* - Individual Insights -- */
    /* ------------------------ */

    .wrap-grid.content-tmp {
        row-gap: 20px;
    }
    .wrp-content__img {
        grid-column: 1 / -1;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        row-gap: 12px;
    }
    .wrp-content__img.verticle {
        grid-column: 1 / -1;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        row-gap: 12px;
    }
    .wrp-content__img figure {
        width: 100%;
        margin: auto;
    }

    .wrp-content__img figure.w1_1 {
        max-width: 720px;
    }
    .wrp-content__img figure.w3_4 {
        max-width: 540px;
    }
    .wrp-content__img figure.w4_5 {
        max-width: 576px;
    }
    .wrp-content__img figure.w9_16 {
        max-width: 450px;
    }

    /* ------------------------ */
    /* -------- Brands -------- */
    /* ------------------------ */
    .brands-list ul {
        row-gap: 20px;
    }

    .main-hightlight ul {
        row-gap: 20px;
    }
    .main-hightlight ul li {
        grid-column: auto / span 4;
    }

    .sub-hightlight ul li,
    .brands-list ul li {
        grid-column: auto / span 2;
    }

    .main-hightlight ul li figure {
        row-gap: 16px;
    }
    .sub-hightlight ul li figure,
    .brands-list ul li figure {
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }

    .wrp-cta-include {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;

        column-gap: 12px;
        row-gap: 12px;
        margin-top: 0;
    }

    /* ------------------------ */
    /* --- Brand Individual --- */
    /* ------------------------ */
    .push {
        grid-column: auto / span 8;
    }

    .push-content {
        width: calc(100vw - 64px);
        margin: 0 auto;
    }

    figure.push-img figcaption {
        margin-right: 0;
        padding: 0 32px 0 32px;
    }
    .start figure.push-img figcaption {
        margin-left: 0;
        padding: 0 32px 0 32px;
    }


    .collections li {
        grid-column: auto / span 4;
    }

    .cover-brand.mobile {
        display: block;
        width: 100vw;
        display: block;
        margin-left: -32px;
        margin-right: -32px;
    }

    #official-retailer .wrp-title__section {
        padding-right: 0;
    }

    /* ------------------------ */
    /* ------ Collection ------ */
    /* ------------------------ */
    .collection-intro__content {
        grid-column: 1 / 5;
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 16px;
        padding-top: 40px;
        padding-bottom: 0;
    }

    .collection-intro__image {
        grid-column: 5 / -1;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }


    .watch-model {
        grid-column: auto / span 2;
    }

    /* ------------------------ */
    /* --------- Model -------- */
    /* ------------------------ */
    .wrp-share {
        top: 15px;
        right: 32px;
    }

    .watch-model__img {
        grid-column: 1 / -1;
    }

    .vat-info {
        width: 440px;
        position: absolute;
        z-index: 1;
        top: 150%;
        left: 95px;
    }


    .spec-group {
        grid-column: auto / span 8;
    }
    .group-content__title {
        width: 30%;
    }
    .group-content__desc {
        width: 70%;
    }


    /* ------------------------ */
    /* --------- Patek -------- */
    /* ------------------------ */
    #patek-cortina .container-margin.left {
        width: calc(100vw - 64px);
        margin: 0 auto;
    }

    #patek-cortina .content-img {
        margin-left: -32px;
        margin-right: -32px;
    }

    #patek-cortina .pt-cw__title br {
        display: none;
    }

    /* ------------------------ */
    /* --- Patek & Cortina ---- */
    /* ------------------------ */
    .patek-section .wrap-grid {
        row-gap: 24px;
    }
    .patek-section .wrp-content {
        grid-column: 1 / -1;
        row-gap: 12px;
    }

    .cover-brand__desc {
        width: calc(100% - 64px);
    }

    /* ------------------------ */
    /* ------ Interview ------- */
    /* ------------------------ */
    #interview-profile .content-img {
        margin-left: 0;
        margin-right: 0;
    }

    #interview-profile .content-txt {
        margin: 0;
    }

    #gallery .wrp-slide__content {
        grid-column: 1 / -1;
        position: relative;
        margin-left: -32px;
        margin-right: -32px;
    }

    /* ------------------------ */
    /* ------ Watch Care ------ */
    /* ------------------------ */
    .wrp-location {
        width: 100%;
        display: flex;
        flex-direction: row;
        column-gap: 0;
        row-gap: 24px;
    }

    /* ------------------------ */
    /* - Individual Boutique -- */
    /* ------------------------ */
    .boutique-section .container-margin {
        width: calc(100vw - 64px);
    }
    .boutique-info__col.contact-img .patekSlider {
        margin: 0 -32px;
    }

    #location-opening .container-margin.left {
        margin: 0 auto;
    }
    #location-opening .container-margin.right {
        margin: 0 auto;
    }
    .boutique-map {
        margin: 0 -32px 24px -32px;
    }

    /* ------------------------ */
    /* -- Investor Relations -- */
    /* ------------------------ */
    .year-menu .options .year-option,
    .year-menu .options .year-option a {
        padding-left: 6px;
    }
    .announcement-list li .annouce-date {
        grid-column: 1 / 3;
    }
    .announcement-list li .annouce-content {
        grid-column: 3 / -1;
    }

    /* ------------------------ */
    /* -------- Contact ------- */
    /* ------------------------ */
    .model-contact.wrp-img__card {
        width: 45%;
    }

    #contact-form .wrap-grid {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-column-gap: 16px;
    }

    .w20 {
        width: 22%;
    }
    .w40 {
        width: calc((100% - (22% + 24px)) / 2);
    }
    .w40.last {
        width: calc((100% - (22% + 24px)) / 2);
    }
    .w45 {
        width: 42%;
    }
    .w50 {
        width: 100%;
    }
    .w80 {
        width: calc(100% - (22% + 12px));
    }

    #watch-care .wrp-img__card.mobile {
        display: block;
        width: 100vw;
        margin: 0 -32px;
    }
}

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

}

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

}

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

}

@media screen and (min-width: 1024.99px) {
    /* ------------------------ */
    /* ------- Insights ------- */
    /* ------------------------ */
    .wrp-title__page {
        width: 100%;
        padding: 40px 0 60px 0;
    }
    .wrp-title__page.wshare {
        padding: 40px 0;
    }
    .title-page {
        display: flex;
        flex-direction: column;
        row-gap: 16px;
    }

    .filter-bar {
        top: 65px;
    }
    ul.filter-category {
        column-gap: 32px;
        padding: 18px 0 22px 0;
    }
    ul.filter-category li:last-child {
        padding: 0;
    }

    .contents-highlight {
        width: 100%;
        padding: 60px 0;
    }
    .content-h__first {
        grid-column: 1 / 7;
        margin-bottom: 0;
    }
    .hide-tablet {
        display: flex;
    }
    .content-item figure {
        row-gap: 20px;
    }
    .content-item .insight-cate {
        margin-bottom: 20px;
    }
    .content-item .insight-detail {
        row-gap: 12px;
        margin-bottom: 24px;
    }
    .content-item .insight-detail .insight-title,
    .content-item .insight-detail .insight-desc {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .content-item .insight-detail .insight-desc.mobile {
        display: none;
    }

    .content-h__list {
        display: flex;
        grid-column: 7 / -1;
        row-gap: 20px;
    }
    .content-h__list > li.tablet {
        display: none;
    }
    .content-h__list .content-item figure {
        display: flex;
        flex-direction: row;
        column-gap: 20px;
    }
    .content-h__list .content-item figure .wrp-img__card {
        width: 34.2%;
    }
    .content-h__list .content-item figure figcaption {
        width: calc((100% - 34.2%) - 20px);
    }

    .contents-list {
        width: 100%;
        margin-bottom: 60px;
    }
    .contents-list .wrap-grid {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        column-gap: 20px;
        row-gap: 52px;
    }

    .wrp-pagination {
        margin-bottom: 60px;
    }


    /* ------------------------ */
    /* - Individual Insights -- */
    /* ------------------------ */
    .title-primary {
        grid-column: 1 / 9;
        display: flex;
        flex-direction: column;
        row-gap: 32px;
        order: 1;
    }
    .title-sidebar {
        grid-column: 11 / -1;
        display: flex;
        justify-content: flex-end;
        position: relative;
        order: 2;
        margin-bottom: 0;
    }

    .txt-share {
        display: block;
    }
    hgroup h1 {
        margin-bottom: 12px;
    }

    .share-btn {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: row;
        align-items: center;
        column-gap: 12px;
        text-decoration: unset;
        color: var(--Neutral-700);
        padding: 2px 0 10px 10px;
    }

    .share-list {
        position: absolute;
        z-index: 0;
        top: 0;
        right: 0;
        opacity: 0;

        list-style: none;
        margin: 0;

        display: flex;
        flex-direction: row;
        column-gap: 25px;
        align-items: center;

        padding: 5px 10px;
        background-color: var(--White);

        transition: ease-in-out .5s all;
    }
    .share-list.active {
        z-index: 2;
        opacity: 1;
    }
    .share-list li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: unset;
    }
    .share-list li a svg.share-icon path,
    .share-list li a svg.share-link path {
        transition: ease-in-out .5s all;
    }
    .share-list li a:hover svg.share-icon path {
        fill: var(--Neutral-400);
    }
    .share-list li a:hover svg.share-link path {
        stroke: var(--Neutral-400);
    }

    .container-cover {
        width: calc(100vw - 96px);
        margin: 40px auto;
    }

    .wrap-grid.content-tmp {
        row-gap: 24px;
    }
    .wrp-content__img {
        grid-column: 3 / 11;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        row-gap: 24px;
    }
    .wrp-content__img.verticle {
        grid-column: 4 / 10;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        row-gap: 24px;
    }
    .wrp-content__img figure.w1_1 {
        max-width: 720px;
    }
    .wrp-content__img figure.w3_4 {
        max-width: 540px;
    }
    .wrp-content__img figure.w4_5 {
        max-width: 576px;
    }
    .wrp-content__img figure.w9_16 {
        max-width: 450px;
    }

    .wrp-content {
        grid-column: 3 / 11;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        row-gap: 24px;
    }
    hgroup h2 {
        font-size: 1.5rem;
        line-height: 1.755rem;
    }
    .wrp-content .content-desc {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .wrp-content .content-desc p {
        margin-bottom: 24px;
    }

    .wrp-content .content-desc h2,
    .wrp-content .content-desc h3,
    .wrp-content .content-desc h4,
    .wrp-content .content-desc h5,
    .wrp-content .content-desc h6 {
        margin: 0 0 12px 0;
    }
    .wrp-content .content-desc h2 {
        font-size: 1.5rem;
        line-height: 1.755rem;
    }
    .wrp-content .content-desc h3 {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    .wrp-content .content-desc h4 {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
    .wrp-content .content-desc h5 {
        font-size: 1rem;
        line-height: 1.375rem;
    }
    .wrp-content .content-desc h6 {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }


    .content-grid {
        display: flex;
        flex-direction: column;
        grid-row-gap: 60px;
    }
    .wrp-box__grid {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        grid-column-gap: 32px;
        row-gap: 0;
    }
    .box-grid {
        width: calc((100% -  32px) / 2);
        order: 2;
    }
    .box-grid.start {
        order: 1;
    }
    .box-grid.start.content-desc {
        order: 1;
    }
    .box-grid.fig {
        order: 2;
    }
    .box-grid.start.fig {
        order: 1;
    }
    .box-grid.content-desc {
        order: 2;
    }
    .box-grid figure {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 16px;
    }
    .content-capture figcaption p,
    .box-grid figcaption p,
    .caption p {
        font-size: 0.751rem;
        line-height: 0.875rem;
    }

    .content-slider {
        grid-column: 3 / 11;
        margin: 24px 0;
    }
    .contentSlide .swiper-slide {
        width: calc((100% - 40px) / 2);
        display: flex;
        flex-direction: column;
        row-gap: 32px;
    }

    .accordion {
        margin: 60px 0;
        row-gap: 20px;
    }
    .accordion-item-header {
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.32px;
        padding: 0px 16px 8px 0px;
    }
    .accordion-item-header:after {
        content: "";
        position: absolute;
        right: 16px;
        top: 35%;
    }
    .accordion-item-body-content {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        width: 100%;
        padding: 16px 0 8px 0;
    }

    /* ------------------------ */
    /* -------- Brands -------- */
    /* ------------------------ */
    .highlight-brands {
        width: 100%;
        padding: 60px 0 40px 0;
    }
    .main-hightlight {
        width: 100%;
        margin-bottom: 64px;
    }

    .brands-list {
        width: 100%;
        padding: 40px 0 80px 0;
    }
    .brands-list ul {
        row-gap: 32px;
    }

    .main-hightlight ul li {
        grid-column: auto / span 6;
    }

    .sub-hightlight ul li,
    .brands-list ul li {
        grid-column: auto / span 3;
    }

    .main-hightlight ul li figure,
    .sub-hightlight ul li figure,
    .brands-list ul li figure {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }

    .wrp-cta-include {
        display: flex;
        flex-direction: row;
        column-gap: 20px;
        margin-top: 12px;
    }

    /* ------------------------ */
    /* --- Brand Individual --- */
    /* ------------------------ */
    .page-brand .title-primary {
        row-gap: 24px;
        align-items: flex-start;
    }

    #cover-brand {
        width: 100%;
        padding-bottom: 80px;
    }

    #highlight-watch {
        width: 100%;
        padding-bottom: 40px;
    }

    #push-grid {
        width: 100%;
        padding: 40px 0;
    }
    #push-grid .container-margin {
        width: calc(100vw - 48px);
        max-width: 1920px;
    }
    #push-grid .container-margin.left {
        margin-left: 48px;
    }
    #push-grid .container-margin.right {
        margin-right: 48px;
    }

    .push-row {
        padding-bottom: 80px;
    }
    .push-row:last-child {
        padding-bottom: 0;
    }

    .push {
        grid-column: auto / span 6;
    }
    .push-slide {
        margin-bottom: 0;
    }
    .push-slide,
    .push-content {
        order: 2;
    }
    .push-slide.start {
        order: 1;
    }
    .push-content.start {
        order: 1;
    }
    .push-content {
        width: 100%;
        margin: unset;
    }

    .push .swiper-wrapper {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    figure.push-img {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }
    figure.push-img figcaption {
        margin-right: 48px;
        padding: 0;
        text-align: left;
    }
    .start figure.push-img figcaption {
        margin-left: 48px;
        padding: 0;
    }
    figure.push-img figcaption p {
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.21px;
    }

    .push-content {
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }
    .push-content.start {
        padding: 64px 40px 0 0;
    }
    .push-content:not(.start) {
        padding: 64px 0 0 40px;
    }

    .push .swiper-button-next,
    .push .swiper-button-prev {
        display: block;
    }


    #collections {
        width: 100%;
        padding: 40px 0 80px 0;
    }

    .collections {
        list-style: none;
        padding: 0;
        margin: 0;
        row-gap: 40px;
    }
    .collections li {
        grid-column: auto / span 4;
    }
    .collections li a figure {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }


    .wrp-brand-option {
        display: flex;
        flex-direction: column;
        row-gap: 32px;
    }
    .brand-option__content {
        grid-column: 3 / 11;
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 16px;
    }

    #official-retailer .wrp-title__section {
        padding-right: 0;
    }
    .brand-option__content h2 {
        text-align: center;
    }

    .wrp-image__logo {
        /* display: none; */
        width: 136px;
    }
    .cover-brand.desktop {
        display: block;
    }
    .cover-brand.mobile {
        display: none;
    }

    /* ------------------------ */
    /* ------ Collection ------ */
    /* ------------------------ */
    .collection-intro__content {
        grid-column: 1 / 7;
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 16px;
        padding-top: 60px;
        padding-bottom: 0;
    }

    .collection-intro__image {
        grid-column: 7 / -1;
        width: 100%;
    }

    #watch-models {
        width: 100%;
        padding: 80px 0;
    }
    #watch-models .wrp-title__section {
        margin-bottom: 24px;
    }
    .watch-models__list {
        list-style: none;
        padding: 0;
        margin: 0;
        row-gap: 24px;
    }
    .watch-model {
        grid-column: auto / span 3;
    }
    #watch-models .wrp-pagination {
        width: 100%;
        margin: 40px 0 0 0;
    }

    /* ------------------------ */
    /* --------- Model -------- */
    /* ------------------------ */
    .wrp-watch-model {
        padding: 40px 0 60px 0;
    }
    .watch-model__row .wrap-grid {
        grid-row-gap: 0;
    }
    .wrp-share {
        top: 0;
        right: 48px;
    }

    .watch-model__img {
        grid-column: 1 / 6;
    }
    .modelSwiper,
    .modelSwiper ul {
        padding-bottom: 0;
    }
    .swiper-pagination.thumb {
        bottom: -4px;
    }

    .watch-model__info {
        grid-column: 6 / 11;
        display: flex;
        flex-direction: column;
    }
    .watch-model__info hgroup {
        width: 80%;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        margin-bottom: 32px;
    }

    .watch-model__info__price {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }

    .vat-info {
        width: 440px;
        position: absolute;
        z-index: 1;
        top: 150%;
        left: 70px;
    }

    .watch-model__info__price p.price .currency {
        margin-right: 10px !important;
    }

    .watch-model__info__price p.collection-detail {
        display: flex;
        flex-direction: column;
        row-gap: 8px;
    }

    .wrp-watch-cta {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        margin-top: 40px;
    }
    .wrp-watch-cta a {
        max-width: 282px;
    }

    .thumb-gallery {
        display: flex;
        width: 100%;
        overflow: hidden;
        margin: 40px 0 0 0;
    }



    #description {
        width: 100%;
        padding: 60px 0 40px 0;
    }
    .wrp-model__description {
        grid-column: 1 / 9;
        display: flex;
        flex-direction: column;
        row-gap: 24px;
    }

    #specification {
        width: 100%;
        padding: 40px 0;
    }

    .wrp-spec__desc .wrp-title__section {
        margin-bottom: 24px;
    }


    .spec-group {
        grid-column: auto / span 6;
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        padding: 20px;
    }
    .group-content__title {
        width: 30%;
        line-height: 20px;
    }
    .group-content__desc {
        width: 70%;
        line-height: 22px;
    }

    /* ------------------------ */
    /* --------- Patek -------- */
    /* ------------------------ */
    #patek #cover-brand {
        /* width: 100%; */
        width: 70%;
        margin: 0 auto;
        padding: 40px 0 40px 0;
    }
    #patek .container-cover {
        margin: 0 auto;
    }

    #patek-cortina .content-img {
        display: flex;
        order: 2;
        position: relative;
        grid-column: 5 / -1;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
    #patek-cortina .content-txt {
        grid-column: 1 / 5;
        display: flex;
        order: 1;
    }

    #patek-cortina .pt-cw__title br {
        display: block;
    }

    #push-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 80px;
    }

    .push-content__wrp {
        width: 100%;
        position: relative;
    }
    .push-content__wrp::after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        padding-top: 42.92%;
    }

    .push-content__wrp .push-cover {
        position: absolute;
        top: 0;
        left: 0;
    }
    .push-content__wrp .push-cover::after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        padding-top: 42.92%;
    }
    .push-content__wrp .push-cover img.desktop,
    .push-content__wrp .push-cover picture.desktop {
        display: block;
    }
    .push-content__wrp .push-cover img.mobile,
    .push-content__wrp .push-cover picture.mobile {
        display: none;
    }

    .push-content__box {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 48px;
        z-index: 2;
    }
    .push-content__txt {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 12px;
        padding: 32px;
    }
    .push-content__txt.align-left {
        grid-column: 1 / 5;
    }
    .push-content__txt.align-right {
        grid-column: 9 / -1;
    }
    .push-content__txt.white {
        background-color: var(--White);
    }
    .push-content__txt.grey {
        background-color: var(--Neutral-50);
    }

    /* ------------------------ */
    /* --- Patek & Cortina ---- */
    /* ------------------------ */
    #patek-template #cover-brand {
        padding-bottom: 40px;
    }
    .patek-section .wrap-grid {
        row-gap: 40px;
    }
    .patek-section .wrp-content {
        grid-column: 2 / 12;
        row-gap: 12px;
    }
    .cover-brand__desc {
        grid-column: 2 / 12;
        display: flex;
        flex-direction: column;
        row-gap: 16px;

        width: calc(100% - 96px);
        max-width: 1920px;
        margin: 32px auto 0 auto;
    }
    .wrp-slide__content {
        grid-column: 2 / 12;
        position: relative;
    }

    .patekSlider {
        padding-bottom: 0;
    }
    .patekPrev,
    .patekNext,
    .coverPrev,
    .coverNext {
        display: block !important;
    }


    .container-cover__slide .push-content__txt.align-left {
        grid-column: 2 / 6;
        padding: 32px;
    }
    .container-cover__slide .push-content__txt.align-right {
        grid-column: 8 / 12;
        padding: 32px;
    }

    /* ------------------------ */
    /* -- Patek update page --- */
    /* ------------------------ */
    #update-template .box-watch .refcode {
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.32px;
    }
    #update-template .box-watch .watch-desc {
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.21px;
    }

    /* ------------------------ */
    /* ------ Interview ------- */
    /* ------------------------ */
    #interview-profile .content-img {
        margin-left: 0;
        margin-right: 0;
    }

    #interview-profile .content-txt {
        margin: 0;
    }

    /* ------------------------ */
    /* ------ Interview ------- */
    /* ------------------------ */
    #interview-profile .content-img {
        display: block;
    }

    #interviews {
        width: 100%;
        margin: 60px 0;
    }
    #interviews .wrap-grid {
        row-gap: 40px;
    }
    #interviews hgroup h2 {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }

    #gallery {
        width: 100%;
        padding: 40px 0 80px 0;
    }
    #gallery .wrp-slide__content {
        grid-column: 3 / 11;
        position: relative;
        margin-left: 0;
        margin-right: 0;
    }
    #gallery .wrp-slide__caption {
        grid-column: 3 / 11;
        text-align: center;
        margin-top: 16px;
    }


    /* ------------------------ */
    /* ------ Watch Care ------ */
    /* ------------------------ */
    #watch-service {
        width: 100%;
        padding: 40px 0 60px 0;
    }

    .content-sidebar {
        grid-column: 1 / 4;
    }

    .content-primary {
        grid-column: 4 / -1;
    }

    ul.services {
        row-gap: 20px;
    }
    ul.services li {
        padding: 32px;
        row-gap: 10px;
    }

    .wrp-location {
        width: 100%;
        display: flex;
        flex-direction: row;
        column-gap: 20px;
        row-gap: 0;
    }
    .location-col {
        width: 49%;
        display: flex;
        flex-direction: column;
        row-gap: 40px;
    }

    .location-box {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }

    ul.care-contact {
        list-style: none;
        margin: 0;
        padding: 0 28px;
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }
    ul.care-contact li,
    ul.care-contact li a {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    ul.care__opening-hours {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }
    ul.care__opening-hours li {
        display: flex;
        flex-direction: row;
        column-gap: 32px;
    }
    ul.care__opening-hours li .day {
        min-width: 16%;
    }

    .content-primary.care-acc {
        grid-column: 4 / 12;
    }

    /* ------------------------ */
    /* ------- Boutiques ------ */
    /* ------------------------ */
    .country-title {
        width: 100%;
        padding: 50px 0;
        row-gap: 0;
    }

    ul.boutique-list {
        list-style: none;
        padding: 0;
        margin: 0;
        row-gap: 64px;
        margin-bottom: 60px;
    }
    ul.boutique-list li a.boutique-item figure figcaption {
        display: flex;
        flex-direction: column;
        row-gap: 8px;
    }

    /* ------------------------ */
    /* - Individual Boutique -- */
    /* ------------------------ */
    .boutique-section .container-margin {
        width: calc(100% - 48px);
        max-width: 1920px;
    }

    .boutique-info__row {
        row-gap: 0;
        padding-bottom: 0;
    }
    .boutique-info__col {
        grid-column: auto / span 6;
        row-gap: 0;
    }
    .boutique-info__col.contact-content {
        padding: 60px 0;
        display: flex;
        flex-direction: column;
        row-gap: 30px;
        order: 1;
    }
    .boutique-info__col.contact-content h1 {
        margin-bottom: 10px;
    }
    .boutique-info__col.contact-img {
        order: 2;
    }
    .boutique-info__col.contact-img .patekSlider {
        margin: 0;
    }


    #location-opening {
        padding: 60px 0;
    }
    #location-opening .container-margin.right {
        margin-right: 48px;
    }
    .boutique-map {
        width: 100%;
        order: 1;
        margin: 0;
    }
    .boutique-map::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 80%;
    }
    .boutique-opening {
        order: 2;
        padding-left: 40px;
    }

    /* ------------------------ */
    /* -- Investor Relations -- */
    /* ------------------------ */
    .wrp-years {
        width: 250px;
    }
    .wrp-announcements__content {
        grid-column: 1 / -1;
        row-gap: 40px;
    }

    .default-txt,
    .year-sBtn-text {
        font-size: 1.25rem !important;
        line-height: 1.5rem !important;
    }

    .year-menu .options .year-option,
    .year-menu .options .year-option a {
        gap: 8px;
        padding-left: 0px;
    }

    .wrp-announcements__content h2 {
        margin-bottom: 40px;
    }

    .announcement-list {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 24px;
    }
    .announcement-list li .annouce-date {
        grid-column: 1 / 3;
    }
    .announcement-list li .annouce-content {
        grid-column: 3 / 9;
        row-gap: 20px;
    }
    .announcement-list li .annouce-content h3 {
        font-size: 1rem;
        line-height: 1.375rem;
    }
    .announcement-list li .annouce-content a {
        max-width: 167px;
    }

    #reports {
        width: 100%;
        padding: 40px 0;
    }
    .reportsSwiper ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .reportsSwiper ul li {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        padding: 20px 0 20px 0;
    }
    .reportsSwiper ul li h3 {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    .reportsSwiper ul li a {
        max-width: 154px;
    }

    /* ------------------------ */
    /* -------- Contact ------- */
    /* ------------------------ */
    .box-model {
        grid-column: 1 / 8;
        margin-bottom: 80px;
    }
    .model-contact.wrp-img__card {
        width: 22.5%;
    }

    #contact-form .wrap-grid {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 20px;
    }
    .contact-form__col.primary {
        grid-column: 1 / 9;
        row-gap: 32px;
        padding-bottom: 0;
    }
    .contact-form__col.sidebar {
        grid-column: 9 / -1;
        padding-left: 12px;
    }

    .contact-form__group {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }

    .cf-row {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 20px;
        row-gap: 0;
    }

    .w20 {
        width: 20%;
    }
    .w40 {
        width: calc((100% - (20% + 40px)) / 2);
    }
    .w40.last {
        width: calc((100% - (20% + 40px)) / 2);
    }
    .w45 {
        width: 45%;
    }
    .w50 {
        width: calc((100% - 20px) / 2);
    }
    .w80 {
        width: calc(100% - (20% + 20px));
    }

    /** Custom Form from Old version **/
    #section-name {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 32px;
    }
    .error {
        font-size: 1rem;
    }
    #section-details,
    .book_appointment_input {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }
    .book_appointment_input {
        display: none;
        margin-bottom: 20px;
    }
    .row-txtarea {
        margin: 0 0 32px 0;
    }


    #watch-care .wrp-title__section {
        grid-column: 1 / 8;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 60px;
    }
    #watch-care .wrp-title__section h2 {
        margin-bottom: 12px;
    }
    #watch-care .wrp-title__section p {
        margin-top: 0;
        margin-bottom: 24px;
    }
    #watch-care .wrp-img__card.mobile {
        display: none;
    }
    #watch-care .wrp-img__card.desktop {
        display: block;
    }
}

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

}

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

}

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

}

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

}

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

}

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

}