.block-image-5, .block-image-1 {
    /*display: none;*/
}


/*Only extra large screens */
@media (min-width: 1650px) {
    .block-image-5 {
        display: block;
    }
}

@media (max-width: 1650px) {
    .block-image-5 {
        display: none !important;
    }
}


/* MD UP */
@media (min-width: 991px) {
    #family-nav .nav-item {
        width: 115px;
    }
}

/* MD UP */
@media (min-width: 991px) and (max-width: 1199px) {
    #family-nav .nav-item {
        width: 115px;
    }

    #family-slider .slide .text-box, .family-detail-stage .text-box {
        margin-top: 40px;
    }

    .text-box p,
    .text-box .mText {
        max-width: 75%;
    }
    .text-box .mText {
        margin: 0 auto;
    }

    .packshot-frames {
        left: -15px;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) {
    
    .product-partial .packshot > img {
        display: none;
    }
    #family-nav .container > span.nuances {
        width: 50%;
        margin-left: 25%;
        margin-right: 25%;
    }
    #header {
        height: 70px;
    }
    
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
    /*.block-image-1 {
        display: block;
    }*/
    #family-nav .nav-item {
        width: 135px;
    }

    .text-box p
    .text-box .mText {
        font-size: 18px;
        line-height: 30px;
    }
    .product-details table {
        /*max-width: 600px;*/
    }
    .product-partial .buttonsWrap {
        margin-top: 0;
    }
    #family-nav .container > span.nuances {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    #family-nav {
        height: 129px;
    }
    #family-nav .nav-item {
        width: 93px;
    }
    #onpageForm #farbkarten-auswahl {
        max-width: 744px;
    }
}

@media (min-width: 1600px) {
    #global-button-toggle {
        display: none;
    }
}


@media (max-width: 1600px) {
    #scroll-top-button {
        display: inline;
        right: 0;
        width: 25px;
        font-size: 0px;
        bottom: 160px;
    }
    
    .global-button.closed{
        display: none;
    }

    #all-colors-button.open {
        right: 40px;
        bottom: 105px;
        background: rgba(40,40,40, 0.6);
        height: 45px;
        padding-left: 30px;
        line-height: 18px;
        text-align: left;
        padding-top: 15px;
    }

    #farbkarten-button.open {
        bottom: 50px;
        right: 40px;
        background: rgba(40,40,40, 0.6);
        height: 45px;
        padding-left: 30px;
        line-height: 18px;
        padding-top: 15px;
        text-align: left;
    }

    .global-button {
        font-size: 12px;
        width: 250px;
    }


}
@media (max-width: 1199px){
    #family-nav .container > span {
        /*margin-bottom: 0px;*/
    }
    #family-slider .slide .text-box, .family-detail-stage .text-box {
        margin-top: 65px;
    }
    .slide .text-box span.ff-title,
    .family-detail-stage .text-box span.ff-title {
        margin-bottom: 0px;
    }

    #all-colors ul.families li {
        /*width: 25%;*/
    }

    p, .text-box p,
    .text-box .mText {
        font-size: 16px;
        line-height: 28px;
    }

    h2, .text-box span {
        font-size: 30px;
    }

    .nav-item {
        font-size: 16px;

    }

    .product-details .info-table {
        width: 100%;
    }


    .slide .text-box span,
    .family-detail-stage .text-box span{
        font-size: 30px;
    }

    .slide .text-box span span,
    .family-detail-stage .text-box span span{
        font-size: 45px;
        line-height: 45px;

    }

    .teaser h2 {
        font-size: 30px;
        line-height: 38px;
    }

    .teaser .inner-wrap{
        padding: 30px;
    }

    .teaser .images img {
        /*margin: 20px 0px 5px 0px;*/
        max-width: 100%;
    }

    .product-details .info {
        float: none;
        text-align: center;
        max-width: 100%;
        width: 100%;
    }

}

@media (max-width: 1260px) {

   #all-colors  ul.families {
        width: 100%;
    }
    #all-colors ul.families li {
        width: 25%;
    }
    .farbkarten-liste li, #all-colors ul li {
        width: 25%;
        max-width: 25%;
        float: left;
    }
    .ie9 .farbkarten-liste li,
    .ie9 #all-colors ul li {
        max-width: 25%;
    }
}

@media (min-width: 1199px) {


}

