/* LAPTOP */

@media screen and (max-width: 1750px) {
    .book-modal-arrow {
        position: unset;
        left: unset;
        top: unset;
        transform: unset;
        height: 14px;
        width: 74px;
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        padding-top: 30px;
        margin-right: 60px;
    }

    .book-modal-model-name {
        position: unset;
        left: unset;
        top: unset;
        transform: unset;
        display: inline-block;
        vertical-align: middle;
        padding-top: 16px;
    }
}

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

    .footer-right ul li:nth-child(4) {
        display: block !important;
    }
    .footer-middle ul li:nth-child(1) {
        display: block !important;
    }

    #footer {
        padding: 24px 40px 20px 40px;
    }

    .footer-middle {
        width: calc(100% - 483px);
    }

    .footer-right {
        width: 350px;
        text-align: right;
    }


}

/* SMALL LAPTOP & LARGE TABLET */

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

}

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

    .global-search-container {
        padding: 40px 40px 0 40px;
    }


    /* CONTACTS */

    .contact-element:nth-child(1) {
        width: 50%;
        padding-right: 80px;
    }


    .contact-element:nth-child(2) {
        width: 50%;
    }

    .contact-element:nth-child(1) h1 {
        font-size: 66px;
    }

    .contact-elements {

        padding-bottom: 100px;
    }

    /* BOOK */

    .book-modal-header {
        height: 120px;
        font-size: 66px;
    }

    .book-modal-arrow {
        padding-top: 22px;
    }

    .book-modal-model-name {
        padding-top: 8px;
    }

    .book-elements-container {
        height: calc(100vh - 200px);
    }

    .portfolio-element img {
        max-height: calc(100vh - 200px);
    }


}

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

    .menu-burger {
        margin-left: 20px;
    }

    .menu-opened-menu .main-list {
        width: 325px;
    }

    .menu-icons {
        font-size: 22px;
        text-align: right;
        width: 180px;
    }

    .menu-opened-menu .main-list .main-list-element {
        font-family: NewYork;
        font-size: 50px;
        line-height: 64px;
        letter-spacing: -0.03em;
    }

    .menu-opened-menu .main-list .sub-list-element {
        font-size: 13px;
        font-weight: 600;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 14px;
    }

    .menu-navigation {
        width: calc(100% - 380px);
    }

    #menu .menu-logo {
        width: 200px;
    }

}

/* TABLET */

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

    .menu-opened-menu .main-list .main-list-element.main-list-element-wondergirls {
        padding-top: 15px;
    }

    .book-bio {;
        padding: 50px 40px 0 40px;
        font-size: 14px;
    }

    .book-bio-txt {
        max-width: 100%;
    }

}

@media screen and (max-width: 950px) {
    .menu-navigation {
        font-size: 12px;
        width: calc(100% - 350px);
    }

    .list-element {
        width: 33.3333%;
    }

    .menu-icons {

        width: 150px;
    }

    .menu-navigation a {
        margin-left: 30px;
    }

    .menu-navigation a:first-child {
        margin-left: 0;
    }
}

@media screen and (max-width: 1000px) {
    #vimeoportfolioPlayer iframe,#vimeoinstagramPlayer iframe,#vimeoVideoPlayer iframe,#vimeocharityPlayer iframe,#vimeoherwonderPlayer iframe,#vimeodigitalsPlayer iframe,#vimeoshowsPlayer iframe,#vimeocoversPlayer iframe,#vimeocampaignsPlayer iframe {
        position: absolute;
        top: 0;
        left: 50%;
        right: 0;
        bottom: 0;
        height: calc(100vh - 160px)!important;
        min-width: 400vw;
        width: 100vw;
        transform: translateX(-50%) translateY(0%);
    }
}

