header .header {
    position: relative;
    width: 100%;
    top: 0;
    z-index: 999;
    /* transition: 0.3s; */
}

.header-login-area,
.header-logout-area {
    display: none !important;
    margin-left: 10px;
}

header .header-old {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    transition: 0.3s;
}

header .header-main .site-logo img {
    width: 228px;
}

.sticky-menu header {
    transition: 0.3s;
}

.sticky-menu .header-top {
    padding: 15px 40px;
}

.sticky header .header {
    padding-top: 40px;
}

header .header-old,
.header .languages {
    margin-right: 8px;
    display: block;
}

header .header-old .languages {
    margin-right: 10px;
    display: block;
}

header .header-old .languages.mobile {
    display: none;
}

header .header .masterpiece-logo {
    display: none;
}

header .header .languages.mobile {
    display: none;
}

header .languages a,
header .languages a span {
    font-family: AlbertinaMTWXX-Bold, serif;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

header .languages a span.desktop {
    display: inline;
}

header .header-old .languages a span.mobile {
    display: none;
}

header .header .languages a:first-child span {
    font-size: 18px;
}

header .languages a:hover {
    text-decoration: underline;
}

header .header-old .languages a:first-child span {
    font-size: 14px;
}

.header .header-top {
    background-color: #fff;
    padding: 5px 25px;
    display: flex;
    justify-content: space-between;
    transition: 0.2s;
}

.header-old .header-top {
    background-color: #fff;
    padding: 20px 40px;
    display: flex;
    justify-content: space-between;
    transition: 0.2s;
}

.header-old .exhibitor-login {
    padding: 0 20px;
    background-color: rgba(255, 255, 255, 0.95);
    padding-bottom: 40px;
}

.header-old .exhibitor-login input {
    font-size: 12px;
    background: 0 0;
    line-height: 100%;
    margin: 35px 0;
    padding: 12px 10px;
    font-weight: 400;
    max-width: 100%;
    letter-spacing: 0.12em;
    border: 1px solid transparent;
    border-bottom: 1px solid #000;
    transition: 0.2s;
    width: 560px;
}

header .header-old .languages a:first-child:after {
    content: "/";
    font-size: 16px;
    margin-left: 5px;
}

.exhibitor-login input:focus,
.exhibitor-login input:hover,
.patrons-area input:focus,
.patrons-area input:hover,
.search-area input:focus,
.search-area input:hover {
    border: 1px solid #000;
}

.exhibitor-login button,
.exhibitor-login input,
.exhibitor-login input::placeholder,
.patrons-area input::placeholder,
.search-area input::placeholder {
    color: #b4b4b4;
}

#signin-error-message,
#txt-vip-user-email-error,
label#txt-vip-user-password-error {
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-bottom: 0;
    color: red;
    transform: translateX(-50%);
}

.header .header-top .exhibitor-login-btn {
    display: none;
    letter-spacing: 0.11em;
    /* display: inline-block; */
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 2px;
    color: #988858;
    font-family: 'AlbertinaMTPro-Regular';
}

.header-old .header-top .exhibitor-login-btn {
    letter-spacing: 0.11em;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 10px;
}

.subscribe-popup .iziModal-content-inner {
    padding-top: 50px;
}

.subscribe-popup .iziModal-content-inner iframe {
    height: 68vh;
}

header .header .header-subscribe-btn {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    color: #988858;
    font-family: 'AlbertinaMTPro-Regular';
}

header .header .ticket-btn {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    color: white;
    font-family: 'AlbertinaMTPro-Regular';
    background-color: #ab956a;
    padding: 10px 20px;
    transition: 0.2s;
}

header .header .ticket-btn:hover {
    background-color: black;
}

.subscribe-popup .iziModal-content button {
    background: 0 0;
    border: 0;
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
}

.subscribe-popup .iziModal-content button img {
    width: 15px;
    height: 15px;
}

/* .subscribe-popup .iziModal-content button::after{
    content: "";
    display: inline-block;
    background: #000;
    width: 29px;
    height: 2px;
    position: absolute;
    transform: rotate(-45deg);
    top: 15px;
    left: -2px;
}

.subscribe-popup .iziModal-content button::before{
    content: "";
    display: inline-block;
    background: #000;
    width: 30px;
    height: 2px;
    position: absolute;
    transform: rotate(45deg);
    top: 15px;
    left: -2px;
} */
header .header-old .header-subscribe-btn {
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    display: inline-block;
    padding: 9px 44px;
    border: 1px solid #333;
    text-align: center;
    margin-left: 10px;
}

