@media screen and (max-width: 1440px) {
    .listModelElement {
        width: 20%;
    }

    .bookOverviewElement {
        width: calc(25% - 30px);
    }

}

@media screen and (max-width: 1200px) {
    .listModelElement {
        width: 25%;
    }

    .bookIntroFirstPicture img {
        min-height: auto;
    }

}

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

    .bookOverviewElement {
        width: calc(33.3333% - 30px);
    }

}


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

    .bookIntroFirstPicture img {
        width: 100%;
    }

    #applicationForm {
        padding: 30px 0 30px 0;
    }

    .becomeInfoContainer label{
        width: 100%;
        margin-bottom: 10px;
    }
    .becomeFormInfo input, .becomeFormInfo select{
        width: 100%;
    }

    .becomeInfoContainer {
        margin-bottom: 30px;
        margin-top: 15px;
    }

    .becomeEntrance {

        line-height: 22px;
        font-size: 14px;
    }

    .contactSectionContainer {
        padding: 30px 0 15px 0;
    }
    .contactElements {
        width: 100%;
    }

    .bookVideoContainer {
        padding: 15px 0 0px 0;
    }

    .contactMapContainer {
        width: 100%;
    }

    .bookVideosInfos {
        width: 100%;
    }

    .bookOverviewElement {
        width: calc(33.3333% - 14px);
        margin: 0 7px 14px 7px;
    }

    .bookOverviewElementsContainer {
        margin: 0 -7px;
    }

    .bookOverview {
        padding: 60px 15px;
    }

    .closeOverview {
        font-size: 30px;
        background-color: transparent;
        top: 0px;
        left: 0px;
        width: 60px;
        height: 60px;
        line-height: 60px;
    }

    .bookIntroFirstPicture {
        width: 100%;
        padding-left: 0;
    }


    .bookElements {
        margin:0;
    }

    .bookPortrait {
        padding: 0 0 15px 0;
        width: 100%;
        max-width: none;
    }

    .bookLandscape {
        padding: 0 0 15px 0;
        width: 100%;
        max-width: none;
    }


    .bookProfileNav div, .bookVideoProfileNav div {
        margin: 0;
        text-align: center;
    }

    .backToCategory {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .bookProfileNav li, .bookVideoProfileNav li {
        display: inline;
        text-align: center;
        padding: 0 5px;
    }

    .bookProfileMeasurements li span:nth-child(2) {
        width: calc(100% - 120px);
        text-align: right;
    }

    .bookVideos {
        width: 100%;
    }

    .bookVideos iframe {
        margin-bottom: 15px;
    }

    .bookVideoProfileNav {
        font-size: 16px;
        line-height: 24px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .bookProfileNav {
        padding-top: 15px;
        font-size: 16px;
        line-height: 24px;
        text-transform: uppercase;
        position: relative;
        left: auto;
        top: auto;
        transform: translateY(0);
    }

    .bookProfileMeasurements {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 15px;
        text-transform: uppercase;
        position: relative;
        bottom: 0;
        left: 0;
        display: block;
        line-height: 21px;
    }

    .bookProfileFullName {
        font-size: 36px;
        line-height: 30px;
        text-align: center;
    }

    .bookInfos {
        width: 100%;
    }

    .bookIntro {
        margin-bottom: 15px;
    }

    .bookContainer {
        padding: 15px 0 0px 0;
    }

    .listModelElements {
        padding-top: 78px;
        padding-bottom: 50px;
        margin: 0 -7px;
    }

    .listModelElement {
        width: 33.3333333%;
        padding: 0 7px 30px 7px;
    }

    .listModelMenu {
        font-size: 13px;
        text-transform: uppercase;
        padding-top: 20px;
    }

    .menuList {
        display: none;
    }

    .menuBurger {
        display: inline-block;
    }


    .menuDesktop {
        padding: 15px;
    }

    #navigation {
        padding: 68px 15px 0 15px;
    }

    .homeNewsContainer {
        padding: 15px 0 50px 0;
        margin: 0;
    }

    .homeNewsElement {
        width: 100% !important;
        box-sizing: border-box;
        padding: 0 0 30px 0;
    }

    .menuLogo {
        width: 100px;
    }
    .menuLogo img {
        width: 100%;
    }


}

@media screen and (max-width: 580px) {
    .listModelElements {
        padding-top: 105px;
    }
}

@media screen and (max-width: 460px) {
    .listModelElements {
        padding-top: 119px;
    }
    .listModelElement {
        width: 50%;
    }

}


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

    .contactElement {
        width: 100%;
        padding-right: 0;
    }

    .contactElements {
        text-align: center;
    }

    .contactElementPart h2 {
        margin: 0 auto 20px auto;
    }

    .becomePicture {
        width: 100%;
        margin-bottom: 15px;
    }

    .becomePictures {
        margin: 30px -7px 0 -7px;
    }

    .becomePictureOverlay {
        background: rgba(233,63,151,0);
        opacity: 1;
    }

}