/* LARGE MOBILES */

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

    #vimeoHomePlayer iframe {
        transform: translateX(-35%);
    }

    .list-navigation li .list-sub-list li.separator {
        width: 20px;
    }

    .list-navigation li .list-sub-list {
        padding-top: 0;
        font-size: 12px;
    }


    .book-bio {;
        padding: 40px 25px 0 25px;
        font-size: 14px;
    }

    .shortlist-model-measurements {
        text-align: left;
        width: 100%;
    }

    .shortlist-model-measurements .shortlist-model-measurements-container div{
        margin-left: 0;
        margin-right: 30px;
    }

    .shortlist-model-infos {
        padding: 23px 0 29px 0;
    }

    .shortlist-model-name {
        width: 100%;
        padding-bottom: 10px;
    }

    .shortlist-picture-element.picture_3 {
        display: none;
    }

    .shortlist-picture-element {
        width: 33.3333%;
    }

    .shortlist-book {
        display: none !important;
    }

    .shortlist-book-mobile {
        display: block;
    }

    .list-favorites {
        opacity: 1;
    }

    #menu-opened {
        bottom: unset;
        height: 100vh; /* Fallback for browsers that do not support Custom Properties */
/*        height: calc(var(--vh, 1vh) * 100);*/
    }


    .menu-opened-menu {
        left: 0;
        width: 100%;
    }


    /* STATIC */

    .static-title {
        font-size: 44px;
    }

    .static-elements {
        margin-top: 30px;
        margin-bottom: 160px;
    }

    .static-content {
        margin-top: 40px;
    }

    /* CONTACTS */

    .contact-element:nth-child(1) {
        width: 100%;
        padding-right: 0;
    }

    .contact-element:nth-child(2) {
        width: 100%;
    }

    .contact-element:nth-child(1) img {
        display: block;
        width: calc(100% + 50px);
        position: relative;
        left: -25px;
        margin-bottom: 55px;
    }

    .contact-text {
        padding-top: 55px;
        max-width: 100%;
        text-align: justify;
        letter-spacing: -0.03em;
        padding-bottom: 50px;
    }

    .contact-address {
        padding-top: 55px;
        max-width: 100%;
        padding-bottom: 50px;
    }

    .contact-element:nth-child(1) h1 {
        white-space: unset;
    }

    .contact-elements {
        padding-top: 30px;
    }


    /* BOOK */

    .book-elements-container {
        height: auto;
    }
    #talent-book-modal .book-elements-container{
        height: auto;
    }
    #book-modal {
        overflow: auto;
    }

    .book-bottom ul li {
        margin: 0;
        margin-right: 20px;
    }

    .book-bottom ul {
        text-align: center;
        position: unset;
        right: unset;
        top: unset;
        transform: unset;
        padding-top: 18px;
    }

    .book-bottom {
        height: 50px;
        position: fixed;
        right: 25px;
        left: 25px;
        bottom: 0;
        background-color: #FFFFFF;
        z-index: 3;
    }

    .modal-mobile {
        display: block;
    }

    .book-elements {
        display: none;
    }

    .book-modal-container {
        padding: 0 25px 50px 25px;
    }
    .modile-view{
        display: block;
    }
    .desktop-view{
        display: none;
    }
    .talent-book-navigation ul{
        flex-wrap: wrap;
        font-size: 12px;
    }
    .talent-book-navigation ul li {
        padding: 0px 20px 10px 0;
    }

    #talent-book-modal .book-modal-container{
        overflow: scroll;
        height: 100vh;
    }
    .book-modal-close{
        padding-top: 32px;
        transform: unset;
        margin: 0;
        top: 0;
        right: 0;
        box-sizing: border-box;
    }
    .book-modal-close img{
        width: 30px;
    }
    .book-modal-arrow {
        padding-top: 42px;
        margin: 0 0 35px 0;
        width: 100%;
        box-sizing: border-box;
    }

    .book-modal-model-name {
        margin-bottom: 50px;
    }

    .book-modal-header {
        height: auto;
        font-size: 66px;
    }

    .book-navigation {
        padding: 40px 25px 22px 25px;
        margin: 0 auto;
    }

    .book-navigation ul {
        max-width: 100%;
    }
    .global-container-book {
        min-height: 50vh;
    }
    .book-header {
        height: 50vh;
    }

    .book-header-model-name {
        bottom: 10%;
        padding: 0 25px;
        font-size: 13vw;
    }

    .book-measurements {
        position: unset;
        right: unset;
        width: 100%;
        top: unset;
        bottom: unset;
        font-size: 12px;
        font-weight: 500;
        padding: 0 25px 0 25px;
        box-sizing: border-box;
    }

    .book-infos {
        min-height: unset;
    }


    /* GENERAL */

    .global-container {
        padding: 140px 25px 0 25px;
        min-height: calc(100vh - 262px);
    }

    .global-search-container {
        padding: 80px 40px 0 40px;
        min-height: unset;
    }

    /* LIST */

    .list-navigation li {
        line-height: 34px;
    }

    .list-elements {
        margin: 0 -10px 0px -10px;
    }

    /* LANDING */

    .home-logo img {
        width: 50vw;
    }

    /* OPENED MENU */

    .sub-list {
/*        opacity: 1 !important;
        visibility: visible;*/
        display: none;
    }

    .mobile-opened-navigation {
        display: flex;
    }

    .menu-opened-picture {
        top: unset;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        z-index: 3;
        visibility: hidden;
        height: calc(100vh - 450px);
    }

    .menu-opened-menu .main-list {
        position: relative;
        top: unset;
        transform: unset;
        width: auto;
        text-align: center;
        left: unset;
        padding-top: 130px;
    }

    .menu-opened-menu .main-list .main-list-element {
        font-size: 40px;
        line-height: 50px;
    }

    .menu-opened-title {
        display: block;
    }

    .goto-top {
        display: block;
    }

    .hide-on-desktop {
        display: block !important;
    }

    .hide-on-tablet {
        display: none !important;
    }

    .menu-navigation a {
        display: none;
    }

    .menu-container {
        padding: 55px 25px 25px 25px;
    }

    .menu-navigation {
        width: calc(100% - 340px);
    }

    #menu .menu-logo {
        width: 190px;
    }

    .menu-burger {
        margin-left: 16px;
    }

    /* FOOTER */

    #footer {
        padding: 40px 25px 30px 25px;
        position: relative;
    }

    .footer-left {
        width: 100%;
        text-align: center;
        margin-bottom: 125px;
    }

    .footer-left ul li:nth-child(1) {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .footer-left ul li:nth-child(2), .footer-left ul li:nth-child(3) {
        margin-bottom: 35px;
    }

    .footer-middle {
        width: 100%;
        text-align: left;
    }

    .footer-middle ul li {
        line-height: 34px;
    }

    .footer-right {
        width: 100%;
        text-align: left;
    }

    .footer-right ul li {
        margin-left: 0;
        margin-right: 20px;
        line-height: 34px;
    }


    /* LIST NAVIGATION */

    .list-navigation {
        display: none;
    }

    .list-navigation-mobile {
        display: block;
    }
    .banner-section{
        margin-bottom: 100px;
    }
    .banner-title {
        bottom: 10px;
        text-align: center;
        padding: 0 25px;
        box-sizing: border-box;
    }

    .banner-title .banner-title-name {
        font-size: 50px;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 600px) {
    #talent-elements .list-element,#talents-book .list-element{
        width: 100%;
    }
    #talent-elements .odd-row .list-element, #talents-book .odd-row .list-element{
        width: 100%;
    }
    #talent-book-modal .book-modal-model-name{
        font-size: 45px;
    }
    .mt-15{
        margin-top: 0;
    }
    #talentContainer {
        width: 100%;
    }
    .picture-elelment-img img{
        width: 100%;
    }
}