header .header-old .header-main .header-subscribe-btn {
    display: none;
}

.sticky header .header .header-main {
    position: fixed;
    top: 0;
    width: 100%;
}

.header-main,
.second-menu {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #000;
    position: relative;
    border-bottom: 1px solid #000;
}

.header-main .rb-partner-logo img {
    height: 35px;
    margin-left: 15px;
}

.header-old .header-main,
.header-old .second-menu {
    padding: 0 30px;
}

.header .header-main,
.header .second-menu {
    padding: 0 20px;
}

.second-menu {
    border-top: 0;
}

.header-top .header-logo-area,
.header-main .header-social {
    display: flex;
    align-items: center;
}

.header-main .header-social a {
    transition: 0.1s;
    margin: 0 3px;
}

.header-main .header-social a:not(.header-subscribe-btn) {
    display: flex;
    height: 100%;
    align-items: center;
}

.header-main .header-social a:hover {
    opacity: 0.6;
}

.header-main .header-social a:before {
    font-size: 26px;
    line-height: 30px;
}

a.ui-icon.ico-twitter:before {
    content: "\ea96";
}

a.ui-icon.ico-facebook:before {
    content: "\ea91";
}

a.ui-icon.ico-instagram:before {
    content: "\ea92";
}

a.ui-icon.ico-artsy:before {
    content: "\ea97";
}

a.ui-icon.ico-search:before {
    content: "\e906";
}

.header .header-top .header-logo-area .rb-partner-logo img {
    height: 45px;
    margin-left: 30px;
    transition: 0.3s;
    margin-top: 3px;
}

.header-old .header-top .header-logo-area .rb-partner-logo img {
    height: 60px;
    margin-left: 40px;
    transition: 0.3s;
}

.header-logo-area img {
    transition: 0.3s;
}

.header .header-logo-area .site-logo img {
    width: 390px;
}

.header-old .header-logo-area .site-logo {
    width: 370px;
    display: inline-block;
    transition: 0.3s;
}

.header-old .header-logo-area .site-logo img {
    width: 100%;
    height: auto;
}

.header .sticky-menu .header-logo-area .site-logo img {
    width: 235px;
}

.sticky-menu .header-old .header-logo-area .site-logo {
    width: 235px;
}

.sticky-menu .header-top .header-logo-area .rb-partner-logo img {
    height: 44px;
}

.partners-page header .header nav ul .partners-menu,
.event-page header .header nav ul .event-menu,
.exhibitor-page header .header nav ul .exhib-menu,
.artworks-page header .header nav ul .artwork-menu,
.about-page header .header nav ul .about-menu,
.enquires-new header .header nav ul .enquires-menu,
.visitor-info-page header .header nav ul .visit-info {
    color: #988858;
}

header .header nav ul .sub-menu a.open {
    color: #988858;
}

header .header nav ul .sub-menu a.open:hover {
    color: black;
}

header nav ul {
    display: flex;
}

header nav ul li a:hover {
    color: #988858;
}

header .header nav ul li {
    padding: 7px 5px;
}

header .header-old nav ul li {
    padding: 7px 10px;
}

nav .sub-menu>ul {
    position: absolute;
    display: flex;
    top: 0%;
    left: 0;
    opacity: 0;
    right: 0;
    border-bottom: 1px solid #000;
    border-top: 0;
    transition: top 0.3s;
    z-index: -1;
    background: #fff;
}

.header .sub-menu>ul {
    padding: 0 20px;
}

.header-old nav .sub-menu>ul {
    padding: 0 30px;
}

nav .sub-menu>ul.active {
    top: calc(100% + 1px);
    opacity: 1;
}

nav .sub-menu>ul.active.zindex {
    z-index: 9;
}

nav li a.active[href="javascript:;"]:after,
nav li:not(.patrons-menubtn) a:hover[href="javascript:;"]:after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