@media (max-width: 991px) {
    .container-fluid {
    overflow: hidden;
}
    .slide.initial-slide .text-box span {
        font-size: 50px;
    }
    .product-partial h2 span {
        font-size: 36px;
    }
    .block-image-1, .block-image-2, .block-image-3, .block-image-4, .block-image-5 {
        text-align: center;
    }
    .block-image-3 {
        width: 390px;
        margin-right: auto;
        margin-left: auto;
    }

    .text-box p,.text-box .mText {
        max-width: 80%;
        margin: 0 auto 20px auto;
    }

    .fancybox-close {
        top: 5px;
        right: 5px;
    }

    .product-partial {
        padding-bottom: 200px;
    }

    .packshot-frames {
        display: none;
    }

    .packshot img {
        position: relative;
        left: auto;
        top: auto;
    }
    .teaser h2,
    .teaser h2 p,
    .teaser .inner-wrap h2 p {
        font-size: 26px;
        line-height: 34px;
    }
    #family-nav .container > span {
        font-size: 20px;
    }
    #farbkarten-auswahl.show-bg {
        background: none;
    }
    #farbkarten-auswahl .buttons {
        margin-top: 20px;
    }
    .packshot-image {
        position: relative;
        max-width: 100%;
        width: 480px;
        display: inline-block !important;
    }
    .packshot-image .detail-link {
        position: absolute;
        top: 40px;
        right: 70px;
        left: auto;
    }

    .product-nav.slick-slider {
        margin-bottom: 20px;
        position: relative;
    }

    .family-detail-stage > span {
        position: relative;
        bottom: 0;
        margin-bottom: 20px;
    }
    .family-detail-stage > span.product-nav-title {
      display: inline-block;
      padding-bottom: 20px;
    }
    .family-detail-stage {
        height: auto;
    }

    #pid-18 .family-list {
        padding-bottom: 100px;
    }

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

    #header .claim {
        display: none;
    }
    .slide .text-box span, .family-detail-stage .text-box span {
        line-height: 50px;
    }
    #scroll-top-button::before {
        left: 13px;
    }
    .block-image-1, .block-image-2, .block-image-3, .block-image-4, .block-image-5 {
        text-align: center;
    }

    input[type=submit], .form-back-button, .close-farbkarten-auswahl, .show-full-screen {
        display: block;
        margin-bottom: 10px;
    }

    input[type=submit] {
        width: 100%;
     }

    .product-details > h2 {
        font-size: 20px;
    }

    .product-details > div > div:first-child {
        text-align: center;
        display: block;
        float: none;
    }



    /*Global buttons hidden to pull out */

    .global-button {

    }

    #family-nav .nav-item span {
        display: none;
    }
    #family-nav .nav-item .inner-wrap a {
        display: block;
        height: 100px;
    }

    .nav-item.current {
        height: 100px;
    }

    #family-nav .nav-item {
        max-width: 12.5%;
    }



    .product-details > div > div:nth-child(2){
        overflow: scroll;
        max-width: 100%;
    }
    .product-details table {
       /*max-width: 100%;*/
        width: 500px;
    }

    .product-details {
        min-width: 200px;
    }

    /*.global-button.open {*/
        /*right: 0px;*/
    /*}*/

    #family-nav .nav-item {
        width: 12.5%;
    }

    .floating-images {
        display: none;
    }

    #colorCardsCampaignConfirmation {
        padding: 20px 15px;
    }

    #colorCardsCampaignConfirmation p {
        font-size: 27px;
        margin-bottom: 20px;
    }

    #colorCardsCampaignConfirmation p.small-text {
        font-size: 17px;
        margin-bottom: 25px;
    }

    #colorCardsCampaignConfirmation .social-icons {
        font-size: 60px;
        margin-bottom: 60px;
    }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
    .farbkarten-liste li,
    #all-colors ul li{
        width: 50%;
        max-width: 50%;
    }

    .farbkartne-liste {
        width: 100%;
        max-width: 100%;
    }

    #all-colors ul.families li {
        max-width: 50%;
        width: 50%;
    }

    #family-nav .nav-item {
        width: 12.5%;
    }
}

