/* Media queries */

@media(min-width: 990px) and (max-width: 1199px) {
    .wrapper {
        width: 970px;
    }

    .listing .item {
        width: 160px;
    }
}

@media(min-width: 768px) and (max-width: 989px) {
    .wrapper {
        width: 750px;
    }

    .button {
        font-size: 54px; line-height: 52px;
    }

    .listing .item {
        width: 248px;
    }

    .listing .item:nth-child(6n) {
        margin-right: 2px;
    }

    .listing .item:nth-child(3n) {
        margin-right: 0;
    }

    .promo-large-01 .slogan {
        font-size: 44px; line-height: 44px;
    }

    .promo-large-02 .slogan {
        font-size: 52px; line-height: 52px;
    }

    .promo-large-02 .buttons .item {
        padding-left: 0; padding-right: 0;
        background-image: none;
    }

    .promo-large-02 .buttons .item.item-join .button {
        font-size: 42px;
    }

    .promo-large-02 .buttons .item.item-boobs:before,
    .promo-large-02 .buttons .item.item-video:before {
        display: none;
    }

    .promo-large-03 .slogan {
        font-size: 44px; line-height: 44px;
    }

}

@media(min-width: 480px) and (max-width: 767px) {
    .wrapper {
        width: 460px;
    }

    .button {
        font-size: 54px; line-height: 52px;
    }

    .listing .item {
        width: 152px;
    }

    .listing .item:nth-child(6n) {
        margin-right: 2px;
    }

    .listing .item:nth-child(3n) {
        margin-right: 0;
    }

    .promo-large-01 .slogan {
        font-size: 40px; line-height: 40px;
    }

    .promo-large-01 .slogan span {
        display: inline;
    }

    .promo-large-01 .button {
        font-size: 45px;
    }

    .promo-large-02 .slogan {
        font-size: 40px; line-height: 40px;
    }

    .promo-large-02 .slogan span {
        display: inline;
    }

    .promo-large-02 .buttons .item {
        width: 47.5%;
    }

    .promo-large-02 .buttons .item:nth-child(2) {
        margin-right: 0;
    }

    .promo-large-02 .buttons .item.item-join {
        width: 100%;
        margin-top: 20px;
    }

    .promo-large-03 .slogan {
        font-size: 40px; line-height: 40px;
    }

    .promo-large-03 .slogan span {
        display: inline;
    }

    .promo-large-03 .button {
        font-size: 45px;
    }
}

@media(max-width: 479px) {
    .wrapper {
        width: 300px;
    }

    .button {
        padding-left: 8px; padding-right: 8px;
        background-image: none;
        font-size: 38px; line-height: 38px;
    }

    .button:hover {
        padding-left: 8px; padding-right: 8px;
        transform: scale(1.05);
    }

    .listing .item {
        width: 149px;
    }

    .listing .item:nth-child(6n) {
        margin-right: 2px;
    }

    .listing .item:nth-child(2n) {
        margin-right: 0;
    }

    .promo-large-01 .slogan {
        font-size: 38px; line-height: 38px;
    }

    .promo-large-01 .slogan span {
        display: inline;
    }

    .promo-large-02 .slogan {
        font-size: 38px; line-height: 38px;
    }

    .promo-large-02 .slogan span {
        display: inline;
    }

    .promo-large-02 .buttons {
        margin-top: 25px;
    }

    .promo-large-02 .buttons .item {
        width: 100%;
    }

    .promo-large-02 .buttons .item.item-join {
        width: 100%; height: auto;
        margin-top: 15px;
    }

    .promo-large-02 .buttons .item.item-join .button {
        height: auto;
        font-size: 44px;
    }

    .promo-large-03 .slogan {
        font-size: 44px; line-height: 44px;
    }

    .promo-large-03 .slogan {
        font-size: 38px; line-height: 38px;
    }

    .promo-large-03 .slogan span {
        display: inline;
    }
}