header .header-old nav ul li a {
    font-family: AlbertinaMTWXX-Bold, serif;
    letter-spacing: 0.08em;
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

header .header nav ul li a {
    font-family: "AlbertinaMTPro-Regular";
    line-height: 20px;
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize;
}

.join-conversation .header nav .sub-menu .join-menu,
.panel-discussion .header nav .sub-menu .panel-menu,
.video-page .header nav .sub-menu .video-menu,
.podcast .header nav .sub-menu .podcast-menu,
.editorial .header nav .sub-menu .editorial-menu,
.patron-page-new .header-w nav .sub-menu .patron-menu {
    color: #988858;
}


.sticky-menu .page-navigate-area {
    padding: 8px 40px;
}

.ma-hk>a,
.menu-about-event .menu-about-event a,
.menu-participants .menu-participants a,
.menu-partners .menu-partners a,
.menu-visitor-info .menu-visitor-info a {
    padding-bottom: 2px;
    border-bottom: 1px solid #000;
}

#btn-search,
.patrons-area button {
    padding: 10px 0;
    line-height: 19px;
    margin: 35px 40px;
}

.header-old .exhibitor-login {
    display: none;
}

.header-old .exhibitor-login button {
    line-height: 32px;
    font-weight: 700;
    background: 0 0;
    cursor: pointer;
    border: 0;
    border-bottom: 1px solid #000;
    font-size: 12px;
    display: inline-block;
    letter-spacing: 0.12em;
}

.header-old .menu-btn {
    width: 40px;
    align-items: center;
    cursor: pointer;
    display: none;
    height: 40px;
}

.header .menu-btn {
    width: 20px;
    align-items: center;
    cursor: pointer;
    display: none;
    height: 40px;
}

.menu-btn a {
    width: 100%;
    position: relative;
    height: 2px;
    background: #000;
    display: inline-block;
}

.header .menu-btn a:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #000;
    top: -7px;
    transition: 0.2s;
}

.header-old .menu-btn a:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #000;
    top: -10px;
    transition: 0.2s;
}

.header .menu-btn a:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #000;
    top: 7px;
    transition: 0.2s;
}

.header-old .menu-btn a:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #000;
    top: 10px;
    transition: 0.2s;
}

.menu-btn.open a:before {
    top: 0;
    transform: rotate(45deg);
}

.open.menu-btn a {
    background-color: transparent;
}

.menu-btn.open a:after {
    top: 0;
    transform: rotate(-45deg);
}

.header .exhibitor-login {
    display: none;
}

@media screen and (max-width: 1650px) {
    header .header-old nav ul li a {
        font-size: 13px;
    }

}

@media screen and (max-width: 1400px) {
    header .header-old nav ul li a {
        font-size: 11px;
        letter-spacing: 0.02em;
    }
}

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

    .header-old .header-main,
    .header-old .second-menu,
    .header .header-main,
    .header .second-menu {
        padding: 0 18px;
    }
}

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

    header .header-old .header-subscribe-btn {
        padding: 9px 15px;
    }

    .header-main .header-social a img {
        width: 18px;
    }

    .header-main .header-social a:before {
        font-size: 18px;
    }

    .header-main .header-social a {
        margin: 0 2px;
    }

    header nav ul li {
        padding: 7px;
    }

    .header-old .header-top {
        padding: 20px;
    }

    .sticky-menu .header-top {
        padding: 15px 20px;
    }
}

@media screen and (min-width: 1050px) {
    .header-old nav {
        display: block !important;
    }
}

@media screen and (max-width: 1050px) {
    .header-old .header-top .exhibitor-login-btn {
        display: none;
    }

    header .header-old nav ul {
        flex-direction: column;
    }

    .header-old .menu-btn {
        display: flex;
    }

    .header-old .header-main nav,
    .header-old .second-menu nav {
        display: none;
        position: absolute;
        top: 100%;
        width: 100%;
        background: #fff;
        left: 0;
        padding: 0 10px;
        border-top: 1px solid #000;
    }

    .header-old .second-menu nav {
        top: 190px;
    }
}

@media screen and (max-width: 1024px) {
    header .header-old nav ul li a {
        font-size: 18px;
    }
}