@media (max-width: 360px) {
    #colorCardsCampaignConfirmation p {
        font-size: 25px;
        margin-bottom: 18px;
    }

    #colorCardsCampaignConfirmation p.small-text {
        font-size: 15px;
        margin-bottom: 20px;
    }

    #colorCardsCampaignConfirmation .social-icons {
        font-size: 55px;
        margin-bottom: 50px;
    }
}

@media (min-width: 1921px) {

    #holy-wrap img {
        width: 100%;
        height: auto;
    }

}

/*  #############
    Colorcampaign 
    ############# */

@media (min-width: 460px) {
    #colorCardsCampaign .intro img {
        width: 240px;
    }
    #selectedCards {
        left: 50%;
        margin-left: -160px;
        width: 320px;
    }
}

@media (min-width: 600px) {
    #selectedCards {
        width: 100%;
        margin-left: -225px;
        left: 50%;
        top: 30px;
    }
    #selectedCards .selectedInner {
        width: 100%;
        margin: 0;
    }
    #selectedCards .orderForm {
        margin-top: 0;
    }
    #colorCardsCampaign .colorsIntro {
        margin: 0 auto 20px auto;
    }
    #colorCardsCampaign .addBtn a {
        font-size: 14px;
    }
    #colorCardsCampaign .intro img {
        width: 50vw;
    }
}
@media (min-width: 600px) {
    #colorCardsCampaign .canvasWrap {
        display: block;
    }
    #colorCardsCampaign .intro {
        padding: 0;
    }
    #colorCardsCampaign .marker .ok {
        font-size: 20px;
    }
    #colorCardsCampaign .enlarge {
        font-size: 18px;
    }
    #selectedCards {
        bottom: auto;
    }
    #selectedCards .dummy {
        width: 60px;
        height: 60px;
        margin-right: 10px;
    }
    #selectedCards .cartColor {
        width: 58px;
        height: 58px;
    }
    #selectedCards .selectedInner {
        width: auto;
        margin: 0 auto 10px auto;
    }
    #selectedCards .orderForm {
        padding: 15px 30px;
        float: left;
        font-size: 13px;
        width: 200px;
    }
    #selectedCards .cartColor .removeColor {
        width: 50px;
        height: 50px;
    }
    #colorCardsCampaign .colorSpacer {
        height: 38px;
    }
}
@media (min-width: 768px) {
    #family-nav .nav-item {
        margin-top: 30px;
    }
    #colorCardsCampaign .canvasBg {
        bottom: 200px;
    }
    #colorCardsCampaign .bottom {
        height: 200px;
    }
    #colorCardsCampaign .rCanvas,
    #colorCardsCampaign .lCanvas {
        bottom: 124px;
    }
    #colorCardsCampaign .colorsIntro {
        padding: 15px 30px;
    }
    #colorCardsCampaign .lCanvas {
        background-position: right bottom;
    }
    #colorCardsCampaign .rCanvas {
        background-position: left bottom;
    }
    #selectedCards {
        top: 30px;
    }
    #colorCardsCampaign .colorsIntro {
        width: 355px;
    }
}

