.desktop-hidden { display: none; }

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

#layout { margin: 0; }

#header .logo { margin: 10px 0 10px 10px !important; }
#header .social { margin: 28px 10px 0 0 !important; }
#breadcrumbs { margin: 1em 10px 0; }

#content { margin: 0 10px; }

.columns .columnVisual,
.columns .columnProduct {
    margin: 10px 0;
    width: auto !important;
    float: none;
    }

.columns .columnProduct {
    margin-bottom: 30px;
    }

.columns .columnProduct H4 { font-size: 6vw; }

.rating SMALL { font-size: .65rem; }

.pricing {
    font-size: 5.5vw;
    margin: .5em 0;
    }
.pricing .v B { font-size: 5.5vw; }
.pricing .fee { font-size: 3.75vw; }

.columnProduct .purchase-button .inner {
    font-size: 14px;
    background-position: 4px 4px;
    }

.columns .columnContent {
    margin: 0 0 25px;
    }

.columnProduct .purchase-button I { display: none; }

.button { font-size: 4.75vw; }

#footer {
    margin: 30px 0 0;
    position: inherit;
    left: auto;
    right: auto;
    bottom: auto;
    }

.mobile-hidden { display: none; }
.desktop-hidden { display: block; }

}

@media (max-width: 767px) {

#header .mmenu {
    font-size: .65em;
    margin: 0 25px 1em;
    }

.vipbox {
    border: 3px solid #000;
    padding: .5em 1em;
    margin: 1em 0;
    overflow: hidden;
    position: relative;
    }

    .vipbox .handphone {
        background-image: url(../i/phone-on-hand.jpg);
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: contain;

        margin-bottom: 1em;
        width: 100%;
        height: 66vw;
        position: unset;
        }

}

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

#header .mmenu {
    font-size: .65em;
    margin: 30px 10px 0 0;
    }

.columnProduct .purchase-button {}

    .columnProduct .purchase-button .inner {
        font-size: 3vw;
        background-position: 1.15vw .75vw;
        background-size: 4vw;
        padding: 1.15vw 2vw 1.15vw 6vw;
        }

}

@media (max-width: 520px) {

.mobile-visible { display: unset !important; }

.columnContent H1 {
    margin: .25em 0 0;
    }

.columnContent .subhead {
    line-height: 1.35;
    margin: .5em 0;
    }

#tagline { border-bottom: 7px solid #fcf7d8; }

.purchase-button {
    background-position: center left 1.15em;
    padding: .85em 1.5em .85em 2.5em;
    }

.purchase-button:hover {
    background-position: center left 1.15em;
    }

}