@media screen and (max-width: 991px) {
    .header-old .header-top {
        padding: 20px 10px;
    }

    .header-old.header-main,
    .header-old .second-menu {
        padding: 0 10px;
    }

    .sticky-menu .header-top {
        padding: 15px 10px;
    }

    .header .second-menu nav {
        top: 190px;
    }

    .header-top .header-logo-area .rb-partner-logo img {
        margin-left: 15px;
    }
}

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

    header .languages a span.mobile {
        display: inline;
    }

    header .header-old .languages a span.desktop {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .header .header-top {
        display: none;
    }

    header .header-old .languages {
        display: none;
    }

    header .header-old .languages.mobile {
        display: flex;
    }

    header .header .header-subscribe-btn,
    header .header .exhibitor-login-btn {
        margin-left: 0;
    }

    .header .header-main,
    .header .second-menu {
        padding: 0 13px;
    }

    .subscribe-popup iframe {
        width: 100vw !important;
    }

    .subscribe-popup {
        max-width: 100vw !important;
    }

    header .header .masterpiece-logo {
        display: block;
    }

    .header .header-main nav,
    .second-menu nav {
        display: none;
        position: fixed;
        top: 41px;
        width: 100%;
        background: #fff;
        left: 0;
        bottom: 0;
        padding: 0 10px;
        border-top: 1px solid #000;
        overflow-y: auto;
    }

    header .header nav ul {
        flex-direction: column;
    }

    .header .header-main .login-section {
        display: none !important;
    }

    .header .header-top .exhibitor-login-btn {
        display: none;
    }

    header .header nav ul li {
        text-align: center;
    }

    header .header nav ul li a {
        text-transform: uppercase;
        font-family: 'AlbertinaMTPro-Regular';

    }

    header .header nav ul li ul a {
        text-transform: none;
        font-family: 'AlbertinaMTPro-Regular';
    }

    header .header nav>ul>li {
        border-bottom: 1px solid #000;
        padding: 7px 0;
    }

    .header nav .sub-menu>ul {
        position: static;
        border: 0;
    }

    .header .header-main #loginArea .header-subscribe-btn {
        display: block;
    }

    .header .header-main #loginArea {
        flex-direction: column;
    }

    .header .header-main #loginArea .languages {
        order: 1;
        border-bottom: 1px solid #000;
        width: 100%;
        display: none;
        text-align: center;
        padding: 7px 0;
    }

    header .header .exhibitor-login-btn {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.11em;
        text-transform: uppercase;
        display: inline-block;
        color: #988858;
        font-family: 'AlbertinaMTPro-Regular';
    }

    header .header .header-main #loginArea .exhibitor-login-btn,
    header .header .header-main #loginArea .header-subscribe-btn {
        display: inline-block;
        padding: 7px 0;
    }

    .header .menu-btn {
        display: flex;
    }

    header .header .languages.mobile {
        display: flex;
    }

    header .header-subscribe-btn {
        padding: 5px 15px;
    }

    header .languages {
        margin-right: 0;
    }

    .header-top .header-logo-area .rb-partner-logo img,
    .sticky-menu .header-top .header-logo-area .rb-partner-logo img {
        height: 40px;
    }

    .header-top .header-subscribe-btn.sub {
        display: none;
    }

    .header-login-area,
    .header-logout-area {
        width: 100%;
        border-bottom: 1px solid;
        text-align: center;
    }
}

@media screen and (max-width: 575px) {
    .header-old .header-logo-area .site-logo {
        width: 235px;
    }

    .header-old .header-logo-area .rb-partner-logo {
        display: none;
    }

    .header-old .header-main .header-subscribe-btn {
        font-weight: 400;
        font-size: 10px;
        letter-spacing: 0.04em;
        font-weight: 400;
    }
}

@media screen and (max-width: 400px) {
    .header-main .header-social a:not(.header-subscribe-btn) {
        display: none;
    }

    /* .header-logo-area img,
  .sticky-menu .header-logo-area img {
    height: 35px;
  } */
    .header .header-top {
        display: none;
    }

    .header-top .header-logo-area .rb-partner-logo img,
    .sticky-menu .header-top .header-logo-area .rb-partner-logo img {
        height: 35px;
    }

    header .header-old .languages a:first-child span {
        font-size: 12px;
    }

    .header-old .header-logo-area .site-logo {
        width: 210px;
    }

    header .header-old .header-subscribe-btn {
        padding: 0 8px;
    }

    header .header .languages a:first-child:after {
        display: none;
    }
}

@media screen and (max-width: 350px) {
    .header-top .header-logo-area .rb-partner-logo img {
        margin-left: 5px;
    }

    .header-old .header-logo-area .site-logo {
        width: 185px;
    }
}