@media (min-width: 992px) {
    .ff-stoerer {
        display: block;
    }
    #colorCardsCampaign .furniture .carpet06 {
        width: 1185px;
        right: 50%;
        margin-right: -592px;
    }
    #colorCardsCampaign .furniture .carpet10 {
        width: 960px;
        right: 50%;
        margin-right: -480px;
    }
    #colorCardsCampaign .furniture .carpet14 {
        width: 1174px;
        right: 50%;
        margin-right: -587px;
    }
}
@media (min-width: 1200px) {
    #family-slider .slide .text-box p,
    #family-slider .slide .text-box .mText {
        max-width: 75%;
    }
    #family-slider .slide .text-box .mText {
        margin: 0 auto;
    }
    .ff-stoerer {
        width: 314px;
        position: absolute;
        top: 490px;
        right: 50%;
        margin-right: -157px;
    }
    #colorCardsCampaign .intro img {
        width: 240px;
    }
    /* furniture color 06 */
    #colorCardsCampaign .furniture .table06 {
        width: 36vw;
        right: 20vw;
        bottom: -2vh;
    }
    #colorCardsCampaign .furniture .couch06 {
        width: 42vw;
        right: 5vw;
    }
    #colorCardsCampaign .furniture .carpet06 {
        width: 180vw;
        right: 50vw;
    }
    #colorCardsCampaign .furniture .stool06 {
        width: 24vw;
        left: 30vw;
    }
    #colorCardsCampaign .furniture .flower06 {
        width: 13vw;
        left: 20vw;
        bottom: 8vh;
    }
    /* furniture color 10 */
    #colorCardsCampaign .furniture .table10 {
        width: 28vw;
        right: 25vw;
        bottom: 1vh;
    }
    #colorCardsCampaign .furniture .couch10 {
        width: 32vw;
        left: 20vw;
        bottom: 2vh;
    }
    #colorCardsCampaign .furniture .carpet10 {
        width: 180vw;
        right: 50vw;
        bottom: 4vh;
    }
    #colorCardsCampaign .furniture .schale10 {
        width: 11vw;
        left: 30vw;
        bottom: 0;
    }
    #colorCardsCampaign .furniture .board10 {
        width: 27vw;
        right: 9vw;
        bottom: 10vh;
    }
    #colorCardsCampaign .furniture .lamp10 {
        width: 11vw;
        left: 14vw;
        bottom: 14vh;
    }
    /* furniture color 14 */
    #colorCardsCampaign .furniture .beistelltisch14 {
        width: 15vw;
        right: 16vw;
        bottom: 13vh;
    }
    #colorCardsCampaign .furniture .tisch14 {
        width: 45vw;
        left: 21vw;
        bottom: 1vh;
    }
    #colorCardsCampaign .furniture .fellstuhl14 {
        width: 27vw;
        right: 33vw;
        bottom: 6.5vh;
    }
    #colorCardsCampaign .furniture .carpet14 {
        width: 180vw;
        right: 50vw;
        bottom: 4vh;
    }
    #colorCardsCampaign .furniture .hocker14 {
        width: 19vw;
        left: 26vw;
        bottom: 0;
    }
    #colorCardsCampaign .furniture .lampe14 {
        width: 11vw;
        right: 12vw;
        bottom: 14vh;
    }
    #colorCardsCampaign .furniture .stuhl14 {
        width: 24vw;
        left: 15vw;
        bottom: 7.5vh;
    }
}
@media (min-width: 1620px) {
    #global-button-toggle {
        display: none;
    }
    #colorCardsCampaign .intro img {
        width: 240px;
    }
        /* furniture color 06 */
    #colorCardsCampaign .furniture .table06 {
        width: 40vw;
        right: 20vw;
        bottom: 0;
    }
    #colorCardsCampaign .furniture .couch06 {
        width: 47vw;
        right: 5vw;
    }
    #colorCardsCampaign .furniture .carpet06 {
        width: 200vw;
        right: 50vw;
    }
    #colorCardsCampaign .furniture .stool06 {
        width: 27vw;
        left: 30vw;
    }
    #colorCardsCampaign .furniture .flower06 {
        width: 14vw;
        left: 20vw;
        bottom: 8vh;
    }
    /* furniture color 10 */
    #colorCardsCampaign .furniture .table10 {
        width: 31vw;
        right: 25vw;
        bottom: 1vh;
    }
    #colorCardsCampaign .furniture .couch10 {
        width: 36vw;
        left: 20vw;
        bottom: 2vh;
    }
    #colorCardsCampaign .furniture .carpet10 {
        width: 200vw;
        right: 50vw;
        bottom: 4vh;
    }
    #colorCardsCampaign .furniture .schale10 {
        width: 12vw;
        left: 30vw;
        bottom: 0;
    }
    #colorCardsCampaign .furniture .board10 {
        width: 31vw;
        right: 9vw;
        bottom: 10vh;
    }
    #colorCardsCampaign .furniture .lamp10 {
        width: 12vw;
        left: 14vw;
        bottom: 14vh;
    }
    /* furniture color 14 */
    #colorCardsCampaign .furniture .beistelltisch14 {
        width: 16vw;
        right: 16vw;
        bottom: 13vh;
    }
    #colorCardsCampaign .furniture .tisch14 {
        width: 50vw;
        left: 30vw;
        bottom: 1vh;
    }
    #colorCardsCampaign .furniture .fellstuhl14 {
        width: 31vw;
        right: 20vw;
        bottom: 8.5vh;
    }
    #colorCardsCampaign .furniture .carpet14 {
        width: 200vw;
        right: 50vw;
        bottom: 4vh;
    }
    #colorCardsCampaign .furniture .hocker14 {
        width: 21vw;
        left: 30vw;
        bottom: 0;
    }
    #colorCardsCampaign .furniture .lampe14 {
        width: 12vw;
        right: 18vw;
        bottom: 14vh;
    }
    #colorCardsCampaign .furniture .stuhl14 {
        width: 27vw;
        left: 19vw;
        bottom: 7.5vh;
    }
}