/* MOBILES */

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

    .book-bio {
        font-size: 12px;
    }

    .book-bio-txt {
        line-height: 14px;
        max-height: 70px;

    }

    .shortlist-modal-input input {
        line-height: 12px;
        color: #353536;
        padding: 10px 10px;
        font-size: 12px;
    }

    .shortlist-model-btn {
        font-size: 12px;
        width: 100px;
        padding: 7px 0;
    }

    .shortlist-modal-container {
        padding: 30px;
    }

    .shortlist-modal-subtitle {
        font-size: 12px;
        margin-bottom: 15px;
    }

    .shortlist-elements .empty-shortlist {
        font-size: 14px;
    }

    .shortlist-elements .no-result {
        font-size: 14px;
    }

    .shared-shortlist-title {
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .shortlist-picture-element.picture_3, .shortlist-picture-element.picture_2, .shortlist-picture-element.picture_1 {
        display: none;
    }

    .shortlist-picture-element {
        width: 100%;
    }

    .shortlist-model-measurements .shortlist-model-measurements-container div {
        margin-right: 20px;
        line-height: 22px;
    }

    .shortlist-header {
        font-size: 12px;
        padding-top: 0;
    }

    .shortlist-header div {
        margin-left: 0;
    }

    .shortlist-header .shortlist-nav div {
        display: block;
    }

    .shortlist-header .shortlist-nav div {
        margin-bottom: 10px;
    }

    .shortlist-header .shortlist-nav div:last-child {
        margin-bottom: 0;
    }

    .shortlist-delete-area .shortlist-delete-btn {
        font-size: 12px;
    }

    .shortlist-delete-area .shortlist-delete-line {
        left: 70px;
        top: 5.5px;
    }

    .shortlist-book-mobile {
        font-size: 12px;
    }

    .menu-search-modal-content.active {
        padding-top: 100px;
    }

/*    .book-navigation {
        font-size: 12px;
    }*/

    .book-navigation li {
        margin-right: 15px;
        margin-bottom: 18px;
    }

    .book-navigation {
        padding: 30px 0 22px 25px;
    }

    .menu-search-modal-content input {
        width: 80vw;
        font-size: 5.5vw;
        line-height: 60px;
        border: none;
        border-bottom: 1px solid #000;
        box-sizing: border-box;
        border-radius: 0;
        color: #000;
        text-transform: uppercase;
        font-weight: normal;
        padding: 0.7em 0;
        letter-spacing: -0.02em;
    }

    .static-title {
        font-size: 32px;
    }

    .search-title {
        padding: 0 0 50px 0;
    }


    /* BOOK */

    .back-to-list {
        padding: 80px 0 90px 0;
    }

    .banner-section {
        margin-bottom: 40px;
    }

    .banner-title {
        bottom: 10px;
        text-align: center;
        padding: 0 25px;
        box-sizing: border-box;
    }

    .banner-title .banner-title-name {
        font-size: 30px;
        margin-bottom: 0;
    }

    .banner-title .banner-link {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: unset;
        opacity: 1;
    }

    .banner-title .banner-link span{
        display: none;
    }

    .tiny-transition {
        height: 30px;
    }

    .book-measurements span {

        padding-bottom: 10px;
    }

    .book-header-model-name {
        bottom: 11%;
        font-size: 66px;
    }


    /* LIST */

    .list-element-model-name {
        padding-top: 25px;
    }

    .list-navigation {
        padding: 0 0 50px 0;
        font-size: 0;
        font-weight: 600;
    }

    .list-navigation li {
        font-size: 14px;
        display: inline-block;
        box-sizing: border-box;
        width: 50%;
    }

    .list-elements {
        margin: 0;
    }

    .list-element {
        width: 100%;
        padding: 0 15px 60px 15px;
    }


    /* LANDING */

    .home-logo img {
        width: 80vw;
    }

    .menu-navigation {
        display: none;
    }

    #menu .menu-logo {
        width: 180px;
    }

    .menu-icons {
        width: calc(100% - 180px);
        vertical-align: -2px;
    }

    /* LIST NAVIGATION */

    .list-navigation-mobile-main {
        margin-right: -12px;
    }

    .list-navigation-mobile-main div {
        padding-right: 12px;
    }
}


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

    .list-navigation li {
        font-size: 13px;
    }

    .book-measurements .book-measurement {
        margin-right: 20px;
        margin-bottom: 12px;
        font-size: 12px;
    }

    .book-measurements {
        padding: 0 10px 0 25px;
    }
}


@media screen and (max-width: 405px) {
/*    .book-measurements {
        font-size: 0;
    }

    .book-measurements .book-measurement {
        min-width: 50%;
        margin-right: 0;
        box-sizing: border-box;
        font-size: 12px;
    }*/
}


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

    .menu-burger {
        margin-left: 7px;
    }

    .menu-favorites {
        margin-right: 12px;
    }
}

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

    .book-measurements .book-measurement {
        font-size: 11px;
    }
}