@media (max-width: 767px) {
    body {
        margin-top: 0;
        background: url(../img/butch/background/bg_repeat_y.png) center top repeat;
    }

}

@media (min-width: 768px) {
    body {
        margin-top: 0;
        background: url(../img/butch/background/top_area_bg_home.jpg) center top no-repeat,
        url(../img/butch/background/bg_repeat_y.png) center top repeat;
    }
}

@media (min-width: 992px){

    .main_area .sticker_badge {
        margin: 40px 0 0 0;
    }

}

@media (min-width: 1200px) {
    body {
        margin-top: 0;
        background: url(../img/butch/background/top_area_bg_home.jpg) center top no-repeat,
        url(../img/butch/background/bg_repeat_y.png) center top repeat;
    }

    .main_area .sticker_badge {
        margin: 40px 0 0 100px;
    }
}

.main_area .sticker_badge {
    float: left;
    width: 142px;
    height: 142px;
    background: url(../img/butch/sticker_sprite.png) no-repeat;
}

.page_banner_content .sticker_badge {
    float: left;
    width: 142px;
    height: 142px;
    background: url(../img/butch/sticker_sprite.png) no-repeat;
}

.main_area .sticker_badge:hover {
    background-position: 0 -142px;
    cursor: pointer;
    text-indent: -1000px;
}

.page_banner_img{
    background: url(../img/butch/background/top_area_bg_home.jpg) center top no-repeat;
    background-size: cover;
    min-height: 300px;

}

.body_page_banner{
    background: url(../img/butch/background/bg_repeat_y.png) center top repeat;
}

.banner-hover {
    padding: 10px 0;
}