@media (orientation: portrait) {
    #colorCardsCampaign .furniture-item {
        bottom: 8vh;
    }
    /* furniture color 06 */
    #colorCardsCampaign .furniture .table06 {
        width: 60vh;
        right: -25vw;
        bottom: 3vh;
    }
    #colorCardsCampaign .furniture .couch06 {
        width: 70.5vh;
        right: -62vw;
    }
    #colorCardsCampaign .furniture .stool06 {
        width: 40.5vh;
        left: 1vh;
        bottom: 9vh;
    }
    #colorCardsCampaign .furniture .flower06 {
        width: 21vh;
        left: -2vw;
        bottom: 14vh;
        display: none;
    }
    /* furniture color 10 */
    #colorCardsCampaign .furniture .table10 {
        width: 46.5vh;
        right: -20vh;
        bottom: 3vh;
    }
    #colorCardsCampaign .furniture .couch10 {
        width: 54vh;
        left: 1vw;
        bottom: 4vh;
    }
    #colorCardsCampaign .furniture .schale10 {
        width: 18vh;
        left: 0;
        bottom: 2vh;
    }
    #colorCardsCampaign .furniture .board10 {
        width: 46.5vh;
        right: -30vw;
        bottom: 12vh;
    }
    #colorCardsCampaign .furniture .lamp10 {
        width: 18vh;
        left: 1vw;
        bottom: 16vh;
        display: none;
    }
    /* furniture color 14 */
    #colorCardsCampaign .furniture .beistelltisch14 {
        display: none;
    }
    #colorCardsCampaign .furniture .tisch14 {
        width: 75vh;
        z-index: 26;
        left: 19vw;
        bottom: 3vh;
    }
    #colorCardsCampaign .furniture .fellstuhl14 {
        width: 46.5vh;
        right: -50vw;
        bottom: 8vh;
    }
    
    #colorCardsCampaign .furniture .hocker14 {
        width: 31.5vh;
        left: 26vw;
        bottom: 2vh;
        display: none;
    }
    #colorCardsCampaign .furniture .lampe14 {
        width: 18vh;
        right: -4vw;
        bottom: 16vh;
        display: none;
    }
    #colorCardsCampaign .furniture .stuhl14 {
        width: 40.5vh;
        left: 0;
        bottom: 8vh;
    }
}

@media (orientation: portrait) and (min-width: 600px) {
    #colorCardsCampaign .furniture-item {
        bottom: 6vh;
    }
    /* furniture color 06 */
    #colorCardsCampaign .furniture .table06 {
        bottom: 1vh;
    }
    #colorCardsCampaign .furniture .couch06 {
    }
    #colorCardsCampaign .furniture .stool06 {
        bottom: 7vh;
        left: 5vh;
    }
    #colorCardsCampaign .furniture .flower06 {
        bottom: 12vh;
        display: block;
    }
    #colorCardsCampaign .furniture .carpet06 {
    }
    /* furniture color 10 */
    #colorCardsCampaign .furniture .table10 {
        bottom: 1vh;
    }
    #colorCardsCampaign .furniture .couch10 {
        bottom: 2vh;
    }
    #colorCardsCampaign .furniture .carpet10 {
    }
    #colorCardsCampaign .furniture .schale10 {
        bottom: 0;
    }
    #colorCardsCampaign .furniture .board10 {
        bottom: 10vh;
    }
    #colorCardsCampaign .furniture .lamp10 {
        bottom: 14vh;
        display: block;
    }
    /* furniture color 14 */
    #colorCardsCampaign .furniture .tisch14 {
        bottom: 1vh;
    }
    #colorCardsCampaign .furniture .fellstuhl14 {
        bottom: 6vh;
        right: -25vh;
    }
    #colorCardsCampaign .furniture .carpet14 {
    }
    #colorCardsCampaign .furniture .hocker14 {
        bottom: 0;
    }
    #colorCardsCampaign .furniture .lampe14 {
        bottom: 14vh;
    }
    #colorCardsCampaign .furniture .stuhl14 {
        bottom: 6vh;
    }
}
@media (orientation: portrait) and (min-width: 768px) {
    #colorCardsCampaign .furniture-item {
        bottom: 8vh;
    }

    /* furniture color 06 */
    #colorCardsCampaign .furniture .table06 {
        width: 80vw;
        right: -12vw;
    }
    #colorCardsCampaign .furniture .couch06 {
        width: 94vw;
        right: -40vw;
    }
    #colorCardsCampaign .furniture .stool06 {
        width: 54vw;
        left: 14vw;
    }
    #colorCardsCampaign .furniture .flower06 {
        width: 28vw;
        left: -2vw;
    }
    #colorCardsCampaign .furniture .carpet06 {
        width: 1185px;
        right: 50%;
        margin-right: -592px;
    }
    /* furniture color 10 */
    #colorCardsCampaign .furniture .table10 {
        width: 62vw;
        right: -10vh;
    }
    #colorCardsCampaign .furniture .couch10 {
        width: 72vw;
        left: 6vw;
    }
    #colorCardsCampaign .furniture .carpet10 {
        width: 960px;
        right: 50%;
        margin-right: -480px;
    }
    #colorCardsCampaign .furniture .schale10 {
        width: 24vw;
        left: 0;
    }
    #colorCardsCampaign .furniture .board10 {
        width: 62vw;
        right: -15vw;
    }
    #colorCardsCampaign .furniture .lamp10 {
        width: 24vw;
        left: 1vw;
    }
    /* furniture color 14 */
    #colorCardsCampaign .furniture .beistelltisch14 {
        display: none;
    }
    #colorCardsCampaign .furniture .tisch14 {
        width: 100vw;
        z-index: 23;
        left: 26vw;
    }
    #colorCardsCampaign .furniture .fellstuhl14 {
        width: 62vw;
        right: -26vw;
    }
    #colorCardsCampaign .furniture .carpet14 {
        width: 1174px;
        right: 50%;
        margin-right: -587px;
    }
    #colorCardsCampaign .furniture .hocker14 {
        width: 42vw;
        left: 26vw;
        display: block;
    }
    #colorCardsCampaign .furniture .lampe14 {
        width: 24vw;
        right: -4vw;
        display: block;
    }
    #colorCardsCampaign .furniture .stuhl14 {
        width: 54vw;
        left: 10vw;
    }
}
@media (min-width: 768px) and (max-height: 820px) {
    #colorCardsCampaign .intro img {
        margin: 4vh auto 0 auto;
        width: 170px;
    }
}
@media (orientation: landscape) and (max-width: 767px) {
    #colorCardsCampaign .bottom {
        height: 185px;
    }
}   

@media screen and (max-width: 768px) {
    .slider-bg {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 460px) {
    .teaser .inner-wrap {
        padding: 15px;
    }
    .teaser h2 {
        font-size: 22px;
        line-height: 29px;
        word-wrap: normal;
    }
    .teaser .inner-wrap p {
        font-size: 15px;
    }
}
@media screen and (max-width: 450px) {
    .fancybox-overlay #farbkarten-auswahl {
        padding-right: 5px;
        padding-left: 5px;
    }
    .fancybox-overlay #farbkarten-auswahl > .row {
        margin-right: -5px;
        margin-left: -5px;
    }
    .fancybox-overlay #farbkarten-auswahl #all-colors h2,  
    .fancybox-overlay #farbkarten-auswahl h2 {
        word-wrap: normal;
        font-size: 24px;
        margin-bottom: 20px;
    }
    .fancybox-overlay p, 
    .fancybox-overlay .text-box p, 
    .fancybox-overlay .text-box .mText {
        font-size: 15px;
        line-height: 24px;
    }
    .product-partial h3 {
        font-size: 19px;
        word-wrap: normal;
    }
    .product-partial .character div, 
    .personality div, .inspiration div, 
    .harmony div {
        padding: 20px;
    }
    .fancybox-overlay .product-details > h2 {
        word-wrap: normal;
        font-size: 18px;
    }
}
@media (max-width: 400px) {
    .teaser h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
        word-wrap: normal;
    }
    .teaser .col-sm-10.col-sm-offset-1 {
        padding-left: 0px;
        padding-right: 0px;
    }
}